{"version":3,"file":"app-ab3321a9.98432a647c8d0957.bundle.js","mappings":"6MAGIA,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,GAAI,usGAAwsG,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,2DAA2D,8DAA8D,MAAQ,GAAG,SAAW,+yCAA+yC,eAAiB,CAAC,ujKAA2jK,iiGAAiiG,WAAa,MAEr0Z,S,iDCPAD,EAAOE,QAAU,s4U","sources":["webpack://client-app/./src/app/project/value-lists/value-lists.scss","webpack://client-app/./src/app/project/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, \"top-bar .value-list-title{padding-right:0px;margin:0}.value-lists-top-bar{min-width:750px}.right-aligned{float:right}.header-options button{margin-left:5px;margin-right:5px}.color-palette{float:right;margin-right:60px}.cell-shield{display:inline-block;width:20px}.cell-list-name{display:inline-block;width:auto}.value-lists{display:grid}.value-lists[data-show-values=true]{grid-template-columns:1fr 800px}[data-device-type=mobile] .value-lists[data-show-values=true]{grid-template-columns:0 100%}[data-device-type=tablet] .value-lists[data-show-values=true]{grid-template-columns:1fr 70%}.value-lists .headers{grid-template-columns:4em minmax(10em, auto) 12em 15em}.value-lists .main .element{grid-template-columns:4em minmax(10em, auto) 12em 15em}.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] .value-lists .values,[data-device-type=tablet] .value-lists .values{border-left:none}.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}.value-lists .values__header .input-group{max-width:350px}.value-lists .values__header span{font-weight:600}.value-lists .values__body{display:flex;flex-direction:column;height:calc(100vh - 4em - 4em - 40px);padding:15px;overflow:auto}[data-device-type=mobile] .value-lists .values__body,[data-device-type=tablet] .value-lists .values__body{height:calc(100vh - 4em - 4em - 50px)}.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}.value-lists .values__footer{display:sticky;position:absolute;width:100%;bottom:0%;height:40px;border-top-left-radius:5px;border-top-right-radius:5px}.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}.value-lists .values__footer .button-add .icon{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.value-lists .values__footer .button-add:hover{cursor:pointer}.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}.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/project/value-lists/value-lists.scss\",\"webpack://./src/resources/customized-styles/variables.scss\"],\"names\":[],\"mappings\":\"AAUC,0BACC,iBAAA,CACA,QAAA,CAQF,qBACC,eAAA,CAGD,eACC,WAAA,CAIA,uBACC,eAAA,CACA,gBAAA,CAIF,eACC,WAAA,CACA,iBAAA,CAGD,aACC,oBAAA,CACA,UAAA,CAGD,gBACC,oBAAA,CACA,UAAA,CAGD,aACC,YAAA,CAEA,oCACC,+BAAA,CAEA,8DACC,4BAAA,CAGD,8DACC,6BAAA,CAGF,sBACC,sDA7DgC,CAiEhC,4BACC,sDAlE+B,CAsEjC,qBACC,iBAAA,CACA,qCAAA,CACA,sCAAA,CACA,6CChEgB,CDiEhB,YAAA,CACA,qBAAA,CACA,eAAA,CACA,YCdkC,CDgBlC,8FAEC,gBAAA,CAGD,6BACC,wCAAA,CACA,YAAA,CACA,QClFM,CDmFN,kBAAA,CACA,6BAAA,CACA,UAAA,CACA,eAAA,CACA,cAAA,CACA,0CACC,eAAA,CAED,kCACC,eAAA,CAIF,2BACC,YAAA,CACA,qBAAA,CACA,qCAAA,CACA,YCpGM,CDqGN,aAAA,CAEA,0GACC,qCAAA,CAGD,oCACC,eAAA,CACA,YAAA,CACA,4DAnHsC,CAoHtC,sBAAA,CACA,QChHK,CDiHL,kBAAA,CAGF,6BACC,cAAA,CACA,iBAAA,CAEA,UAAA,CACA,SAAA,CACA,WA7Ha,CA8Hb,0BAAA,CACA,2BAAA,CAEA,yCACC,oBAAA,CACA,iBAAA,CACA,qBAAA,CACA,WAAA,CACA,UAAA,CACA,OAAA,CACA,8BAAA,CACA,0BAAA,CACA,eAAA,CACA,iBAAA,CACA,cAAA,CACA,+CACC,iBAAA,CACA,OAAA,CACA,QAAA,CACA,2CAAA,CAIF,+CACC,cAAA,CAGD,8CACC,SAAA,CACA,iBAAA,CACA,eAAA,CACA,uBAAA,CACA,OAAA,CACA,8BAAA,CACA,0BAAA,CACA,UAAA,CAED,2CACC,UAAA,CACA,SAAA,CAQH,wBACC,YAAA,CACA,4DAjLwC,CAkLxC,sBAAA,CACA,eC9KO,CD+KP,kBAAA,CAGD,uBACC,YAAA,CACA,eAAA,CACA,kBAAA,CAEA,4BACC,eAAA,CACA,sBAAA,CACA,kBAAA,CAIF,0BACC,YAAA,CACA,gBChMO,CDkMP,uDACC,aAAA,CAKH,uBACC,UAAA,CACA,iBAAA,CACA,cAAA,CACA,aAAA,CAEA,8BACC,iBAAA,CACA,UAAA,CACA,iBAAA,CACA,cAAA\",\"sourcesContent\":[\"@import \\\"src/resources/styling-admin\\\";\\r\\n@import \\\"src/resources/customized-styles/variables\\\";\\r\\n\\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\\r\\n$footer-height: 40px;\\r\\n\\r\\ntop-bar {\\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// .selectedValueList {\\r\\n// \\tbackground-color: #9ddff7;\\r\\n// }\\r\\n\\r\\n.value-lists-top-bar {\\r\\n\\tmin-width: 750px;\\r\\n}\\r\\n\\r\\n.right-aligned {\\r\\n\\tfloat: right;\\r\\n}\\r\\n\\r\\n.header-options {\\r\\n\\tbutton {\\r\\n\\t\\tmargin-left: 5px;\\r\\n\\t\\tmargin-right: 5px;\\r\\n\\t}\\r\\n}\\r\\n\\r\\n.color-palette {\\r\\n\\tfloat:right;\\r\\n\\tmargin-right: 60px;\\r\\n}\\r\\n\\r\\n.cell-shield {\\r\\n\\tdisplay: inline-block;\\r\\n\\twidth:20px;\\r\\n}\\r\\n\\r\\n.cell-list-name {\\r\\n\\tdisplay: inline-block;\\r\\n\\twidth:auto;\\r\\n}\\r\\n\\r\\n.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\\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\\t\\t.input-group {\\r\\n\\t\\t\\t\\tmax-width:350px;\\r\\n\\t\\t\\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; //Is now set in themes.scss\\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; //Is now set in themes.scss\\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\\t\\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\\t\\t\\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}\\t\\t\\t\\t\\r\\n\\t}\\r\\n\\t\\r\\n\\t&__actions {\\r\\n\\t\\tdisplay: none;\\r\\n\\t\\tmargin-left: $gutter;\\r\\n\\t\\t\\r\\n\\t\\t.value-list-item__cell:hover & {\\r\\n\\t\\t\\tdisplay: block;\\t\\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}\",\"$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\\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;\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","module.exports = \"\\r\\n\";"],"names":["___CSS_LOADER_EXPORT___","push","module","id","exports"],"sourceRoot":""}