@ptcwebops/ptcw-design 6.4.37-beta → 6.5.0-upgrade

package/dist/esm/ptc-collapse-list.entry.js

@@ -1,539 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-0bf594c4.js';
-import { d as debounce, M as MapDOM, c as generateUUID } from './utils-a64ba942.js';
-
-const info = `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13">
-    <defs>
-        <style>
-            .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}
-        </style>
-    </defs>
-    <g id="info" transform="translate(-211 -479)">
-        <g id="Ellipse_6" class="cls-1" data-name="Ellipse 6" transform="translate(211 479)">
-            <circle cx="6.5" cy="6.5" r="6.5" class="cls-3"/>
-            <circle cx="6.5" cy="6.5" r="6.15" class="cls-4"/>
-        </g>
-        <text id="i" class="cls-2" transform="translate(216 480)">
-            <tspan x="-.56" y="9">i</tspan>
-        </text>
-    </g>
-</svg>
-`;
-
-const infoGreen = `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13">
-    <defs>
-        <style>
-          .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}
-        </style>
-    </defs>
-    <g id="info" transform="translate(-211 -479)">
-        <g id="Ellipse_6" class="acls-1" data-name="Ellipse 6" transform="translate(211 479)">
-            <circle cx="6.5" cy="6.5" r="6.5" class="acls-3"/>
-            <circle cx="6.5" cy="6.5" r="6.15" class="acls-4"/>
-        </g>
-        <text id="i" class="acls-2" transform="translate(216 480)">
-            <tspan x="-.56" y="9">i</tspan>
-        </text>
-    </g>
-</svg>
-`;
-
-const ptcCollapseListCss = "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]::-moz-placeholder{color:var(--color-gray-07)}.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)}";
-
-class CollapseListItem {
-}
-const PtcCollapseList = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.itemSelected = createEvent(this, "itemSelected", 7);
-    this.itemExpanded = createEvent(this, "itemExpanded", 7);
-    this.textChanged = createEvent(this, "textChanged", 7);
-    this.inputUpdated = createEvent(this, "inputUpdated", 7);
-    this.ready = createEvent(this, "ready", 7);
-    this.viewUpdated = createEvent(this, "viewUpdated", 7);
-    this.changed = createEvent(this, "changed", 7);
-    this.data = undefined;
-    this.searchText = undefined;
-    this.showSearchBar = true;
-    this.header = undefined;
-    this.trackerId = undefined;
-    this.selectedValue = undefined;
-    this.selectedItems = undefined;
-    this.hashMap = undefined;
-    this.debouncedUpdatedEvent = undefined;
-    this.refreshBuffer = undefined;
-    this.listItems = undefined;
-    this.placeholderText = undefined;
-    this.debounceUpdateDelay = undefined;
-    this.allowMultiSelect = true;
-  }
-  componentWillLoad() {
-    this.loadListItems();
-    this.selectedItems = [];
-  }
-  componentDidLoad() {
-    this.ready.emit({
-      sender: this.el,
-      tree: this.data,
-      search: this.searchText,
-    });
-    let event = () => {
-      this.changed.emit({
-        sender: this.el,
-        selectedValue: this.selectedValue,
-        selectedItems: this.selectedItems,
-        search: this.searchText,
-      });
-    };
-    this.debouncedUpdatedEvent = debounce(event, this.debounceUpdateDelay, this);
-    this.openList();
-  }
-  openList() {
-    var _a;
-    const listitem = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll(".listOpen");
-    listitem.forEach((item) => {
-      if (item.classList.contains("listOpen")) {
-        item === null || item === void 0 ? void 0 : item.classList.add("expanded");
-        const ulElement = item === null || item === void 0 ? void 0 : item.querySelector("ul");
-        if (ulElement) {
-          ulElement.style.maxHeight = `${ulElement.scrollHeight}px`;
-        }
-      }
-    });
-  }
-  componentDidUpdate() {
-    this.viewUpdated.emit({
-      sender: this.el,
-      tree: this.data,
-      search: this.searchText,
-    });
-  }
-  onItemSelectedHandler(event) {
-    this.itemSelected.emit({
-      event: event,
-      sender: event ? event.target : this.el,
-      selectedValue: this.selectedValue,
-      selectedItems: this.selectedItems,
-      tree: this.data,
-    });
-    this.fireChangedEvent();
-  }
-  onInputUpdated(event) {
-    let input = event.target;
-    this.searchText = input.value;
-    this.inputUpdated.emit({
-      event: event,
-      sender: input,
-      selectedValue: this.selectedValue,
-      selectedItems: this.selectedItems,
-      tree: this.data,
-      search: this.searchText,
-    });
-    this.fireChangedEvent();
-  }
-  onItemExpandedHandler(event) {
-    this.itemExpanded.emit({
-      event: event,
-      sender: event ? event.target : this.el,
-      selectedValue: this.selectedValue,
-      selectedItems: this.selectedItems,
-      tree: this.data,
-    });
-  }
-  fireChangedEvent() {
-    this.debouncedUpdatedEvent();
-  }
-  loadListItems() {
-    let counter = 0;
-    this.hashMap = {};
-    if (!this.data) {
-      let dom = MapDOM(this.el);
-      if (dom.collapseListItem) {
-        this.data = new Array();
-        let buildChildren = (arr, outArr) => {
-          arr.map((z) => {
-            var newItem = new CollapseListItem();
-            newItem.isExternalLink = z.linkHref ? true : false;
-            newItem.trackerId = z.trackerId
-              ? z.trackerId
-              : `${this.trackerId}-list-item-${counter++}`;
-            if (z.linkHref) {
-              newItem.href = z.linkHref;
-              newItem.target = z.linkTarget;
-              newItem.title = z.linkTitle;
-              newItem.text = z.facetDisplay;
-              newItem.id = generateUUID();
-            }
-            else {
-              newItem.id = generateUUID();
-              newItem.text = z.facetDisplay;
-              newItem.name = z.facetName;
-              newItem.value = z.facetValue;
-              newItem.category = z.category;
-              newItem.allowMultiSelect =
-                z.allowMultiSelect != "false";
-              newItem.enableSearch = z.enableSearch == "true";
-              newItem.searchBoxPlaceholder = z.placeholderText;
-              newItem.tooltip = z.tooltip;
-              this.setUpCategory(newItem.category, newItem.allowMultiSelect);
-              // Ensure listOpened is set based on is-list-opened attribute
-              newItem.listOpened = z.hasOwnProperty("listOpened");
-            }
-            if (z.collapseListItem) {
-              newItem.children = new Array();
-              if (!Array.isArray(z.collapseListItem)) {
-                let tempArr = new Array();
-                tempArr.push(z.collapseListItem);
-                buildChildren(tempArr, newItem.children);
-              }
-              else {
-                buildChildren(z.collapseListItem, newItem.children);
-              }
-            }
-            this.hashMap[newItem.id] = newItem;
-            outArr.push(newItem);
-          });
-        };
-        this.setUpCategory("default", true);
-        buildChildren(dom.collapseListItem, this.data);
-      }
-    }
-  }
-  setUpCategory(name, allowMultiSelect) {
-    if (!this.selectedValue) {
-      this.selectedValue = {};
-    }
-    if (name && !this.selectedValue[name]) {
-      this.selectedValue[name] = {
-        name: name,
-        items: new Array(),
-        allowMultiSelect: allowMultiSelect,
-      };
-    }
-  }
-  collapseAllFirstLevelItems(exclude) {
-    let items = this.el.shadowRoot.querySelectorAll(".level-1");
-    items.forEach((z) => {
-      if (z.classList.contains("expanded") && z != exclude) {
-        z.classList.remove("expanded");
-      }
-    });
-  }
-  updateExpandedItems() {
-    const redraw = (timestamp) => {
-      if (!this.refreshBuffer) {
-        this.refreshBuffer = timestamp;
-      }
-      const elapsed = timestamp - this.refreshBuffer;
-      let items = this.el.shadowRoot.querySelectorAll("li");
-      items.forEach((z) => {
-        let ul = z.querySelector(":scope > ul");
-        if (ul) {
-          if (!z.classList.contains("expanded")) {
-            ul.style.removeProperty("max-height");
-            let childAnchorItems = ul.querySelectorAll("a");
-            if (childAnchorItems) {
-              childAnchorItems.forEach((child) => {
-                if (child) {
-                  child.tabIndex = -1;
-                }
-              });
-            }
-            let childInputsItems = ul.querySelectorAll("input");
-            if (childInputsItems) {
-              childInputsItems.forEach((child) => {
-                if (child) {
-                  child.tabIndex = -1;
-                }
-              });
-            }
-          }
-          else {
-            ul.style.maxHeight = ul.scrollHeight + "px";
-            let level1Parent = ul.closest(".level-1");
-            if (level1Parent) {
-              if (level1Parent.classList.contains("expanded")) {
-                if (ul.childNodes) {
-                  ul.childNodes.forEach((child) => {
-                    if (child.children[0] &&
-                      child.children[0].tagName !=
-                        "DIV") {
-                      child.children[0].setAttribute("tabindex", "0");
-                    }
-                  });
-                }
-              }
-            }
-            let childInputsItems = ul.querySelectorAll("input");
-            if (childInputsItems) {
-              childInputsItems.forEach((child) => {
-                if (child) {
-                  child.tabIndex = 0;
-                }
-              });
-            }
-          }
-        }
-      });
-      if (elapsed < 2500) {
-        window.requestAnimationFrame(redraw);
-      }
-      else {
-        this.refreshBuffer = undefined;
-      }
-    };
-    if (!this.refreshBuffer) {
-      window.requestAnimationFrame(redraw);
-    }
-    else {
-      this.refreshBuffer = undefined;
-    }
-  }
-  updateSelectedItemStatus(uuid) {
-    var _a;
-    let selectedItem = this.hashMap[uuid];
-    if (selectedItem && selectedItem.value) {
-      let categoryName = (_a = selectedItem.category) !== null && _a !== void 0 ? _a : "default";
-      if (!this.selectedValue[categoryName]) {
-        this.setUpCategory(categoryName, selectedItem.allowMultiSelect == true);
-      }
-      let items = this.selectedValue[categoryName].items;
-      if (items.indexOf(selectedItem.value) < 0) {
-        if (this.selectedValue[categoryName].allowMultiSelect) {
-          items.push(selectedItem.value);
-        }
-        else {
-          this.selectedItems = this.selectedItems.filter((z) => {
-            return z.value != items[0];
-          });
-          items = [selectedItem.value];
-        }
-        this.selectedItems.push(selectedItem);
-      }
-      else {
-        items = items.filter((z) => {
-          return z != selectedItem.value;
-        });
-        this.selectedItems = this.selectedItems.filter((z) => {
-          return z.value != selectedItem.value;
-        });
-      }
-      this.selectedValue[categoryName].items = items;
-    }
-  }
-  unSelectItem(uuid) {
-    var _a;
-    let selectedItem = this.hashMap[uuid];
-    if (selectedItem && selectedItem.value) {
-      let categoryName = (_a = selectedItem.category) !== null && _a !== void 0 ? _a : "default";
-      if (!this.selectedValue[categoryName]) {
-        this.setUpCategory(categoryName, selectedItem.allowMultiSelect == true);
-      }
-      let items = this.selectedValue[categoryName].items;
-      if (items.indexOf(selectedItem.value) > -1) {
-        items = items.filter((z) => {
-          return z != selectedItem.value;
-        });
-        this.selectedItems = this.selectedItems.filter((z) => {
-          return z.value != selectedItem.value;
-        });
-      }
-      this.selectedValue[categoryName].items = items;
-    }
-  }
-  selectItem(uuid) {
-    var _a;
-    let selectedItem = this.hashMap[uuid];
-    if (selectedItem && selectedItem.value) {
-      let categoryName = (_a = selectedItem.category) !== null && _a !== void 0 ? _a : "default";
-      if (!this.selectedValue[categoryName]) {
-        this.setUpCategory(categoryName, selectedItem.allowMultiSelect == true);
-      }
-      let items = this.selectedValue[categoryName].items;
-      if (items.indexOf(selectedItem.value) < 0) {
-        if (this.selectedValue[categoryName].allowMultiSelect) {
-          items.push(selectedItem.value);
-        }
-        else {
-          items = [selectedItem.value];
-        }
-        this.selectedItems.push(selectedItem);
-      }
-      this.selectedValue[categoryName].items = items;
-    }
-  }
-  getItemByValue(value) {
-    let result;
-    if (this.hashMap) {
-      for (const [_, v] of Object.entries(this.hashMap)) {
-        let item = v;
-        if (item.value == value) {
-          result = item;
-          break;
-        }
-      }
-    }
-    return result;
-  }
-  onItemFilterSearchUpdate(e) {
-    if (e && e.target) {
-      let input = e.target;
-      let search = input.value;
-      if (input) {
-        let items = input
-          .closest("ul")
-          .querySelectorAll("li:not(.search-box-wrapper)");
-        if (search && search.length > 0) {
-          items.forEach((item) => {
-            var _a;
-            let content = (_a = item === null || item === void 0 ? void 0 : item.textContent) === null || _a === void 0 ? void 0 : _a.toLowerCase();
-            if (content && content.indexOf(search) > -1) {
-              item.style.removeProperty("display");
-            }
-            else {
-              item.style.display = "none";
-            }
-          });
-        }
-        else {
-          items.forEach((item) => {
-            item.style.removeProperty("display");
-          });
-        }
-      }
-      this.updateExpandedItems();
-    }
-  }
-  onItemLinkClick(event, uuid) {
-    if (event) {
-      event.preventDefault();
-    }
-    this.updateSelectedItemStatus(uuid);
-    this.onItemSelectedHandler(event);
-  }
-  onExpandClick(event, collapseParents) {
-    if (event) {
-      event.preventDefault();
-      let sender = event.currentTarget;
-      let root = sender.closest(".level-1");
-      let parent = sender.closest("li");
-      if (collapseParents) {
-        this.collapseAllFirstLevelItems(root);
-      }
-      if (parent) {
-        parent.classList.toggle("expanded");
-      }
-      if (sender.classList.contains("expander-icon")) {
-        let icon = parent.classList.contains("expanded")
-          ? "minus"
-          : "plus";
-        sender.querySelector("icon-asset").setAttribute("name", icon);
-      }
-      this.updateExpandedItems();
-    }
-    this.onItemExpandedHandler(event);
-  }
-  render() {
-    let renderToolTip = (tooltip) => {
-      if (tooltip) {
-        return (h("ptc-tooltip", { "text-display": "inline", mode: "wrapper", "z-index": "z-2", position: "bottom", description: "" }, h("div", { class: "icon-wrapper" }, h("i", { class: "active-icon", innerHTML: infoGreen }), h("i", { class: "inactive-icon", innerHTML: info })), h("span", { class: "popup", slot: "description" }, h("i", { innerHTML: infoGreen }), h("div", { class: "content", innerHTML: tooltip }))));
-      }
-    };
-    let renderLevel = (arr, level, searchOptions) => {
-      let levelClass = `level-${level} mf-listen`;
-      let tId = this.trackerId ? `${this.trackerId}-${levelClass}` : "";
-      return (h("ul", null, searchOptions && (h("li", { class: "search-box-wrapper" }, h("div", { id: tId, class: "search-box mf-listen" }, h("input", { class: "search-box", id: "searchBoxId", type: "text", placeholder: searchOptions.placeholder, tabIndex: -1, onKeyUp: (e) => {
-          this.onItemFilterSearchUpdate(e);
-        }, onBlur: (e) => {
-          this.onItemFilterSearchUpdate(e);
-        } })))), arr.map((z) => {
-        let expandable = false;
-        let selectable = false;
-        let icon;
-        let searchOptions = undefined;
-        if (z.enableSearch) {
-          searchOptions = {
-            placeholder: z.searchBoxPlaceholder,
-          };
-        }
-        if (level == 1) {
-          if (z.children) {
-            expandable = true;
-            selectable = false;
-            icon = (h("icon-asset", { type: "ptc", name: "chevron-down", color: "ptc-green", size: "medium" }));
-          }
-          else {
-            expandable = false;
-            selectable = true;
-            icon = (h("icon-asset", { type: "ptc", name: "plus", color: "ptc-green", size: "medium" }));
-          }
-        }
-        else if (level > 1) {
-          selectable = true;
-          if (z.children) {
-            expandable = true;
-            icon = (h("icon-asset", { type: "ptc", name: "plus", color: "gray", size: "xxx-small" }));
-          }
-          else {
-            expandable = false;
-          }
-        }
-        return (h("li", { id: z.trackerId, class: {
-            [levelClass]: true,
-            listOpen: z.listOpened,
-          } }, getLink(z, icon, level, expandable, selectable), z.children
-          ? renderLevel(z.children, level + 1, searchOptions)
-          : ""));
-      })));
-    };
-    let getLink = (item, icon, level, expandable, selectable) => {
-      let clickEvent = (e) => {
-        if (expandable) {
-          this.onExpandClick(e, this.allowMultiSelect && level == 1);
-        }
-        else {
-          this.onItemLinkClick(e, item.id);
-        }
-      };
-      let tooltip = level == 1 ? item.tooltip : undefined;
-      let tabIndexValue = level == 1 ? 0 : -1;
-      if (item.isExternalLink) {
-        return (h("a", { href: item.href, id: item.id, target: item.target, title: item.title, tabindex: tabIndexValue }, icon, item.text, renderToolTip(tooltip)));
-      }
-      else if ((!expandable && selectable) ||
-        (expandable && !selectable)) {
-        return (h("a", { href: "#", id: item.id, title: item.text, onClick: clickEvent, tabindex: tabIndexValue }, icon, item.text, renderToolTip(tooltip)));
-      }
-      else {
-        return [
-          h("a", { class: "expander-icon", href: "#", id: item.id, onClick: (e) => {
-              this.onExpandClick(e, false);
-            }, tabindex: tabIndexValue }, icon),
-          h("a", { href: "#", title: item.text, id: item.id, onClick: (e) => {
-              this.onItemLinkClick(e, item.id);
-            }, tabindex: tabIndexValue }, item.text),
-          renderToolTip(tooltip),
-        ];
-      }
-    };
-    // Ignore search bar if the showSearchBar is false
-    if (!this.showSearchBar) {
-      return (h(Host, null, h("div", { class: "container" }, h("ptc-title", { type: "h2", "title-size": "medium", "title-weight": "w-6", "text-align": "left", upperline: "no-upperline" }, this.header), renderLevel(this.data, 1))));
-    }
-    return (h(Host, null, h("div", { class: "container" }, h("ptc-title", { type: "h2", "title-size": "medium", "title-weight": "w-6", "text-align": "left", upperline: "no-upperline" }, this.header), h("div", { id: `${this.trackerId}-search-box`, class: "search-box mf-listen" }, h("input", { type: "text", id: "searchBoxId", placeholder: this.placeholderText, onKeyUp: (e) => {
-        this.onInputUpdated(e);
-      } })), renderLevel(this.data, 1))));
-  }
-  async removeSelectedItem(value) {
-    let item = this.getItemByValue(value);
-    this.unSelectItem(item.id);
-    this.fireChangedEvent();
-  }
-  async addSelectedItem(value) {
-    let item = this.getItemByValue(value);
-    this.selectItem(item.id);
-  }
-  get el() { return getElement(this); }
-};
-PtcCollapseList.style = ptcCollapseListCss;
-
-export { PtcCollapseList as ptc_collapse_list };

