{"version":3,"file":"app-c06f24ff.254f1453583f6838.bundle.js","mappings":"4OAGIA,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,GAAI,4uIAA6uI,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,wFAAwF,8DAA8D,MAAQ,GAAG,SAAW,k6BAAk6B,eAAiB,CAAC,gnIAAknI,8jGAA8jG,WAAa,MAE9kZ,S,8ECPAD,EAAOE,QAAU,w4I,qpBCUV,IAAMC,EAAN,MAMH,WAAAC,CAAoBC,EAAwBC,EAAuCC,GAA/D,KAAAF,IAAAA,EAAwB,KAAAC,WAAAA,EAAuC,KAAAC,OAAAA,EAL3E,KAAAC,UAAoB,GAIpB,KAAAC,wBAAkC,CACmE,CAE7G,UAAMC,G,MACFC,QAAQC,IAAI,yBAA0BC,KAAKC,IAC3CD,KAAKL,UAAYK,KAAKP,WAAWE,gBAC3BK,KAAKE,gBACXF,KAAKN,OAAOS,QAAQ,kCAA0C,QAAP,EAAAH,KAAKC,UAAE,eAAEb,GACpE,CAEA,MAAAgB,GACIN,QAAQC,IAAI,2BAA4BC,KAAKC,GAEjD,CAEA,eAAMI,G,MACFP,QAAQC,IAAI,cAAgBC,KAAKC,UAC3BD,KAAKE,gBACXF,KAAKN,OAAOS,QAAQ,oCAA4C,QAAP,EAAAH,KAAKC,UAAE,eAAEb,GACtE,CAEA,mBAAMc,G,MACFF,KAAKM,yBAA2BN,KAAKR,IAAIe,QAAQP,KAAKP,WAAWE,WAAWa,IAAI,2CAAkD,QAAP,EAAAR,KAAKC,UAAE,eAAEb,MAAMqB,aAC1IX,QAAQC,IAAI,kBAAoBC,KAAKM,mBACzC,CAEA,SAAAI,CAAUC,GACZ,OAAO,EAAAC,EAAaF,UAAUC,EAC/B,CAEA,OAAAE,CAAQF,GACPG,OAAOC,KAAKf,KAAKU,UAAUC,GAAM,SAClC,CAEG,aAAAK,GACIhB,KAAKJ,wBAA0BI,KAAKJ,sBACxC,GAvCA,GAAC,EAAAqB,S,kDAFQ3B,EAAgB,GAD5B,EAAA4B,W,uBAO4B,IAA+B,IAAmC,EAAAC,mBANlF7B,E","sources":["webpack://client-app/./src/app/project/quantity-takeoff/simple-properties/simple-properties.scss","webpack://client-app/./src/app/project/quantity-takeoff/simple-properties/simple-properties.html","webpack://client-app/./src/app/project/quantity-takeoff/simple-properties/simple-properties.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, `.simple-property-container{display:flex;flex-direction:column;overflow:auto;padding:10px;width:100%;height:100%}.simple-property-container details[open]>summary .icon{transform:rotate(180deg)}.simple-property-container details summary{background:#f0f3f4;font-weight:600;height:2em !important;display:flex;align-items:center;justify-content:space-between;padding:0 calc(15px/1.5);border:1px solid rgba(0,0,0,.175)}.simple-property-container details summary::-webkit-details-marker{display:none}.simple-property-container details summary:focus{outline:none}.simple-property-container details summary .title{text-transform:capitalize}.simple-property-container__header{padding-left:10px;padding-right:10px;display:flex;justify-content:space-between;align-items:center;margin-top:2px;height:auto}.simple-property-container__header .title{margin:0}.simple-property-container-section{display:grid;row-gap:calc(15px/3)}.simple-property-container-section>.simple-property-container-section{padding:calc(15px/3)}.simple-property-container-section__header{display:flex;justify-content:space-between;align-items:center}.simple-property-container-section__header .title{margin:0}.simple-property-container[data-properties-detailed=true]{width:100%}[data-device-type=mobile] .simple-property-container[data-properties-detailed=true]{width:100vw}[data-device-type=tablet] .simple-property-container[data-properties-detailed=true]{width:560px}.simple-property-container[data-properties-detailed=true] .property{grid-template-columns:1fr 1.25fr 8em}.simple-property-container .property{display:grid;grid-template-columns:1fr 1.25fr;width:100%}.simple-property-container .material{display:grid;grid-template-columns:1fr !important}.simple-property-container .layer{display:grid;grid-template-columns:.5fr 3fr 7em !important}.simple-property-container .property[data-readonly-property=true],.simple-property-container .material[data-readonly-property=true],.simple-property-container .layer[data-readonly-property=true]{color:rgba(51,51,51,.6)}.simple-property-container .property[data-multiline=true] .cell,.simple-property-container .material[data-multiline=true] .cell,.simple-property-container .layer[data-multiline=true] .cell{height:10em}.simple-property-container .property[data-multiline=true] .cell.cell--value,.simple-property-container .material[data-multiline=true] .cell.cell--value,.simple-property-container .layer[data-multiline=true] .cell.cell--value{white-space:unset;line-height:normal}.simple-property-container .property[data-multiline=true] .cell.cell--value>span,.simple-property-container .material[data-multiline=true] .cell.cell--value>span,.simple-property-container .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}.simple-property-container .property .cell,.simple-property-container .material .cell,.simple-property-container .layer .cell{border-right:1px solid rgba(0,0,0,.175);border-bottom:1px solid rgba(0,0,0,.175);height:2em !important;line-height:2em !important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.simple-property-container .property .cell--title,.simple-property-container .material .cell--title,.simple-property-container .layer .cell--title{position:relative;padding:0 calc(15px/1.5)}.simple-property-container .property .cell--title .url-icon,.simple-property-container .material .cell--title .url-icon,.simple-property-container .layer .cell--title .url-icon{position:absolute;right:0px;top:.5px;cursor:pointer}.simple-property-container .property .cell--title .url-icon:hover,.simple-property-container .material .cell--title .url-icon:hover,.simple-property-container .layer .cell--title .url-icon:hover{text-decoration:none}.simple-property-container .property .cell--value,.simple-property-container .material .cell--value,.simple-property-container .layer .cell--value{padding:0}.simple-property-container .property .cell--value>span,.simple-property-container .material .cell--value>span,.simple-property-container .layer .cell--value>span{padding:0 calc(15px/1.5)}.simple-property-container .property .cell:first-of-type,.simple-property-container .material .cell:first-of-type,.simple-property-container .layer .cell:first-of-type{border-left:1px solid rgba(0,0,0,.175)}`, \"\",{\"version\":3,\"sources\":[\"webpack://./src/app/project/quantity-takeoff/simple-properties/simple-properties.scss\",\"webpack://./src/resources/customized-styles/variables.scss\"],\"names\":[],\"mappings\":\"AAGA,2BACI,YAAA,CACA,qBAAA,CACA,aAAA,CACA,YAAA,CACA,UAAA,CACA,WAAA,CAIA,uDACC,wBAAA,CAIH,2CACC,kBCbY,CDcZ,eAAA,CACA,qBAAA,CACA,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,wBAAA,CACA,iCAAA,CAEA,mEACC,YAAA,CAGD,iDACC,YAAA,CAGD,kDACC,yBAAA,CAKA,mCACF,iBAAA,CACA,kBAAA,CACA,YAAA,CACA,6BAAA,CACA,kBAAA,CACA,cAAA,CACA,WAAA,CACA,0CACC,QAAA,CAGC,mCACF,YAAA,CACA,oBAAA,CAEA,sEACC,oBAAA,CAED,2CACC,YAAA,CACA,6BAAA,CACA,kBAAA,CAEA,kDACC,QAAA,CAKH,0DACC,UAAA,CAEA,oFACC,WClBwC,CDqBzC,oFACC,WCpBwC,CDuBzC,oEACC,oCAAA,CAGF,qCACC,YAAA,CACA,gCAAA,CACA,UAAA,CAED,qCACC,YAAA,CACA,oCAAA,CAED,kCACC,YAAA,CACA,6CAAA,CAKA,mMACC,uBAAA,CAGD,6LACC,WAAA,CAEA,iOACC,iBAAA,CACA,kBAAA,CAEA,gPACC,aAAA,CACA,mCAAA,CACA,cAAA,CACA,aAAA,CACA,oBAAA,CAKH,8HACC,uCAAA,CACA,wCAAA,CACA,qBAAA,CACA,0BAAA,CAwBA,eAAA,CACA,sBAAA,CACA,kBAAA,CAxBA,mJACC,iBAAA,CACA,wBAAA,CACA,iLACC,iBAAA,CACA,SAAA,CACA,QAAA,CACA,cAAA,CAED,mMACC,oBAAA,CAIF,mJACC,SAAA,CAEA,kKACC,wBAAA,CAQF,wKACC,sCAAA\",\"sourcesContent\":[\"@import \\\"src/resources/customized-styles/variables\\\";\\r\\n\\r\\n//Taken and revised from new-object-properties.scss\\r\\n.simple-property-container {\\r\\n    display: flex;\\r\\n    flex-direction: column;\\r\\n    overflow: auto;\\r\\n    padding: 10px;\\r\\n    width: 100%;\\r\\n    height: 100%;\\r\\n    details {\\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\\tsummary {\\r\\n\\t\\t\\tbackground: $grey-lighter;\\r\\n\\t\\t\\tfont-weight: 600;\\r\\n\\t\\t\\theight: 2em!important; //This is important to override the styling in type-material-properties.\\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    &__header {\\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\\theight: auto;\\r\\n\\t\\t.title {\\r\\n\\t\\t\\tmargin: 0;\\r\\n\\t\\t}\\r\\n\\t}\\r\\n    &-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    //Newly inserted\\r\\n\\t&[data-properties-detailed=true] {\\r\\n\\t\\twidth: 100%;\\r\\n\\r\\n\\t\\t[data-device-type=mobile] & {\\r\\n\\t\\t\\twidth: $object-properties-width-mobile--detailed;\\r\\n\\t\\t}\\r\\n\\t\\r\\n\\t\\t[data-device-type=tablet] & {\\r\\n\\t\\t\\twidth: $object-properties-width-tablet--detailed;\\r\\n\\t\\t}\\r\\n\\r\\n\\t\\t.property {\\r\\n\\t\\t\\tgrid-template-columns: 1fr 1.25fr min(8em);\\r\\n\\t\\t}\\r\\n\\t}\\r\\n\\t.property {\\r\\n\\t\\tdisplay: grid;\\r\\n\\t\\tgrid-template-columns: 1fr 1.25fr;\\r\\n\\t\\twidth: 100%;\\r\\n\\t}\\r\\n\\t.material {\\r\\n\\t\\tdisplay: grid;\\r\\n\\t\\tgrid-template-columns: 1fr!important; //Is actually written in its own styling class, but as we override it above, it is here reoverwritten. Should be cleaned up.\\r\\n\\t}\\r\\n\\t.layer {\\r\\n\\t\\tdisplay: grid;\\r\\n\\t\\tgrid-template-columns: .5fr 3fr 7em!important; //Is actually written in its own styling class, but as we override it above, it is here reoverwritten. Should be cleaned up.\\r\\n\\t}\\r\\n\\t.property, .material, .layer { //(material, layer)Added to ensure overriding of previous styling\\r\\n\\t\\t\\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-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\\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: 2em!important;//This is important to override the styling in type-material-properties.\\r\\n\\t\\t\\tline-height: 2em!important;//This is important to override the styling in type-material-properties.\\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\\t\\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@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>\\r\\n    <require from=\\\"./simple-properties.scss\\\"></require>\\r\\n\\t<require from=\\\"app/components/object/new-properties/properties-type-material/type-material-properties\\\"></require>\\r\\n    <div class=\\\"simple-property-container\\\" data-properties-detailed.bind=\\\"showPropertiesDetailed\\\">\\r\\n        <div class=\\\"simple-property-container__header\\\">\\r\\n\\t\\t\\t<h5 class=\\\"title\\\" i18n=\\\"translation:Properties\\\">Properties</h5>\\r\\n\\t\\t\\t<div class=\\\"actions\\\">\\r\\n\\t\\t\\t\\t<button class=\\\"btn btn-white btn-white-without-border\\\" click.delegate=\\\"toggleDetails()\\\">\\r\\n\\t\\t\\t\\t\\t<span show.bind=\\\"!showPropertiesDetailed\\\" i18n=\\\"translation:ShowMore\\\">Show more</span>\\r\\n\\t\\t\\t\\t\\t<span show.bind=\\\"showPropertiesDetailed\\\" i18n=\\\"translation:ShowLess\\\">Show less</span>\\r\\n\\t\\t\\t\\t</button>\\r\\n\\t\\t\\t</div>\\r\\n\\t\\t\\t<button if.bind=\\\"isSwitchAvailable\\\" click.delegate=\\\"switchPropertyAndColor()\\\" class=\\\"btn btn-default btn-sm move-button\\\">\\r\\n\\t\\t\\t\\t<i class=\\\"fa-solid fa-arrow-up\\\"></i>\\r\\n\\t\\t\\t</button>\\r\\n\\t\\t</div>\\r\\n        <details if.bind=\\\"itemPropertyGroups.length > 0\\\" repeat.for=\\\"section of itemPropertyGroups | sort: { propertyName: 'name', direction: 'desc' }\\\" class=\\\"simple-property-container-section\\\" open>\\r\\n            <summary class=\\\"simple-property-container__header\\\">\\r\\n                <span class=\\\"title\\\">${section.name}</span>\\r\\n                <span class=\\\"icon\\\">\\r\\n                    <i class=\\\"far fa-chevron-down\\\"></i>\\r\\n                </span>\\r\\n            </summary>\\r\\n            \\r\\n            <div class=\\\"simple-property-container-section\\\">\\r\\n                <details repeat.for=\\\"propertyGroup of section.propertyGroups | sort: { propertyName: 'name' }\\\" class=\\\"property-group\\\" open>\\r\\n                    <summary>\\r\\n                        <span class=\\\"title\\\">${propertyGroup.name}</span>\\r\\n                        <span class=\\\"icon\\\">\\r\\n                            <i class=\\\"far fa-chevron-down\\\"></i>\\r\\n                        </span>\\r\\n                    </summary>\\r\\n                    \\r\\n                    <div repeat.for=\\\"property of propertyGroup.properties | sort: { propertyName: 'parameterName' }\\\" class=\\\"property\\\" data-readonly-property.bind=\\\"property.readOnly === 1 ? 'true' : 'false'\\\" data-multiline.bind=\\\"property.parameterType == 20\\\">\\r\\n                                                                                                                                                <!--URL-Type-->\\r\\n                        <div class=\\\"cell cell--title\\\" title.bind=\\\"property.parameterName\\\">${property.parameterName} <a if.bind=\\\"property.parameterType == 8 && property.value.length > 0\\\" class=\\\"fa-solid fa-link url-icon\\\" title.bind=\\\"formatUrl(property.value)\\\" click.delegate=\\\"goToUrl(property.value)\\\"></a></div>\\r\\n                        <div class=\\\"cell cell--value\\\" \\r\\n                        title.bind=\\\"property.value\\\" \\r\\n                        data-simple-value.bind=\\\"property.parameterType != 20\\\" \\r\\n                        data-multiline.bind=\\\"property.parameterType == 20\\\">\\r\\n                                            <!-- multiline == 20 -->\\r\\n                            <span>${property.value} <span if.bind=\\\"property.unitShort\\\" class=\\\"unit\\\">${property.unitShort}</span></span>\\r\\n                        </div>\\r\\n                        \\r\\n                        <div class=\\\"cell cell--title\\\" show.bind=\\\"showPropertiesDetailed\\\">\\r\\n                            <span if.bind=\\\"property.syncDirection === 'SyncToAc'\\\" title=\\\"Sync to AC\\\">Revit <i class=\\\"fad fa-exchange-alt fa-fw\\\"></i> AC</span>\\r\\n                            <span if.bind=\\\"property.syncDirection === 'SyncToRevit'\\\" title=\\\"Sync to Revit\\\">Revit <i class=\\\"fad fa-exchange-alt fa-fw fa-rotate-180\\\"></i> AC</span>\\r\\n                            <span if.bind=\\\"property.syncDirection === 'SyncBothWays'\\\" title=\\\"Sync both ways\\\">Revit <i class=\\\"fas fa-exchange-alt fa-fw\\\"></i> AC</span>\\r\\n                            <span if.bind=\\\"property.syncDirection === 'AcOnly'\\\" title=\\\"AC only\\\">AC only <i class=\\\"fas fa-exchange-alt fa-fw\\\" style=\\\"opacity: 0.4\\\"></i></span>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                </details>\\r\\n                <div class=\\\"new-object-properties-section\\\">\\r\\n                    <type-material-properties project-id.bind=\\\"projectId\\\"></type-material-properties>\\r\\n                </div>\\r\\n            </div>\\r\\n        </details>\\r\\n    </div>\\r\\n</template>\";","import { TypeDtoWCategory } from \"app/components/quantity-filter-sources/quantity-filter-sources\";\r\nimport { ITypeOrInstance } from \"app/models/object-properties-dto\";\r\nimport { ApiClient } from \"app/services/api-client\";\r\nimport { AppContextService } from \"app/services/app-context-service\";\r\nimport { UrlFormatter } from \"app/services/url-formatter\";\r\nimport { autoinject, bindable } from \"aurelia-framework\";\r\nimport {EventAggregator, Subscription} from \"aurelia-event-aggregator\";\r\n\r\n//This component is a simple type read-only of the original new-properties component.\r\n@autoinject\r\nexport class SimpleProperties {\r\n    private projectId: string = \"\";\r\n    @bindable QS: TypeDtoWCategory | undefined;\r\n    private itemPropertyGroups: ITypeOrInstance[] | undefined\r\n\r\n    private showPropertiesDetailed: boolean = false;\r\n    constructor(private api: ApiClient, private appContext: AppContextService, private events: EventAggregator) {}\r\n\r\n    async bind(): Promise<void> {\r\n        console.log('simple-properties:bind', this.QS);\r\n        this.projectId = this.appContext.projectId;\r\n        await this.getProperties();\r\n        this.events.publish('object-properties-material:show', this.QS?.id);\r\n    }\r\n\r\n    unbind(): void {\r\n        console.log('simple-properties:unbind', this.QS);\r\n        //Perhaps the project change should be here, if any is even necessary.\r\n    }\r\n\r\n    async QSChanged(): Promise<void> {\r\n        console.log(\"QS changed \" , this.QS);\r\n        await this.getProperties();\r\n        this.events.publish('object-properties-material:update', this.QS?.id);\r\n    }\r\n\r\n    async getProperties(): Promise<void> {\r\n        this.itemPropertyGroups = await this.api.project(this.appContext.projectId).get(`ObjectDetail/GetAllPropertiesByObjectId/${this.QS?.id}`).jsonResult();\r\n        console.log(\"all properties \" , this.itemPropertyGroups)\r\n    }\r\n\r\n    formatUrl(url: string): string {\r\n\t\treturn UrlFormatter.formatUrl(url);\r\n\t}\r\n\r\n\tgoToUrl(url: string): void {\r\n\t\twindow.open(this.formatUrl(url), '_blank');\r\n\t}\r\n\r\n    toggleDetails(): void {\r\n        this.showPropertiesDetailed = !this.showPropertiesDetailed;//TODO - styling not proper yet.\r\n    }\r\n\r\n}"],"names":["___CSS_LOADER_EXPORT___","push","module","id","exports","SimpleProperties","constructor","api","appContext","events","projectId","showPropertiesDetailed","bind","console","log","this","QS","getProperties","publish","unbind","QSChanged","itemPropertyGroups","project","get","jsonResult","formatUrl","url","U","goToUrl","window","open","toggleDetails","bindable","autoinject","EventAggregator"],"sourceRoot":""}