wj-elements 0.1.135 → 0.1.136

package/dist/wje-accordion-item.js

@@ -1,113 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import WJElement, { event } from "./wje-element.js";
-const styles = "/*\n[ WJ Accordion Item ]\n*/\n\n:host {\n    --wje-accordion-background: var(--wje-color-contrast-0);\n    --wje-accordion-border: var(--wje-color-contrast-0);\n    --wje-accordion-border-radius: var(--wje-border-radius-large);\n    --wje-accordion-background-hover: var(--wje-color-contrast-1);\n    --wje-accordion-border-hover: var(--wje-color-contrast-2);\n    --wje-accordion-background-expanded: var(--wje-color-contrast-0);\n    --wje-accordion-border-expanded: var(--wje-color-contrast-0);\n    --wje-accordion-headline-color: var(--wje-color-contrast-11) !important;\n    --wje-accordion-content-color: var(--wje-color-contrast-6);\n}\n\n:host([color='primary']) {\n    --wje-accordion-background: var(--wje-color-primary-1);\n    --wje-accordion-border: var(--wje-color-primary-1);\n    --wje-accordion-background-hover: var(--wje-color-primary-2);\n    --wje-accordion-border-hover: var(--wje-color-primary-2);\n    --wje-accordion-background-expanded: transparent;\n    --wje-accordion-border-expanded: var(--wje-color-primary-3);\n    --wje-accordion-headline-color: var(--wje-color-contrast-11) !important;\n    --wje-accordion-content-color: var(--wje-color-contrast-6);\n}\n\n:host([color='complete']) {\n    --wje-accordion-background: var(--wje-color-complete-1);\n    --wje-accordion-border: var(--wje-color-complete-1);\n    --wje-accordion-background-hover: var(--wje-color-complete-2);\n    --wje-accordion-border-hover: var(--wje-color-complete-2);\n    --wje-accordion-background-expanded: transparent;\n    --wje-accordion-border-expanded: var(--wje-color-complete-3);\n    --wje-accordion-headline-color: var(--wje-color-contrast-11) !important;\n    --wje-accordion-content-color: var(--wje-color-contrast-6);\n}\n\n:host([color='success']) {\n    --wje-accordion-background: var(--wje-color-success-1);\n    --wje-accordion-border: var(--wje-color-success-1);\n    --wje-accordion-background-hover: var(--wje-color-success-2);\n    --wje-accordion-border-hover: var(--wje-color-success-2);\n    --wje-accordion-background-expanded: transparent;\n    --wje-accordion-border-expanded: var(--wje-color-success-3);\n    --wje-accordion-headline-color: var(--wje-color-contrast-11) !important;\n    --wje-accordion-content-color: var(--wje-color-contrast-6);\n}\n\n:host([color='danger']) {\n    --wje-accordion-background: var(--wje-color-danger-1);\n    --wje-accordion-border: var(--wje-color-danger-1);\n    --wje-accordion-background-hover: var(--wje-color-danger-2);\n    --wje-accordion-border-hover: var(--wje-color-danger-2);\n    --wje-accordion-background-expanded: transparent;\n    --wje-accordion-border-expanded: var(--wje-color-danger-3);\n    --wje-accordion-headline-color: var(--wje-color-contrast-11) !important;\n    --wje-accordion-content-color: var(--wje-color-contrast-6);\n}\n\n:host([color='warning']) {\n    --wje-accordion-background: var(--wje-color-warning-1);\n    --wje-accordion-border: var(--wje-color-warning-1);\n    --wje-accordion-background-hover: var(--wje-color-warning-2);\n    --wje-accordion-border-hover: var(--wje-color-warning-2);\n    --wje-accordion-background-expanded: transparent;\n    --wje-accordion-border-expanded: var(--wje-color-warning-3);\n    --wje-accordion-headline-color: var(--wje-color-contrast-11) !important;\n    --wje-accordion-content-color: var(--wje-color-contrast-6);\n}\n\n:host([color='info']) {\n    --wje-accordion-background: var(--wje-color-info-1);\n    --wje-accordion-border: var(--wje-color-info-1);\n    --wje-accordion-background-hover: var(--wje-color-info-2);\n    --wje-accordion-border-hover: var(--wje-color-info-2);\n    --wje-accordion-background-expanded: transparent;\n    --wje-accordion-border-expanded: var(--wje-color-info-3);\n    --wje-accordion-headline-color: var(--wje-color-contrast-11) !important;\n    --wje-accordion-content-color: var(--wje-color-contrast-6);\n}\n\n:host {\n    display: block;\n    margin-bottom: 0.5rem;\n}\n\n/*:host(.expanding) #content {*/\n/*    display: none;*/\n/*}*/\n\n/*:host(.collapsing) #content {*/\n/*    max-height: 0;*/\n/*}*/\n\n.native-accordion-item {\n    display: block;\n    background-color: var(--wje-accordion-background);\n    border-radius: var(--wje-accordion-border-radius);\n    border-width: 1px;\n    border-style: solid;\n    border-color: var(--wje-accordion-border);\n    transition: background-color 200ms ease-in-out;\n    &:hover {\n        background-color: var(--wje-accordion-background-hover);\n        border-color: var(--wje-accordion-border-hover);\n    }\n}\n\n:host(.expanded) .native-accordion-item {\n    background-color: var(--wje-accordion-background-expanded);\n    border-color: var(--wje-accordion-border-expanded);\n}\n\n.headline {\n    display: grid;\n    grid-template-columns: 1fr auto;\n    align-items: center;\n    font-size: var(--wje-font-size) !important;\n    color: var(--wje-accordion-headline-color);\n    line-height: normal !important;\n    margin: 0 !important;\n    padding: 0.75rem;\n}\n\n[name='description'] {\n    font-size: var(--wje-font-size-small);\n    color: var(--wje-color-contrast-6);\n}\n\nwje-icon {\n    margin-left: auto;\n    transform: rotate(var(--wje-accordion-marker-rotate, 0deg));\n}\n\n#content {\n    /*background: var(--wje-accordion-background);*/\n    display: block;\n    color: var(--wje-accordion-content-color);\n    overflow: hidden;\n    max-height: 0;\n    transition: max-height 250ms ease-in-out;\n}\n\n#content slot {\n    display: block;\n    margin: 0 0.75rem 0.75rem 0.75rem;\n}\n\n:host(.expanded) #content {\n    /*display: block;*/\n    /*padding: 0 .75rem .75rem .75rem;*/\n    max-height: 100vh;\n}\n";
-class AccordionItem extends WJElement {
-  /**
-   * Constructor for the AccordionItem class.
-   */
-  constructor() {
-    super();
-    /**
-     * The class name for the Accordion Item element.
-     * @type {string}
-     */
-    __publicField(this, "className", "AccordionItem");
-    /**
-     * Method to handle the attribute changes.
-     */
-    __publicField(this, "collapse", () => {
-      this.classList.remove("expanded");
-      this.classList.add("collapsed");
-    });
-    /**
-     * Method to handle the attribute changes.
-     */
-    __publicField(this, "expand", () => {
-      this.classList.remove("collapsed");
-      this.classList.add("expanded");
-    });
-  }
-  /**
-   * Getter for the CSS stylesheet.
-   * @returns {object} The styles for the Accordion Item element.
-   */
-  static get cssStyleSheet() {
-    return styles;
-  }
-  /**
-   * Getter for the observed attributes.
-   * @returns {Array} An array containing the name of the observed attribute.
-   */
-  static get observedAttributes() {
-    return [];
-  }
-  /**
-   * Method to setup attributes for the Accordion Item element.
-   */
-  setupAttributes() {
-    this.isShadowRoot = "open";
-  }
-  /**
-   * Method to draw the Accordion Item element. This method returns a document fragment containing the drawn element.
-   * @returns {object} The document fragment containing the drawn element.
-   */
-  draw() {
-    let fragment = document.createDocumentFragment();
-    let native = document.createElement("div");
-    native.setAttribute("part", "native");
-    native.classList.add("native-accordion-item");
-    let headline = document.createElement("div");
-    headline.setAttribute("part", "headline");
-    headline.classList.add("headline");
-    let headlineDescription = document.createElement("slot");
-    headlineDescription.setAttribute("part", "description");
-    headlineDescription.setAttribute("name", "description");
-    let slotHeadline = document.createElement("slot");
-    slotHeadline.setAttribute("name", "headline");
-    let toggle = document.createElement("slot");
-    toggle.setAttribute("part", "toggle");
-    toggle.setAttribute("name", "toggle");
-    let mark = document.createElement("wje-icon");
-    mark.setAttribute("name", "chevron-down");
-    let content = document.createElement("div");
-    content.setAttribute("part", "content");
-    content.setAttribute("id", "content");
-    let slot = document.createElement("slot");
-    slot.setAttribute("name", "content");
-    toggle.appendChild(mark);
-    headline.appendChild(slotHeadline);
-    headline.appendChild(toggle);
-    headline.appendChild(headlineDescription);
-    content.appendChild(slot);
-    native.appendChild(headline);
-    native.appendChild(content);
-    fragment.appendChild(native);
-    this.headline = headline;
-    this.toggle = toggle;
-    return fragment;
-  }
-  /**
-   * Method to execute after the Accordion Item element is drawn.
-   */
-  afterDraw() {
-    if (!this.classList.contains("expanded")) this.classList.add("collapsed");
-    this.headline.addEventListener("click", () => {
-      if (this.classList.contains("collapsed")) {
-        event.dispatchCustomEvent(this, "wje-accordion-item:open");
-        this.toggle.style.setProperty("--wje-accordion-marker-rotate", "180deg");
-        this.expand();
-      } else {
-        event.dispatchCustomEvent(this, "wje-accordion-item:close");
-        this.toggle.style.setProperty("--wje-accordion-marker-rotate", "0deg");
-        this.collapse();
-      }
-    });
-  }
-}
-AccordionItem.define("wje-accordion-item", AccordionItem);
-export {
-  AccordionItem as default
-};
-//# sourceMappingURL=wje-accordion-item.js.map

