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

package/dist/cjs/ptc-date.cjs.entry.js

@@ -1,61 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-63ddc79c.js');
-
-const ptcDateCss = "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}:host(.small) span{font-size:var(--ptc-font-size-xx-small)}:host(.medium) span{font-size:var(--ptc-font-size-x-small)}:host(.large) span{font-size:var(--ptc-font-size-small)}:host(.primary-grey){color:var(--color-primary-gray-new)}:host(.white) span{color:var(--color-white)}:host(.date-m-top){margin-top:var(--ptc-element-spacing-01)}";
-
-const PtcDate = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.year = 1900;
-    this.month = 1;
-    this.day = 1;
-    this.country = "en-US";
-    this.dateString = undefined;
-    this.dateColor = undefined;
-    this.dateStyles = undefined;
-    this.dataSize = "small";
-    this.formatOptions = undefined;
-  }
-  render() {
-    // const newDate = new Date(this.year, this.month, this.day);
-    const classMap = this.getCssClassMap();
-    return (index.h(index.Host, { class: classMap }, this.dateStyles && index.h("style", null, this.dateStyles), index.h("span", { part: "part-ptc-date" }, this.getDate().toLocaleDateString(this.country, this.getOptions()))));
-  }
-  getCssClassMap() {
-    return {
-      [this.dateColor]: !!this.dateColor ? true : false,
-      [this.dataSize]: !!this.dataSize ? true : false,
-    };
-  }
-  getOptions() {
-    let result = { year: "numeric", month: "short", day: "numeric" };
-    if (this.formatOptions) {
-      try {
-        var json = JSON.parse(this.formatOptions);
-        if (json) {
-          result = json;
-        }
-      }
-      catch (e) {
-        //debugger
-        console.log(e);
-      }
-    }
-    return result;
-  }
-  getDate() {
-    if (this.dateString) {
-      let newDate = new Date(this.dateString.replace(/-/g, "/"));
-      return newDate;
-    }
-    else {
-      return new Date(this.year, this.month - 1, this.day);
-    }
-  }
-};
-PtcDate.style = ptcDateCss;
-
-exports.ptc_date = PtcDate;

package/dist/cjs/ptc-dropdown.cjs.entry.js

