{"version":3,"file":"app-761eece1.46b885fe040f6e78.bundle.js","mappings":"uNAGIA,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,GAAI,srKAAurK,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,sEAAsE,6DAA6D,yDAAyD,MAAQ,GAAG,SAAW,otDAAotD,WAAa,MAE9qO,S,gGCJA,QAFW,omO","sources":["webpack://client-app/./src/app/components/filter/selector/filter-selector.scss","webpack://client-app/./src/app/components/filter/selector/filter-selector.html"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.filter-selector{display:grid;grid-template-columns:minmax(200px, 300px) 1fr;height:calc(100vh - 50px - 50px - 60px);overflow:hidden;width:calc(100vw - 60px)}@media screen and (orientation: portrait){[data-device-type=mobile] .filter-selector,[data-device-type=tablet] .filter-selector{display:flex;flex-direction:column}}.filter-selector-header{background:#f0f3f4}.filter-selector-header .actions-bar{display:grid;grid-auto-flow:column;gap:calc(15px/2)}.filter-selector-header .dropdown-menu--saved-filters__inner{max-height:600px;overflow:auto}.filter-selector-header .dropdown-menu--saved-filters .dropdown-item{display:grid;grid-template-columns:auto 2.5em;align-items:center;gap:15px;padding:calc(15px/2) calc(15px/2) calc(15px/2) 0;min-height:3.75em}.filter-selector-header .dropdown-menu--saved-filters .load-filter{cursor:pointer;display:flex;align-items:center;gap:calc(15px/2);height:100%;padding-left:15px}.filter-selector__left{display:grid;grid-template-rows:3.5em 1fr;border-right:1px solid rgba(0,0,0,.175);position:relative;width:100%;overflow:auto}.filter-selector__left .filters-search{background:#fff;border:none;border-bottom:1px solid rgba(0,0,0,.175);padding:12px 15px;width:100%;outline:none}.filter-selector__left .list-available--filters,.filter-selector__left .list-available--categories{padding:calc(15px/2) 0;position:relative;overflow:auto}.filter-selector__left .list-available--filters .filter,.filter-selector__left .list-available--filters .filter-row,.filter-selector__left .list-available--filters .category,.filter-selector__left .list-available--categories .filter,.filter-selector__left .list-available--categories .filter-row,.filter-selector__left .list-available--categories .category{cursor:pointer;display:flex;justify-content:space-between;align-items:center;margin:0;padding:calc(15px/2) 15px;transition:background-color 200ms ease-in-out}.filter-selector__left .filter-name{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:calc(15px/3)}.filter-selector__left .filter-name[data-is-used=true]{font-weight:600}.filter-selector__toggle{margin-right:calc(15px/2)}.filter-selector__right{overflow:auto}.filter-selector__right .title{display:flex;align-items:center;border-bottom:1px solid rgba(0,0,0,.175);margin-top:.75em;margin-bottom:.75em}.filter-selector__right .inner{display:grid;grid-template-rows:max-content;height:calc(100vh - 50px - 50px - 60px);overflow-y:auto;padding:0 15px}.filter-selector__right label{margin:0}.filter-selector__right input{background:#efefef;border:none;padding:calc(15px/4) calc(15px/2)}.filter-selector__right input[type=text]{width:100%}.filter-selector__right input[type=radio],.filter-selector__right input[type=checkbox]{display:none}.filter-selector__right .filter-name{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:calc(15px/3)}.filter-selector__right .filter-name[data-is-used=true]{font-weight:600}.filter-selector__right .selected-category-container{padding-bottom:calc(15px*2)}.filter-selector__right .selected-category-container .selected-category{display:inline-flex;justify-content:space-between;align-items:center;height:3.5em;margin:0;transition:background-color 200ms ease-in-out}.filter-selector__right .selected-category-container .selected-category>.btn{margin-left:15px}.filter-selector__right .invalid-filters .list{display:grid;gap:calc(15px/3)}.filter-selector__right .invalid-filters .list>.item{display:grid;grid-template-columns:35px 1fr;column-gap:3px;height:3em}.filter-selector__right .invalid-filters .list>.item .name{color:#ff5b57;height:inherit;line-height:3em}.filter-selector__right .grouped-filters{padding-bottom:calc(15px*2)}.filter-selector__right .grouped-filters .top{font-weight:600;display:grid;grid-template-columns:minmax(160px, 1fr) 80px 112px minmax(160px, 1fr) 80px;align-items:center;gap:15px;height:3em}.filter-selector__right .grouped-filters .list{display:grid;grid-auto-flow:row;gap:calc(15px/3)}.filter-selector__right .grouped-filters .list .filter{display:grid;grid-template-columns:minmax(160px, 1fr) 80px 112px minmax(160px, 1fr) 80px;align-items:center;gap:15px;height:2.5em}.filter-selector__right .grouped-filters .list .filter-row{display:flex;align-items:center;position:relative;width:100%}.filter-selector__right .grouped-filters .list filter-handler{width:100%}.filter-selector__right .grouped-filters .list .drag-handle{cursor:initial}.filter-selector__right .selected-filters filter-handler{width:100%}.filter-selector__right .selected-filters .top{font-weight:600;display:grid;grid-template-columns:minmax(160px, 1fr) 80px 112px minmax(160px, 1fr) 80px;align-items:center;gap:15px;height:3em;margin-left:38px}.filter-selector__right .selected-filters .list{display:grid;grid-auto-flow:row;gap:calc(15px/3);margin-left:38px}.filter-selector__right .selected-filters .list .filter{display:grid;grid-template-columns:minmax(160px, 1fr) 80px 112px minmax(160px, 1fr) 80px;align-items:center;gap:15px;height:2.5em}.filter-selector__right .selected-filters .list .filter-row{display:flex;align-items:center;position:relative;width:100%}.filter-selector__right .selected-filters .list .filter-row>.btn{position:absolute;left:-38px}.filter-selector__right .column{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}`, \"\",{\"version\":3,\"sources\":[\"webpack://./src/app/components/filter/selector/filter-selector.scss\",\"webpack://./src/resources/customized-styles/variables.scss\",\"webpack://./src/resources/color-admin/_variables.scss\"],\"names\":[],\"mappings\":\"AAKA,iBACC,YAAA,CACA,8CAAA,CACA,uCAAA,CACA,eAAA,CACA,wBAAA,CAGC,0CADD,sFAEE,YAAA,CACA,qBAAA,CAAA,CAIF,wBACC,kBCTa,CDWb,qCACC,YAAA,CACA,qBAAA,CACA,gBAAA,CAIA,6DACC,gBAAA,CACA,aAAA,CAGD,qEACC,YAAA,CACA,gCAAA,CACA,kBAAA,CACA,QCrBK,CDsBL,gDAAA,CACA,iBAAA,CAGD,mEACC,cAAA,CACA,YAAA,CACA,kBAAA,CACA,gBAAA,CACA,WAAA,CACA,iBChCK,CDsCT,uBACC,YAAA,CACA,4BAAA,CACA,uCAAA,CACA,iBAAA,CACA,UAAA,CACA,aAAA,CAEA,uCACC,eAAA,CACA,WAAA,CACA,wCAAA,CACA,iBAAA,CACA,UAAA,CACA,YAAA,CAGD,mGAEC,sBAAA,CACA,iBAAA,CACA,aAAA,CAEA,qWAGC,cAAA,CACA,YAAA,CACA,6BAAA,CACA,kBAAA,CACA,QAAA,CACA,yBAAA,CACA,6CAAA,CAIF,oCACC,YAAA,CACA,8BAAA,CACA,kBAAA,CACA,gBAAA,CAEA,uDACC,eAAA,CAKH,yBACC,yBAAA,CAGD,wBACC,aAAA,CAEA,+BACC,YAAA,CACA,kBAAA,CACA,wCAAA,CACA,gBAAA,CACA,mBAAA,CAGD,+BACC,YAAA,CACA,8BAAA,CACA,uCAAA,CACA,eAAA,CACA,cAAA,CAGD,8BACC,QAAA,CAGD,8BACC,kBAAA,CACA,WAAA,CACA,iCAAA,CAEA,yCACC,UAAA,CAED,uFACC,YAAA,CAIF,qCACC,YAAA,CACA,8BAAA,CACA,kBAAA,CACA,gBAAA,CAEA,wDACC,eAAA,CAIF,qDACC,2BAAA,CAEA,wEACC,mBAAA,CACA,6BAAA,CACA,kBAAA,CACA,YAAA,CACA,QAAA,CACA,6CAAA,CAEA,6EACC,gBCrJK,CD2JP,+CACC,YAAA,CACA,gBAAA,CAEA,qDACC,YAAA,CACA,8BAAA,CACA,cAAA,CACA,UAAA,CAEA,2DACC,aExIS,CFyIT,cAAA,CACA,eAAA,CAMJ,yCACC,2BAAA,CAEA,8CACC,eAAA,CACA,YAAA,CACA,2EAAA,CACA,kBAAA,CACA,QCtLM,CDuLN,UAAA,CAGD,+CACC,YAAA,CACA,kBAAA,CACA,gBAAA,CAEA,uDACC,YAAA,CACA,2EAAA,CACA,kBAAA,CACA,QCnMK,CDoML,YAAA,CAEA,2DACC,YAAA,CACA,kBAAA,CACA,iBAAA,CACA,UAAA,CAIF,8DACC,UAAA,CAGD,4DACC,cAAA,CAOF,yDACC,UAAA,CAGD,+CACC,eAAA,CACA,YAAA,CACA,2EAAA,CACA,kBAAA,CACA,QCnOM,CDoON,UAAA,CACA,gBAAA,CAED,gDACC,YAAA,CACA,kBAAA,CACA,gBAAA,CACA,gBAAA,CAEA,wDACC,YAAA,CACA,2EAAA,CACA,kBAAA,CACA,QCjPK,CDkPL,YAAA,CAEA,4DACC,YAAA,CACA,kBAAA,CACA,iBAAA,CACA,UAAA,CAEA,iEACC,iBAAA,CACA,UAAA,CAOL,gCACC,eAAA,CACA,kBAAA,CACA,sBAAA\",\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Module\nvar code = `<template class=\"filter-selector\"> <require from=\"./filter-selector.scss\"></require> <require from=\"app/components/filter/handler/filter-handler\"></require> <require from=\"app/components/dialog/modal.scss\"></require> <ux-dialog> <ux-dialog-header class=\"filter-selector-header\"> <div class=\"actions-bar\"> <button data-cy=\"editGrouping\" disabled.bind=\"isEditGroupingClicked || gridMode === 'grid'\" click.trigger=\"openFilterGroupingSelector()\" class=\"btn btn-with-theme btn-icon-text\" i18n=\"translation:[title]EditGroupingFilters\"> <i class=\"far fa-pen\"></i> <span i18n=\"translation:EditGrouping\">Edit grouping</span> </button> <div class=\"btn-group\" role=\"group\"> <button data-cy=\"toggleSavedFilters\" id=\"btnFilters\" value.bind=\"appContext.selectedFilterNAME\" disabled.bind=\"!selectedCategory || savedFilters.length < 1\" type=\"button\" class=\"btn btn-with-theme dropdown-toggle\" data-bs-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" i18n=\"translation:[title]Load view\"> \\${appContext.selectedFilterNAME} </button> <div data-cy=\"savedFilters\" class=\"dropdown-menu dropdown-menu--saved-filters\" aria-labelledby=\"btnFilters\"> <div class=\"dropdown-menu--saved-filters__inner\"> <div class=\"dropdown-item\" repeat.for=\"filter of savedFilters | sort: {propertyName:'name'}\"> <div class=\"load-filter\" click.delegate=\"displaySavedFilterCfg(filter)\"> <i if.bind=\"filter.availability === 3\" class=\"far fa-globe fa-fw\"></i> <i if.bind=\"filter.availability === 1\" class=\"far fa-user-shield fa-fw\"></i> <div>\\${filter.name}</div> </div> <button class=\"btn btn-icon btn-default\" if.bind=\"filter.createdByUserId === appContext.currentUser.id || filter.availability === 1 || filter.availability === 3 && appContext.currentUser.roles.includes('AOC_Admin')\" click.delegate=\"deleteFilter(filter)\"><i class=\"fa-solid fa-trash fa-fw\"></i></button> </div> </div> </div> </div> <button data-cy=\"newFilter\" click.delegate=\"newFilter()\" class=\"btn btn-with-theme\" i18n=\"translation:[title]New Filter\"> <i class=\"fas fa-plus\"></i> </button> <button data-cy=\"saveFilter\" disabled.bind=\"!filterSelected\" click.delegate=\"saveFilter()\" class=\"btn btn-with-theme\" i18n=\"translation:[title]SaveFilter\"> <i class=\"fas fa-save\"></i> </button> <button data-cy=\"duplicateFilter\" disabled.bind=\"!filterSelected\" click.delegate=\"duplicateFilter()\" class=\"btn btn-with-theme\" i18n=\"translation:[title]Duplicate Filter\"> <i class=\"fas fa-clone\"></i> </button> <div class=\"divider--vertical\"></div> <button class=\"btn btn-with-theme\" click.delegate=\"openCombineFilters()\" i18n=\"translation:Combine Views\"> Combine views </button> </div> </ux-dialog-header> <ux-dialog-body> <div class=\"filter-selector\"> <div class=\"filter-selector__left\"> <input type=\"text\" value.bind=\"searchFilter\" class=\"filters-search\" i18n=\"[placeholder]translation:Search\"> <div data-cy=\"available-categories\" if.bind=\"selectCategory\" class=\"list-available--categories\"> <div data-cy=\"\\${category.name}\" repeat.for=\"category of categories | search: { searchTerm: searchFilter, columns: ['name'] } | sort: {propertyName: 'name'}\" click.delegate=\"chooseCategory(category)\" class=\"category\"> \\${category.name} </div> </div> <div data-cy=\"available-filters\" if.bind=\"!selectCategory\" class=\"list-available--filters\"> <div data-cy=\"\\${filter.name}\" data-index=\"\\${\\$index}\" repeat.for=\"filter of available | search: { searchTerm: searchFilter, columns: ['name'] } | sort: {propertyName: 'name'}\" click.delegate=\"select(filter)\" class=\"filter-row\"> <button if.bind=\"filter === \\$parent.dragFilter\" class=\"btn btn-white btn-white-without-border\" click.delegate=\"unSelect(filter)\"> <i class=\"far fa-minus\"></i> </button> <filter-handler if.bind=\"filter === \\$parent.dragFilter\" model.bind=\"filter\"></filter-handler> <div if.bind=\"filter !== \\$parent.dragFilter\"> <span class=\"filter-name\" data-is-used=\"\\${filter.isUsed}\" title=\"\\${parameterFilterDetails(filter)}\"> <span class=\"label label-default\" title=\"This is \\${filter.targetType === 'instanceParameter' ? 'an' : 'a'} \\${filter.targetType.replace('Parameter', '')} parameter\">\\${filter.targetType.toUpperCase()[0]}</span> \\${filter.name} </span> </div> </div> </div> </div> <div class=\"filter-selector__right\"> <div class=\"inner\"> <div class=\"selected-category-container\"> <div class=\"title\"> <h3 i18n=\"translation:SelectedCategory\">Selected category</h3> </div> <div class=\"selected-category\"> <span if.bind=\"selectedCategory\">\\${selectedCategory.name}</span> <span if.bind=\"!selectedCategory\" i18n=\"translation:SelectACategory\">Select a category</span> <button if.bind=\"selectedCategory\" data-cy=\"toggleCategorySelect\" class=\"btn btn-sm btn-white btn-white-without-border\" click.delegate=\"toggleCategorySelect()\"> <i class=\"far fa-pen\"></i> </button> </div> </div> <div class=\"filter-lists\"> <div if.bind=\"filters.grouped.length > 0\" class=\"grouped-filters\" data-cy=\"selected-grouping-filters\"> <h3 class=\"title\" i18n=\"translation:Grouping view\">Grouping view</h3> <div class=\"top\"> <div class=\"column\" i18n=\"translation:View name\">View name</div> <div class=\"column\" i18n=\"translation:Filter_Display\">Display</div> <div class=\"column\" i18n=\"translation:Filter_Comparison\">Comparison</div> <div class=\"column\" i18n=\"translation:View value\">View value</div> <div class=\"column\" i18n=\"translation:Filter_Sorting\">Sorting</div> </div> <div class=\"list\"> <div repeat.for=\"filter of filters.grouped\" class=\"filter-row\"> <filter-handler model.bind=\"filter\" data-cy=\"\\${filter.name}\"></filter-handler> </div> </div> </div> <div class=\"selected-filters\"> <h3 class=\"title\" i18n=\"translation:User selected views\">User selected views</h3> <div class=\"top\"> <div class=\"column\" i18n=\"translation:View name\">View name</div> <div class=\"column\" i18n=\"translation:Filter_Display\">Display</div> <div class=\"column\" i18n=\"translation:Filter_Comparison\">Comparison</div> <div class=\"column\" i18n=\"translation:View value\">View value</div> <div class=\"column\" i18n=\"translation:Filter_Sorting\">Sorting</div> </div> <div data-cy=\"selected-filters\" id=\"selected-filters-list\" class=\"list\" sortable-list> <div data-cy=\"\\${filter.name}\" repeat.for=\"filter of filters.selected\" data-index=\"\\${\\$index}\" class=\"draggable-item filter-row\"> <button data-cy=\"remove\" class=\"btn btn-sm btn-white btn-white-without-border\" click.delegate=\"unSelect(filter)\"> <i class=\"fa-solid fa-trash\"></i> </button> <filter-handler model.bind=\"filter\"></filter-handler> </div> </div> </div> <div if.bind=\"invalidFilters.length > 0\" class=\"invalid-filters\"> <div class=\"list\"> <div class=\"item\" repeat.for=\"filter of invalidFilters\"> <button data-cy=\"remove\" class=\"btn btn-sm btn-white btn-white-without-border\" click.delegate=\"removeInvalidFilter(filter)\"> <i class=\"fa-solid fa-trash\"></i> </button> <div class=\"name\"> \\${filter.name} (The filter does not exist for: \"\\${selectedCategory.name}\") </div> </div> </div> </div> </div> </div> </div> </div> </ux-dialog-body> <ux-dialog-footer> <button data-cy=\"filterSelector-ok\" click.delegate=\"ok()\" class=\"btn btn-with-theme dialog-action\" i18n=\"translation:OK\">OK</button> <button data-cy=\"filterSelector-cancel\" click.delegate=\"cancel()\" class=\"btn btn-default dialog-action\" i18n=\"translation:Cancel\">Cancel</button> </ux-dialog-footer> </ux-dialog> </template> `;\n// Exports\nexport default code;"],"names":["___CSS_LOADER_EXPORT___","push","module","id"],"sourceRoot":""}