package/dist/wje-accordion-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"wje-accordion-item.js","sources":["../packages/wje-accordion-item/accordion-item.element.js","../packages/wje-accordion-item/accordion-item.js"],"sourcesContent":["import { default as WJElement, event } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary This class represents an Accordion Item element, extending the WJElement class.\n * @documentation https://elements.webjet.sk/components/accordion-item\n * @status stable\n * @augments WJElement\n * @slot - The accordion item main content.\n * @tag wje-accordion\n */\nexport default class AccordionItem extends WJElement {\n    /**\n     * Constructor for the AccordionItem class.\n     */\n    constructor() {\n        super();\n    }\n\n    /**\n     * The class name for the Accordion Item element.\n     * @type {string}\n     */\n    className = 'AccordionItem';\n\n    /**\n     * Getter for the CSS stylesheet.\n     * @returns {object} The styles for the Accordion Item element.\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Getter for the observed attributes.\n     * @returns {Array} An array containing the name of the observed attribute.\n     */\n    static get observedAttributes() {\n        return [];\n    }\n\n    /**\n     * Method to setup attributes for the Accordion Item element.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Method to draw the Accordion Item element. This method returns a document fragment containing the drawn element.\n     * @returns {object} The document fragment containing the drawn element.\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let native = document.createElement('div');\n        native.setAttribute('part', 'native');\n        native.classList.add('native-accordion-item');\n\n        let headline = document.createElement('div');\n        headline.setAttribute('part', 'headline');\n        headline.classList.add('headline');\n\n        let headlineDescription = document.createElement('slot');\n        headlineDescription.setAttribute('part', 'description');\n        headlineDescription.setAttribute('name', 'description');\n\n        let slotHeadline = document.createElement('slot');\n        slotHeadline.setAttribute('name', 'headline');\n\n        let toggle = document.createElement('slot');\n        toggle.setAttribute('part', 'toggle');\n        toggle.setAttribute('name', 'toggle');\n\n        let mark = document.createElement('wje-icon');\n        mark.setAttribute('name', 'chevron-down');\n\n        let content = document.createElement('div');\n        content.setAttribute('part', 'content');\n        content.setAttribute('id', 'content');\n\n        let slot = document.createElement('slot');\n        slot.setAttribute('name', 'content');\n\n        toggle.appendChild(mark);\n\n        headline.appendChild(slotHeadline);\n        headline.appendChild(toggle);\n        headline.appendChild(headlineDescription);\n\n        content.appendChild(slot);\n\n        native.appendChild(headline);\n        native.appendChild(content);\n\n        fragment.appendChild(native);\n\n        this.headline = headline;\n        this.toggle = toggle;\n\n        return fragment;\n    }\n\n    /**\n     * Method to execute after the Accordion Item element is drawn.\n     */\n    afterDraw() {\n        if (!this.classList.contains('expanded')) this.classList.add('collapsed');\n\n        this.headline.addEventListener('click', () => {\n            if (this.classList.contains('collapsed')) {\n                event.dispatchCustomEvent(this, 'wje-accordion-item:open');\n                this.toggle.style.setProperty('--wje-accordion-marker-rotate', '180deg');\n                this.expand();\n            } else {\n                event.dispatchCustomEvent(this, 'wje-accordion-item:close');\n                this.toggle.style.setProperty('--wje-accordion-marker-rotate', '0deg');\n                this.collapse();\n            }\n        });\n    }\n\n    /**\n     * Method to handle the attribute changes.\n     */\n    collapse = () => {\n        this.classList.remove('expanded');\n        this.classList.add('collapsed');\n    };\n\n    /**\n     * Method to handle the attribute changes.\n     */\n    expand = () => {\n        this.classList.remove('collapsed');\n        this.classList.add('expanded');\n    };\n}\n","import AccordionItem from './accordion-item.element.js';\n\nexport default AccordionItem;\n\nAccordionItem.define('wje-accordion-item', AccordionItem);\n"],"names":[],"mappings":";;;;;AAWe,MAAM,sBAAsB,UAAU;AAAA;AAAA;AAAA;AAAA,EAIjD,cAAc;AACV,UAAO;AAOX;AAAA;AAAA;AAAA;AAAA,qCAAY;AAsGZ;AAAA;AAAA;AAAA,oCAAW,MAAM;AACb,WAAK,UAAU,OAAO,UAAU;AAChC,WAAK,UAAU,IAAI,WAAW;AAAA,IACjC;AAKD;AAAA;AAAA;AAAA,kCAAS,MAAM;AACX,WAAK,UAAU,OAAO,WAAW;AACjC,WAAK,UAAU,IAAI,UAAU;AAAA,IAChC;AAAA,EAvHL;AAAA;AAAA;AAAA;AAAA;AAAA,EAYI,WAAW,gBAAgB;AACvB,WAAO;AAAA,EACf;AAAA;AAAA;AAAA;AAAA;AAAA,EAMI,WAAW,qBAAqB;AAC5B,WAAO,CAAE;AAAA,EACjB;AAAA;AAAA;AAAA;AAAA,EAKI,kBAAkB;AACd,SAAK,eAAe;AAAA,EAC5B;AAAA;AAAA;AAAA;AAAA;AAAA,EAMI,OAAO;AACH,QAAI,WAAW,SAAS,uBAAwB;AAEhD,QAAI,SAAS,SAAS,cAAc,KAAK;AACzC,WAAO,aAAa,QAAQ,QAAQ;AACpC,WAAO,UAAU,IAAI,uBAAuB;AAE5C,QAAI,WAAW,SAAS,cAAc,KAAK;AAC3C,aAAS,aAAa,QAAQ,UAAU;AACxC,aAAS,UAAU,IAAI,UAAU;AAEjC,QAAI,sBAAsB,SAAS,cAAc,MAAM;AACvD,wBAAoB,aAAa,QAAQ,aAAa;AACtD,wBAAoB,aAAa,QAAQ,aAAa;AAEtD,QAAI,eAAe,SAAS,cAAc,MAAM;AAChD,iBAAa,aAAa,QAAQ,UAAU;AAE5C,QAAI,SAAS,SAAS,cAAc,MAAM;AAC1C,WAAO,aAAa,QAAQ,QAAQ;AACpC,WAAO,aAAa,QAAQ,QAAQ;AAEpC,QAAI,OAAO,SAAS,cAAc,UAAU;AAC5C,SAAK,aAAa,QAAQ,cAAc;AAExC,QAAI,UAAU,SAAS,cAAc,KAAK;AAC1C,YAAQ,aAAa,QAAQ,SAAS;AACtC,YAAQ,aAAa,MAAM,SAAS;AAEpC,QAAI,OAAO,SAAS,cAAc,MAAM;AACxC,SAAK,aAAa,QAAQ,SAAS;AAEnC,WAAO,YAAY,IAAI;AAEvB,aAAS,YAAY,YAAY;AACjC,aAAS,YAAY,MAAM;AAC3B,aAAS,YAAY,mBAAmB;AAExC,YAAQ,YAAY,IAAI;AAExB,WAAO,YAAY,QAAQ;AAC3B,WAAO,YAAY,OAAO;AAE1B,aAAS,YAAY,MAAM;AAE3B,SAAK,WAAW;AAChB,SAAK,SAAS;AAEd,WAAO;AAAA,EACf;AAAA;AAAA;AAAA;AAAA,EAKI,YAAY;AACR,QAAI,CAAC,KAAK,UAAU,SAAS,UAAU,EAAG,MAAK,UAAU,IAAI,WAAW;AAExE,SAAK,SAAS,iBAAiB,SAAS,MAAM;AAC1C,UAAI,KAAK,UAAU,SAAS,WAAW,GAAG;AACtC,cAAM,oBAAoB,MAAM,yBAAyB;AACzD,aAAK,OAAO,MAAM,YAAY,iCAAiC,QAAQ;AACvE,aAAK,OAAQ;AAAA,MAC7B,OAAmB;AACH,cAAM,oBAAoB,MAAM,0BAA0B;AAC1D,aAAK,OAAO,MAAM,YAAY,iCAAiC,MAAM;AACrE,aAAK,SAAU;AAAA,MAC/B;AAAA,IACA,CAAS;AAAA,EACT;AAiBA;ACrIA,cAAc,OAAO,sBAAsB,aAAa;"}