@@ -1,79 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-63ddc79c.js');
-
-const ptcDropdownCss = "@charset \"UTF-8\";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:inline-block;position:relative;color:var(--color-gray-12)}:host label{cursor:pointer}:host .dropdown__header{cursor:pointer;transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium), border-color var(--ptc-ease-out) var(--ptc-transition-medium);background-color:var(--color-white);display:flex;align-items:center;align-content:center;border:1px solid var(--color-gray-05);padding:0.1875rem 0.75rem 0.1875rem 0.75rem;border-radius:4px;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-loose);letter-spacing:0em;text-align:left;height:1.5rem}:host .dropdown__header b{font-weight:var(--ptc-font-weight-semibold)}:host .dropdown__header icon-asset{width:1rem;height:1rem;margin-left:0.5rem;margin-top:-0.5rem}:host .dropdown__header:hover{background-color:var(--color-gray-02)}:host .dropdown__header:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .dropdown__list{display:table;border:1px solid rgba(0, 0, 0, 0.24);border-radius:var(--ptc-border-radius-large)}:host ul{display:block;top:0.2rem;margin:0;list-style-type:none;padding-inline-start:0;padding:0.25rem 0.25rem;background-color:var(--color-gray-02);cursor:pointer;position:absolute;z-index:500}@media only screen and (min-width: 992px){:host ul{right:0.2rem}}:host ul li{white-space:nowrap;padding:3px 1rem;font-weight:500}:host ul li.selected:before{content:\"✓\";display:block;position:absolute;left:0.4rem}:host ul li:hover{color:#fff;background-color:#699af8;border-radius:var(--ptc-border-radius-standard)}:host ul li:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.ptc-dropdown{position:relative}.ptc-dropdown.support ul{margin:2px 4px 0 0}.ptc-dropdown.support .dropdown__header{transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium), border-color var(--ptc-ease-out) var(--ptc-transition-medium);background-color:transparent;border:none;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-dense);letter-spacing:var(--ptc-letter-spacing-dense);text-align:left;padding:2px 6px}.ptc-dropdown.support .dropdown__header:hover{background-color:var(--color-gray-02)}.ptc-dropdown.support .dropdown__header icon-asset{width:10px;height:10px;margin-left:0.25rem;margin-top:-0.8rem}.ptc-dropdown.support .dropdown__header icon-asset svg{width:9px;height:9px}";
-
-const PtcDropdown = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.clickedItem = index.createEvent(this, "clickedItem", 7);
-    this.handleClick = (item) => {
-      this.listItems.forEach((item) => (item.selected = undefined));
-      item.selected = true;
-      this.selectedItem = item;
-      this.toggle = !this.toggle;
-      this.clickedItem.emit(item);
-    };
-    this.toggleList = () => {
-      this.toggle = !this.toggle;
-    };
-    this.theme = "sort";
-    this.label = undefined;
-    this.listItems = undefined;
-    this.toggle = false;
-    this.selectedItem = undefined;
-    this.trackerId = undefined;
-  }
-  offClick(e) {
-    if (e && !this.host.contains(e.target) && this.toggle) {
-      this.toggle = false;
-    }
-  }
-  componentWillLoad() {
-    let items = this.host.querySelectorAll("item");
-    if (!this.listItems) {
-      this.listItems = [];
-    }
-    items.forEach((item) => {
-      if (item && item.getAttribute("label")) {
-        let listItem = {
-          element: item,
-          label: item.getAttribute("label"),
-          value: item.getAttribute("value"),
-          selected: item.hasAttribute("selected"),
-        };
-        this.listItems.push(listItem);
-        if (item.hasAttribute("selected")) {
-          this.selectedItem = listItem;
-        }
-      }
-    });
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    return (index.h("div", { class: classMap }, index.h("header", { id: this.trackerId, class: "dropdown__header mf-listen", onClick: this.toggleList, tabindex: "0", onKeyPress: this.toggleList }, index.h("label", null, index.h("b", null, this.label), " ", this.selectedItem
-      ? this.selectedItem.label
-      : "Select Option"), index.h("icon-asset", { type: "solid", size: "x-small", name: "chevron-down" })), this.toggle && (index.h("ul", { id: this.trackerId + `ul`, tabIndex: -1, class: "dropdown__list mf-listen", onBlur: () => {
-        this.toggle = false;
-      } }, this.listItems.map((item) => {
-      let cssClass = "dropdown__item mf-listen";
-      if (item.selected) {
-        cssClass += " selected";
-      }
-      return (index.h("li", { class: cssClass, id: item.label + this.trackerId, onClick: () => this.handleClick(item), tabindex: "0", onKeyPress: () => this.handleClick(item) }, item.label));
-    })))));
-  }
-  getCssClassMap() {
-    return {
-      ["ptc-dropdown"]: true,
-      [this.theme]: true,
-    };
-  }
-  get host() { return index.getElement(this); }
-};
-PtcDropdown.style = ptcDropdownCss;
-
-exports.ptc_dropdown = PtcDropdown;

package/dist/cjs/ptc-dynamic-card.cjs.entry.js

