{"version":3,"file":"app-112c246b.8e855aa795c9a848.bundle.js","mappings":"sNAGIA,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,GAAI,stGAAutG,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,kEAAkE,8DAA8D,MAAQ,GAAG,SAAW,8uCAA8uC,eAAiB,CAAC,6wJAAixJ,8jGAA8jG,WAAa,MAE7gZ,S,wDCPAD,EAAOE,QAAU,wtU","sources":["webpack://client-app/./src/app/administration/value-lists/value-lists.scss","webpack://client-app/./src/app/administration/value-lists/value-lists.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, `.value-lists-top-bar{min-width:700px}.value-lists-top-bar .value-list-title{padding-right:0px;margin:0}.delete-button{margin-right:10px}.right-aligned{float:right}.color-palette{float:right;margin-right:50px}.input-group{max-width:600px}.system-value-lists{display:grid}.system-value-lists[data-show-values=true]{grid-template-columns:1fr 800px}[data-device-type=mobile] .system-value-lists[data-show-values=true]{grid-template-columns:0 100%}[data-device-type=tablet] .system-value-lists[data-show-values=true]{grid-template-columns:1fr 70%}.system-value-lists .headers{grid-template-columns:4em minmax(10em, auto) 12em 15em}.system-value-lists .main .element{grid-template-columns:4em minmax(10em, auto) 12em 15em}.system-value-lists .values{position:relative;border-top:1px solid rgba(0,0,0,.175);border-left:1px solid rgba(0,0,0,.175);box-shadow:-0.05rem 0 .25rem rgba(0,0,0,.175);display:flex;flex-direction:column;flex-basis:100%;z-index:1020}[data-device-type=mobile] .system-value-lists .values,[data-device-type=tablet] .system-value-lists .values{border-left:none}.system-value-lists .values__header{border-bottom:1px solid rgba(0,0,0,.175);display:flex;gap:15px;align-items:center;justify-content:space-between;height:4em;line-height:4em;padding:0 15px}.system-value-lists .values__header span{font-weight:600}.system-value-lists .values__body{display:flex;flex-direction:column;height:calc(100vh - 4em - 4em - 40px);padding:15px;overflow:auto}[data-device-type=mobile] .system-value-lists .values__body,[data-device-type=tablet] .system-value-lists .values__body{height:calc(100vh - 4em - 4em - 50px)}.system-value-lists .values__body__headers{font-weight:600;display:grid;grid-template-columns:1fr repeat(2, minmax(60px, 0.5fr)) 7em;grid-template-rows:3em;gap:15px;align-items:center}.system-value-lists .values__footer{display:sticky;position:absolute;width:100%;bottom:0%;height:40px;border-top-left-radius:5px;border-top-right-radius:5px}.system-value-lists .values__footer .button-add{display:inline-block;position:relative;background-color:#fff;height:20px;width:20px;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);margin-left:5px;border-radius:5px;z-index:100000}.system-value-lists .values__footer .button-add .icon{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.system-value-lists .values__footer .button-add:hover{cursor:pointer}.system-value-lists .values__footer .list-item-input{all:unset;position:absolute;margin-left:5px;width:calc(100% - 40px);top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);color:#fff}.system-value-lists .values__footer ::placeholder{color:#fff;opacity:1}.value-list-item__inner{display:grid;grid-template-columns:1fr repeat(2, minmax(60px, 0.5fr)) 7em;grid-template-rows:3em;column-gap:15px;align-items:center}.value-list-item__cell{display:flex;line-height:3em;align-items:center}.value-list-item__cell>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.value-list-item__actions{display:none;margin-left:15px}.value-list-item__cell:hover .value-list-item__actions{display:block}.btn-delete-value-list{width:30px;padding-right:5px;padding-left:0;color:#a9a9a9}.btn-delete-value-list-hidden{visibility:hidden;width:30px;padding-right:5px;padding-left:0}`, \"\",{\"version\":3,\"sources\":[\"webpack://./src/app/administration/value-lists/value-lists.scss\",\"webpack://./src/resources/customized-styles/variables.scss\"],\"names\":[],\"mappings\":\"AAOA,qBACC,eAAA,CACA,uCACC,iBAAA,CACA,QAAA,CAIF,eACC,iBAAA,CAOD,eACC,WAAA,CAGD,eACC,WAAA,CACA,iBAAA,CAGD,aACC,eAAA,CAGD,oBACC,YAAA,CAEA,2CACC,+BAAA,CAEA,qEACC,4BAAA,CAGD,qEACC,6BAAA,CAIF,6BACC,sDAjDgC,CAqDhC,mCACC,sDAtD+B,CA0DjC,4BACC,iBAAA,CACA,qCAAA,CACA,sCAAA,CACA,6CCnDgB,CDoDhB,YAAA,CACA,qBAAA,CACA,eAAA,CACA,YCDkC,CDGlC,4GAEC,gBAAA,CAGD,oCACC,wCAAA,CACA,YAAA,CACA,QCrEM,CDsEN,kBAAA,CACA,6BAAA,CACA,UAAA,CACA,eAAA,CACA,cAAA,CAEA,yCACC,eAAA,CAIF,kCACC,YAAA,CACA,qBAAA,CACA,qCAAA,CACA,YCrFM,CDsFN,aAAA,CAEA,wHACC,qCAAA,CAGD,2CACC,eAAA,CACA,YAAA,CACA,4DArGsC,CAsGtC,sBAAA,CACA,QCjGK,CDkGL,kBAAA,CAGF,oCACC,cAAA,CACA,iBAAA,CAEA,UAAA,CACA,SAAA,CACA,WAhHa,CAiHb,0BAAA,CACA,2BAAA,CAEA,gDACC,oBAAA,CACA,iBAAA,CACA,qBAAA,CACA,WAAA,CACA,UAAA,CACA,OAAA,CACA,8BAAA,CACA,0BAAA,CACA,eAAA,CACA,iBAAA,CACA,cAAA,CACA,sDACC,iBAAA,CACA,OAAA,CACA,QAAA,CACA,2CAAA,CAIF,sDACC,cAAA,CAGD,qDACC,SAAA,CACA,iBAAA,CACA,eAAA,CACA,uBAAA,CACA,OAAA,CACA,8BAAA,CACA,0BAAA,CACA,UAAA,CAED,kDACC,UAAA,CACA,SAAA,CAQH,wBACC,YAAA,CACA,4DAnKwC,CAoKxC,sBAAA,CACA,eC/JO,CDgKP,kBAAA,CAGD,uBACC,YAAA,CACA,eAAA,CACA,kBAAA,CAEA,4BACC,eAAA,CACA,sBAAA,CACA,kBAAA,CAIF,0BACC,YAAA,CACA,gBCjLO,CDmLP,uDACC,aAAA,CAKH,uBACC,UAAA,CACA,iBAAA,CACA,cAAA,CACA,aAAA,CAEA,8BACC,iBAAA,CACA,UAAA,CACA,iBAAA,CACA,cAAA\",\"sourcesContent\":[\"@import \\\"src/resources/customized-styles/variables\\\";\\r\\n@import \\\"src/resources/styling-admin\\\";\\r\\n\\r\\n$grid-template--value-lists-list: 4em minmax(10em, auto) 12em 15em; //Grid with all value-lists.\\r\\n$grid-template--selected-value-list-item: 1fr repeat(2, minmax(60px, .5fr)) 7em; //Grid inside selected-value-list-view.\\r\\n$footer-height: 40px;\\r\\n\\r\\n.value-lists-top-bar {\\r\\n\\tmin-width: 700px;\\r\\n\\t.value-list-title {\\r\\n\\t\\tpadding-right: 0px;\\r\\n\\t\\tmargin:0\\r\\n\\t}\\r\\n}\\r\\n\\r\\n.delete-button {\\r\\n\\tmargin-right:10px;\\r\\n}\\r\\n\\r\\n// .selectedValueList {\\r\\n// \\tbackground-color: #9ddff7;\\r\\n// }\\r\\n\\r\\n.right-aligned {\\r\\n\\tfloat: right;\\r\\n}\\r\\n\\r\\n.color-palette {\\r\\n\\tfloat:right;\\r\\n\\tmargin-right: 50px;\\r\\n}\\r\\n\\r\\n.input-group {\\r\\n\\tmax-width:600px;\\r\\n\\r\\n}\\r\\n.system-value-lists {\\r\\n\\tdisplay: grid;\\r\\n\\t\\r\\n\\t&[data-show-values=true] {\\r\\n\\t\\tgrid-template-columns: 1fr 800px;\\r\\n\\t\\t\\r\\n\\t\\t[data-device-type=mobile] & {\\r\\n\\t\\t\\tgrid-template-columns: 0 100%;\\r\\n\\t\\t}\\r\\n\\r\\n\\t\\t[data-device-type=tablet] & {\\r\\n\\t\\t\\tgrid-template-columns: 1fr 70%;\\r\\n\\t\\t}\\r\\n\\t}\\r\\n\\r\\n\\t.headers {\\r\\n\\t\\tgrid-template-columns: $grid-template--value-lists-list;\\r\\n\\t}\\r\\n\\r\\n\\t.main {\\r\\n\\t\\t.element {\\r\\n\\t\\t\\tgrid-template-columns: $grid-template--value-lists-list;\\r\\n\\t\\t}\\r\\n\\t}\\r\\n\\r\\n\\t.values {\\r\\n\\t\\tposition: relative;\\r\\n\\t\\tborder-top: 1px solid $border-color;\\r\\n\\t\\tborder-left: 1px solid $border-color;\\r\\n\\t\\tbox-shadow: $box-shadow-left;\\r\\n\\t\\tdisplay: flex;\\r\\n\\t\\tflex-direction: column;\\r\\n\\t\\tflex-basis: 100%;\\r\\n\\t\\tz-index: $content-zindex;\\r\\n\\r\\n\\t\\t[data-device-type=mobile] &,\\r\\n\\t\\t[data-device-type=tablet] & {\\r\\n\\t\\t\\tborder-left: none;\\r\\n\\t\\t}\\r\\n\\r\\n\\t\\t&__header {\\r\\n\\t\\t\\tborder-bottom: 1px solid $border-color;\\r\\n\\t\\t\\tdisplay: flex;\\r\\n\\t\\t\\tgap: $gutter;\\r\\n\\t\\t\\talign-items: center;\\r\\n\\t\\t\\tjustify-content: space-between;\\r\\n\\t\\t\\theight: 4em;\\r\\n\\t\\t\\tline-height: 4em;\\r\\n\\t\\t\\tpadding: 0 $gutter;\\r\\n\\t\\r\\n\\t\\t\\tspan {\\r\\n\\t\\t\\t\\tfont-weight: 600;\\r\\n\\t\\t\\t}\\r\\n\\t\\t}\\r\\n\\r\\n\\t\\t&__body {\\r\\n\\t\\t\\tdisplay: flex;\\r\\n\\t\\t\\tflex-direction: column;\\r\\n\\t\\t\\theight: calc(100vh - #{$top-bar-height} - 4em - #{$footer-height});\\r\\n\\t\\t\\tpadding: $gutter;\\r\\n\\t\\t\\toverflow: auto;\\r\\n\\r\\n\\t\\t\\t[data-device-type=mobile] &, [data-device-type=tablet] & {\\r\\n\\t\\t\\t\\theight: calc(100vh - #{$top-bar-height} - 4em - #{$nav-height-mobile});\\r\\n\\t\\t\\t}\\r\\n\\r\\n\\t\\t\\t&__headers {\\r\\n\\t\\t\\t\\tfont-weight: 600;\\r\\n\\t\\t\\t\\tdisplay: grid;\\r\\n\\t\\t\\t\\tgrid-template-columns: $grid-template--selected-value-list-item;\\r\\n\\t\\t\\t\\tgrid-template-rows: 3em;\\r\\n\\t\\t\\t\\tgap: $gutter;\\r\\n\\t\\t\\t\\talign-items: center;\\r\\n\\t\\t\\t}\\r\\n\\t\\t}\\r\\n\\t\\t&__footer {\\r\\n\\t\\t\\tdisplay: sticky;\\r\\n\\t\\t\\tposition: absolute;\\r\\n\\t\\t\\t// background-color: #9ddff7;\\r\\n\\t\\t\\twidth: 100%;\\r\\n\\t\\t\\tbottom: 0%;\\r\\n\\t\\t\\theight: $footer-height;\\r\\n\\t\\t\\tborder-top-left-radius: 5px;\\r\\n\\t\\t\\tborder-top-right-radius: 5px;\\r\\n\\t\\t\\t\\r\\n\\t\\t\\t.button-add {\\r\\n\\t\\t\\t\\tdisplay: inline-block;\\r\\n\\t\\t\\t\\tposition: relative;\\r\\n\\t\\t\\t\\tbackground-color: white;\\r\\n\\t\\t\\t\\theight: 20px;\\r\\n\\t\\t\\t\\twidth: 20px;\\r\\n\\t\\t\\t\\ttop: 50%;\\r\\n\\t\\t\\t\\t-ms-transform: translateY(-50%);\\r\\n\\t\\t\\t\\ttransform: translateY(-50%);\\r\\n\\t\\t\\t\\tmargin-left:5px;\\r\\n\\t\\t\\t\\tborder-radius: 5px;\\r\\n\\t\\t\\t\\tz-index: 100000;\\r\\n\\t\\t\\t\\t.icon {\\r\\n\\t\\t\\t\\t\\tposition:absolute;\\r\\n\\t\\t\\t\\t\\ttop: 50%;\\r\\n\\t\\t\\t\\t\\tleft: 50%;\\r\\n\\t\\t\\t\\t\\ttransform: translateX(-50%) translateY(-50%);\\r\\n\\t\\t\\t\\t\\t// color:#9ddff7;\\r\\n\\t\\t\\t\\t}\\r\\n\\t\\t\\t}\\r\\n\\t\\t\\t.button-add:hover {\\r\\n\\t\\t\\t\\tcursor: pointer;\\r\\n\\t\\t\\t}\\r\\n\\r\\n\\t\\t\\t.list-item-input {\\r\\n\\t\\t\\t\\tall: unset;\\r\\n\\t\\t\\t\\tposition: absolute;\\r\\n\\t\\t\\t\\tmargin-left:5px;\\r\\n\\t\\t\\t\\twidth: calc(100% - 40px);\\r\\n\\t\\t\\t\\ttop: 50%;\\r\\n\\t\\t\\t\\t-ms-transform: translateY(-50%);\\r\\n\\t\\t\\t\\ttransform: translateY(-50%);\\r\\n\\t\\t\\t\\tcolor: white;\\r\\n\\t\\t\\t}\\r\\n\\t\\t\\t::placeholder {\\r\\n\\t\\t\\t\\tcolor: white;\\r\\n\\t\\t\\t\\topacity: 1;\\r\\n\\t\\t\\t}\\r\\n\\t\\t}\\r\\n\\t}\\r\\n}\\r\\n\\r\\n.value-list-item {\\r\\n\\r\\n\\t&__inner {\\r\\n\\t\\tdisplay: grid;\\r\\n\\t\\tgrid-template-columns: $grid-template--selected-value-list-item;\\r\\n\\t\\tgrid-template-rows: 3em;\\r\\n\\t\\tcolumn-gap: $gutter;\\r\\n\\t\\talign-items: center;\\r\\n\\t}\\r\\n\\r\\n\\t&__cell {\\r\\n\\t\\tdisplay: flex;\\r\\n\\t\\tline-height: 3em;\\r\\n\\t\\talign-items: center;\\r\\n\\r\\n\\t\\t>span {\\r\\n\\t\\t\\toverflow: hidden;\\r\\n\\t\\t\\ttext-overflow: ellipsis;\\r\\n\\t\\t\\twhite-space: nowrap;\\r\\n\\t\\t}\\r\\n\\t}\\r\\n\\r\\n\\t&__actions {\\r\\n\\t\\tdisplay: none;\\r\\n\\t\\tmargin-left: $gutter;\\r\\n\\r\\n\\t\\t.value-list-item__cell:hover & {\\r\\n\\t\\t\\tdisplay: block;\\r\\n\\t\\t}\\r\\n\\t}\\r\\n}\\r\\n\\r\\n.btn-delete-value-list {\\r\\n\\twidth: 30px;\\r\\n\\tpadding-right: 5px;\\r\\n\\tpadding-left: 0;\\r\\n\\tcolor: darkgrey;\\r\\n\\t\\r\\n\\t&-hidden {\\r\\n\\t\\tvisibility: hidden;\\r\\n\\t\\twidth: 30px;\\r\\n\\t\\tpadding-right: 5px;\\r\\n\\t\\tpadding-left: 0;\\r\\n\\t}\\r\\n}\\r\\n\",\"$text-color: #333;\\r\\n$accent: #00B3C9;\\r\\n$accent-15pct: #D9F4F7;\\r\\n$bs-default: #f1f3f4;\\r\\n$grey: #dddddd;\\r\\n$grey-light: #efefef;\\r\\n$grey-lighter: #F0F3F4;\\r\\n$grey-darker: #A5A3A3;\\r\\n$white-hsl-97: hsla(0deg, 0%, 97%, 1);\\r\\n\\r\\n$gutter: 15px;\\r\\n\\r\\n$box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.175);\\r\\n$box-shadow-right: 0.05rem 0 0.25rem rgba(0, 0, 0, 0.175);\\r\\n$box-shadow-left: -0.05rem 0 0.25rem rgba(0, 0, 0, 0.175);\\r\\n$box-shadow-color: rgba(0, 0, 0, 0.175);\\r\\n\\r\\n$border-color: rgba(0, 0, 0, 0.175);\\r\\n\\r\\n\\r\\n// Showroom header\\r\\n$showroom-header-height: 350px;\\r\\n$showroom-header-height-small: 150px;\\r\\n$showroom-header-height-mobile: 200px;\\r\\n\\r\\n// Navigation\\r\\n$nav-width: 275px;\\r\\n$nav-width-collapsed: 50px;\\r\\n$nav-height-mobile: 50px;\\r\\n\\r\\n// Top bar\\r\\n$top-bar-height: 4em;\\r\\n\\r\\n// CSS grid table\\r\\n$css-grid-header-height: calc(4em + 1px);\\r\\n\\r\\n// Object Presentation\\r\\n$object-presentation-left-content-width: 250px;\\r\\n$object-presentation-left-content-width-lg: 350px;\\r\\n$object-presentation-img-height: 250px;\\r\\n\\r\\n\\r\\n// Card deck\\r\\n$card-height: 250px;\\r\\n\\r\\n\\r\\n// Select\\r\\n$select-min-width: 200px;\\r\\n\\r\\n\\r\\n// Modal\\r\\n$modal-header-height: 50px;\\r\\n$modal-footer-height: 50px;\\r\\n\\r\\n// Object Properties\\r\\n$object-properties-width: 480px;\\r\\n$object-properties-width--detailed: 560px;\\r\\n$object-properties-width-mobile: 100vw;\\r\\n$object-properties-width-mobile--detailed: 100vw;\\r\\n$object-properties-width-tablet: 480px;\\r\\n$object-properties-width-tablet--detailed: 560px;\\r\\n\\r\\n// Notification Center\\r\\n$notification-center-width: 500px;\\r\\n\\r\\n// 7.0 z-index Setting\\r\\n\\r\\n$btn-scroll-to-top-zindex: 1020 !default;\\r\\n$content-zindex: 1020 !default;\\r\\n$float-submenu-zindex: 1020 !default;\\r\\n$footer-zindex: 1020 !default;\\r\\n$header-zindex: 1020 !default;\\r\\n$header-fixed-zindex: 1040 !default;\\r\\n$sidebar-zindex: 1010 !default;\\r\\n$top-menu-zindex: 1015 !default;\\r\\n$theme-panel-zindex: 1020 !default;\\r\\n$page-loader-zindex : 9999 !default;\\r\\n$page-title-zindex: 1020 !default;\\r\\n$pace-loader-zindex: 1030 !default;\\r\\n$panel-expand-zindex: 1080 !default;\\r\\n\\r\\n// 2.0 RTL Setting\\r\\n\\r\\n$enable-rtl: false !default;\\r\\n\\r\\n// 6.0 App Component Setting\\r\\n@import 'functions.scss';\\r\\n$boxed-layout-width: rem(1280px) !default;\\r\\n$content-padding-x: rem(30px) !default;\\r\\n$content-padding-y: rem(20px) !default;\\r\\n$content-padding-x-sm: rem(20px) !default;\\r\\n$content-padding-y-sm: rem(20px) !default;\\r\\n$header-height: rem(50px) !default;\\r\\n$header-height-sm: rem(50px) !default;\\r\\n$sidebar-width: rem(220px) !default;\\r\\n$sidebar-minified-width: rem(60px) !default;\\r\\n$sidebar-wide-width: rem(250px) !default;\\r\\n$top-menu-height: rem(40px) !default;\\r\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","module.exports = \"\\r\\n\";"],"names":["___CSS_LOADER_EXPORT___","push","module","id","exports"],"sourceRoot":""}