wj-elements 0.7.7 → 0.8.0

package/dist/wje-master.js

@@ -1,15 +1,15 @@
 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 { b } from "./router-links-wjqCnncc.js";
-import { Localizer } from "./localize.js";
+import { b } from "./router-links-CNsJ-elb.js";
+import { Localizer as e } from "./localize.js";
 import { Permissions } from "./permissions.js";
 import { UniversalService } from "./universal-service.js";
 import { fetchAndParseCSS } from "./animations.js";
 import { getBasePath, setBasePath } from "./base-path.js";
-import { formatDate } from "./date.js";
+import { formatDate as t } from "./date.js";
 import { toSafeDate } from "./date.js";
-import { I, r, u } from "./icon-CReYMzAK.js";
+import { I, r, u } from "./icon-DmsqtDpL.js";
 import { event } from "./event.js";
 import { default as default2 } from "./wje-accordion.js";
 import { default as default3 } from "./wje-accordion-item.js";
@@ -38,7 +38,7 @@ import { default as default25 } from "./wje-copy-button.js";
 import { default as default26 } from "./wje-dialog.js";
 import { default as default27 } from "./wje-divider.js";
 import { default as default28 } from "./wje-dropdown.js";
-import WJElement from "./wje-element.js";
+import o from "./wje-element.js";
 import { default as default29 } from "./wje-file-upload.js";
 import { default as default30 } from "./wje-file-upload-item.js";
 import { default as default31 } from "./wje-footer.js";
@@ -105,179 +105,63 @@ import { default as default89 } from "./wje-tooltip.js";
 import { default as default90 } from "./wje-tree.js";
 import { default as default91 } from "./wje-tree-item.js";
 import { default as default92 } from "./wje-visually-hidden.js";