package/dist/esm/ptc-container.entry.js

@@ -1,40 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-0bf594c4.js';
-
-const ptcContainerCss = "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;position:relative}.white{border-radius:4px;background-color:var(--color-white)}.gray{border-radius:4px;background-color:var(--color-white-gray)}.content-wrapper{font-family:Raleway;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0;text-align:left}.content-wrapper.x-small{box-shadow:var(--ptc-shadow-x-small)}.content-wrapper.small{box-shadow:var(--ptc-shadow-small)}.content-wrapper.medium{box-shadow:var(--ptc-shadow-medium)}.content-wrapper.large{box-shadow:var(--ptc-shadow-large)}.content-wrapper.x-large{box-shadow:var(--ptc-shadow-x-large)}.content-wrapper.spacing-xx-small{padding:var(--ptc-element-spacing-01)}.content-wrapper.spacing-x-small{padding:var(--ptc-element-spacing-02)}.content-wrapper.spacing-small{padding:var(--ptc-element-spacing-03)}.content-wrapper.spacing-medium{padding:var(--ptc-element-spacing-04)}.content-wrapper.spacing-large{padding:var(--ptc-element-spacing-05)}.content-wrapper.spacing-x-large{padding:var(--ptc-element-spacing-06)}.content-wrapper.spacing-xx-large{padding:var(--ptc-element-spacing-07)}.content-wrapper.spacing-xxx-large{padding:var(--ptc-element-spacing-08)}";
-
-const PtcContainer = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.backgroundColor = "white";
-    this.elevation = "small";
-    this.containerType = "";
-    this.spacing = "xxx-large";
-    this.styles = undefined;
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    return (h(Host, { class: this.getContainerClass() }, this.styles && h("style", null, this.styles), h("div", { class: classMap }, h("slot", null))));
-  }
-  getContainerClass() {
-    switch (this.containerType) {
-      case "large":
-        return "ptc-container-lg";
-      case "none":
-        return undefined;
-      default:
-        return "ptc-container";
-    }
-  }
-  getCssClassMap() {
-    const spacing = `spacing-${this.spacing}`;
-    return {
-      ["content-wrapper"]: true,
-      [this.backgroundColor]: true,
-      [this.elevation]: true,
-      [spacing]: true,
-    };
-  }
-};
-PtcContainer.style = ptcContainerCss;
-
-export { PtcContainer as ptc_container };