{"version":3,"file":"app-33262670.007b71558e11ace2.bundle.js","mappings":"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","sources":["webpack://client-app/./src/app/components/object/new-properties/properties-type-material/type-material-properties.scss","webpack://client-app/./src/app/components/object/new-properties/properties-type-material/type-material-properties.html","webpack://client-app/./src/app/components/object/new-properties/properties-type-material/type-material-properties.ts","webpack://client-app/./src/app/components/object/new-properties/property-resize-handler.ts"],"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, `.type-material-properties{display:flex;flex-direction:column;overflow:hidden;max-width:100%;height:100%}.type-material-properties .warning-message{position:relative;text-align:center;justify-content:center;background-color:#ffe100;opacity:.9;white-space:nowrap;height:25px}.type-material-properties .warning-message b{top:50%;transform:translateY(-50%)}[data-device-type=mobile] .type-material-properties{width:100vw}[data-device-type=tablet] .type-material-properties{width:480px}.type-material-properties button{margin-right:5px}.type-material-properties__header{padding-top:8px;padding-left:10px;padding-right:10px;display:flex;justify-content:space-between;align-items:center;margin-top:2px;margin-bottom:15px;height:auto}.type-material-properties__header .title{margin:0}.type-material-properties__body{display:grid;position:relative;row-gap:15px;width:100%;margin-bottom:5px;height:auto}.type-material-properties-section{display:grid;row-gap:calc(15px/3)}.type-material-properties-section>.type-material-properties-section{padding:calc(15px/3)}.type-material-properties-section__header{display:flex;justify-content:space-between;align-items:center}.type-material-properties-section__header .title{margin:0}.type-material-properties details[open]>summary .icon{transform:rotate(180deg)}.type-material-properties details summary{background:#f0f3f4;font-weight:600;height:3em;display:flex;align-items:center;justify-content:space-between;padding:0 calc(15px/1.5);border:1px solid rgba(0,0,0,.175)}.type-material-properties details summary::-webkit-details-marker{display:none}.type-material-properties details summary:focus{outline:none}.type-material-properties details summary .title{text-transform:capitalize}.type-material-properties .layer{display:grid;grid-template-columns:.5fr 3fr 7em}.type-material-properties .layer[data-readonly-property=true]{color:rgba(51,51,51,.6)}.type-material-properties .layer[data-editable=false]{background:rgba(51,51,51,.15);opacity:.8}.type-material-properties .layer[data-editable=true]{cursor:text}.type-material-properties .layer[data-simple-value=true].editing{padding:0 !important}.type-material-properties .layer[data-multiline=true] .cell{height:10em}.type-material-properties .layer[data-multiline=true] .cell.cell--value{white-space:unset;line-height:normal}.type-material-properties .layer[data-multiline=true] .cell.cell--value>span{display:block;padding:calc(15px/2) calc(15px/1.5);height:inherit;overflow:auto;white-space:pre-line}.type-material-properties .layer .edit-cell{border:0;height:100%;line-height:inherit;padding:0 calc(15px/1.5);width:100%}.type-material-properties .layer .cell{border-right:1px solid rgba(0,0,0,.175);border-bottom:1px solid rgba(0,0,0,.175);height:3em;line-height:3em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-material-properties .layer .cell--title{position:relative;padding:0 calc(15px/1.5)}.type-material-properties .layer .cell--title .url-icon{position:absolute;right:0px;top:.5px;cursor:pointer}.type-material-properties .layer .cell--title .url-icon:hover{text-decoration:none}.type-material-properties .layer .cell--value{padding:0}.type-material-properties .layer .cell--value>span{padding:0 calc(15px/1.5)}.type-material-properties .layer .cell:first-of-type{border-left:1px solid rgba(0,0,0,.175)}.type-material-properties .material{display:grid;grid-template-columns:1fr}.type-material-properties .material[data-readonly-property=true]{color:rgba(51,51,51,.6)}.type-material-properties .material[data-editable=false]{background:rgba(51,51,51,.15);opacity:.8}.type-material-properties .material[data-editable=true]{cursor:text}.type-material-properties .material[data-simple-value=true].editing{padding:0 !important}.type-material-properties .material[data-multiline=true] .cell{height:10em}.type-material-properties .material[data-multiline=true] .cell.cell--value{white-space:unset;line-height:normal}.type-material-properties .material[data-multiline=true] .cell.cell--value>span{display:block;padding:calc(15px/2) calc(15px/1.5);height:inherit;overflow:auto;white-space:pre-line}.type-material-properties .material .edit-cell{border:0;height:100%;line-height:inherit;padding:0 calc(15px/1.5);width:100%}.type-material-properties .material .cell{border-right:1px solid rgba(0,0,0,.175);border-bottom:1px solid rgba(0,0,0,.175);height:3em;line-height:3em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-material-properties .material .cell--title{position:relative;padding:0 calc(15px/1.5)}.type-material-properties .material .cell--title .url-icon{position:absolute;right:0px;top:.5px;cursor:pointer}.type-material-properties .material .cell--title .url-icon:hover{text-decoration:none}.type-material-properties .material .cell--value{padding:0}.type-material-properties .material .cell--value>span{padding:0 calc(15px/1.5)}.type-material-properties .material .cell:first-of-type{border-left:1px solid rgba(0,0,0,.175)}`, \"\",{\"version\":3,\"sources\":[\"webpack://./src/app/components/object/new-properties/properties-type-material/type-material-properties.scss\",\"webpack://./src/resources/customized-styles/variables.scss\"],\"names\":[],\"mappings\":\"AAEA,0BACC,YAAA,CACA,qBAAA,CACA,eAAA,CACA,cAAA,CACA,WAAA,CACA,2CACC,iBAAA,CACA,iBAAA,CACA,sBAAA,CACA,wBAAA,CACA,UAAA,CACA,kBAAA,CACA,WAAA,CACA,6CACC,OAAA,CACA,0BAAA,CAKF,oDACC,WCiC+B,CD9BhC,oDACC,WC+B+B,CD7BhC,iCACC,gBAAA,CAED,kCACC,eAAA,CACA,iBAAA,CACA,kBAAA,CACA,YAAA,CACA,6BAAA,CACA,kBAAA,CACA,cAAA,CACA,kBC/BO,CDgCP,WAAA,CACA,yCACC,QAAA,CAIF,gCACC,YAAA,CACA,iBAAA,CACA,YCzCO,CD0CP,UAAA,CACA,iBAAA,CACA,WAAA,CAGD,kCACC,YAAA,CACA,oBAAA,CAEA,oEACC,oBAAA,CAED,0CACC,YAAA,CACA,6BAAA,CACA,kBAAA,CAEA,iDACC,QAAA,CAQA,sDACC,wBAAA,CAKH,0CACC,kBC/EY,CDgFZ,eAAA,CACA,UAAA,CACA,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,wBAAA,CACA,iCAAA,CAEA,kEACC,YAAA,CAGD,gDACC,YAAA,CAGD,iDACC,yBAAA,CAKH,iCACC,YAAA,CACA,kCAAA,CAEA,8DACC,uBAAA,CAGD,sDACC,6BAAA,CACA,UAAA,CAGD,qDACC,WAAA,CAIA,iEACC,oBAAA,CAIF,4DACC,WAAA,CAEA,wEACC,iBAAA,CACA,kBAAA,CAEA,6EACC,aAAA,CACA,mCAAA,CACA,cAAA,CACA,aAAA,CACA,oBAAA,CAKH,4CACC,QAAA,CACA,WAAA,CACA,mBAAA,CACA,wBAAA,CACA,UAAA,CAGD,uCACC,uCAAA,CACA,wCAAA,CACA,UAAA,CACA,eAAA,CAwBA,eAAA,CACA,sBAAA,CACA,kBAAA,CAxBA,8CACC,iBAAA,CACA,wBAAA,CACA,wDACC,iBAAA,CACA,SAAA,CACA,QAAA,CACA,cAAA,CAED,8DACC,oBAAA,CAIF,8CACC,SAAA,CAEA,mDACC,wBAAA,CAQF,qDACC,sCAAA,CAKH,oCACC,YAAA,CACA,yBAAA,CAEA,iEACC,uBAAA,CAGD,yDACC,6BAAA,CACA,UAAA,CAGD,wDACC,WAAA,CAIA,oEACC,oBAAA,CAIF,+DACC,WAAA,CAEA,2EACC,iBAAA,CACA,kBAAA,CAEA,gFACC,aAAA,CACA,mCAAA,CACA,cAAA,CACA,aAAA,CACA,oBAAA,CAKH,+CACC,QAAA,CACA,WAAA,CACA,mBAAA,CACA,wBAAA,CACA,UAAA,CAGD,0CACC,uCAAA,CACA,wCAAA,CACA,UAAA,CACA,eAAA,CAwBA,eAAA,CACA,sBAAA,CACA,kBAAA,CAxBA,iDACC,iBAAA,CACA,wBAAA,CACA,2DACC,iBAAA,CACA,SAAA,CACA,QAAA,CACA,cAAA,CAED,iEACC,oBAAA,CAIF,iDACC,SAAA,CAEA,sDACC,wBAAA,CAQF,wDACC,sCAAA\",\"sourcesContent\":[\"@import \\\"src/resources/customized-styles/variables\\\";\\r\\n\\r\\n.type-material-properties {\\r\\n\\tdisplay: flex;\\r\\n\\tflex-direction: column;\\r\\n\\toverflow: hidden;\\r\\n\\tmax-width: 100%;\\r\\n\\theight: 100%;\\r\\n\\t.warning-message {\\r\\n\\t\\tposition: relative;\\r\\n\\t\\ttext-align: center;\\r\\n\\t\\tjustify-content: center;\\r\\n\\t\\tbackground-color: rgb(255, 225, 0);\\r\\n\\t\\topacity: 0.9;\\r\\n\\t\\twhite-space:nowrap;\\r\\n\\t\\theight: 25px;\\r\\n\\t\\tb {\\r\\n\\t\\t\\ttop:50%;\\r\\n\\t\\t\\ttransform: translateY(-50%);\\r\\n\\t\\t}\\r\\n\\t\\t\\r\\n\\t}\\r\\n\\r\\n\\t[data-device-type=mobile] & {\\r\\n\\t\\twidth: $object-properties-width-mobile;\\r\\n\\t}\\r\\n\\t\\r\\n\\t[data-device-type=tablet] & {\\r\\n\\t\\twidth: $object-properties-width-tablet;\\r\\n\\t}\\r\\n\\tbutton {\\r\\n\\t\\tmargin-right: 5px;\\r\\n\\t}\\r\\n\\t&__header {\\r\\n\\t\\tpadding-top: 8px;\\r\\n\\t\\tpadding-left: 10px;\\r\\n\\t\\tpadding-right: 10px;\\r\\n\\t\\tdisplay: flex;\\r\\n\\t\\tjustify-content: space-between;\\r\\n\\t\\talign-items: center;\\r\\n\\t\\tmargin-top: 2px;\\r\\n\\t\\tmargin-bottom: $gutter;\\r\\n\\t\\theight: auto;\\r\\n\\t\\t.title {\\r\\n\\t\\t\\tmargin: 0;\\r\\n\\t\\t}\\r\\n\\t}\\r\\n\\t\\r\\n\\t&__body {\\r\\n\\t\\tdisplay: grid;\\r\\n\\t\\tposition: relative;\\r\\n\\t\\trow-gap: $gutter;\\r\\n\\t\\twidth: 100%;\\r\\n\\t\\tmargin-bottom: 5px;\\r\\n\\t\\theight: auto;\\r\\n\\t}\\r\\n\\r\\n\\t&-section {\\r\\n\\t\\tdisplay: grid;\\r\\n\\t\\trow-gap: calc(#{$gutter} / 3);\\r\\n\\r\\n\\t\\t& > & {\\r\\n\\t\\t\\tpadding: calc(#{$gutter} / 3);\\r\\n\\t\\t}\\r\\n\\t\\t&__header {\\r\\n\\t\\t\\tdisplay: flex;\\r\\n\\t\\t\\tjustify-content: space-between;\\r\\n\\t\\t\\talign-items: center;\\r\\n\\t\\t\\t\\r\\n\\t\\t\\t.title {\\r\\n\\t\\t\\t\\tmargin: 0;\\r\\n\\t\\t\\t}\\r\\n\\t\\t}\\r\\n\\t}\\r\\n\\r\\n\\tdetails {\\r\\n\\t\\t&[open] {\\r\\n\\t\\t\\t> summary {\\r\\n\\t\\t\\t\\t.icon {\\r\\n\\t\\t\\t\\t\\ttransform: rotate(180deg);\\r\\n\\t\\t\\t\\t}\\r\\n\\t\\t\\t}\\r\\n\\t\\t}\\r\\n\\t\\t\\r\\n\\t\\tsummary {\\r\\n\\t\\t\\tbackground: $grey-lighter;\\r\\n\\t\\t\\tfont-weight: 600;\\r\\n\\t\\t\\theight: 3em;\\r\\n\\t\\t\\tdisplay: flex;\\r\\n\\t\\t\\talign-items: center;\\r\\n\\t\\t\\tjustify-content: space-between;\\r\\n\\t\\t\\tpadding: 0 calc(#{$gutter} / 1.5);\\r\\n\\t\\t\\tborder: 1px solid $border-color;\\r\\n\\r\\n\\t\\t\\t&::-webkit-details-marker {\\r\\n\\t\\t\\t\\tdisplay: none;\\r\\n\\t\\t\\t}\\r\\n\\r\\n\\t\\t\\t&:focus {\\r\\n\\t\\t\\t\\toutline: none;\\r\\n\\t\\t\\t}\\r\\n\\r\\n\\t\\t\\t.title {\\r\\n\\t\\t\\t\\ttext-transform: capitalize;\\r\\n\\t\\t\\t}\\r\\n\\t\\t}\\r\\n\\t}\\r\\n\\r\\n\\t.layer {\\r\\n\\t\\tdisplay: grid;\\r\\n\\t\\tgrid-template-columns: .5fr 3fr 7em;\\r\\n\\r\\n\\t\\t&[data-readonly-property=true] {\\r\\n\\t\\t\\tcolor: rgba($text-color, 0.6);\\r\\n\\t\\t}\\r\\n\\r\\n\\t\\t&[data-editable=false] {\\r\\n\\t\\t\\tbackground: rgba($text-color, 0.15);\\r\\n\\t\\t\\topacity: 0.8;\\r\\n\\t\\t}\\r\\n\\r\\n\\t\\t&[data-editable=true] {\\r\\n\\t\\t\\tcursor: text;\\r\\n\\t\\t}\\r\\n\\r\\n\\t\\t&[data-simple-value=true] {\\r\\n\\t\\t\\t&.editing {\\r\\n\\t\\t\\t\\tpadding: 0 !important;\\r\\n\\t\\t\\t}\\r\\n\\t\\t}\\r\\n\\r\\n\\t\\t&[data-multiline=true] .cell {\\r\\n\\t\\t\\theight: 10em;\\r\\n\\r\\n\\t\\t\\t&.cell--value {\\r\\n\\t\\t\\t\\twhite-space: unset;\\r\\n\\t\\t\\t\\tline-height: normal;\\r\\n\\r\\n\\t\\t\\t\\t& > span {\\r\\n\\t\\t\\t\\t\\tdisplay: block;\\r\\n\\t\\t\\t\\t\\tpadding: calc(#{$gutter} / 2) calc(#{$gutter} / 1.5);\\r\\n\\t\\t\\t\\t\\theight: inherit;\\r\\n\\t\\t\\t\\t\\toverflow: auto;\\r\\n\\t\\t\\t\\t\\twhite-space: pre-line;\\r\\n\\t\\t\\t\\t}\\r\\n\\t\\t\\t}\\r\\n\\t\\t}\\r\\n\\r\\n\\t\\t.edit-cell {\\r\\n\\t\\t\\tborder: 0;\\r\\n\\t\\t\\theight: 100%;\\r\\n\\t\\t\\tline-height: inherit;\\r\\n\\t\\t\\tpadding: 0 calc(#{$gutter} / 1.5);\\r\\n\\t\\t\\twidth: 100%;\\r\\n\\t\\t}\\r\\n\\t\\t\\r\\n\\t\\t.cell {\\r\\n\\t\\t\\tborder-right: 1px solid $border-color;\\r\\n\\t\\t\\tborder-bottom: 1px solid $border-color;\\r\\n\\t\\t\\theight: 3em;\\r\\n\\t\\t\\tline-height: 3em;\\r\\n\\r\\n\\t\\t\\t&--title {\\r\\n\\t\\t\\t\\tposition: relative;\\r\\n\\t\\t\\t\\tpadding: 0 calc(#{$gutter} / 1.5);\\r\\n\\t\\t\\t\\t.url-icon {\\r\\n\\t\\t\\t\\t\\tposition: absolute;\\r\\n\\t\\t\\t\\t\\tright:0px;\\r\\n\\t\\t\\t\\t\\ttop:0.5px;\\r\\n\\t\\t\\t\\t\\tcursor: pointer;\\t\\r\\n\\t\\t\\t\\t}\\r\\n\\t\\t\\t\\t.url-icon:hover {\\r\\n\\t\\t\\t\\t\\ttext-decoration: none;\\r\\n\\t\\t\\t\\t}\\r\\n\\t\\t\\t}\\r\\n\\r\\n\\t\\t\\t&--value {\\r\\n\\t\\t\\t\\tpadding: 0;\\r\\n\\r\\n\\t\\t\\t\\t> span {\\r\\n\\t\\t\\t\\t\\tpadding: 0 calc(#{$gutter} / 1.5);\\r\\n\\t\\t\\t\\t}\\r\\n\\t\\t\\t}\\r\\n\\r\\n\\t\\t\\toverflow: hidden;\\r\\n\\t\\t\\ttext-overflow: ellipsis;\\r\\n\\t\\t\\twhite-space: nowrap;\\r\\n\\r\\n\\t\\t\\t&:first-of-type {\\r\\n\\t\\t\\t\\tborder-left: 1px solid $border-color;\\r\\n\\t\\t\\t}\\r\\n\\t\\t}\\r\\n\\t}\\r\\n\\r\\n\\t.material {\\r\\n\\t\\tdisplay: grid;\\r\\n\\t\\tgrid-template-columns: 1fr;\\r\\n\\r\\n\\t\\t&[data-readonly-property=true] {\\r\\n\\t\\t\\tcolor: rgba($text-color, 0.6);\\r\\n\\t\\t}\\r\\n\\r\\n\\t\\t&[data-editable=false] {\\r\\n\\t\\t\\tbackground: rgba($text-color, 0.15);\\r\\n\\t\\t\\topacity: 0.8;\\r\\n\\t\\t}\\r\\n\\r\\n\\t\\t&[data-editable=true] {\\r\\n\\t\\t\\tcursor: text;\\r\\n\\t\\t}\\r\\n\\r\\n\\t\\t&[data-simple-value=true] {\\r\\n\\t\\t\\t&.editing {\\r\\n\\t\\t\\t\\tpadding: 0 !important;\\r\\n\\t\\t\\t}\\r\\n\\t\\t}\\r\\n\\r\\n\\t\\t&[data-multiline=true] .cell {\\r\\n\\t\\t\\theight: 10em;\\r\\n\\r\\n\\t\\t\\t&.cell--value {\\r\\n\\t\\t\\t\\twhite-space: unset;\\r\\n\\t\\t\\t\\tline-height: normal;\\r\\n\\r\\n\\t\\t\\t\\t& > span {\\r\\n\\t\\t\\t\\t\\tdisplay: block;\\r\\n\\t\\t\\t\\t\\tpadding: calc(#{$gutter} / 2) calc(#{$gutter} / 1.5);\\r\\n\\t\\t\\t\\t\\theight: inherit;\\r\\n\\t\\t\\t\\t\\toverflow: auto;\\r\\n\\t\\t\\t\\t\\twhite-space: pre-line;\\r\\n\\t\\t\\t\\t}\\r\\n\\t\\t\\t}\\r\\n\\t\\t}\\r\\n\\r\\n\\t\\t.edit-cell {\\r\\n\\t\\t\\tborder: 0;\\r\\n\\t\\t\\theight: 100%;\\r\\n\\t\\t\\tline-height: inherit;\\r\\n\\t\\t\\tpadding: 0 calc(#{$gutter} / 1.5);\\r\\n\\t\\t\\twidth: 100%;\\r\\n\\t\\t}\\r\\n\\r\\n\\t\\t.cell {\\r\\n\\t\\t\\tborder-right: 1px solid $border-color;\\r\\n\\t\\t\\tborder-bottom: 1px solid $border-color;\\r\\n\\t\\t\\theight: 3em;\\r\\n\\t\\t\\tline-height: 3em;\\r\\n\\r\\n\\t\\t\\t&--title {\\r\\n\\t\\t\\t\\tposition: relative;\\r\\n\\t\\t\\t\\tpadding: 0 calc(#{$gutter} / 1.5);\\r\\n\\t\\t\\t\\t.url-icon {\\r\\n\\t\\t\\t\\t\\tposition: absolute;\\r\\n\\t\\t\\t\\t\\tright:0px;\\r\\n\\t\\t\\t\\t\\ttop:0.5px;\\r\\n\\t\\t\\t\\t\\tcursor: pointer;\\r\\n\\t\\t\\t\\t}\\r\\n\\t\\t\\t\\t.url-icon:hover {\\r\\n\\t\\t\\t\\t\\ttext-decoration: none;\\r\\n\\t\\t\\t\\t}\\r\\n\\t\\t\\t}\\r\\n\\r\\n\\t\\t\\t&--value {\\r\\n\\t\\t\\t\\tpadding: 0;\\r\\n\\r\\n\\t\\t\\t\\t> span {\\r\\n\\t\\t\\t\\t\\tpadding: 0 calc(#{$gutter} / 1.5);\\r\\n\\t\\t\\t\\t}\\r\\n\\t\\t\\t}\\r\\n\\r\\n\\t\\t\\toverflow: hidden;\\r\\n\\t\\t\\ttext-overflow: ellipsis;\\r\\n\\t\\t\\twhite-space: nowrap;\\r\\n\\r\\n\\t\\t\\t&:first-of-type {\\r\\n\\t\\t\\t\\tborder-left: 1px solid $border-color;\\r\\n\\t\\t\\t}\\r\\n\\t\\t}\\r\\n\\t}\\r\\n}\\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 = \"<template class=\\\"type-material-properties\\\" show.bind=\\\"layers.length > 0 || materials.length > 0\\\">\\r\\n\\t<require from=\\\"./type-material-properties.scss\\\"></require>\\r\\n\\r\\n\\t<div class=\\\"type-material-properties__body\\\">\\r\\n\\t\\t<details class=\\\"type-material-properties-section\\\" open>\\r\\n\\t\\t\\t<summary class=\\\"type-material-properties-section__header\\\">\\r\\n\\t\\t\\t\\t<span class=\\\"title\\\">Materials</span>\\r\\n\\t\\t\\t\\t<span class=\\\"icon\\\">\\r\\n\\t\\t\\t\\t\\t<i class=\\\"far fa-chevron-down\\\"></i>\\r\\n\\t\\t\\t\\t</span>\\r\\n\\t\\t\\t</summary>\\r\\n\\t\\t\\t\\r\\n\\t\\t\\t<div class=\\\"type-material-properties-section\\\">\\r\\n\\t\\t\\t\\t<details if.bind=\\\"materials.length > 0\\\" class=\\\"property-group\\\" open>\\r\\n\\t\\t\\t\\t\\t<summary>\\r\\n\\t\\t\\t\\t\\t\\t<span class=\\\"title\\\">Materials</span>\\r\\n\\t\\t\\t\\t\\t\\t<span class=\\\"icon\\\">\\r\\n\\t\\t\\t\\t\\t\\t\\t<i class=\\\"far fa-chevron-down\\\"></i>\\r\\n\\t\\t\\t\\t\\t\\t</span>\\r\\n\\t\\t\\t\\t\\t</summary>\\r\\n\\r\\n\\t\\t\\t\\t\\t<!--\\r\\n\\t\\t\\t\\t\\t<div class=\\\"material\\\">\\r\\n\\t\\t\\t\\t\\t\\t<div class=\\\"cell cell&#45;&#45;title\\\">Name</div>\\r\\n\\t\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t\\t\\t-->\\r\\n\\t\\t\\t\\t\\t<div repeat.for=\\\"material of materials\\\" class=\\\"material\\\" data-readonly-property>\\r\\n\\t\\t\\t\\t\\t\\t<div class=\\\"cell cell--title\\\" title.bind=\\\"material.name\\\">${material.name}</div>\\r\\n\\t\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t\\t</details>\\r\\n\\t\\t\\t\\t\\r\\n\\t\\t\\t\\t<details if.bind=\\\"layers.length > 0\\\" class=\\\"property-group\\\" open>\\r\\n\\t\\t\\t\\t\\t<summary>\\r\\n\\t\\t\\t\\t\\t\\t<span class=\\\"title\\\">Layers</span>\\r\\n\\t\\t\\t\\t\\t\\t<span class=\\\"icon\\\">\\r\\n\\t\\t\\t\\t\\t\\t\\t<i class=\\\"far fa-chevron-down\\\"></i>\\r\\n\\t\\t\\t\\t\\t\\t</span>\\r\\n\\t\\t\\t\\t\\t</summary>\\r\\n\\r\\n\\t\\t\\t\\t\\t<div class=\\\"layer\\\">\\r\\n\\t\\t\\t\\t\\t\\t<div class=\\\"cell cell--title\\\">#</div>\\r\\n\\t\\t\\t\\t\\t\\t<div class=\\\"cell cell--title\\\">Material</div>\\r\\n\\t\\t\\t\\t\\t\\t<div class=\\\"cell cell--title\\\">Thickness</div>\\r\\n\\t\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t\\t\\t<div repeat.for=\\\"layer of layers\\\" class=\\\"layer\\\" data-readonly-property>\\r\\n\\r\\n\\t\\t\\t\\t\\t\\t<div class=\\\"cell cell--title\\\" \\r\\n\\t\\t\\t\\t\\t\\t     title.bind=\\\"layer.layerId\\\">\\r\\n\\t\\t\\t\\t\\t\\t\\t${layer.layerId+1}\\r\\n\\t\\t\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t\\t\\t\\t\\r\\n\\t\\t\\t\\t\\t\\t<div class=\\\"cell cell--title\\\" title.bind=\\\"layer.name\\\">\\r\\n\\t\\t\\t\\t\\t\\t\\t<span style=\\\"${layer.prjMaterialId === '00000000-0000-0000-0000-000000000000' ? 'font-style: italic' : ''}\\\">${layer.name}</span>\\r\\n\\t\\t\\t\\t\\t\\t</div>\\r\\n\\r\\n\\t\\t\\t\\t\\t\\t<div class=\\\"cell cell--value\\\" title.bind=\\\"layer.widthDisplay\\\">\\r\\n\\t\\t\\t\\t\\t\\t\\t<span>${layer.widthDisplay}</span>\\r\\n\\t\\t\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t\\t</details>\\r\\n\\t\\t\\t</div>\\r\\n\\t\\t</details>\\r\\n\\t</div>\\r\\n</template>\\r\\n\";","import {EventAggregator, Subscription} from \"aurelia-event-aggregator\";\r\nimport {ApiClient} from \"../../../../services/api-client\";\r\nimport { RequestMethod } from 'app/services/RequestMethod';\r\nimport {AppContextService} from \"../../../../services/app-context-service\";\r\nimport {ObjectRow} from \"../../../../services/object-list/object-list-row\";\r\nimport {autoinject, bindable} from \"aurelia-framework\";\r\n\r\ninterface CompoundStructureLayers {\r\n\tname: string,\r\n\tprjMaterialId: string,\r\n\tlayerId: number,\r\n\twidth: number,\r\n\twidthDisplay: string\r\n}\r\n\r\ninterface MaterialForTypeInfo {\r\n\tname: string\r\n}\r\n\r\ninterface MaterialTypeInfo {\r\n\tlayers: CompoundStructureLayers[],\r\n\tmaterials: MaterialForTypeInfo[]\r\n}\r\n\r\n@autoinject()\r\nexport class TypeMaterialProperties {\r\n\t@bindable public projectId : string = \"\";\r\n\tprivate subscriptions: Subscription[] = [];\r\n\tpublic materials: MaterialForTypeInfo[] = [];\r\n\tpublic layers: CompoundStructureLayers[] = [];\r\n\t\r\n\tconstructor(private events: EventAggregator, private apiClient: ApiClient, private appContext: AppContextService) {\r\n\r\n\t}\r\n\r\n\tattached(): void {\r\n\t\tthis.subscriptions = [\r\n\t\t\tthis.events.subscribe('object-properties-material:show', async (typeId: string | undefined) => await this.getMaterialInfo(typeId, true)),\r\n\t\t\tthis.events.subscribe('object-properties-material:update', async (typeId: string  | undefined) => await this.getMaterialInfo(typeId))\r\n\t\t];\r\n\t\tthis.events.publish('object-grid:sendMgr'); //Not sure if this is the best way to do it. Keeping it for now.\r\n\t}\r\n\r\n\tdetached(): void {\r\n\t\tthis.subscriptions.forEach((subscription: Subscription) => subscription.dispose());\r\n\t}\r\n\tpublic async projectIdChanged() : Promise<void> {\r\n\t\tawait this.projectChangedHandler();\r\n\t}\r\n\t\r\n\tprivate async projectChangedHandler(): Promise<void> {\r\n\t\tthis.layers = [];\r\n\t}\r\n\r\n\tpublic async getMaterialInfo(typeId: string | undefined, show: boolean = false): Promise<void> {\r\n\t\tlet prjApi:RequestMethod = this.apiClient.project(this.appContext.projectId);\r\n\t\t\r\n\t\tif (typeId == \"\" || typeId == undefined) {\r\n\t\t\tconsole.log('There is no type id!');\r\n\t\t\treturn;\r\n\t\t}\r\n\t\t\r\n\t\tconst materialTypeInfo: MaterialTypeInfo = await prjApi.get(`Materials/GetMaterialTypeInfo/${typeId}`).jsonResult();\r\n\t\t\r\n\t\tconsole.log(\"materialtypeinfo \" , materialTypeInfo);\r\n\r\n\t\tthis.layers = materialTypeInfo.layers;\r\n\t\tthis.materials = materialTypeInfo.materials;\r\n\t\t\r\n\t\tconsole.log('allMatInfoForType:', materialTypeInfo);\r\n\t}\r\n}\r\n","export class PropertyResizeHandler {\r\n    public isDragging: boolean = false;\r\n\tpublic currentgridTempColumn = \"\";\r\n\r\n    constructor() {}\r\n\r\n    shouldDrag(event: PointerEvent, shouldDrag: boolean): void {\r\n\t\tthis.isDragging = shouldDrag;\r\n\t}\r\n\t\r\n\tdragHandling(event: PointerEvent, showPropertiesDetailed: boolean): void {\r\n\t\tif(this.isDragging) {\r\n\t\t\tlet container = document.getElementById('object-body-container');\r\n\t\t\tlet scrollBarWidth = container ? container?.offsetWidth - container?.clientWidth : 0;\r\n\t\t\tif (showPropertiesDetailed == false) {\r\n\t\t\t\tthis.resizeSimpleProps(event, scrollBarWidth);\r\n\t\t\t} else {\r\n\t\t\t\tlet detailColumnWidth = document.getElementById('ac-detail-col')?.offsetWidth;\r\n\t\t\t\tthis.resizeDetailedProps(event, scrollBarWidth, detailColumnWidth ? detailColumnWidth : 0);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tthis.setColSizes();\r\n\t\t\tevent.preventDefault()\r\n\t\t}\t\r\n\t}\t\r\n\r\n\tresizeSimpleProps(event: PointerEvent, scrollBarWidth: number): void {\r\n\t\tlet rightSidePaddingMargin = 10 + 7.5 + scrollBarWidth; //Padding and such, just an approximate.(If padding changes, this should be changed accordingly)\r\n\t\tlet newRightWidth = window.innerWidth - event!.clientX - rightSidePaddingMargin; //Based on the window width and mouse location and margin padding, the size of the right column is calculated.\r\n\t\t\t\t\t\t\t//RightWidth cannot be wider than this.\r\n\t\tif (newRightWidth > (285 - scrollBarWidth) || newRightWidth < 30 || newRightWidth == undefined) {\r\n\t\t\tthis.shouldDrag(event, false);\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tlet dragbarWidth = 5;\r\n\t\tthis.currentgridTempColumn = \"auto \" + dragbarWidth + \"px \" + newRightWidth + \"px\";\t\r\n\t}\r\n\r\n\tresizeDetailedProps(event: PointerEvent, scrollBarWidth: number, detailColumnWidth: number): void {\r\n\t\tlet rightSideOffset = 10 + 7.5 + detailColumnWidth + scrollBarWidth; //RightSide-padding + Last column width + scrollbar width. (If padding changes, this should be changed accordingly)\r\n\t\tlet newRightWidth = window.innerWidth - event!.clientX - rightSideOffset; //Based on the window width and mouse location and margin padding, the size of the right column is calculated.\r\n\t\t\t\t\t\t\t//RightWidth cannot be wider than this.\r\n\t\tif (newRightWidth > 285 - (detailColumnWidth + scrollBarWidth) || newRightWidth < 30 || newRightWidth == undefined) {\r\n\t\t\tthis.shouldDrag(event, false);\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tlet dragbarWidth = 5;\r\n\t\tthis.currentgridTempColumn = \"auto \" + dragbarWidth + \"px \" + newRightWidth + \"px\" + \" \" + detailColumnWidth + \"px\";\t\r\n\t}\r\n\r\n    resetColSizes(showPropertiesDetailed: boolean): void {\r\n\t\tif (showPropertiesDetailed) {\r\n\t\t\tthis.currentgridTempColumn = \"1fr 5px 1.25fr 0.8fr\";\r\n\t\t} else {\r\n\t\t\tthis.currentgridTempColumn = \"1fr 5px 1.25fr\";\r\n\t\t}\r\n\t\tthis.setColSizes();\r\n\t}\r\n\t\r\n\tsetColSizes(): void {\r\n\t\tlet allProperties: HTMLCollectionOf<Element> = document.getElementsByClassName('property');\r\n        for (let property of allProperties) {\r\n            (<HTMLElement>property).style.gridTemplateColumns = this.currentgridTempColumn;\r\n        }\r\n\t}\r\n\r\n}"],"names":["___CSS_LOADER_EXPORT___","push","module","id","exports","TypeMaterialProperties","constructor","events","apiClient","appContext","projectId","subscriptions","materials","layers","attached","this","subscribe","async","typeId","getMaterialInfo","publish","detached","forEach","subscription","dispose","projectIdChanged","projectChangedHandler","show","prjApi","project","undefined","console","log","materialTypeInfo","get","jsonResult","bindable","autoinject","EventAggregator","PropertyResizeHandler","isDragging","currentgridTempColumn","shouldDrag","event","dragHandling","showPropertiesDetailed","container","document","getElementById","scrollBarWidth","offsetWidth","clientWidth","resizeSimpleProps","detailColumnWidth","resizeDetailedProps","setColSizes","preventDefault","rightSidePaddingMargin","newRightWidth","window","innerWidth","clientX","rightSideOffset","resetColSizes","allProperties","getElementsByClassName","property","style","gridTemplateColumns"],"sourceRoot":""}