-import { P } from "./popup.element-CwXvVFK7.js";
-const skSk = {
-  code: "sk-sk",
-  name: "Slovak",
-  dir: "ltr",
-  welcome: "Vitajte",
-  "wj.file.upload.button": "Vybrať súbor",
-  "wj.file.upload.uploaded": "Nahraných: ",
-  "wj.file.upload.from": "z",
-  "wj.file.upload.error.invalid.type": "Tento formát súboru nie je podporovaný. Povolené formáty: {acceptedTypes}.",
-  "wj.file.upload.error.file.too.large": "Súbor je príliš veľký. Maximálna veľkosť je {maxFileSize} MB.",
-  "wj.file.upload.error.max.files": "Môžete nahrať najviac {maxFiles} súborov.",
-  "wj.file.upload.error.generic": "Súbor sa nepodarilo nahrať.",
-  "wj.stepper.button.next": "Ďalej",
-  "wj.stepper.button.finish": "Dokončiť",
-  "wj.stepper.button.previous": "Späť",
-  "wj.stepper.step": "Krok",
-  "wj.pagination.of": "z",
-  "wj.pagination.itemsPerPage": "Záznamy na stránke",
-  "wj.pagination.first": "Prvá stránka",
-  "wj.pagination.prev": "Predchádzajúca",
-  "wj.pagination.next": "Ďalšia",
-  "wj.pagination.last": "Posledná stránka",
-  "wj.select.empty": "Žiadne dáta"
-};
-Localizer.registerTranslation(skSk);
-const enGb = {
-  code: "en-gb",
-  name: "English",
-  dir: "ltr",
-  welcome: "Welcome",
-  "wj.file.upload.button": "Browse files",
-  "wj.file.upload.uploaded": "Uploaded: ",
-  "wj.file.upload.from": "from",
-  "wj.file.upload.error.invalid.type": "This file type is not supported. Allowed formats: {acceptedTypes}.",
-  "wj.file.upload.error.file.too.large": "The file is too large. Maximum size is {maxFileSize} MB.",
-  "wj.file.upload.error.max.files": "You can upload up to {maxFiles} files.",
-  "wj.file.upload.error.generic": "The file could not be uploaded.",
-  "wj.stepper.button.next": "Next",
-  "wj.stepper.button.finish": "Finish",
-  "wj.stepper.button.previous": "Previous",
-  "wj.stepper.step": "Step",
-  "wj.pagination.of": "of",
-  "wj.pagination.itemsPerPage": "Items per page",
-  "wj.pagination.first": "First page",
-  "wj.pagination.prev": "Previous",
-  "wj.pagination.next": "Next",
-  "wj.pagination.last": "Last page",
-  "wj.select.empty": "No data"
-};
-Localizer.registerTranslation(enGb);
-const styles$1 = ".native-timeline {\n    position: relative;\n}\n\n.vertical-line {\n    position: absolute;\n    margin-left: calc(var(--wje-spacing-x-large) + 1px);\n    top: 0;\n    bottom: 0;\n    width: 1px;\n    background-color: var(--wje-color-info-3);\n}\n";
-class Timeline extends WJElement {
-  /**
-   * Creates an instance of Timeline.
-   */
+import { P } from "./popup.element-CbkhthPP.js";
+const a = { code: "sk-sk", name: "Slovak", dir: "ltr", welcome: "Vitajte", "wj.file.upload.button": "Vybrať súbor", "wj.file.upload.uploaded": "Nahraných: ", "wj.file.upload.from": "z", "wj.file.upload.error.invalid.type": "Tento formát súboru nie je podporovaný. Povolené formáty: {acceptedTypes}.", "wj.file.upload.error.file.too.large": "Súbor je príliš veľký. Maximálna veľkosť je {maxFileSize} MB.", "wj.file.upload.error.max.files": "Môžete nahrať najviac {maxFiles} súborov.", "wj.file.upload.error.generic": "Súbor sa nepodarilo nahrať.", "wj.stepper.button.next": "Ďalej", "wj.stepper.button.finish": "Dokončiť", "wj.stepper.button.previous": "Späť", "wj.stepper.step": "Krok", "wj.pagination.of": "z", "wj.pagination.itemsPerPage": "Záznamy na stránke", "wj.pagination.first": "Prvá stránka", "wj.pagination.prev": "Predchádzajúca", "wj.pagination.next": "Ďalšia", "wj.pagination.last": "Posledná stránka", "wj.select.empty": "Žiadne dáta" };
+e.registerTranslation(a);
+const s = { code: "en-gb", name: "English", dir: "ltr", welcome: "Welcome", "wj.file.upload.button": "Browse files", "wj.file.upload.uploaded": "Uploaded: ", "wj.file.upload.from": "from", "wj.file.upload.error.invalid.type": "This file type is not supported. Allowed formats: {acceptedTypes}.", "wj.file.upload.error.file.too.large": "The file is too large. Maximum size is {maxFileSize} MB.", "wj.file.upload.error.max.files": "You can upload up to {maxFiles} files.", "wj.file.upload.error.generic": "The file could not be uploaded.", "wj.stepper.button.next": "Next", "wj.stepper.button.finish": "Finish", "wj.stepper.button.previous": "Previous", "wj.stepper.step": "Step", "wj.pagination.of": "of", "wj.pagination.itemsPerPage": "Items per page", "wj.pagination.first": "First page", "wj.pagination.prev": "Previous", "wj.pagination.next": "Next", "wj.pagination.last": "Last page", "wj.select.empty": "No data" };
+e.registerTranslation(s);
+class i extends o {
   constructor() {
     super();
-    /**
-     * The class name for the component.
-     */
     __publicField(this, "className", "Timeline");
   }
-  /**
-   * Returns the CSS stylesheet for the component.
-   * @static
-   * @returns {CSSStyleSheet} The CSS stylesheet
-   */
   static get cssStyleSheet() {
-    return styles$1;
+    return ".native-timeline{position:relative}.vertical-line{position:absolute;margin-left:calc(var(--wje-spacing-x-large) + 1px);top:0;bottom:0;width:1px;background-color:var(--wje-color-info-3)}";
   }
-  /**
-   * Sets up the attributes for the component.
-   */
   setupAttributes() {
-    this.isShadowRoot = "open";
-    this.syncAria();
+    this.isShadowRoot = "open", this.syncAria();
   }
-  /**
-   * Draws the component for the timeline.
-   * @returns {DocumentFragment}
-   */
   draw() {
-    let fragment = document.createDocumentFragment();
-    const native = document.createElement("div");
-    native.setAttribute("part", "native");
-    native.classList.add("native-timeline");
-    const verticalLine = document.createElement("div");
-    verticalLine.setAttribute("part", "vertical-line");
-    verticalLine.classList.add("vertical-line");
-    const slot = document.createElement("slot");
-    native.appendChild(verticalLine);
-    native.appendChild(slot);
-    fragment.appendChild(native);
-    return fragment;
+    let e2 = document.createDocumentFragment();
+    const t2 = document.createElement("div");
+    t2.setAttribute("part", "native"), t2.classList.add("native-timeline");
+    const r2 = document.createElement("div");
+    r2.setAttribute("part", "vertical-line"), r2.classList.add("vertical-line");
+    const o2 = document.createElement("slot");
+    return t2.appendChild(r2), t2.appendChild(o2), e2.appendChild(t2), e2;
   }
-  /**
-   * Sync ARIA attributes on host.
-   */
   syncAria() {
-    if (!this.hasAttribute("role")) {
-      this.setAriaState({ role: "list" });
-    }
+    this.hasAttribute("role") || this.setAriaState({ role: "list" });
   }
 }
-Timeline.define("wje-timeline", Timeline);
-const styles = ":host {\n    --wje-card-content-padding: var(--wje-spacing-medium);\n    margin-bottom: 0.5rem;\n    display: block;\n}\n\n.native-timeline-item > wje-icon {\n    color: var(--wje-color-contrast-6) !important;\n}\n\n.timeline-items {\n    display: flex;\n    flex-direction: column;\n}\n\n.native-timeline-item {\n    display: flex;\n    position: relative;\n    padding: var(--wje-spacing-medium) var(--wje-spacing-medium) var(--wje-spacing-medium) var(--wje-spacing-large);\n    gap: var(--wje-spacing-medium);\n    border-width: 1px;\n    border-style: solid;\n    border-color: transparent;\n    border-radius: var(--wje-border-radius-large);\n}\n\n:host .native-timeline-item:hover {\n    background-color: var(--wje-color-contrast-1);\n    border-color: var(--wje-color-contrast-3);\n}\n\n:host([active]) .native-timeline-item {\n    background-color: var(--wje-color-primary-1);\n    border-color: var(--wje-color-primary-3);\n}\n\n:host([active]) .native-timeline-item:hover {\n    background-color: var(--wje-color-primary-2);\n}\n\n.icon-container {\n    position: absolute;\n    display: flex;\n    width: var(--wje-size-small);\n    height: var(--wje-size-small);\n    padding: var(--wje-spacing-2x-small);\n    border-radius: var(--wje-border-radius-circle);\n    opacity: 0;\n}\n\n.content-container {\n    height: fit-content;\n    gap: var(--wje-spacing-small);\n}\n\n.event {\n    margin: 0;\n    font-size: var(--wje-font-size-large);\n    font-weight: var(--wje-font-weight-bold);\n    line-height: var(--wje-line-height-dense);\n    letter-spacing: var(--wje-spacing-4x-small);\n}\n\n.additional-content {\n    font-size: var(--wje-font-size-medium);\n    margin-top: 1rem;\n}\n\nwje-status {\n    position: relative;\n    z-index: 1;\n}\n\nwje-relative-time {\n    display: block;\n    margin-bottom: var(--wje-spacing-2x-small);\n}\n";
-class TimelineItem extends WJElement {
+i.define("wje-timeline", i);
+class l extends o {
   constructor() {
     super();
-    /**
-     * Returns the class name of the tab.
-     * @returns {string} The class name of the tab.
-     */
     __publicField(this, "className", "TimelineItem");
   }
-  /**
-   * Returns the CSS styles for the component.
-   * @static
-   * @returns {CSSStyleSheet}
-   */
   static get cssStyleSheet() {
-    return styles;
+    return ":host{--wje-card-content-padding: var(--wje-spacing-medium);margin-bottom:.5rem;display:block}.native-timeline-item>wje-icon{color:var(--wje-color-contrast-6)!important}.timeline-items{display:flex;flex-direction:column}.native-timeline-item{display:flex;position:relative;padding:var(--wje-spacing-medium) var(--wje-spacing-medium) var(--wje-spacing-medium) var(--wje-spacing-large);gap:var(--wje-spacing-medium);border-width:1px;border-style:solid;border-color:transparent;border-radius:var(--wje-border-radius-large)}:host .native-timeline-item:hover{background-color:var(--wje-color-contrast-1);border-color:var(--wje-color-contrast-3)}:host([active]) .native-timeline-item{background-color:var(--wje-color-primary-1);border-color:var(--wje-color-primary-3)}:host([active]) .native-timeline-item:hover{background-color:var(--wje-color-primary-2)}.icon-container{position:absolute;display:flex;width:var(--wje-size-small);height:var(--wje-size-small);padding:var(--wje-spacing-2x-small);border-radius:var(--wje-border-radius-circle);opacity:0}.content-container{height:fit-content;gap:var(--wje-spacing-small)}.event{margin:0;font-size:var(--wje-font-size-large);font-weight:var(--wje-font-weight-bold);line-height:var(--wje-line-height-dense);letter-spacing:var(--wje-spacing-4x-small)}.additional-content{font-size:var(--wje-font-size-medium);margin-top:1rem}wje-status{position:relative;z-index:1}wje-relative-time{display:block;margin-bottom:var(--wje-spacing-2x-small)}";
   }
-  /**
-   * Sets up the attributes for the component.
-   */
   setupAttributes() {
-    this.isShadowRoot = "open";
-    this.setAttribute("relative-time", "");
+    this.isShadowRoot = "open", this.setAttribute("relative-time", "");
   }
-  /**
-   * Draws the component for the timeline item.
-   * @returns {DocumentFragment}
-   */
   draw() {
-    let fragment = document.createDocumentFragment();
-    let native = document.createElement("div");
-    native.setAttribute("part", "native");
-    native.classList.add("native-timeline-item");
-    let contentContainer = document.createElement("div");
-    contentContainer.setAttribute("part", "content-container");
-    contentContainer.classList.add("content-container");
-    let tooltip = document.createElement("wje-tooltip");
-    tooltip.setAttribute("text", this.getAttribute("tooltip") || "");
-    tooltip.setAttribute("position", "top");
-    tooltip.setAttribute("content", formatDate(this.datetime, "dd.MM.yyyy HH:mm"));
-    let relativeTime = document.createElement("wje-relative-time");
-    relativeTime.setAttribute("date", this.datetime || "");
-    relativeTime.setAttribute("format", this.getAttribute("format") || "");
-    tooltip.appendChild(relativeTime);
-    let event2 = document.createElement("h3");
-    event2.classList.add("event");
-    event2.textContent = this.getAttribute("event") || "";
-    let slot = document.createElement("slot");
-    let slotStatus = document.createElement("wje-icon");
-    slotStatus.setAttribute("name", "circle-dot");
-    slotStatus.setAttribute("filled", "");
-    slotStatus.setAttribute("part", "default-icon");
-    if (this.querySelector('[slot="status"]')) {
-      slotStatus = document.createElement("slot");
-      slotStatus.setAttribute("name", "status");
-    }
-    contentContainer.appendChild(tooltip);
-    contentContainer.appendChild(event2);
-    contentContainer.appendChild(slot);
-    native.appendChild(slotStatus);
-    native.appendChild(contentContainer);
-    fragment.appendChild(native);
-    return fragment;
+    let e2 = document.createDocumentFragment(), r2 = document.createElement("div");
+    r2.setAttribute("part", "native"), r2.classList.add("native-timeline-item");
+    let o2 = document.createElement("div");
+    o2.setAttribute("part", "content-container"), o2.classList.add("content-container");
+    let a2 = document.createElement("wje-tooltip");
+    a2.setAttribute("text", this.getAttribute("tooltip") || ""), a2.setAttribute("position", "top"), a2.setAttribute("content", t(this.datetime, "dd.MM.yyyy HH:mm"));
+    let s2 = document.createElement("wje-relative-time");
+    s2.setAttribute("date", this.datetime || ""), s2.setAttribute("format", this.getAttribute("format") || ""), a2.appendChild(s2);
+    let i2 = document.createElement("h3");
+    i2.classList.add("event"), i2.textContent = this.getAttribute("event") || "";
+    let l2 = document.createElement("slot"), n = document.createElement("wje-icon");
+    return n.setAttribute("name", "circle-dot"), n.setAttribute("filled", ""), n.setAttribute("part", "default-icon"), this.querySelector('[slot="status"]') && (n = document.createElement("slot"), n.setAttribute("name", "status")), o2.appendChild(a2), o2.appendChild(i2), o2.appendChild(l2), r2.appendChild(n), r2.appendChild(o2), e2.appendChild(r2), e2;
   }
 }
-TimelineItem.define("wje-timeline-item", TimelineItem);
+l.define("wje-timeline-item", l);
 export {
   default2 as Accordion,
   default3 as AccordionItem,
@@ -324,7 +208,7 @@ export {
   default43 as Label,
   default44 as LevelIndicator,
   default45 as List,
-  Localizer,
+  e as Localizer,
   default46 as Main,
   default47 as Masonry,
   default48 as Menu,
@@ -366,8 +250,8 @@ export {
   default82 as TabPanel,
   default83 as Textarea,
   default84 as Thumbnail,
-  Timeline,
-  TimelineItem,
+  i as Timeline,
+  l as TimelineItem,
   default85 as Toast,
   default86 as Toggle,
   default87 as Toolbar,
@@ -377,17 +261,17 @@ export {
   default91 as TreeItem,
   UniversalService,
   default92 as VisuallyHidden,
-  WJElement,
+  o as WJElement,
   b as bindRouterLinks,
   defaultStoreActions,
-  enGb,
+  s as enGb,
   event,
   fetchAndParseCSS,
-  formatDate,
+  t as formatDate,
   getBasePath,
   r as registerIconLibrary,
   setBasePath,
-  skSk,
+  a as skSk,
   store,
   toSafeDate,
   u as unregisterIconLibrary

package/dist/wje-master.js.map

@@ -1 +1 @@
-{"version":3,"file":"wje-master.js","sources":["../packages/translations/sk-sk.js","../packages/translations/en-gb.js","../packages/wje-timeline/timeline.element.js","../packages/wje-timeline/timeline.js","../packages/wje-timeline-item/timeline-item.element.js","../packages/wje-timeline-item/timeline-item.js"],"sourcesContent":["import { Localizer } from '../utils/localize.js';\n\nexport const skSk = {\n    code: 'sk-sk',\n    name: 'Slovak',\n    dir: 'ltr',\n\n    welcome: 'Vitajte',\n    'wj.file.upload.button': 'Vybrať súbor',\n    'wj.file.upload.uploaded': 'Nahraných: ',\n    'wj.file.upload.from': 'z',\n    'wj.file.upload.error.invalid.type': 'Tento formát súboru nie je podporovaný. Povolené formáty: {acceptedTypes}.',\n    'wj.file.upload.error.file.too.large': 'Súbor je príliš veľký. Maximálna veľkosť je {maxFileSize} MB.',\n    'wj.file.upload.error.max.files': 'Môžete nahrať najviac {maxFiles} súborov.',\n    'wj.file.upload.error.generic': 'Súbor sa nepodarilo nahrať.',\n    'wj.stepper.button.next': 'Ďalej',\n    'wj.stepper.button.finish': 'Dokončiť',\n    'wj.stepper.button.previous': 'Späť',\n    'wj.stepper.step': 'Krok',\n    'wj.pagination.of': 'z',\n    'wj.pagination.itemsPerPage': 'Záznamy na stránke',\n    'wj.pagination.first': 'Prvá stránka',\n    'wj.pagination.prev': 'Predchádzajúca',\n    'wj.pagination.next': 'Ďalšia',\n    'wj.pagination.last': 'Posledná stránka',\n    'wj.select.empty': 'Žiadne dáta',\n};\n\nLocalizer.registerTranslation(skSk);\n","import { Localizer } from '../utils/localize.js';\n\nexport const enGb = {\n    code: 'en-gb',\n    name: 'English',\n    dir: 'ltr',\n\n    welcome: 'Welcome',\n    'wj.file.upload.button': 'Browse files',\n    'wj.file.upload.uploaded': 'Uploaded: ',\n    'wj.file.upload.from': 'from',\n    'wj.file.upload.error.invalid.type': 'This file type is not supported. Allowed formats: {acceptedTypes}.',\n    'wj.file.upload.error.file.too.large': 'The file is too large. Maximum size is {maxFileSize} MB.',\n    'wj.file.upload.error.max.files': 'You can upload up to {maxFiles} files.',\n    'wj.file.upload.error.generic': 'The file could not be uploaded.',\n    'wj.stepper.button.next': 'Next',\n    'wj.stepper.button.finish': 'Finish',\n    'wj.stepper.button.previous': 'Previous',\n    'wj.stepper.step': 'Step',\n    'wj.pagination.of': 'of',\n    'wj.pagination.itemsPerPage': 'Items per page',\n    'wj.pagination.first': 'First page',\n    'wj.pagination.prev': 'Previous',\n    'wj.pagination.next': 'Next',\n    'wj.pagination.last': 'Last page',\n    'wj.select.empty': 'No data',\n};\n\nLocalizer.registerTranslation(enGb);\n","import { default as WJElement } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * `Timeline` is a custom web component that represents a timeline.\n * @summary This element represents a timeline.\n * @documentation https://elements.webjet.sk/components/timeline\n * @status stable\n * @augments WJElement\n * @slot - Slot for the timeline items.\n * @csspart native - The native part of the rating component.\n * @csspart vertical-line - The vertical line part of the rating component.\n * @tag wje-timeline\n */\nexport default class Timeline extends WJElement {\n    /**\n     * Creates an instance of Timeline.\n     */\n    constructor() {\n        super();\n    }\n\n    /**\n     * The class name for the component.\n     */\n    className = 'Timeline';\n\n    /**\n     * Returns the CSS stylesheet for the component.\n     * @static\n     * @returns {CSSStyleSheet} The CSS stylesheet\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n        this.syncAria();\n    }\n\n    /**\n     * Draws the component for the timeline.\n     * @returns {DocumentFragment}\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        const native = document.createElement('div');\n        native.setAttribute('part', 'native');\n        native.classList.add('native-timeline');\n\n        const verticalLine = document.createElement('div');\n        verticalLine.setAttribute('part', 'vertical-line');\n        verticalLine.classList.add('vertical-line');\n\n        const slot = document.createElement('slot');\n\n        native.appendChild(verticalLine);\n        native.appendChild(slot);\n\n        fragment.appendChild(native);\n\n        return fragment;\n    }\n\n    /**\n     * Sync ARIA attributes on host.\n     */\n    syncAria() {\n        if (!this.hasAttribute('role')) {\n            this.setAriaState({ role: 'list' });\n        }\n    }\n}\n","import Timeline from './timeline.element.js';\n\nexport default Timeline;\n\nTimeline.define('wje-timeline', Timeline);\n","import { formatDate } from '../utils/date.js';\nimport { default as WJElement } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * The TimelineItem component.\n * @summary This element represents a timeline item.\n * @documentation https://elements.webjet.sk/components/timeline-item\n * @status stable\n * @augments {WJElement}\n * @csspart native - The native part of the timeline item.\n * @csspart content-container - The content container part of the timeline item.\n * @csspart default-icon - The default icon part of the timeline item.\n * @slot - Slot for the content of the timeline item.\n * @slot status - Slot for the status of the timeline item.\n * @tag wje-timeline-item\n */\nexport default class TimelineItem extends WJElement {\n    constructor() {\n        super();\n    }\n\n    /**\n     * Returns the class name of the tab.\n     * @returns {string} The class name of the tab.\n     */\n    className = 'TimelineItem';\n\n    /**\n     * Returns the CSS styles for the component.\n     * @static\n     * @returns {CSSStyleSheet}\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n        this.setAttribute('relative-time', '');\n    }\n\n    /**\n     * Draws the component for the timeline item.\n     * @returns {DocumentFragment}\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-timeline-item');\n\n        let contentContainer = document.createElement('div');\n        contentContainer.setAttribute('part', 'content-container');\n        contentContainer.classList.add('content-container');\n\n        let tooltip = document.createElement('wje-tooltip');\n        tooltip.setAttribute('text', this.getAttribute('tooltip') || '');\n        tooltip.setAttribute('position', 'top');\n        tooltip.setAttribute('content', formatDate(this.datetime, 'dd.MM.yyyy HH:mm'));\n\n        let relativeTime = document.createElement('wje-relative-time');\n        relativeTime.setAttribute('date', this.datetime || '');\n        relativeTime.setAttribute('format', this.getAttribute('format') || '');\n\n        tooltip.appendChild(relativeTime);\n\n        let event = document.createElement('h3');\n        event.classList.add('event');\n        event.textContent = this.getAttribute('event') || '';\n\n        // additional text content\n        let slot = document.createElement('slot');\n\n        // status slot\n        let slotStatus = document.createElement('wje-icon');\n        slotStatus.setAttribute('name', 'circle-dot');\n        slotStatus.setAttribute('filled', '');\n        slotStatus.setAttribute('part', 'default-icon');\n\n        // if status slot is present\n        if (this.querySelector('[slot=\"status\"]')) {\n            slotStatus = document.createElement('slot');\n            slotStatus.setAttribute('name', 'status');\n        }\n\n        contentContainer.appendChild(tooltip);\n        contentContainer.appendChild(event);\n        contentContainer.appendChild(slot);\n\n        native.appendChild(slotStatus);\n        native.appendChild(contentContainer);\n\n        fragment.appendChild(native);\n\n        return fragment;\n    }\n}\n","import TimelineItem from './timeline-item.element.js';\n\nexport default TimelineItem;\n\nTimelineItem.define('wje-timeline-item', TimelineItem);\n"],"names":["styles","event"],"mappings":"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"}
+{"version":3,"file":"wje-master.js","sources":["../packages/translations/sk-sk.js","../packages/translations/en-gb.js","../packages/wje-timeline/timeline.element.js","../packages/wje-timeline/timeline.js","../packages/wje-timeline-item/timeline-item.element.js","../packages/wje-timeline-item/timeline-item.js"],"sourcesContent":["import { Localizer } from '../utils/localize.js';\n\nexport const skSk = {\n    code: 'sk-sk',\n    name: 'Slovak',\n    dir: 'ltr',\n\n    welcome: 'Vitajte',\n    'wj.file.upload.button': 'Vybrať súbor',\n    'wj.file.upload.uploaded': 'Nahraných: ',\n    'wj.file.upload.from': 'z',\n    'wj.file.upload.error.invalid.type': 'Tento formát súboru nie je podporovaný. Povolené formáty: {acceptedTypes}.',\n    'wj.file.upload.error.file.too.large': 'Súbor je príliš veľký. Maximálna veľkosť je {maxFileSize} MB.',\n    'wj.file.upload.error.max.files': 'Môžete nahrať najviac {maxFiles} súborov.',\n    'wj.file.upload.error.generic': 'Súbor sa nepodarilo nahrať.',\n    'wj.stepper.button.next': 'Ďalej',\n    'wj.stepper.button.finish': 'Dokončiť',\n    'wj.stepper.button.previous': 'Späť',\n    'wj.stepper.step': 'Krok',\n    'wj.pagination.of': 'z',\n    'wj.pagination.itemsPerPage': 'Záznamy na stránke',\n    'wj.pagination.first': 'Prvá stránka',\n    'wj.pagination.prev': 'Predchádzajúca',\n    'wj.pagination.next': 'Ďalšia',\n    'wj.pagination.last': 'Posledná stránka',\n    'wj.select.empty': 'Žiadne dáta',\n};\n\nLocalizer.registerTranslation(skSk);\n","import { Localizer } from '../utils/localize.js';\n\nexport const enGb = {\n    code: 'en-gb',\n    name: 'English',\n    dir: 'ltr',\n\n    welcome: 'Welcome',\n    'wj.file.upload.button': 'Browse files',\n    'wj.file.upload.uploaded': 'Uploaded: ',\n    'wj.file.upload.from': 'from',\n    'wj.file.upload.error.invalid.type': 'This file type is not supported. Allowed formats: {acceptedTypes}.',\n    'wj.file.upload.error.file.too.large': 'The file is too large. Maximum size is {maxFileSize} MB.',\n    'wj.file.upload.error.max.files': 'You can upload up to {maxFiles} files.',\n    'wj.file.upload.error.generic': 'The file could not be uploaded.',\n    'wj.stepper.button.next': 'Next',\n    'wj.stepper.button.finish': 'Finish',\n    'wj.stepper.button.previous': 'Previous',\n    'wj.stepper.step': 'Step',\n    'wj.pagination.of': 'of',\n    'wj.pagination.itemsPerPage': 'Items per page',\n    'wj.pagination.first': 'First page',\n    'wj.pagination.prev': 'Previous',\n    'wj.pagination.next': 'Next',\n    'wj.pagination.last': 'Last page',\n    'wj.select.empty': 'No data',\n};\n\nLocalizer.registerTranslation(enGb);\n","import { default as WJElement } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * `Timeline` is a custom web component that represents a timeline.\n * @summary This element represents a timeline.\n * @documentation https://elements.webjet.sk/components/timeline\n * @status stable\n * @augments WJElement\n * @slot - Slot for the timeline items.\n * @csspart native - The native part of the rating component.\n * @csspart vertical-line - The vertical line part of the rating component.\n * @tag wje-timeline\n */\nexport default class Timeline extends WJElement {\n    /**\n     * Creates an instance of Timeline.\n     */\n    constructor() {\n        super();\n    }\n\n    /**\n     * The class name for the component.\n     */\n    className = 'Timeline';\n\n    /**\n     * Returns the CSS stylesheet for the component.\n     * @static\n     * @returns {CSSStyleSheet} The CSS stylesheet\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n        this.syncAria();\n    }\n\n    /**\n     * Draws the component for the timeline.\n     * @returns {DocumentFragment}\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        const native = document.createElement('div');\n        native.setAttribute('part', 'native');\n        native.classList.add('native-timeline');\n\n        const verticalLine = document.createElement('div');\n        verticalLine.setAttribute('part', 'vertical-line');\n        verticalLine.classList.add('vertical-line');\n\n        const slot = document.createElement('slot');\n\n        native.appendChild(verticalLine);\n        native.appendChild(slot);\n\n        fragment.appendChild(native);\n\n        return fragment;\n    }\n\n    /**\n     * Sync ARIA attributes on host.\n     */\n    syncAria() {\n        if (!this.hasAttribute('role')) {\n            this.setAriaState({ role: 'list' });\n        }\n    }\n}\n","import Timeline from './timeline.element.js';\n\nexport default Timeline;\n\nTimeline.define('wje-timeline', Timeline);\n","import { formatDate } from '../utils/date.js';\nimport { default as WJElement } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * The TimelineItem component.\n * @summary This element represents a timeline item.\n * @documentation https://elements.webjet.sk/components/timeline-item\n * @status stable\n * @augments {WJElement}\n * @csspart native - The native part of the timeline item.\n * @csspart content-container - The content container part of the timeline item.\n * @csspart default-icon - The default icon part of the timeline item.\n * @slot - Slot for the content of the timeline item.\n * @slot status - Slot for the status of the timeline item.\n * @tag wje-timeline-item\n */\nexport default class TimelineItem extends WJElement {\n    constructor() {\n        super();\n    }\n\n    /**\n     * Returns the class name of the tab.\n     * @returns {string} The class name of the tab.\n     */\n    className = 'TimelineItem';\n\n    /**\n     * Returns the CSS styles for the component.\n     * @static\n     * @returns {CSSStyleSheet}\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n        this.setAttribute('relative-time', '');\n    }\n\n    /**\n     * Draws the component for the timeline item.\n     * @returns {DocumentFragment}\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-timeline-item');\n\n        let contentContainer = document.createElement('div');\n        contentContainer.setAttribute('part', 'content-container');\n        contentContainer.classList.add('content-container');\n\n        let tooltip = document.createElement('wje-tooltip');\n        tooltip.setAttribute('text', this.getAttribute('tooltip') || '');\n        tooltip.setAttribute('position', 'top');\n        tooltip.setAttribute('content', formatDate(this.datetime, 'dd.MM.yyyy HH:mm'));\n\n        let relativeTime = document.createElement('wje-relative-time');\n        relativeTime.setAttribute('date', this.datetime || '');\n        relativeTime.setAttribute('format', this.getAttribute('format') || '');\n\n        tooltip.appendChild(relativeTime);\n\n        let event = document.createElement('h3');\n        event.classList.add('event');\n        event.textContent = this.getAttribute('event') || '';\n\n        // additional text content\n        let slot = document.createElement('slot');\n\n        // status slot\n        let slotStatus = document.createElement('wje-icon');\n        slotStatus.setAttribute('name', 'circle-dot');\n        slotStatus.setAttribute('filled', '');\n        slotStatus.setAttribute('part', 'default-icon');\n\n        // if status slot is present\n        if (this.querySelector('[slot=\"status\"]')) {\n            slotStatus = document.createElement('slot');\n            slotStatus.setAttribute('name', 'status');\n        }\n\n        contentContainer.appendChild(tooltip);\n        contentContainer.appendChild(event);\n        contentContainer.appendChild(slot);\n\n        native.appendChild(slotStatus);\n        native.appendChild(contentContainer);\n\n        fragment.appendChild(native);\n\n        return fragment;\n    }\n}\n","import TimelineItem from './timeline-item.element.js';\n\nexport default TimelineItem;\n\nTimelineItem.define('wje-timeline-item', TimelineItem);\n"],"names":["skSk","code","name","dir","welcome","Localizer","registerTranslation","enGb","Timeline","WJElement","constructor","super","className","cssStyleSheet","setupAttributes","this","isShadowRoot","syncAria","draw","fragment","document","createDocumentFragment","native","createElement","setAttribute","classList","add","verticalLine","slot","appendChild","hasAttribute","setAriaState","role","define","TimelineItem","contentContainer","tooltip","getAttribute","formatDate","datetime","relativeTime","event","textContent","slotStatus","querySelector"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEY,MAACA,IAAO,EAChBC,MAAM,SACNC,MAAM,UACNC,KAAK,OAELC,SAAS,WACT,yBAAyB,gBACzB,2BAA2B,eAC3B,uBAAuB,KACvB,qCAAqC,8EACrC,uCAAuC,iEACvC,kCAAkC,6CAClC,gCAAgC,+BAChC,0BAA0B,SAC1B,4BAA4B,YAC5B,8BAA8B,QAC9B,mBAAmB,QACnB,oBAAoB,KACpB,8BAA8B,sBAC9B,uBAAuB,gBACvB,sBAAsB,kBACtB,sBAAsB,UACtB,sBAAsB,oBACtB,mBAAmB,cAAA;AAGvBC,EAAUC,oBAAoBN,CAAAA;AC1BlB,MAACO,IAAO,EAChBN,MAAM,SACNC,MAAM,WACNC,KAAK,OAELC,SAAS,WACT,yBAAyB,gBACzB,2BAA2B,cAC3B,uBAAuB,QACvB,qCAAqC,sEACrC,uCAAuC,4DACvC,kCAAkC,0CAClC,gCAAgC,mCAChC,0BAA0B,QAC1B,4BAA4B,UAC5B,8BAA8B,YAC9B,mBAAmB,QACnB,oBAAoB,MACpB,8BAA8B,kBAC9B,uBAAuB,cACvB,sBAAsB,YACtB,sBAAsB,QACtB,sBAAsB,aACtB,mBAAmB,UAAA;AAGvBC,EAAUC,oBAAoBC;ACdf,MAAMC,UAAiBC,EAAAA;AAAAA,EAIlC,cAAAC;AACIC,UAAAA;AAMJC,qCAAY;AAAA,EALZ;AAAA,EAYA,WAAA,gBAAWC;AACP;EACJ;AAAA,EAKA,kBAAAC;AACIC,SAAKC,eAAe,QACpBD,KAAKE,SAAAA;AAAAA,EACT;AAAA,EAMA,OAAAC;AACI,QAAIC,KAAWC,SAASC,uBAAAA;AAExB,UAAMC,KAASF,SAASG,cAAc,KAAA;AACtCD,IAAAA,GAAOE,aAAa,QAAQ,QAAA,GAC5BF,GAAOG,UAAUC,IAAI,iBAAA;AAErB,UAAMC,KAAeP,SAASG,cAAc,KAAA;AAC5CI,IAAAA,GAAaH,aAAa,QAAQ,eAAA,GAClCG,GAAaF,UAAUC,IAAI;AAE3B,UAAME,KAAOR,SAASG,cAAc,MAAA;AAOpC,WALAD,GAAOO,YAAYF,KACnBL,GAAOO,YAAYD,EAAAA,GAEnBT,GAASU,YAAYP,EAAAA,GAEdH;AAAAA,EACX;AAAA,EAKA,WAAAF;AACSF,SAAKe,aAAa,MAAA,KACnBf,KAAKgB,aAAa,EAAEC,MAAM;EAElC;AAAA;ACxEJxB,EAASyB,OAAO,gBAAgBzB,CAAAA;ACajB,MAAM0B,UAAqBzB,EAAAA;AAAAA,EACtC,cAAAC;AACIC,UAAAA;AAOJC,qCAAY;AAAA,EANZ;AAAA,EAaA,WAAA,gBAAWC;AACP;EACJ;AAAA,EAKA,kBAAAC;AACIC,SAAKC,eAAe,QACpBD,KAAKS,aAAa,iBAAiB,EAAA;AAAA,EACvC;AAAA,EAMA,OAAAN;AACI,QAAIC,KAAWC,SAASC,uBAAAA,GAEpBC,KAASF,SAASG,cAAc,KAAA;AACpCD,IAAAA,GAAOE,aAAa,QAAQ,QAAA,GAC5BF,GAAOG,UAAUC,IAAI,sBAAA;AAErB,QAAIS,KAAmBf,SAASG,cAAc,KAAA;AAC9CY,IAAAA,GAAiBX,aAAa,QAAQ,mBAAA,GACtCW,GAAiBV,UAAUC,IAAI,mBAAA;AAE/B,QAAIU,KAAUhB,SAASG,cAAc,aAAA;AACrCa,IAAAA,GAAQZ,aAAa,QAAQT,KAAKsB,aAAa,SAAA,KAAc,KAC7DD,GAAQZ,aAAa,YAAY,KAAA,GACjCY,GAAQZ,aAAa,WAAWc,EAAWvB,KAAKwB,UAAU,kBAAA,CAAA;AAE1D,QAAIC,KAAepB,SAASG,cAAc,mBAAA;AAC1CiB,IAAAA,GAAahB,aAAa,QAAQT,KAAKwB,YAAY,EAAA,GACnDC,GAAahB,aAAa,UAAUT,KAAKsB,aAAa,QAAA,KAAa,EAAA,GAEnED,GAAQP,YAAYW,EAAAA;AAEpB,QAAIC,KAAQrB,SAASG,cAAc,IAAA;AACnCkB,IAAAA,GAAMhB,UAAUC,IAAI,OAAA,GACpBe,GAAMC,cAAc3B,KAAKsB,aAAa,OAAA,KAAY;AAGlD,QAAIT,KAAOR,SAASG,cAAc,MAAA,GAG9BoB,IAAavB,SAASG,cAAc,UAAA;AAoBxC,WAnBAoB,EAAWnB,aAAa,QAAQ,YAAA,GAChCmB,EAAWnB,aAAa,UAAU,EAAA,GAClCmB,EAAWnB,aAAa,QAAQ,cAAA,GAG5BT,KAAK6B,cAAc,uBACnBD,IAAavB,SAASG,cAAc,MAAA,GACpCoB,EAAWnB,aAAa,QAAQ,QAAA,IAGpCW,GAAiBN,YAAYO,EAAAA,GAC7BD,GAAiBN,YAAYY,EAAAA,GAC7BN,GAAiBN,YAAYD,EAAAA,GAE7BN,GAAOO,YAAYc,CAAAA,GACnBrB,GAAOO,YAAYM,EAAAA,GAEnBhB,GAASU,YAAYP,EAAAA,GAEdH;AAAAA,EACX;AAAA;AChGJe,EAAaD,OAAO,qBAAqBC;"}

package/dist/wje-menu-button.js

@@ -1,62 +1,34 @@
 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";
-import { event } from "./event.js";
-const styles = "/*\n[ WJ Menu Label ]\n*/\n\n:host {\n    display: inline-flex;\n}\n@media (min-width: 768px) {\n    :host {\n        display: none;\n    }\n}\n";
-class MenuButton extends WJElement {
-  /**
-   * Creates an instance of MenuButton.
-   * @class
-   */
+import t from "./wje-element.js";
+import { event as e } from "./event.js";
+class s extends t {
   constructor() {
     super();
     __publicField(this, "className", "MenuButton");
   }
-  /**
-   * Returns the CSS styles for the component.
-   * @static
-   * @returns {CSSStyleSheet}
-   */
   static get cssStyleSheet() {
-    return styles;
+    return ":host{display:inline-flex}@media(min-width:768px){:host{display:none}}";
   }
-  /**
-   * Returns the list of attributes to observe for changes.
-   * @static
-   * @returns {Array<string>}
-   */
   static get observedAttributes() {
     return [];
   }
-  /**
-   * Sets up the attributes for the component.
-   */
   setupAttributes() {
-    this.isShadowRoot = "open";
-    this.setAriaState({ role: "button" });
+    this.isShadowRoot = "open", this.setAriaState({ role: "button" });
   }
-  /**
-   * Draws the component for the menu button.
-   * @returns {DocumentFragment}
-   */
   draw() {
-    let fragment = document.createDocumentFragment();
-    let slot = document.createElement("slot");
-    fragment.appendChild(slot);
-    return fragment;
+    let t2 = document.createDocumentFragment(), e2 = document.createElement("slot");
+    return t2.appendChild(e2), t2;
   }
-  /**
-   * Refreshes the component after drawing. Adds a click event listener that toggles the "open" class on the content element.
-   */
   afterDraw() {
-    event.addListener(this, "click", null, (e) => {
+    e.addListener(this, "click", null, (t2) => {
       document.querySelector(`#${this.contentId}`).classList.toggle("open");
     });
   }
 }
-MenuButton.define("wje-menu-button", MenuButton);
+s.define("wje-menu-button", s);
 export {
-  MenuButton as default
+  s as default
 };
 //# sourceMappingURL=wje-menu-button.js.map

package/dist/wje-menu-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"wje-menu-button.js","sources":["../packages/wje-menu-button/menu-button.element.js","../packages/wje-menu-button/menu-button.js"],"sourcesContent":["import { default as WJElement, event } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * `MenuButton` is a custom web component that represents a menu button.\n * @summary This element represents a menu button.\n * @documentation https://elements.webjet.sk/components/menu-button\n * @status stable\n * @augments {WJElement}\n * @slot - The default slot for the menu button.\n * // @fires click - Event fired when the menu button is clicked.\n * @tag wje-menu-button\n */\n\nexport default class MenuButton extends WJElement {\n    /**\n     * Creates an instance of MenuButton.\n     * @class\n     */\n    constructor() {\n        super();\n    }\n\n    className = 'MenuButton';\n\n    /**\n     * Returns the CSS styles for the component.\n     * @static\n     * @returns {CSSStyleSheet}\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Returns the list of attributes to observe for changes.\n     * @static\n     * @returns {Array<string>}\n     */\n    static get observedAttributes() {\n        return [];\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n        this.setAriaState({ role: 'button' });\n    }\n\n    /**\n     * Draws the component for the menu button.\n     * @returns {DocumentFragment}\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let slot = document.createElement('slot');\n\n        fragment.appendChild(slot);\n\n        return fragment;\n    }\n\n    /**\n     * Refreshes the component after drawing. Adds a click event listener that toggles the \"open\" class on the content element.\n     */\n    afterDraw() {\n        event.addListener(this, 'click', null, (e) => {\n            document.querySelector(`#${this.contentId}`).classList.toggle('open');\n        });\n    }\n}\n","import MenuButton from './menu-button.element.js';\n\nexport default MenuButton;\n\nMenuButton.define('wje-menu-button', MenuButton);\n"],"names":[],"mappings":";;;;;;AAce,MAAM,mBAAmB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAK9C,cAAc;AACV,UAAK;AAGT,qCAAY;AAAA,EAFZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,WAAW,gBAAgB;AACvB,WAAO;AAAA,EACX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,WAAW,qBAAqB;AAC5B,WAAO,CAAA;AAAA,EACX;AAAA;AAAA;AAAA;AAAA,EAKA,kBAAkB;AACd,SAAK,eAAe;AACpB,SAAK,aAAa,EAAE,MAAM,SAAQ,CAAE;AAAA,EACxC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAO;AACH,QAAI,WAAW,SAAS,uBAAsB;AAE9C,QAAI,OAAO,SAAS,cAAc,MAAM;AAExC,aAAS,YAAY,IAAI;AAEzB,WAAO;AAAA,EACX;AAAA;AAAA;AAAA;AAAA,EAKA,YAAY;AACR,UAAM,YAAY,MAAM,SAAS,MAAM,CAAC,MAAM;AAC1C,eAAS,cAAc,IAAI,KAAK,SAAS,EAAE,EAAE,UAAU,OAAO,MAAM;AAAA,IACxE,CAAC;AAAA,EACL;AACJ;ACrEA,WAAW,OAAO,mBAAmB,UAAU;"}
+{"version":3,"file":"wje-menu-button.js","sources":["../packages/wje-menu-button/menu-button.element.js","../packages/wje-menu-button/menu-button.js"],"sourcesContent":["import { default as WJElement, event } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * `MenuButton` is a custom web component that represents a menu button.\n * @summary This element represents a menu button.\n * @documentation https://elements.webjet.sk/components/menu-button\n * @status stable\n * @augments {WJElement}\n * @slot - The default slot for the menu button.\n * // @fires click - Event fired when the menu button is clicked.\n * @tag wje-menu-button\n */\n\nexport default class MenuButton extends WJElement {\n    /**\n     * Creates an instance of MenuButton.\n     * @class\n     */\n    constructor() {\n        super();\n    }\n\n    className = 'MenuButton';\n\n    /**\n     * Returns the CSS styles for the component.\n     * @static\n     * @returns {CSSStyleSheet}\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Returns the list of attributes to observe for changes.\n     * @static\n     * @returns {Array<string>}\n     */\n    static get observedAttributes() {\n        return [];\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n        this.setAriaState({ role: 'button' });\n    }\n\n    /**\n     * Draws the component for the menu button.\n     * @returns {DocumentFragment}\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let slot = document.createElement('slot');\n\n        fragment.appendChild(slot);\n\n        return fragment;\n    }\n\n    /**\n     * Refreshes the component after drawing. Adds a click event listener that toggles the \"open\" class on the content element.\n     */\n    afterDraw() {\n        event.addListener(this, 'click', null, (e) => {\n            document.querySelector(`#${this.contentId}`).classList.toggle('open');\n        });\n    }\n}\n","import MenuButton from './menu-button.element.js';\n\nexport default MenuButton;\n\nMenuButton.define('wje-menu-button', MenuButton);\n"],"names":["MenuButton","WJElement","constructor","super","className","observedAttributes","setupAttributes","this","isShadowRoot","setAriaState","role","draw","fragment","document","createDocumentFragment","slot","createElement","appendChild","afterDraw","event","addListener","e","querySelector","contentId","classList","toggle","define"],"mappings":";;;;;AAce,MAAMA,UAAmBC,EAAAA;AAAAA,EAKpC,cAAAC;AACIC,UAAAA;AAGJC,qCAAY;AAAA,EAFZ;AAAA,EASA,WAAA;AACI;EACJ;AAAA,EAOA,WAAA,qBAAWC;AACP,WAAO,CAAA;AAAA,EACX;AAAA,EAKA,kBAAAC;AACIC,SAAKC,eAAe,QACpBD,KAAKE,aAAa,EAAEC,MAAM;EAC9B;AAAA,EAMA,OAAAC;AACI,QAAIC,KAAWC,SAASC,uBAAAA,GAEpBC,KAAOF,SAASG,cAAc,MAAA;AAIlC,WAFAJ,GAASK,YAAYF,EAAAA,GAEdH;AAAAA,EACX;AAAA,EAKA,YAAAM;AACIC,MAAMC,YAAYb,MAAM,SAAS,MAAOc,CAAAA,OAAAA;AACpCR,eAASS,cAAc,IAAIf,KAAKgB,SAAAA,EAAAA,EAAaC,UAAUC,OAAO,MAAA;AAAA,IAAA,CAAA;AAAA,EAEtE;AAAA;ACpEJzB,EAAW0B,OAAO,mBAAmB1B,CAAAA;"}