package/dist/wje-accordion.js

@@ -1,122 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import WJElement from "./wje-element.js";
-const styles = "/*\n[ WJ Accordion ]\n*/\n\n:host {\n    display: block;\n    width: 100%;\n}\n";
-class Accordion extends WJElement {
-  /**
-   * Constructor for the Accordion class.
-   */
-  constructor() {
-    super();
-    /**
-     * The class name for the Accordion element.
-     * @type {string}
-     */
-    __publicField(this, "className", "Accordion");
-  }
-  /**
-   * Sets the `multiple` attribute on the element.
-   * If `true`, the `multiple` attribute is added.
-   * If `false`, the `multiple` attribute is removed.
-   * @param {boolean} value A boolean value indicating whether the element should support multiple selections.
-   */
-  set multiple(value) {
-    if (value) {
-      this.setAttribute("multiple", "");
-    } else {
-      this.removeAttribute("multiple");
-    }
-  }
-  /**
-   * Determines whether the element has the `multiple` attribute.
-   * @returns {boolean} `true` if the `multiple` attribute is present, otherwise `false`.
-   */
-  get multiple() {
-    return this.hasAttribute("multiple");
-  }
-  /**
-   * Sets the value of the `index` attribute.
-   * @param {number|string} value The value to set for the `index` attribute.
-   */
-  set index(value) {
-    this.setAttribute("index", value);
-  }
-  /**
-   * Retrieves the value of the `index` attribute as a number.
-   * @returns {number} The numerical value of the `index` attribute, or `0` if the attribute is not set.
-   */
-  get index() {
-    return +this.getAttribute("index") || 0;
-  }
-  /**
-   * Getter for the CSS stylesheet.
-   * @returns {object} The styles for the Accordion element.
-   */
-  static get cssStyleSheet() {
-    return styles;
-  }
-  /**
-   * Getter for the observed attributes.
-   * @returns {Array} An array containing the name of the observed attribute.
-   */
-  static get observedAttributes() {
-    return [];
-  }
-  /**
-   * Method to setup attributes for the Accordion element.
-   */
-  setupAttributes() {
-    this.isShadowRoot = "open";
-  }
-  /**
-   * Method to run before the element is drawn.
-   */
-  beforeDraw() {
-    this.getAccordions().forEach((accordion, index) => {
-      if (this.index && +this.index === index) {
-        accordion.classList.add("expanded");
-      }
-    });
-  }
-  /**
-   * Method to draw the Accordion element.
-   * @returns {object} The document fragment containing the drawn element.
-   */
-  draw() {
-    let fragment = document.createDocumentFragment();
-    let slot = document.createElement("slot");
-    fragment.appendChild(slot);
-    this.slotEl = slot;
-    return fragment;
-  }
-  /**
-   * Method to run after the element is drawn.
-   */
-  afterDraw() {
-    this.addEventListener("wje-accordion-item:open", (e) => {
-      if (!this.multiple) this.collapseAll(e.detail.context);
-    });
-  }
-  /**
-   * Method to run after the element is drawn.
-   * @param exception
-   */
-  collapseAll(exception) {
-    this.getAccordions().forEach((accordion) => {
-      if (accordion !== exception) accordion.collapse();
-    });
-  }
-  /**
-   * Method to get the accordions.
-   * @returns {Array} An array containing the accordions.
-   */
-  getAccordions() {
-    return Array.from(this.querySelectorAll(":scope > wje-accordion-item"));
-  }
-}
-Accordion.define("wje-accordion", Accordion);
-export {
-  Accordion as default
-};
-//# sourceMappingURL=wje-accordion.js.map