@@ -1,141 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-63ddc79c.js');
-
-const ptcDynamicCardCss = "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}:host(.sequential) .card-wrapper{position:relative;cursor:pointer;outline:none}:host(.sequential) .card-wrapper:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline);z-index:1}:host(.sequential) .card{background-color:var(--color-gray-12);overflow:hidden}:host(.sequential) .card.hide{display:none}:host(.sequential) .card.show{display:block}:host(.sequential) .card-mobile,:host(.sequential) .card-dt-open{display:block}:host(.sequential) .card-mobile ptc-card-content,:host(.sequential) .card-dt-open ptc-card-content{display:flex;flex-basis:38%;justify-content:flex-start;align-items:center;padding:var(--ptc-element-spacing-06)}@media only screen and (min-width: 1200px){:host(.sequential) .card-mobile ptc-card-content,:host(.sequential) .card-dt-open ptc-card-content{height:unset;flex:0 0 310px}}:host(.sequential) .card-mobile ptc-picture,:host(.sequential) .card-dt-open ptc-picture{flex:1 1 auto}:host(.sequential) .card-mobile .card-title h3,:host(.sequential) .card-dt-open .card-title h3{color:var(--color-white);font-size:var(--ptc-font-size-medium);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);margin-bottom:0rem;margin-block-start:0rem;letter-spacing:var(--ptc-letter-spacing-normal)}@media only screen and (min-width: 768px){:host(.sequential) .card-mobile .card-title h3,:host(.sequential) .card-dt-open .card-title h3{font-size:var(--ptc-font-size-large)}}:host(.sequential) .card-mobile .card-content,:host(.sequential) .card-dt-open .card-content{margin-top:var(--ptc-element-spacing-03)}:host(.sequential) .card-mobile{max-width:320px;min-width:226px;position:relative}@media only screen and (min-width: 480px){:host(.sequential) .card-mobile{max-width:350px}}:host(.sequential) .card-mobile::before{content:\"\";display:block;position:absolute;top:0;left:0;width:100%;height:5px;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-out);background-color:transparent}:host(.sequential) .card-mobile ptc-card-content{align-items:flex-start}:host(.sequential) .card-dt-closed{width:135px;height:424px;position:relative}:host(.sequential) .card-dt-closed .closed-content{position:absolute;width:100%;height:100%;top:0;display:flex;align-items:center;justify-content:center}:host(.sequential) .card-dt-closed .card-title{text-align:center}:host(.sequential) .card-dt-closed .card-title h2{color:var(--color-white);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);margin-bottom:0rem;margin-block-start:0rem;letter-spacing:var(--ptc-letter-spacing-normal);padding-left:var(--ptc-element-spacing-02);padding-right:var(--ptc-element-spacing-02)}@media only screen and (min-width: 1440px){:host(.sequential) .card-dt-closed .card-title h2{font-size:var(--ptc-font-size-small)}}:host(.sequential) .card-dt-open{border-top:5px solid var(--color-green-05);display:flex;max-width:790px;transition:width var(--ptc-transition-x-fast) var(--ptc-ease-out)}@media only screen and (min-width: 1440px){:host(.sequential) .card-dt-open{max-width:825px}}:host(.sequential) .card-dt-open:not([hidden]){height:480px}@media only screen and (min-width: 1200px){:host(.sequential) .card-dt-open:not([hidden]){min-width:600px}}:host(.sequential):host(.active) .card-mobile::before{background-color:var(--color-green-05)}";
-
-const PtcDynamicCard = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.cardOpened = index.createEvent(this, "cardOpened", 7);
-    /**
-     * Open the card
-     */
-    this.openCard = () => {
-      if (!this.isExpanded) {
-        this.isExpanded = true;
-        this.cardOpened.emit(this.trackerId);
-      }
-      // If already expanded, do nothing to ensure at least one card remains open
-    };
-    /**
-     * Handle keyboard interactions
-     */
-    this.handleKeyDown = (event) => {
-      switch (event.key) {
-        case "Enter":
-          //event.preventDefault();
-          this.openCard();
-          break;
-      }
-    };
-    this.dotSvg = index.getAssetPath("./media/nav-active-dotslick.svg");
-    this.cardType = "sequential";
-    this.cardTitle = "Card Title Goes Here";
-    this.cardImgSrc = undefined;
-    this.cardImgAlt = undefined;
-    this.cardScreen = "desktop";
-    this.isExpanded = false;
-    this.overlayExists = true;
-    this.styles = undefined;
-    this.trackerId = undefined;
-  }
-  componentDidLoad() {
-    // Handle mouse enter and leave for overlay
-    this.el.addEventListener("mouseenter", () => (this.overlayExists = false));
-    this.el.addEventListener("mouseleave", () => (this.overlayExists = true));
-  }
-  /**
-   * Listen for 'cardOpened' events on the document to close other cards
-   */
-  handleCardOpened(event) {
-    const openedTrackerId = event.detail;
-    if (openedTrackerId !== this.trackerId && this.isExpanded) {
-      this.isExpanded = false;
-    }
-  }
-  /**
-   * Focus the card-wrapper element
-   */
-  async focusCardWrapper() {
-    const cardWrapper = this.el.querySelector(".card-wrapper");
-    if (cardWrapper) {
-      cardWrapper.focus();
-    }
-  }
-  /**
-   * Get CSS class map
-   */
-  getCssClassMap() {
-    return {
-      [this.cardType]: true,
-    };
-  }
-  /**
-   * Get desktop card based on expansion state
-   */
-  // getDesktopCard() {
-  //   if (this.cardScreen === 'desktop' && this.isExpanded) {
-  //     return [
-  //       <div class="card card-dt-open mf-listen" id={this.trackerId}>
-  //         <ptc-card-content card-type="card-dynamic">
-  //           <div class="card-title">
-  //             <h3>{this.cardTitle}</h3>
-  //           </div>
-  //           <div class="card-content">
-  //             <slot></slot>
-  //           </div>
-  //         </ptc-card-content>
-  //         <ptc-picture
-  //           alt={this.cardImgAlt}
-  //           src={this.cardImgSrc}
-  //           is-full-width="true"
-  //           is-full-height="true"
-  //           image-alignment="center"
-  //         ></ptc-picture>
-  //       </div>,
-  //     ];
-  //   } else if (this.cardScreen === 'desktop' && !this.isExpanded) {
-  //     return [
-  //       <div class="card card-dt-closed mf-listen" id={this.trackerId}>
-  //         <ptc-picture
-  //           alt={this.cardImgAlt}
-  //           src={this.cardImgSrc}
-  //           image-position="relative"
-  //           is-full-width
-  //           height="424"
-  //         >
-  //           {this.overlayExists ? (
-  //             <ptc-overlay filter-color="solid-black-1"></ptc-overlay>
-  //           ) : (
-  //             <ptc-overlay filter-color="solid-black-2"></ptc-overlay>
-  //           )}
-  //         </ptc-picture>
-  //         <div class="closed-content" card-type="card-dynamic">
-  //           <div class="card-title">
-  //             <h2>{this.cardTitle}</h2>
-  //           </div>
-  //         </div>
-  //       </div>,
-  //     ];
-  //   } else {
-  //     return null;
-  //   }
-  // }
-  render() {
-    const classMap = this.getCssClassMap();
-    return (index.h(index.Host, { class: classMap }, this.styles && index.h("style", null, this.styles), index.h("div", { class: "card-wrapper mf-listen", role: "button", tabindex: "0", "aria-expanded": this.isExpanded, onClick: this.openCard, onKeyDown: this.handleKeyDown }, this.cardScreen === "mobile" ? (index.h("div", { class: "card card-mobile mf-listen", id: this.trackerId }, index.h("ptc-picture", { height: "287", "is-full-width": true, alt: this.cardImgAlt, src: this.cardImgSrc }), index.h("ptc-card-content", { "card-type": "card-dynamic", styles: ":host(.card-dynamic){height: auto;}" }, index.h("div", { class: "card-title" }, index.h("h3", null, this.cardTitle)), index.h("div", { class: "card-content" }, index.h("slot", null))))) : (index.h("div", null, index.h("div", Object.assign({}, (!this.isExpanded && {
-      hidden: "until-found",
-    }), {
-      /* @ts-ignore */
-      onBeforeMatch: this.openCard.bind(this), class: `card mf-listen ${this.isExpanded && "card-dt-open"}`, id: this.trackerId
-    }), index.h("ptc-card-content", { "card-type": "card-dynamic" }, index.h("div", { class: "card-title" }, index.h("h3", null, this.cardTitle)), index.h("div", { class: "card-content" }, index.h("slot", null))), index.h("ptc-picture", { alt: this.cardImgAlt, src: this.cardImgSrc, "is-full-width": "true", "is-full-height": "true", "image-alignment": "center" })), index.h("div", { class: `card card-dt-closed mf-listen ${this.isExpanded ? "hide" : "show"}`, id: this.trackerId }, index.h("ptc-picture", { alt: this.cardImgAlt, src: this.cardImgSrc, "image-position": "relative", "is-full-width": true, height: "424" }, this.overlayExists ? (index.h("ptc-overlay", { "filter-color": "solid-black-1" })) : (index.h("ptc-overlay", { "filter-color": "solid-black-2" }))), index.h("div", { class: "closed-content", "card-type": "card-dynamic" }, index.h("div", { class: "card-title" }, index.h("h2", null, this.cardTitle))))))), this.cardScreen === "desktop" && (index.h("div", { hidden: true }, index.h("svg", null, index.h("use", { href: `${this.dotSvg}` }))))));
-  }
-  static get assetsDirs() { return ["media"]; }
-  get el() { return index.getElement(this); }
-};
-PtcDynamicCard.style = ptcDynamicCardCss;
-
-exports.ptc_dynamic_card = PtcDynamicCard;

