@ptcwebops/ptcw-design 6.2.15 → 6.2.16-beta

package/dist/ptcw-design/p-c1ebaf0f.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as i,H as l,g as s}from"./p-ac75c7ad.js";import{d as a,M as n,b as o}from"./p-841b807d.js";const r='<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13">\n    <defs>\n        <style>\n          .acls-1,.acls-4{fill:none}.acls-1{stroke:#74c34d;stroke-width:.7px}.acls-2{fill:#74c34d;font-size:10px;font-family:Bender-BoldItalic,Bender;font-weight:700;font-style:italic;letter-spacing:.035em}.acls-3{stroke:none}\n        </style>\n    </defs>\n    <g id="info" transform="translate(-211 -479)">\n        <g id="Ellipse_6" class="acls-1" data-name="Ellipse 6" transform="translate(211 479)">\n            <circle cx="6.5" cy="6.5" r="6.5" class="acls-3"/>\n            <circle cx="6.5" cy="6.5" r="6.15" class="acls-4"/>\n        </g>\n        <text id="i" class="acls-2" transform="translate(216 480)">\n            <tspan x="-.56" y="9">i</tspan>\n        </text>\n    </g>\n</svg>\n';class c{}const p=class{constructor(i){e(this,i),this.itemSelected=t(this,"itemSelected",7),this.itemExpanded=t(this,"itemExpanded",7),this.textChanged=t(this,"textChanged",7),this.inputUpdated=t(this,"inputUpdated",7),this.ready=t(this,"ready",7),this.viewUpdated=t(this,"viewUpdated",7),this.changed=t(this,"changed",7),this.data=void 0,this.searchText=void 0,this.showSearchBar=!0,this.header=void 0,this.trackerId=void 0,this.selectedValue=void 0,this.selectedItems=void 0,this.hashMap=void 0,this.debouncedUpdatedEvent=void 0,this.refreshBuffer=void 0,this.listItems=void 0,this.placeholderText=void 0,this.debounceUpdateDelay=void 0,this.allowMultiSelect=!0}componentWillLoad(){this.loadListItems(),this.selectedItems=[]}componentDidLoad(){this.ready.emit({sender:this.el,tree:this.data,search:this.searchText}),this.debouncedUpdatedEvent=a((()=>{this.changed.emit({sender:this.el,selectedValue:this.selectedValue,selectedItems:this.selectedItems,search:this.searchText})}),this.debounceUpdateDelay,this),this.openList()}openList(){var e;(null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelectorAll(".listOpen")).forEach((e=>{if(e.classList.contains("listOpen")){null==e||e.classList.add("expanded");const t=null==e?void 0:e.querySelector("ul");t&&(t.style.maxHeight=`${t.scrollHeight}px`)}}))}componentDidUpdate(){this.viewUpdated.emit({sender:this.el,tree:this.data,search:this.searchText})}onItemSelectedHandler(e){this.itemSelected.emit({event:e,sender:e?e.target:this.el,selectedValue:this.selectedValue,selectedItems:this.selectedItems,tree:this.data}),this.fireChangedEvent()}onInputUpdated(e){let t=e.target;this.searchText=t.value,this.inputUpdated.emit({event:e,sender:t,selectedValue:this.selectedValue,selectedItems:this.selectedItems,tree:this.data,search:this.searchText}),this.fireChangedEvent()}onItemExpandedHandler(e){this.itemExpanded.emit({event:e,sender:e?e.target:this.el,selectedValue:this.selectedValue,selectedItems:this.selectedItems,tree:this.data})}fireChangedEvent(){this.debouncedUpdatedEvent()}loadListItems(){let e=0;if(this.hashMap={},!this.data){let t=n(this.el);if(t.collapseListItem){this.data=new Array;let i=(t,l)=>{t.map((t=>{var s=new c;if(s.isExternalLink=!!t.linkHref,s.trackerId=t.trackerId?t.trackerId:`${this.trackerId}-list-item-${e++}`,t.linkHref?(s.href=t.linkHref,s.target=t.linkTarget,s.title=t.linkTitle,s.text=t.facetDisplay,s.id=o()):(s.id=o(),s.text=t.facetDisplay,s.name=t.facetName,s.value=t.facetValue,s.category=t.category,s.allowMultiSelect="false"!=t.allowMultiSelect,s.enableSearch="true"==t.enableSearch,s.searchBoxPlaceholder=t.placeholderText,s.tooltip=t.tooltip,this.setUpCategory(s.category,s.allowMultiSelect),s.listOpened=t.hasOwnProperty("listOpened")),t.collapseListItem)if(s.children=new Array,Array.isArray(t.collapseListItem))i(t.collapseListItem,s.children);else{let e=new Array;e.push(t.collapseListItem),i(e,s.children)}this.hashMap[s.id]=s,l.push(s)}))};this.setUpCategory("default",!0),i(t.collapseListItem,this.data)}}}setUpCategory(e,t){this.selectedValue||(this.selectedValue={}),e&&!this.selectedValue[e]&&(this.selectedValue[e]={name:e,items:new Array,allowMultiSelect:t})}collapseAllFirstLevelItems(e){this.el.shadowRoot.querySelectorAll(".level-1").forEach((t=>{t.classList.contains("expanded")&&t!=e&&t.classList.remove("expanded")}))}updateExpandedItems(){const e=t=>{this.refreshBuffer||(this.refreshBuffer=t);const i=t-this.refreshBuffer;this.el.shadowRoot.querySelectorAll("li").forEach((e=>{let t=e.querySelector(":scope > ul");if(t)if(e.classList.contains("expanded")){t.style.maxHeight=t.scrollHeight+"px";let e=t.closest(".level-1");e&&e.classList.contains("expanded")&&t.childNodes&&t.childNodes.forEach((e=>{e.children[0]&&"DIV"!=e.children[0].tagName&&e.children[0].setAttribute("tabindex","0")}));let i=t.querySelectorAll("input");i&&i.forEach((e=>{e&&(e.tabIndex=0)}))}else{t.style.removeProperty("max-height");let e=t.querySelectorAll("a");e&&e.forEach((e=>{e&&(e.tabIndex=-1)}));let i=t.querySelectorAll("input");i&&i.forEach((e=>{e&&(e.tabIndex=-1)}))}})),i<2500?window.requestAnimationFrame(e):this.refreshBuffer=void 0};this.refreshBuffer?this.refreshBuffer=void 0:window.requestAnimationFrame(e)}updateSelectedItemStatus(e){var t;let i=this.hashMap[e];if(i&&i.value){let e=null!==(t=i.category)&&void 0!==t?t:"default";this.selectedValue[e]||this.setUpCategory(e,1==i.allowMultiSelect);let l=this.selectedValue[e].items;l.indexOf(i.value)<0?(this.selectedValue[e].allowMultiSelect?l.push(i.value):(this.selectedItems=this.selectedItems.filter((e=>e.value!=l[0])),l=[i.value]),this.selectedItems.push(i)):(l=l.filter((e=>e!=i.value)),this.selectedItems=this.selectedItems.filter((e=>e.value!=i.value))),this.selectedValue[e].items=l}}unSelectItem(e){var t;let i=this.hashMap[e];if(i&&i.value){let e=null!==(t=i.category)&&void 0!==t?t:"default";this.selectedValue[e]||this.setUpCategory(e,1==i.allowMultiSelect);let l=this.selectedValue[e].items;l.indexOf(i.value)>-1&&(l=l.filter((e=>e!=i.value)),this.selectedItems=this.selectedItems.filter((e=>e.value!=i.value))),this.selectedValue[e].items=l}}selectItem(e){var t;let i=this.hashMap[e];if(i&&i.value){let e=null!==(t=i.category)&&void 0!==t?t:"default";this.selectedValue[e]||this.setUpCategory(e,1==i.allowMultiSelect);let l=this.selectedValue[e].items;l.indexOf(i.value)<0&&(this.selectedValue[e].allowMultiSelect?l.push(i.value):l=[i.value],this.selectedItems.push(i)),this.selectedValue[e].items=l}}getItemByValue(e){let t;if(this.hashMap)for(const[i,l]of Object.entries(this.hashMap))if(l.value==e){t=l;break}return t}onItemFilterSearchUpdate(e){if(e&&e.target){let t=e.target,i=t.value;if(t){t.closest("ul").querySelectorAll("li:not(.search-box-wrapper)").forEach(i&&i.length>0?e=>{var t;let l=null===(t=null==e?void 0:e.textContent)||void 0===t?void 0:t.toLowerCase();l&&l.indexOf(i)>-1?e.style.removeProperty("display"):e.style.display="none"}:e=>{e.style.removeProperty("display")})}this.updateExpandedItems()}}onItemLinkClick(e,t){e&&e.preventDefault(),this.updateSelectedItemStatus(t),this.onItemSelectedHandler(e)}onExpandClick(e,t){if(e){e.preventDefault();let i=e.currentTarget,l=i.closest(".level-1"),s=i.closest("li");if(t&&this.collapseAllFirstLevelItems(l),s&&s.classList.toggle("expanded"),i.classList.contains("expander-icon")){let e=s.classList.contains("expanded")?"minus":"plus";i.querySelector("icon-asset").setAttribute("name",e)}this.updateExpandedItems()}this.onItemExpandedHandler(e)}render(){let e=e=>{if(e)return i("ptc-tooltip",{"text-display":"inline",mode:"wrapper","z-index":"z-2",position:"bottom",description:""},i("div",{class:"icon-wrapper"},i("i",{class:"active-icon",innerHTML:r}),i("i",{class:"inactive-icon",innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13">\n    <defs>\n        <style>\n            .cls-1,.cls-4{fill:none}.cls-1{stroke:#a6adb4;stroke-width:.7px}.cls-2{fill:#a6adb4;font-size:10px;font-family:Bender-BoldItalic,Bender;font-weight:700;font-style:italic;letter-spacing:.035em}.cls-3{stroke:none}\n        </style>\n    </defs>\n    <g id="info" transform="translate(-211 -479)">\n        <g id="Ellipse_6" class="cls-1" data-name="Ellipse 6" transform="translate(211 479)">\n            <circle cx="6.5" cy="6.5" r="6.5" class="cls-3"/>\n            <circle cx="6.5" cy="6.5" r="6.15" class="cls-4"/>\n        </g>\n        <text id="i" class="cls-2" transform="translate(216 480)">\n            <tspan x="-.56" y="9">i</tspan>\n        </text>\n    </g>\n</svg>\n'})),i("span",{class:"popup",slot:"description"},i("i",{innerHTML:r}),i("div",{class:"content",innerHTML:e})))},t=(e,l,a)=>{let n=`level-${l} mf-listen`;return i("ul",null,a&&i("li",{class:"search-box-wrapper"},i("div",{id:this.trackerId?`${this.trackerId}-${n}`:"",class:"search-box mf-listen"},i("input",{class:"search-box",id:"searchBoxId",type:"text",placeholder:a.placeholder,tabIndex:-1,onKeyUp:e=>{this.onItemFilterSearchUpdate(e)},onBlur:e=>{this.onItemFilterSearchUpdate(e)}}))),e.map((e=>{let a,o,r=!1,c=!1;return e.enableSearch&&(o={placeholder:e.searchBoxPlaceholder}),1==l?e.children?(r=!0,c=!1,a=i("icon-asset",{type:"ptc",name:"chevron-down",color:"ptc-green",size:"medium"})):(r=!1,c=!0,a=i("icon-asset",{type:"ptc",name:"plus",color:"ptc-green",size:"medium"})):l>1&&(c=!0,e.children?(r=!0,a=i("icon-asset",{type:"ptc",name:"plus",color:"gray",size:"xxx-small"})):r=!1),i("li",{id:e.trackerId,class:{[n]:!0,listOpen:e.listOpened}},s(e,a,l,r,c),e.children?t(e.children,l+1,o):"")})))},s=(t,l,s,a,n)=>{let o=1==s?t.tooltip:void 0,r=1==s?0:-1;return t.isExternalLink?i("a",{href:t.href,id:t.id,target:t.target,title:t.title,tabindex:r},l,t.text,e(o)):!a&&n||a&&!n?i("a",{href:"#",id:t.id,title:t.text,onClick:e=>{a?this.onExpandClick(e,this.allowMultiSelect&&1==s):this.onItemLinkClick(e,t.id)},tabindex:r},l,t.text,e(o)):[i("a",{class:"expander-icon",href:"#",id:t.id,onClick:e=>{this.onExpandClick(e,!1)},tabindex:r},l),i("a",{href:"#",title:t.text,id:t.id,onClick:e=>{this.onItemLinkClick(e,t.id)},tabindex:r},t.text),e(o)]};return i(l,null,this.showSearchBar?i("div",{class:"container"},i("ptc-title",{type:"h2","title-size":"medium","title-weight":"w-6","text-align":"left",upperline:"no-upperline"},this.header),i("div",{id:`${this.trackerId}-search-box`,class:"search-box mf-listen"},i("input",{type:"text",id:"searchBoxId",placeholder:this.placeholderText,onKeyUp:e=>{this.onInputUpdated(e)}})),t(this.data,1)):i("div",{class:"container"},i("ptc-title",{type:"h2","title-size":"medium","title-weight":"w-6","text-align":"left",upperline:"no-upperline"},this.header),t(this.data,1)))}async removeSelectedItem(e){let t=this.getItemByValue(e);this.unSelectItem(t.id),this.fireChangedEvent()}async addSelectedItem(e){let t=this.getItemByValue(e);this.selectItem(t.id)}get el(){return s(this)}};p.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;height:100%}.container{border-right:1px solid rgba(112, 112, 112, 0.25);position:relative;height:100%}.container>ul{overflow:visible}a{transition:color ease-out 250ms}ul{transition:max-height ease-out 250ms, padding ease-out 250ms;overflow:hidden;list-style:none;padding:0;margin:0}li{cursor:pointer}.level-1>ul{max-height:0}.level-1>ul>li{margin:var(--ptc-element-spacing-03) 0}.level-1>ul>li:first-child{margin-top:var(--ptc-element-spacing-05)}.level-1>ul>li:last-child{margin-bottom:10px}.level-2>ul,.level-3>ul,.level-4>ul,.level-5>ul{max-height:0}.level-2>ul>li,.level-3>ul>li,.level-4>ul>li,.level-5>ul>li{margin:var(--ptc-element-spacing-02) 0}.level-2>ul{padding-left:2.25rem}.level-3>ul{padding-left:var(--ptc-element-spacing-09)}.level-4>ul{padding-left:3.75rem}.level-5>ul{padding-left:4.5rem}.level-1{position:relative}.level-1>a{position:relative;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-05) 17.5px 0;display:block;font-size:var(--ptc-font-size-small);letter-spacing:0.45px;font-weight:var(--ptc-font-weight-extrabold);color:var(--color-gray-12);text-decoration:none;border-bottom:1px solid rgba(112, 112, 112, 0.25)}.level-1>a:hover,.level-1>a:active,.level-1>a:focus{text-decoration:none}.level-1>a:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.level-1>a>icon-asset{transition:transform var(--ptc-ease-out) var(--ptc-transition-medium), padding var(--ptc-ease-out) var(--ptc-transition-medium);position:absolute;right:20px;padding-top:2px}.level-1>a:after{content:"";display:block;position:absolute;bottom:-2px;left:0;height:3px;width:40px;background-color:var(--color-green-07);transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium)}.level-1.expanded a>icon-asset{transform:rotate(-180deg);padding-top:0}.level-1.expanded a>ul{padding-top:14px}.level-1.expanded a:after{background-color:var(--color-gray-11)}.level-1>ul{padding-top:0}.level-1:first-child>a{padding-top:var(--ptc-element-spacing-05)}.level-2,.level-3,.level-4,.level-5{position:relative}.level-2>a,.level-3>a,.level-4>a,.level-5>a{font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium);letter-spacing:0.4px;color:var(--color-gray-10);text-decoration:none;display:inline-block;margin-left:var(--ptc-element-spacing-05);margin-right:6px}.level-2>a:hover,.level-2>a:active,.level-3>a:hover,.level-3>a:active,.level-4>a:hover,.level-4>a:active,.level-5>a:hover,.level-5>a:active{font-weight:var(--ptc-font-weight-extrabold);color:var(--color-green-07);text-decoration:none}.level-2>a:focus-visible,.level-3>a:focus-visible,.level-4>a:focus-visible,.level-5>a:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.level-2 .expander-icon,.level-3 .expander-icon,.level-4 .expander-icon,.level-5 .expander-icon{position:absolute;left:-18px;top:2px}.level-2 .expander-icon:focus-visible,.level-3 .expander-icon:focus-visible,.level-4 .expander-icon:focus-visible,.level-5 .expander-icon:focus-visible{border-radius:8px;border:5px solid var(--keyboard-nav-outline);outline:none;top:-5px}.level-3:before,.level-4:before,.level-5:before{position:absolute;content:"";width:2rem;height:1px;display:block;left:0;top:9px;background-color:var(--color-gray-02)}.level-3:before{width:2rem;left:-2.25rem}.level-4:before{width:2.75rem;left:-3rem}.level-5:before{width:3.5rem;left:-3.75rem}.search-box{display:flex;width:100%}.search-box input[type=text]{font-family:var(--ptc-font-latin);padding:var(--ptc-element-spacing-02) var(--ptc-element-spacing-08) var(--ptc-element-spacing-02) var(--ptc-element-spacing-04);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-regular);color:var(--color-gray-12);box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-gray-06);transition:border var(--ptc-transition-medium) var(--ptc-ease-out), box-shadow var(--ptc-transition-medium) var(--ptc-ease-out);background-color:var(--color-white);width:100%;margin-right:var(--ptc-element-spacing-07)}.search-box input[type=text]::-ms-clear{display:none}.search-box input[type=text]:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.search-box input[type=text]::placeholder{color:var(--color-gray-07)}.icon-wrapper{width:32px;display:inline-flex;justify-content:center;align-items:center}.icon-wrapper .active-icon{display:none}.icon-wrapper .inactive-icon{display:inline}.icon-wrapper:hover .active-icon{display:inline}.icon-wrapper:hover .inactive-icon{display:none}.popup{display:inline-flex;width:256px}.popup i{margin-right:var(--ptc-element-spacing-02)}ptc-tooltip .wrapper-content.sc-ptc-tooltip{display:inline-flex;justify-content:center}.search-box-wrapper .search-box{margin-left:var(--ptc-element-spacing-01)}';export{p as ptc_collapse_list}