package/dist/wje-accordion.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"wje-accordion.js","sources":["../packages/wje-accordion/accordion.element.js","../packages/wje-accordion/accordion.js"],"sourcesContent":["import { default as WJElement } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary This class represents an Accordion element, extending the WJElement class.\n * @documentation https://elements.webjet.sk/components/accordion\n * @status stable\n * @augments WJElement\n * @attribute {boolean} multiple - The multiple attribute for the accordion.\n * @attribute {number} index - The index attribute for the accordion.\n * @attribute {boolean} disabled - The disabled attribute for the accordion.\n * @attribute {boolean} expanded - The expanded attribute for the accordion.\n * @slot - The accordion main content.\n * //@fires [wje-accordion-item:open] The event fired when the accordion item is opened.\n * @tag wje-accordion\n */\nexport default class Accordion extends WJElement {\n    /**\n     * Constructor for the Accordion class.\n     */\n    constructor() {\n        super();\n    }\n\n    /**\n     * Sets the `multiple` attribute on the element.\n     * If `true`, the `multiple` attribute is added.\n     * If `false`, the `multiple` attribute is removed.\n     * @param {boolean} value A boolean value indicating whether the element should support multiple selections.\n     */\n    set multiple(value) {\n        if (value) {\n            this.setAttribute('multiple', '');\n        } else {\n            this.removeAttribute('multiple');\n        }\n    }\n\n    /**\n     * Determines whether the element has the `multiple` attribute.\n     * @returns {boolean} `true` if the `multiple` attribute is present, otherwise `false`.\n     */\n    get multiple() {\n        return this.hasAttribute('multiple');\n    }\n\n    /**\n     * Sets the value of the `index` attribute.\n     * @param {number|string} value The value to set for the `index` attribute.\n     */\n    set index(value) {\n        this.setAttribute('index', value);\n    }\n\n    /**\n     * Retrieves the value of the `index` attribute as a number.\n     * @returns {number} The numerical value of the `index` attribute, or `0` if the attribute is not set.\n     */\n    get index() {\n        return +this.getAttribute('index') || 0;\n    }\n\n    /**\n     * The class name for the Accordion element.\n     * @type {string}\n     */\n    className = 'Accordion';\n\n    /**\n     * Getter for the CSS stylesheet.\n     * @returns {object} The styles for the Accordion element.\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Getter for the observed attributes.\n     * @returns {Array} An array containing the name of the observed attribute.\n     */\n    static get observedAttributes() {\n        return [];\n    }\n\n    /**\n     * Method to setup attributes for the Accordion element.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Method to run before the element is drawn.\n     */\n    beforeDraw() {\n        this.getAccordions().forEach((accordion, index) => {\n            if (this.index && +this.index === index) {\n                accordion.classList.add('expanded');\n            }\n        });\n    }\n\n    /**\n     * Method to draw the Accordion element.\n     * @returns {object} The document fragment containing the drawn element.\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let slot = document.createElement('slot');\n\n        fragment.appendChild(slot);\n\n        this.slotEl = slot;\n\n        return fragment;\n    }\n\n    /**\n     * Method to run after the element is drawn.\n     */\n    afterDraw() {\n        this.addEventListener('wje-accordion-item:open', (e) => {\n            if (!this.multiple) this.collapseAll(e.detail.context);\n        });\n    }\n\n    /**\n     * Method to run after the element is drawn.\n     * @param exception\n     */\n    collapseAll(exception) {\n        this.getAccordions().forEach((accordion) => {\n            if (accordion !== exception) accordion.collapse();\n        });\n    }\n\n    /**\n     * Method to get the accordions.\n     * @returns {Array} An array containing the accordions.\n     */\n    getAccordions() {\n        return Array.from(this.querySelectorAll(':scope > wje-accordion-item'));\n    }\n}\n","import Accordion from './accordion.element.js';\n\nexport default Accordion;\n\nAccordion.define('wje-accordion', Accordion);\n"],"names":[],"mappings":";;;;;AAgBe,MAAM,kBAAkB,UAAU;AAAA;AAAA;AAAA;AAAA,EAI7C,cAAc;AACV,UAAO;AA6CX;AAAA;AAAA;AAAA;AAAA,qCAAY;AAAA,EA5ChB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQI,IAAI,SAAS,OAAO;AAChB,QAAI,OAAO;AACP,WAAK,aAAa,YAAY,EAAE;AAAA,IAC5C,OAAe;AACH,WAAK,gBAAgB,UAAU;AAAA,IAC3C;AAAA,EACA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMI,IAAI,WAAW;AACX,WAAO,KAAK,aAAa,UAAU;AAAA,EAC3C;AAAA;AAAA;AAAA;AAAA;AAAA,EAMI,IAAI,MAAM,OAAO;AACb,SAAK,aAAa,SAAS,KAAK;AAAA,EACxC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMI,IAAI,QAAQ;AACR,WAAO,CAAC,KAAK,aAAa,OAAO,KAAK;AAAA,EAC9C;AAAA;AAAA;AAAA;AAAA;AAAA,EAYI,WAAW,gBAAgB;AACvB,WAAO;AAAA,EACf;AAAA;AAAA;AAAA;AAAA;AAAA,EAMI,WAAW,qBAAqB;AAC5B,WAAO,CAAE;AAAA,EACjB;AAAA;AAAA;AAAA;AAAA,EAKI,kBAAkB;AACd,SAAK,eAAe;AAAA,EAC5B;AAAA;AAAA;AAAA;AAAA,EAKI,aAAa;AACT,SAAK,cAAe,EAAC,QAAQ,CAAC,WAAW,UAAU;AAC/C,UAAI,KAAK,SAAS,CAAC,KAAK,UAAU,OAAO;AACrC,kBAAU,UAAU,IAAI,UAAU;AAAA,MAClD;AAAA,IACA,CAAS;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA,EAMI,OAAO;AACH,QAAI,WAAW,SAAS,uBAAwB;AAEhD,QAAI,OAAO,SAAS,cAAc,MAAM;AAExC,aAAS,YAAY,IAAI;AAEzB,SAAK,SAAS;AAEd,WAAO;AAAA,EACf;AAAA;AAAA;AAAA;AAAA,EAKI,YAAY;AACR,SAAK,iBAAiB,2BAA2B,CAAC,MAAM;AACpD,UAAI,CAAC,KAAK,SAAU,MAAK,YAAY,EAAE,OAAO,OAAO;AAAA,IACjE,CAAS;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA,EAMI,YAAY,WAAW;AACnB,SAAK,cAAa,EAAG,QAAQ,CAAC,cAAc;AACxC,UAAI,cAAc,UAAW,WAAU,SAAU;AAAA,IAC7D,CAAS;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA,EAMI,gBAAgB;AACZ,WAAO,MAAM,KAAK,KAAK,iBAAiB,6BAA6B,CAAC;AAAA,EAC9E;AACA;AC5IA,UAAU,OAAO,iBAAiB,SAAS;"}