package/dist/cjs/ptc-ellipsis-dropdown.cjs.entry.js

@@ -1,201 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-63ddc79c.js');
-
-const ptcEllipsisDropdownCss = "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}}.ellipsis-icon{box-sizing:border-box;border:1px solid var(--color-gray-08);border-radius:2px;vertical-align:middle;height:18px;width:18px;text-align:center;display:flex;align-items:center;justify-content:center;transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium), border-color var(--ptc-ease-out) var(--ptc-transition-medium)}.ellipsis-icon:hover{background-color:var(--color-gray-04);border-color:var(--color-gray-04)}.ellipsis-icon icon-asset{display:inline-block}.ellipsis-icon icon-asset svg{margin:0 auto;display:block;width:10px !important;height:10px !important}.ellipsis-icon.active{background-color:var(--color-green-07);border-color:var(--color-green-07)}.ellipsis-icon.active::after{content:\"\";width:32px;height:2px;display:inline-block;background-color:var(--color-green-07);position:absolute;bottom:-11px}@media only screen and (min-width: 1440px){.ellipsis-icon.active::after{bottom:-17px}}.ptc-ellipsis-dropdown{position:relative;display:inline-block;cursor:pointer;padding:2px 0 14px 0;border-bottom:2px solid var(--color-green-07);margin:0 1rem -1px 1rem;box-sizing:border-box}@media only screen and (min-width: 768px){.ptc-ellipsis-dropdown.default{padding:0px;border-bottom:none;margin:0;height:44px;width:44px;display:flex;justify-content:center;align-content:center;flex-wrap:wrap}}.ptc-ellipsis-dropdown.tab-with-banner{padding:0px 0 16px 0;margin:0 1rem -2.5px 1rem}@media only screen and (min-width: 992px){.ptc-ellipsis-dropdown.tab-with-banner{padding:0px 0px 1rem 0px;border-bottom:none;margin:0;height:100%;width:44px;display:flex;justify-content:center;align-content:center;flex-wrap:wrap}}.ptc-ellipsis-dropdown.tab-with-banner .ellipsis-icon.active::after{bottom:-2px}.ptc-ellipsis-dropdown.tab-with-banner .dropdown-container{display:none;margin-top:16px;box-shadow:0 6px 16px rgba(0, 0, 0, 0.24);border-radius:4px;position:absolute;z-index:1010;background:var(--color-white);padding:0.8rem 0;right:auto;left:0;min-width:-moz-max-content;min-width:max-content;width:100%}@media only screen and (min-width: 992px){.ptc-ellipsis-dropdown.tab-with-banner .dropdown-container{right:0;left:auto;top:50%;margin-top:22px}}.ptc-ellipsis-dropdown.tab-with-banner.show .dropdown-container{display:inline-block}@media only screen and (min-width: 1440px){.ptc-ellipsis-dropdown{height:34px;width:34px}}.ptc-ellipsis-dropdown .mob-drop{color:var(--color-gray-10);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-p);font-family:\"Raleway\";font-style:normal;display:flex;align-items:center}.ptc-ellipsis-dropdown .mob-drop svg{display:inline-block;vertical-align:middle;margin:4px 0px 0px 12px;min-width:12px}.dropdown-container{display:none;margin-top:16px;box-shadow:0 6px 16px rgba(0, 0, 0, 0.24);border-radius:4px;position:absolute;z-index:1010;background:var(--color-white);padding:0.8rem 0;right:auto;left:0;min-width:-moz-max-content;min-width:max-content;width:100%}@media only screen and (min-width: 768px){.dropdown-container{right:0;left:auto;margin-top:48px}}@media only screen and (min-width: 1440px){.dropdown-container{margin-top:45px}}.dropdown-container .selected-drop .dropdown-item span{position:relative;font-weight:var(--ptc-font-weight-bold)}.dropdown-container .selected-drop .dropdown-item span::before{content:\"\";width:2px;height:60%;background:var(--color-green-07);display:block;left:16px;position:absolute;top:20%}.show .dropdown-container{display:inline-block}dropdown-item:focus-visible{outline:none}dropdown-item:focus-visible .dropdown-item{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}";
-
-const PtcEllipsisDropdown = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.itemSelected = index.createEvent(this, "itemSelected", 7);
-    this.menuitemNodes = [];
-    this.firstMenuitem = false;
-    this.lastMenuitem = false;
-    this.dataItems = [];
-    this.selectedTab = undefined;
-    this.isDropdownOpen = false;
-    this.isMobile = undefined;
-    this.isIPad = undefined;
-    this.dropdownType = "default";
-  }
-  //firstChars = [];
-  dropdownToggle(e) {
-    e.currentTarget.classList.toggle("show");
-    this.isDropdownOpen = e.currentTarget.classList.contains("show");
-  }
-  onItemSelected(e) {
-    this.itemSelected.emit(e);
-  }
-  offClick(e) {
-    let container = this.host.shadowRoot.querySelector(".ptc-ellipsis-dropdown");
-    if (e && !this.host.contains(e.target) && this.isDropdownOpen) {
-      container.classList.remove("show");
-      this.isDropdownOpen = false;
-    }
-  }
-  handleResize() {
-    this.isMobile = window.innerWidth < 768;
-    this.isIPad = window.innerWidth < 992 || screen.width < 992;
-  }
-  onEscClicked() {
-    var _a;
-    let container = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".ptc-ellipsis-dropdown");
-    //this.host.focus();
-    if (container) {
-      container.classList.remove("show");
-      this.isDropdownOpen = false;
-    }
-  }
-  componentWillLoad() {
-    this.isMobile = window.innerWidth < 768 || screen.width < 768;
-    this.isIPad = window.innerWidth < 992 || screen.width < 992;
-  }
-  onMenuitemKeydown(event) {
-    var tgt = event.currentTarget, key = event.key, flag = false;
-    if (event.ctrlKey || event.altKey || event.metaKey) {
-      return;
-    }
-    if (event.shiftKey) ;
-    else {
-      switch (key) {
-        case "Up":
-        case "ArrowUp":
-          this.setFocusToPreviousMenuitem(tgt);
-          flag = true;
-          break;
-        case "ArrowDown":
-        case "Down":
-          this.setFocusToNextMenuitem(tgt);
-          flag = true;
-          break;
-        case "Home":
-        case "PageUp":
-          this.setFocusToFirstMenuitem();
-          flag = true;
-          break;
-        case "End":
-        case "PageDown":
-          this.setFocusToLastMenuitem();
-          flag = true;
-          break;
-        case "Tab":
-          this.onEscClicked();
-          break;
-      }
-    }
-    if (flag) {
-      event.stopPropagation();
-      event.preventDefault();
-    }
-  }
-  setFocusToMenuitem(newMenuitem) {
-    this.menuitemNodes.forEach(function (item) {
-      if (item === newMenuitem) {
-        item.tabIndex = 0;
-        newMenuitem.focus();
-      }
-      else {
-        item.tabIndex = -1;
-      }
-    });
-  }
-  setFocusToFirstMenuitem() {
-    this.setFocusToMenuitem(this.firstMenuitem);
-  }
-  setFocusToLastMenuitem() {
-    this.setFocusToMenuitem(this.lastMenuitem);
-  }
-  setFocusToPreviousMenuitem(currentMenuitem) {
-    var newMenuitem, index;
-    if (currentMenuitem === this.firstMenuitem) {
-      newMenuitem = this.lastMenuitem;
-    }
-    else {
-      index = this.menuitemNodes.indexOf(currentMenuitem);
-      newMenuitem = this.menuitemNodes[index - 1];
-    }
-    this.setFocusToMenuitem(newMenuitem);
-    return newMenuitem;
-  }
-  setFocusToNextMenuitem(currentMenuitem) {
-    var newMenuitem, index;
-    if (currentMenuitem === this.lastMenuitem) {
-      newMenuitem = this.firstMenuitem;
-    }
-    else {
-      index = this.menuitemNodes.indexOf(currentMenuitem);
-      newMenuitem = this.menuitemNodes[index + 1];
-    }
-    this.setFocusToMenuitem(newMenuitem);
-    return newMenuitem;
-  }
-  componentDidLoad() {
-    this.isMobile = window.innerWidth < 768 || screen.width < 768;
-    this.isIPad = window.innerWidth < 992 || screen.width < 992;
-    setTimeout(() => {
-      this.menuitems =
-        this.host.shadowRoot.querySelectorAll("dropdown-item");
-      for (var i = 0; i < this.menuitems.length; i++) {
-        var menuitem = this.menuitems[i];
-        this.menuitemNodes.push(menuitem);
-        menuitem.tabIndex = -1;
-        menuitem.addEventListener("keydown", this.onMenuitemKeydown.bind(this));
-        if (!this.firstMenuitem) {
-          this.firstMenuitem = menuitem;
-        }
-        this.lastMenuitem = menuitem;
-      }
-    }, 100);
-    const ellp = this.host.shadowRoot.querySelector(".ptc-ellipsis-dropdown");
-    this.host.addEventListener("keydown", (event) => {
-      // Open dropdown on 'Enter' key press
-      if (event.key === "Enter") {
-        ellp.click();
-      }
-      if (event.key === "ArrowDown") {
-        this.host.shadowRoot
-          .querySelectorAll("dropdown-item")[0]
-          .focus();
-      }
-    });
-    if (this.isMobile ||
-      (this.isIPad && this.dropdownType === "tab-with-banner")) {
-      this.host.setAttribute("tabindex", "0");
-    }
-  }
-  render() {
-    let activeTab = this.dataItems.find((z) => z.isSelected == true);
-    let isActive = false;
-    if (activeTab) {
-      isActive = true;
-    }
-    return (index.h("div", { class: this.dropdownType == "tab-with-banner"
-        ? "ptc-ellipsis-dropdown tab-with-banner"
-        : "ptc-ellipsis-dropdown default", onClick: (e) => this.dropdownToggle(e) }, this.isMobile ||
-      (this.isIPad && this.dropdownType === "tab-with-banner") ? (index.h("div", { class: "mob-drop" }, index.h("span", { class: "opt-name" }, this.dataItems.map((item) => item.isSelected ? item.text : "")), index.h("svg", { width: "12", height: "9", viewBox: "0 0 12 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M1 1.65723L5.94975 6.60697L10.8995 1.65723", stroke: "#00890B", "stroke-width": "2", "stroke-linecap": "round" })))) : (index.h("div", { class: isActive || this.isDropdownOpen
-        ? "ellipsis-icon active"
-        : "ellipsis-icon" }, index.h("icon-asset", { type: "ptc", size: "xxx-small", name: "ellipsis", color: isActive || this.isDropdownOpen
-        ? "white"
-        : "black" }))), index.h("div", { class: "dropdown-container", role: "menu", "aria-labelledby": "menubutton1" }, index.h("slot", { name: "dropdown" }), this.dataItems.map((dataItem) => {
-      let activeClass = dataItem.value == this.selectedTab ? "active" : "";
-      let activeDropdown = dataItem.isSelected
-        ? "selected-drop"
-        : "";
-      return (index.h("dropdown-item", { role: "menuitem", class: activeClass + activeDropdown + "mf-listen", onKeyDown: (e) => {
-          if (e.key === "Enter") {
-            e.preventDefault();
-            this.onItemSelected(dataItem);
-          }
-        } }, index.h("span", { onClick: (e) => {
-          e.preventDefault();
-          this.onItemSelected(dataItem);
-        } }, dataItem.text)));
-    }))));
-  }
-  get host() { return index.getElement(this); }
-};
-PtcEllipsisDropdown.style = ptcEllipsisDropdownCss;
-
-exports.ptc_ellipsis_dropdown = PtcEllipsisDropdown;