wj-elements 0.7.6 → 0.8.0

package/dist/wje-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"wje-button.js","sources":["../packages/wje-button/button.element.js","../packages/wje-button/button.js"],"sourcesContent":["import { bindRouterLinks } from 'slick-router/middlewares/router-links.js';\n\nimport { bool } from '../utils/utils.js';\nimport { default as WJElement, event, WjElementUtils } from '../wje-element/element.js';\nimport Icon from '../wje-icon/icon.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary This class represents Button element, extending the WJElement class.\n * @documentation https://elements.webjet.sk/components/button\n * @status stable\n * @augments WJElement\n * @attribute {string} label - Accessible name forwarded to the internal native button or link.\n * @dependency wje-icon\n * @slot - The button main content.\n * @slot icon - The button icon.\n * @slot icon-only - The icon used when the button has no visible text.\n * @slot caret - The button caret.\n * @slot start - The button start slot.\n * @slot end - The button end slot.\n * @slot toggle - The button toggle slot.\n * @csspart native - The component's native wrapper.\n * @cssproperty [--wje-button-background-color=transparent] - Background color of the component;\n * @cssproperty [--wje-button-border-color=--wje-color-contrast-4] - Border color of the component;\n * @cssproperty [--wje-button-color=--wje-color-contrast-11] - Color of the component;\n * @cssproperty [--wje-button-border-radius=--wje-border-radius-medium] - Border radius of the component;\n * @cssproperty [--wje-button-border-width=1px] - Border width of the component;\n * @cssproperty [--wje-button-border-style=solid] - Border style of the component;\n * @cssproperty [--wje-button-border-color=--wje-color-contrast-1] - Border color of the component;\n * @cssproperty [--wje-button-margin-inline=0] - Margin inline of the component;\n */\n\nexport default class Button extends WJElement {\n    /**\n     * Button constructor method.\n     * @class\n     */\n    constructor() {\n        super();\n    }\n\n    /**\n     * Dependencies of the Button element.\n     * @type {object}\n     */\n    dependencies = {\n        'wje-icon': Icon,\n    };\n\n    /**\n     * Properties of the element Button.\n     * @param value\n     */\n    set color(value) {\n        this.setAttribute('color', value || 'default');\n    }\n\n    /**\n     * Get color of the Button element.\n     * @returns {string|string}\n     */\n    get color() {\n        return this.getAttribute('color') || 'default';\n    }\n\n    /**\n     * Set variant of the Button element.\n     * @param value\n     */\n    set caret(value) {\n        this.setAttribute('caret', value);\n    }\n\n    /**\n     * Get variant of the Button element.\n     * @returns {boolean}\n     */\n    get caret() {\n        return this.hasAttribute('caret');\n    }\n\n    /**\n     * Sets the 'round' attribute on the element. If the value is true, the attribute is added;\n     * otherwise, it is removed from the element.\n     * @param {boolean} value A boolean indicating whether to set or remove the 'round' attribute.\n     */\n    set round(value) {\n        if (value) {\n            this.setAttribute('round', '');\n        } else {\n            this.removeAttribute('round');\n        }\n    }\n\n    /**\n     * Retrieves the value of the 'round' attribute as a boolean.\n     * Checks if the 'round' attribute is present on the element.\n     * @returns {boolean} True if the 'round' attribute exists, otherwise false.\n     */\n    get round() {\n        return this.hasAttribute('round');\n    }\n\n    /**\n     * Set variant of the Button element.\n     * @param value\n     */\n    set tooltip(value) {\n        this.setAttribute('tooltip', value);\n    }\n\n    /**\n     * Get variant of the Button element.\n     * @returns {boolean}\n     */\n    get tooltip() {\n        return this.hasAttribute('tooltip');\n    }\n\n    /**\n     * Set the accessible label of the Button element.\n     * @param {string|null} value The accessible label\n     */\n    set label(value) {\n        if (value === null || value === undefined) {\n            this.removeAttribute('label');\n        } else {\n            this.setAttribute('label', value);\n        }\n    }\n\n    /**\n     * Get the accessible label of the Button element.\n     * @returns {string|null} label - The accessible label\n     */\n    get label() {\n        return this.getAttribute('label');\n    }\n\n    /**\n     * Set variant of the Button element.\n     * @param value\n     */\n    set dialog(value) {\n        this.setAttribute('dialog', value);\n    }\n\n    /**\n     * Get variant of the Button element.\n     * @returns {string|object}\n     */\n    get dialog() {\n        return this.getAttribute('dialog');\n    }\n\n    /**\n     * Set active state of the Button element.\n     * @param {boolean} value The value to set\n     */\n    set active(value) {\n        this.setAttribute('active', '');\n    }\n\n    /**\n     * Get active state of the Button element.\n     * @returns {boolean} active - The active state\n     */\n    get active() {\n        return this.hasAttribute('active');\n    }\n\n    /**\n     * Set disabled state of the Button element.\n     * @param {boolean} value The value to set\n     */\n    set disabled(value) {\n        this.removeAttribute('disabled');\n\n        if (value) {\n            this.setAttribute('disabled', '');\n        }\n    }\n\n    /**\n     * Get disabled state of the Button element.\n     * @returns {boolean} disabled - The disabled state\n     */\n    get disabled() {\n        return this.hasAttribute('disabled');\n    }\n\n    /**\n     * Set fill of the Button element.\n     * @param {string} value The value to set\n     */\n    set fill(value) {\n        this.setAttribute('fill', value);\n    }\n\n    /**\n     * Get fill of the Button element.\n     * @returns {string} fill - The fill value\n     */\n    get fill() {\n        return this.getAttribute('fill') || 'solid';\n    }\n\n    /**\n     * Set outline state of the Button element.\n     * @param {boolean} value The value to set\n     */\n    set outline(value) {\n        this.setAttribute('outline', '');\n    }\n\n    /**\n     * Get outline state of the Button element.\n     * @returns {boolean} outline - The outline state\n     */\n    get outline() {\n        return this.hasAttribute('outline');\n    }\n\n    /**\n     * Set stop propagation state of the Button element.\n     * @param {boolean} value The value to set\n     */\n    set stopPropagation(value) {\n        this.setAttribute('stop-propagation', bool(value));\n    }\n\n    /**\n     * Get stop propagation state of the Button element.\n     * @returns {boolean} stopPropagation - The stop propagation state\n     */\n    get stopPropagation() {\n        return bool(this.getAttribute('stop-propagation'));\n    }\n\n    /**\n     * Sets the value of the custom event attribute.\n     * @param {string} value The value to be assigned to the custom event attribute.\n     */\n    set customEvent(value) {\n        this.setAttribute('custom-event', value);\n    }\n\n    /**\n     * Retrieves the value of the 'custom-event' attribute from the element.\n     * @returns {string | null} The value of the 'custom-event' attribute, or null if the attribute is not set.\n     */\n    get customEvent() {\n        return this.getAttribute('custom-event');\n    }\n\n    /**\n     * Retrieves a mapped object containing custom event parameters extracted from the element's attributes.\n     * Attributes considered are those that begin with 'custom-event-'.\n     * The mapped object's keys are derived by removing the 'custom-event-' prefix from the attribute names,\n     * and the values are the corresponding attribute values.\n     * @returns {object} An object containing key-value pairs of custom event parameters.\n     */\n    get customEventParameters() {\n        const attributes = Array.from(this.attributes).filter((attr) => attr.name.startsWith('custom-event-'));\n\n        return attributes.reduce((acc, attr) => {\n            const key = attr.name.replace('custom-event-', '');\n            acc[key] = attr.value;\n\n            return acc;\n        }, {});\n    }\n\n    /**\n     * Class name for the Button element\n     * @type {string}\n     */\n    className = 'Button';\n\n    /**\n     * Get CSS stylesheet for the Button element.\n     * @static\n     * @returns {CSSStyleSheet} styles - The CSS stylesheet for the Button element.\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Get observed attributes for the Button element.\n     * @static\n     * @returns {Array<string>} observedAttributes - The observed attributes array for the Button element.\n     */\n    static get observedAttributes() {\n        return ['disabled', 'color', 'value', 'active', 'href', 'toggle', 'label', 'aria-label'];\n    }\n\n    attributeChangedCallback(name, oldValue, newValue) {\n        super.attributeChangedCallback?.(name, oldValue, newValue);\n        if (['disabled', 'value', 'active', 'href', 'label', 'aria-label'].includes(name)) {\n            this.syncAria?.();\n        }\n    }\n\n    /**\n     * @summary A static property that indicates whether the custom element is form-associated or not.\n     * Form-associated custom elements are elements that can participate in form submission.\n     * @type {boolean}\n     */\n    static formAssociated = true;\n\n    /**\n     * @summary Callback function that is called when the custom element is associated with a form.\n     * This function sets the internal `_form` property to the associated form.\n     * @param {HTMLFormElement} form The form the custom element is associated with.\n     */\n    formAssociatedCallback(form) {\n        this._form = form;\n    }\n\n    /**\n     * @summary Callback function that is called when the form-associated state of the custom element changes.\n     * This function updates the 'disabled' attribute of the element based on the new state.\n     * @param {boolean} disabled The new form-associated state.\n     */\n    formDisabledCallback(disabled) {\n        if (disabled) {\n            this.setAttribute('disabled', '');\n        } else {\n            this.removeAttribute('disabled');\n        }\n    }\n\n    /**\n     * Setup attributes for the Button element.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n        this.syncAria();\n    }\n\n    /**\n     * Draw method for the Button element.\n     * @returns {object} fragment - The document fragment containing the drawn element.\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let native = document.createElement(this.hasAttribute('href') ? 'a' : 'button');\n        this.native = native;\n\n        if (this.hasAttribute('href')) {\n            if (!this.disabled) {\n                native.setAttribute('href', this.getAttribute('href'));\n            }\n        } else {\n            if (this.type === 'submit') {\n                native.setAttribute('type', 'submit');\n            }\n\n            native.disabled = this.disabled;\n        }\n\n        native.classList.add('native-button');\n        native.setAttribute('part', 'native');\n\n        this.classList.remove('wje-button-disabled');\n\n        if (this.disabled) native.classList.add('wje-button-disabled');\n\n        if (this.variant) native.classList.add('wje-button-' + this.variant);\n\n        if (this.hasAttribute('round')) native.classList.add('wje-button-round');\n\n        if (this.hasAttribute('circle')) native.classList.add('wje-button-circle');\n\n        if (this.outline) native.classList.add('wje-outline');\n\n        if (this.fill) native.classList.add('wje-button-' + this.fill);\n\n        if (this.size) native.classList.add('wje-button-' + this.size);\n\n        if (\n            (this.querySelectorAll('[slot=caret]').length < 1 && this.hasAttribute('caret')) ||\n            this.hasAttribute('only-caret')\n        ) {\n            let i = document.createElement('wje-icon');\n            i.style.setProperty('--wje-icon-size', '14px');\n            i.setAttribute('slot', 'caret');\n            i.setAttribute('name', 'chevron-down');\n            i.setAttribute('part', 'caret');\n\n            this.appendChild(i);\n        }\n\n        if (this.active) {\n            this.classList.add('wje-active');\n            let i = document.createElement('wje-icon');\n            i.setAttribute('name', 'check');\n\n            this.appendChild(i);\n        }\n\n        native.classList.add('wje-color-' + this.color, 'wje-color');\n\n        let span = document.createElement('span');\n        span.setAttribute('part', 'inner');\n        span.classList.add('button-inner');\n\n        let slot = document.createElement('slot');\n        slot.setAttribute('name', 'icon-only');\n        span.appendChild(slot);\n\n        slot = document.createElement('slot');\n        slot.setAttribute('name', 'start');\n        span.appendChild(slot);\n\n        slot = document.createElement('slot');\n        span.appendChild(slot);\n\n        slot = document.createElement('slot');\n        slot.setAttribute('name', 'end');\n        span.appendChild(slot);\n\n        slot = document.createElement('slot');\n        slot.setAttribute('name', 'caret');\n        span.appendChild(slot);\n\n        this.hasToggle = WjElementUtils.hasSlot(this, 'toggle');\n\n        if (this.hasToggle) {\n            this.slotToggle = document.createElement('slot');\n            this.slotToggle.setAttribute('name', 'toggle');\n\n            span.appendChild(this.slotToggle);\n        }\n\n        native.appendChild(span);\n\n        if (this.tooltip) {\n            let tooltip = document.createElement('wje-tooltip');\n            tooltip.setAttribute('content', this.getAttribute('tooltip'));\n            tooltip.setAttribute('placement', this.getAttribute('tooltip-placement') || 'top');\n            tooltip.appendChild(native);\n\n            fragment.appendChild(tooltip);\n        } else {\n            fragment.appendChild(native);\n        }\n\n        return fragment;\n    }\n\n    /**\n     * After draw method for the Button element.\n     */\n    afterDraw() {\n        if (this.hasAttribute('route')) {\n            this.unbindRouterLinks = bindRouterLinks(this.parentElement, { selector: false });\n        }\n\n        // nastavenie toggle podla atributu, ak nie je nastaveny, tak sa zobrazi vzdy prvy element\n        if (this.hasToggle) this.syncToggleState();\n\n        if (this.hasAttribute('custom-event')) {\n            event.addListener(this, 'click', null, this.#populateCustomEvent);\n        }\n\n        if (this.hasAttribute('dialog')) {\n            event.addListener(this, 'click', null, this.eventDialogOpen);\n        } else {\n            event.addListener(this, 'click', 'wje-button:click', null); // { stopPropagation: this.stopPropagation } - zrusene kvoli dropdown kde som nevedel odchytit event click\n        }\n\n        if (this.hasToggle)\n            event.addListener(this, 'click', 'wje-button:toggle', this.toggleStates, {\n                stopPropagation: this.stopPropagation,\n            });\n\n        if (this.type === 'submit') {\n            event.addListener(this, 'click', 'wje-button:submit', () => {\n                event.dispatchCustomEvent(this.internals?.form, 'submit', {});\n            });\n        }\n\n        if (this.type === 'reset') {\n            event.addListener(this, 'click', 'wje-button:reset', () => {\n                this.internals?.form.reset();\n            });\n        }\n\n        this.syncAria();\n    }\n\n    /**\n     * Before disconnect method for the Button element.\n     */\n    beforeDisconnect() {\n        // remove all events from the button\n        event.removeListener(this, 'click', null, this.eventDialogOpen);\n        event.removeListener(this, 'click', 'wje-button:click', null);\n        event.removeListener(this, 'click', 'wje-button:toggle', this.toggleStates);\n        event.removeListener(this, 'click', null, this.#populateCustomEvent);\n        event.removeListener(this, 'click', 'wje-button:submit', null);\n        event.removeListener(this, 'click', 'wje-button:reset', null);\n\n        this.removeEventListener('click', this.eventDialogOpen);\n        this.unbindRouterLinks?.();\n    }\n\n    /**\n     * Event dialog open method for the Button element.\n     * @param {Event} e The event object\n     */\n    eventDialogOpen = (e) => {\n        event.dispatchCustomEvent(this, this.dialog);\n    };\n\n    /**\n     * Toggle states method for the Button element.\n     */\n    toggleStates = () => {\n        this.setAttribute('value', this.getAttribute('value') === 'on' ? 'off' : 'on');\n        this.syncToggleState();\n        this.syncAria();\n    }\n\n    /**\n     * Keeps toggle slot visibility aligned with the current value.\n     */\n    syncToggleState() {\n        const nodes = this.slotToggle?.assignedElements?.({ flatten: true }) || [];\n        const state = this.getAttribute('value') || this.getAttribute('toggle') || 'on';\n        const selectedIndex = state === 'off' ? 1 : 0;\n        const selected = nodes[selectedIndex] || nodes[0];\n\n        nodes.forEach((node) => node.classList.remove('show'));\n        selected?.classList.add('show');\n\n        if (state !== this.getAttribute('value')) {\n            this.setAttribute('value', state);\n        }\n    }\n\n    /**\n     * Syncs accessibility attributes on the internal native control.\n     */\n    syncAria() {\n        const native = this.native || this.context?.querySelector('.native-button');\n        if (!native) return;\n\n        const isLink = this.hasAttribute('href');\n        const isToggle = !!this.hasToggle;\n        const pressed = isToggle && !isLink ? this.getAttribute('value') === 'on' : undefined;\n        const label = this.label || this.getAttribute('aria-label');\n\n        if (label) {\n            native.setAttribute('aria-label', label);\n        } else {\n            native.removeAttribute('aria-label');\n        }\n\n        if (isLink) {\n            if (this.disabled) {\n                native.removeAttribute('href');\n                native.setAttribute('aria-disabled', 'true');\n                native.setAttribute('tabindex', '-1');\n            } else {\n                native.setAttribute('href', this.getAttribute('href'));\n                native.removeAttribute('aria-disabled');\n                native.removeAttribute('tabindex');\n            }\n        } else {\n            native.disabled = this.disabled;\n            native.removeAttribute('aria-disabled');\n        }\n\n        if (pressed === undefined) {\n            native.removeAttribute('aria-pressed');\n        } else {\n            native.setAttribute('aria-pressed', pressed ? 'true' : 'false');\n        }\n    }\n\n    /**\n     * Dispatches a custom event with specified parameters.\n     * This method uses the `customEvent` and `customEventParameters` properties\n     * to create and dispatch a `CustomEvent`. The event is configured to be\n     * composed and bubbles up through the DOM.\n     * @returns {void} This method does not return a value.\n     */\n    #populateCustomEvent() {\n        this.dispatchEvent(\n          new CustomEvent(this.customEvent, { detail: this.customEventParameters, composed: true, bubbles: true })\n        );\n    }\n}\n","import Button from './button.element.js';\n\nexport default Button;\n\nButton.define('wje-button', Button);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAgCe,MAAM,eAAe,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAK1C,cAAc;AACV,UAAK;AANE;AAaX;AAAA;AAAA;AAAA;AAAA,wCAAe;AAAA,MACX,YAAY;AAAA,IACpB;AAsOI;AAAA;AAAA;AAAA;AAAA,qCAAY;AA6OZ;AAAA;AAAA;AAAA;AAAA,2CAAkB,CAAC,MAAM;AACrB,YAAM,oBAAoB,MAAM,KAAK,MAAM;AAAA,IAC/C;AAKA;AAAA;AAAA;AAAA,wCAAe,MAAM;AACjB,WAAK,aAAa,SAAS,KAAK,aAAa,OAAO,MAAM,OAAO,QAAQ,IAAI;AAC7E,WAAK,gBAAe;AACpB,WAAK,SAAQ;AAAA,IACjB;AAAA,EAteA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcA,IAAI,MAAM,OAAO;AACb,SAAK,aAAa,SAAS,SAAS,SAAS;AAAA,EACjD;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,QAAQ;AACR,WAAO,KAAK,aAAa,OAAO,KAAK;AAAA,EACzC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,MAAM,OAAO;AACb,SAAK,aAAa,SAAS,KAAK;AAAA,EACpC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,QAAQ;AACR,WAAO,KAAK,aAAa,OAAO;AAAA,EACpC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,IAAI,MAAM,OAAO;AACb,QAAI,OAAO;AACP,WAAK,aAAa,SAAS,EAAE;AAAA,IACjC,OAAO;AACH,WAAK,gBAAgB,OAAO;AAAA,IAChC;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,IAAI,QAAQ;AACR,WAAO,KAAK,aAAa,OAAO;AAAA,EACpC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,QAAQ,OAAO;AACf,SAAK,aAAa,WAAW,KAAK;AAAA,EACtC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,UAAU;AACV,WAAO,KAAK,aAAa,SAAS;AAAA,EACtC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,MAAM,OAAO;AACb,QAAI,UAAU,QAAQ,UAAU,QAAW;AACvC,WAAK,gBAAgB,OAAO;AAAA,IAChC,OAAO;AACH,WAAK,aAAa,SAAS,KAAK;AAAA,IACpC;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,QAAQ;AACR,WAAO,KAAK,aAAa,OAAO;AAAA,EACpC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,OAAO,OAAO;AACd,SAAK,aAAa,UAAU,KAAK;AAAA,EACrC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,SAAS;AACT,WAAO,KAAK,aAAa,QAAQ;AAAA,EACrC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,OAAO,OAAO;AACd,SAAK,aAAa,UAAU,EAAE;AAAA,EAClC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,SAAS;AACT,WAAO,KAAK,aAAa,QAAQ;AAAA,EACrC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,SAAS,OAAO;AAChB,SAAK,gBAAgB,UAAU;AAE/B,QAAI,OAAO;AACP,WAAK,aAAa,YAAY,EAAE;AAAA,IACpC;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,WAAW;AACX,WAAO,KAAK,aAAa,UAAU;AAAA,EACvC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,KAAK,OAAO;AACZ,SAAK,aAAa,QAAQ,KAAK;AAAA,EACnC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,OAAO;AACP,WAAO,KAAK,aAAa,MAAM,KAAK;AAAA,EACxC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,QAAQ,OAAO;AACf,SAAK,aAAa,WAAW,EAAE;AAAA,EACnC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,UAAU;AACV,WAAO,KAAK,aAAa,SAAS;AAAA,EACtC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,gBAAgB,OAAO;AACvB,SAAK,aAAa,oBAAoB,KAAK,KAAK,CAAC;AAAA,EACrD;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,kBAAkB;AAClB,WAAO,KAAK,KAAK,aAAa,kBAAkB,CAAC;AAAA,EACrD;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,YAAY,OAAO;AACnB,SAAK,aAAa,gBAAgB,KAAK;AAAA,EAC3C;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,cAAc;AACd,WAAO,KAAK,aAAa,cAAc;AAAA,EAC3C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,IAAI,wBAAwB;AACxB,UAAM,aAAa,MAAM,KAAK,KAAK,UAAU,EAAE,OAAO,CAAC,SAAS,KAAK,KAAK,WAAW,eAAe,CAAC;AAErG,WAAO,WAAW,OAAO,CAAC,KAAK,SAAS;AACpC,YAAM,MAAM,KAAK,KAAK,QAAQ,iBAAiB,EAAE;AACjD,UAAI,GAAG,IAAI,KAAK;AAEhB,aAAO;AAAA,IACX,GAAG,CAAA,CAAE;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaA,WAAW,gBAAgB;AACvB,WAAO;AAAA,EACX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,WAAW,qBAAqB;AAC5B,WAAO,CAAC,YAAY,SAAS,SAAS,UAAU,QAAQ,UAAU,SAAS,YAAY;AAAA,EAC3F;AAAA,EAEA,yBAAyB,MAAM,UAAU,UAAU;;AAC/C,gBAAM,6BAAN,8BAAiC,MAAM,UAAU;AACjD,QAAI,CAAC,YAAY,SAAS,UAAU,QAAQ,SAAS,YAAY,EAAE,SAAS,IAAI,GAAG;AAC/E,iBAAK,aAAL;AAAA,IACJ;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcA,uBAAuB,MAAM;AACzB,SAAK,QAAQ;AAAA,EACjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,qBAAqB,UAAU;AAC3B,QAAI,UAAU;AACV,WAAK,aAAa,YAAY,EAAE;AAAA,IACpC,OAAO;AACH,WAAK,gBAAgB,UAAU;AAAA,IACnC;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA,EAKA,kBAAkB;AACd,SAAK,eAAe;AACpB,SAAK,SAAQ;AAAA,EACjB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAO;AACH,QAAI,WAAW,SAAS,uBAAsB;AAE9C,QAAI,SAAS,SAAS,cAAc,KAAK,aAAa,MAAM,IAAI,MAAM,QAAQ;AAC9E,SAAK,SAAS;AAEd,QAAI,KAAK,aAAa,MAAM,GAAG;AAC3B,UAAI,CAAC,KAAK,UAAU;AAChB,eAAO,aAAa,QAAQ,KAAK,aAAa,MAAM,CAAC;AAAA,MACzD;AAAA,IACJ,OAAO;AACH,UAAI,KAAK,SAAS,UAAU;AACxB,eAAO,aAAa,QAAQ,QAAQ;AAAA,MACxC;AAEA,aAAO,WAAW,KAAK;AAAA,IAC3B;AAEA,WAAO,UAAU,IAAI,eAAe;AACpC,WAAO,aAAa,QAAQ,QAAQ;AAEpC,SAAK,UAAU,OAAO,qBAAqB;AAE3C,QAAI,KAAK,SAAU,QAAO,UAAU,IAAI,qBAAqB;AAE7D,QAAI,KAAK,QAAS,QAAO,UAAU,IAAI,gBAAgB,KAAK,OAAO;AAEnE,QAAI,KAAK,aAAa,OAAO,EAAG,QAAO,UAAU,IAAI,kBAAkB;AAEvE,QAAI,KAAK,aAAa,QAAQ,EAAG,QAAO,UAAU,IAAI,mBAAmB;AAEzE,QAAI,KAAK,QAAS,QAAO,UAAU,IAAI,aAAa;AAEpD,QAAI,KAAK,KAAM,QAAO,UAAU,IAAI,gBAAgB,KAAK,IAAI;AAE7D,QAAI,KAAK,KAAM,QAAO,UAAU,IAAI,gBAAgB,KAAK,IAAI;AAE7D,QACK,KAAK,iBAAiB,cAAc,EAAE,SAAS,KAAK,KAAK,aAAa,OAAO,KAC9E,KAAK,aAAa,YAAY,GAChC;AACE,UAAI,IAAI,SAAS,cAAc,UAAU;AACzC,QAAE,MAAM,YAAY,mBAAmB,MAAM;AAC7C,QAAE,aAAa,QAAQ,OAAO;AAC9B,QAAE,aAAa,QAAQ,cAAc;AACrC,QAAE,aAAa,QAAQ,OAAO;AAE9B,WAAK,YAAY,CAAC;AAAA,IACtB;AAEA,QAAI,KAAK,QAAQ;AACb,WAAK,UAAU,IAAI,YAAY;AAC/B,UAAI,IAAI,SAAS,cAAc,UAAU;AACzC,QAAE,aAAa,QAAQ,OAAO;AAE9B,WAAK,YAAY,CAAC;AAAA,IACtB;AAEA,WAAO,UAAU,IAAI,eAAe,KAAK,OAAO,WAAW;AAE3D,QAAI,OAAO,SAAS,cAAc,MAAM;AACxC,SAAK,aAAa,QAAQ,OAAO;AACjC,SAAK,UAAU,IAAI,cAAc;AAEjC,QAAI,OAAO,SAAS,cAAc,MAAM;AACxC,SAAK,aAAa,QAAQ,WAAW;AACrC,SAAK,YAAY,IAAI;AAErB,WAAO,SAAS,cAAc,MAAM;AACpC,SAAK,aAAa,QAAQ,OAAO;AACjC,SAAK,YAAY,IAAI;AAErB,WAAO,SAAS,cAAc,MAAM;AACpC,SAAK,YAAY,IAAI;AAErB,WAAO,SAAS,cAAc,MAAM;AACpC,SAAK,aAAa,QAAQ,KAAK;AAC/B,SAAK,YAAY,IAAI;AAErB,WAAO,SAAS,cAAc,MAAM;AACpC,SAAK,aAAa,QAAQ,OAAO;AACjC,SAAK,YAAY,IAAI;AAErB,SAAK,YAAY,eAAe,QAAQ,MAAM,QAAQ;AAEtD,QAAI,KAAK,WAAW;AAChB,WAAK,aAAa,SAAS,cAAc,MAAM;AAC/C,WAAK,WAAW,aAAa,QAAQ,QAAQ;AAE7C,WAAK,YAAY,KAAK,UAAU;AAAA,IACpC;AAEA,WAAO,YAAY,IAAI;AAEvB,QAAI,KAAK,SAAS;AACd,UAAI,UAAU,SAAS,cAAc,aAAa;AAClD,cAAQ,aAAa,WAAW,KAAK,aAAa,SAAS,CAAC;AAC5D,cAAQ,aAAa,aAAa,KAAK,aAAa,mBAAmB,KAAK,KAAK;AACjF,cAAQ,YAAY,MAAM;AAE1B,eAAS,YAAY,OAAO;AAAA,IAChC,OAAO;AACH,eAAS,YAAY,MAAM;AAAA,IAC/B;AAEA,WAAO;AAAA,EACX;AAAA;AAAA;AAAA;AAAA,EAKA,YAAY;AACR,QAAI,KAAK,aAAa,OAAO,GAAG;AAC5B,WAAK,oBAAoB,gBAAgB,KAAK,eAAe,EAAE,UAAU,OAAO;AAAA,IACpF;AAGA,QAAI,KAAK,UAAW,MAAK,gBAAe;AAExC,QAAI,KAAK,aAAa,cAAc,GAAG;AACnC,YAAM,YAAY,MAAM,SAAS,MAAM,sBAAK,0CAAoB;AAAA,IACpE;AAEA,QAAI,KAAK,aAAa,QAAQ,GAAG;AAC7B,YAAM,YAAY,MAAM,SAAS,MAAM,KAAK,eAAe;AAAA,IAC/D,OAAO;AACH,YAAM,YAAY,MAAM,SAAS,oBAAoB,IAAI;AAAA,IAC7D;AAEA,QAAI,KAAK;AACL,YAAM,YAAY,MAAM,SAAS,qBAAqB,KAAK,cAAc;AAAA,QACrE,iBAAiB,KAAK;AAAA,MACtC,CAAa;AAEL,QAAI,KAAK,SAAS,UAAU;AACxB,YAAM,YAAY,MAAM,SAAS,qBAAqB,MAAM;;AACxD,cAAM,qBAAoB,UAAK,cAAL,mBAAgB,MAAM,UAAU,EAAE;AAAA,MAChE,CAAC;AAAA,IACL;AAEA,QAAI,KAAK,SAAS,SAAS;AACvB,YAAM,YAAY,MAAM,SAAS,oBAAoB,MAAM;;AACvD,mBAAK,cAAL,mBAAgB,KAAK;AAAA,MACzB,CAAC;AAAA,IACL;AAEA,SAAK,SAAQ;AAAA,EACjB;AAAA;AAAA;AAAA;AAAA,EAKA,mBAAmB;;AAEf,UAAM,eAAe,MAAM,SAAS,MAAM,KAAK,eAAe;AAC9D,UAAM,eAAe,MAAM,SAAS,oBAAoB,IAAI;AAC5D,UAAM,eAAe,MAAM,SAAS,qBAAqB,KAAK,YAAY;AAC1E,UAAM,eAAe,MAAM,SAAS,MAAM,sBAAK,0CAAoB;AACnE,UAAM,eAAe,MAAM,SAAS,qBAAqB,IAAI;AAC7D,UAAM,eAAe,MAAM,SAAS,oBAAoB,IAAI;AAE5D,SAAK,oBAAoB,SAAS,KAAK,eAAe;AACtD,eAAK,sBAAL;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA,EAsBA,kBAAkB;;AACd,UAAM,UAAQ,gBAAK,eAAL,mBAAiB,qBAAjB,4BAAoC,EAAE,SAAS,KAAI,OAAO,CAAA;AACxE,UAAM,QAAQ,KAAK,aAAa,OAAO,KAAK,KAAK,aAAa,QAAQ,KAAK;AAC3E,UAAM,gBAAgB,UAAU,QAAQ,IAAI;AAC5C,UAAM,WAAW,MAAM,aAAa,KAAK,MAAM,CAAC;AAEhD,UAAM,QAAQ,CAAC,SAAS,KAAK,UAAU,OAAO,MAAM,CAAC;AACrD,yCAAU,UAAU,IAAI;AAExB,QAAI,UAAU,KAAK,aAAa,OAAO,GAAG;AACtC,WAAK,aAAa,SAAS,KAAK;AAAA,IACpC;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA,EAKA,WAAW;;AACP,UAAM,SAAS,KAAK,YAAU,UAAK,YAAL,mBAAc,cAAc;AAC1D,QAAI,CAAC,OAAQ;AAEb,UAAM,SAAS,KAAK,aAAa,MAAM;AACvC,UAAM,WAAW,CAAC,CAAC,KAAK;AACxB,UAAM,UAAU,YAAY,CAAC,SAAS,KAAK,aAAa,OAAO,MAAM,OAAO;AAC5E,UAAM,QAAQ,KAAK,SAAS,KAAK,aAAa,YAAY;AAE1D,QAAI,OAAO;AACP,aAAO,aAAa,cAAc,KAAK;AAAA,IAC3C,OAAO;AACH,aAAO,gBAAgB,YAAY;AAAA,IACvC;AAEA,QAAI,QAAQ;AACR,UAAI,KAAK,UAAU;AACf,eAAO,gBAAgB,MAAM;AAC7B,eAAO,aAAa,iBAAiB,MAAM;AAC3C,eAAO,aAAa,YAAY,IAAI;AAAA,MACxC,OAAO;AACH,eAAO,aAAa,QAAQ,KAAK,aAAa,MAAM,CAAC;AACrD,eAAO,gBAAgB,eAAe;AACtC,eAAO,gBAAgB,UAAU;AAAA,MACrC;AAAA,IACJ,OAAO;AACH,aAAO,WAAW,KAAK;AACvB,aAAO,gBAAgB,eAAe;AAAA,IAC1C;AAEA,QAAI,YAAY,QAAW;AACvB,aAAO,gBAAgB,cAAc;AAAA,IACzC,OAAO;AACH,aAAO,aAAa,gBAAgB,UAAU,SAAS,OAAO;AAAA,IAClE;AAAA,EACJ;AAcJ;AApjBe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+iBX,yBAAoB,WAAG;AACnB,OAAK;AAAA,IACH,IAAI,YAAY,KAAK,aAAa,EAAE,QAAQ,KAAK,uBAAuB,UAAU,MAAM,SAAS,KAAI,CAAE;AAAA,EACjH;AACI;AAAA;AAAA;AAAA;AAAA;AAAA;AA9RA,cArRiB,QAqRV,kBAAiB;ACjT5B,OAAO,OAAO,cAAc,MAAM;"}
+{"version":3,"file":"wje-button.js","sources":["../packages/wje-button/button.element.js","../packages/wje-button/button.js"],"sourcesContent":["import { bindRouterLinks } from 'slick-router/middlewares/router-links.js';\n\nimport { bool } from '../utils/utils.js';\nimport { default as WJElement, event, WjElementUtils } from '../wje-element/element.js';\nimport Icon from '../wje-icon/icon.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary This class represents Button element, extending the WJElement class.\n * @documentation https://elements.webjet.sk/components/button\n * @status stable\n * @augments WJElement\n * @attribute {string} label - Accessible name forwarded to the internal native button or link.\n * @dependency wje-icon\n * @slot - The button main content.\n * @slot icon - The button icon.\n * @slot icon-only - The icon used when the button has no visible text.\n * @slot caret - The button caret.\n * @slot start - The button start slot.\n * @slot end - The button end slot.\n * @slot toggle - The button toggle slot.\n * @csspart native - The component's native wrapper.\n * @cssproperty [--wje-button-background-color=transparent] - Background color of the component;\n * @cssproperty [--wje-button-border-color=--wje-color-contrast-4] - Border color of the component;\n * @cssproperty [--wje-button-color=--wje-color-contrast-11] - Color of the component;\n * @cssproperty [--wje-button-border-radius=--wje-border-radius-medium] - Border radius of the component;\n * @cssproperty [--wje-button-border-width=1px] - Border width of the component;\n * @cssproperty [--wje-button-border-style=solid] - Border style of the component;\n * @cssproperty [--wje-button-border-color=--wje-color-contrast-1] - Border color of the component;\n * @cssproperty [--wje-button-margin-inline=0] - Margin inline of the component;\n */\n\nexport default class Button extends WJElement {\n    /**\n     * Button constructor method.\n     * @class\n     */\n    constructor() {\n        super();\n    }\n\n    /**\n     * Dependencies of the Button element.\n     * @type {object}\n     */\n    dependencies = {\n        'wje-icon': Icon,\n    };\n\n    /**\n     * Properties of the element Button.\n     * @param value\n     */\n    set color(value) {\n        this.setAttribute('color', value || 'default');\n    }\n\n    /**\n     * Get color of the Button element.\n     * @returns {string|string}\n     */\n    get color() {\n        return this.getAttribute('color') || 'default';\n    }\n\n    /**\n     * Set variant of the Button element.\n     * @param value\n     */\n    set caret(value) {\n        this.setAttribute('caret', value);\n    }\n\n    /**\n     * Get variant of the Button element.\n     * @returns {boolean}\n     */\n    get caret() {\n        return this.hasAttribute('caret');\n    }\n\n    /**\n     * Sets the 'round' attribute on the element. If the value is true, the attribute is added;\n     * otherwise, it is removed from the element.\n     * @param {boolean} value A boolean indicating whether to set or remove the 'round' attribute.\n     */\n    set round(value) {\n        if (value) {\n            this.setAttribute('round', '');\n        } else {\n            this.removeAttribute('round');\n        }\n    }\n\n    /**\n     * Retrieves the value of the 'round' attribute as a boolean.\n     * Checks if the 'round' attribute is present on the element.\n     * @returns {boolean} True if the 'round' attribute exists, otherwise false.\n     */\n    get round() {\n        return this.hasAttribute('round');\n    }\n\n    /**\n     * Set variant of the Button element.\n     * @param value\n     */\n    set tooltip(value) {\n        this.setAttribute('tooltip', value);\n    }\n\n    /**\n     * Get variant of the Button element.\n     * @returns {boolean}\n     */\n    get tooltip() {\n        return this.hasAttribute('tooltip');\n    }\n\n    /**\n     * Set the accessible label of the Button element.\n     * @param {string|null} value The accessible label\n     */\n    set label(value) {\n        if (value === null || value === undefined) {\n            this.removeAttribute('label');\n        } else {\n            this.setAttribute('label', value);\n        }\n    }\n\n    /**\n     * Get the accessible label of the Button element.\n     * @returns {string|null} label - The accessible label\n     */\n    get label() {\n        return this.getAttribute('label');\n    }\n\n    /**\n     * Set variant of the Button element.\n     * @param value\n     */\n    set dialog(value) {\n        this.setAttribute('dialog', value);\n    }\n\n    /**\n     * Get variant of the Button element.\n     * @returns {string|object}\n     */\n    get dialog() {\n        return this.getAttribute('dialog');\n    }\n\n    /**\n     * Set active state of the Button element.\n     * @param {boolean} value The value to set\n     */\n    set active(value) {\n        this.setAttribute('active', '');\n    }\n\n    /**\n     * Get active state of the Button element.\n     * @returns {boolean} active - The active state\n     */\n    get active() {\n        return this.hasAttribute('active');\n    }\n\n    /**\n     * Set disabled state of the Button element.\n     * @param {boolean} value The value to set\n     */\n    set disabled(value) {\n        this.removeAttribute('disabled');\n\n        if (value) {\n            this.setAttribute('disabled', '');\n        }\n    }\n\n    /**\n     * Get disabled state of the Button element.\n     * @returns {boolean} disabled - The disabled state\n     */\n    get disabled() {\n        return this.hasAttribute('disabled');\n    }\n\n    /**\n     * Set fill of the Button element.\n     * @param {string} value The value to set\n     */\n    set fill(value) {\n        this.setAttribute('fill', value);\n    }\n\n    /**\n     * Get fill of the Button element.\n     * @returns {string} fill - The fill value\n     */\n    get fill() {\n        return this.getAttribute('fill') || 'solid';\n    }\n\n    /**\n     * Set outline state of the Button element.\n     * @param {boolean} value The value to set\n     */\n    set outline(value) {\n        this.setAttribute('outline', '');\n    }\n\n    /**\n     * Get outline state of the Button element.\n     * @returns {boolean} outline - The outline state\n     */\n    get outline() {\n        return this.hasAttribute('outline');\n    }\n\n    /**\n     * Set stop propagation state of the Button element.\n     * @param {boolean} value The value to set\n     */\n    set stopPropagation(value) {\n        this.setAttribute('stop-propagation', bool(value));\n    }\n\n    /**\n     * Get stop propagation state of the Button element.\n     * @returns {boolean} stopPropagation - The stop propagation state\n     */\n    get stopPropagation() {\n        return bool(this.getAttribute('stop-propagation'));\n    }\n\n    /**\n     * Sets the value of the custom event attribute.\n     * @param {string} value The value to be assigned to the custom event attribute.\n     */\n    set customEvent(value) {\n        this.setAttribute('custom-event', value);\n    }\n\n    /**\n     * Retrieves the value of the 'custom-event' attribute from the element.\n     * @returns {string | null} The value of the 'custom-event' attribute, or null if the attribute is not set.\n     */\n    get customEvent() {\n        return this.getAttribute('custom-event');\n    }\n\n    /**\n     * Retrieves a mapped object containing custom event parameters extracted from the element's attributes.\n     * Attributes considered are those that begin with 'custom-event-'.\n     * The mapped object's keys are derived by removing the 'custom-event-' prefix from the attribute names,\n     * and the values are the corresponding attribute values.\n     * @returns {object} An object containing key-value pairs of custom event parameters.\n     */\n    get customEventParameters() {\n        const attributes = Array.from(this.attributes).filter((attr) => attr.name.startsWith('custom-event-'));\n\n        return attributes.reduce((acc, attr) => {\n            const key = attr.name.replace('custom-event-', '');\n            acc[key] = attr.value;\n\n            return acc;\n        }, {});\n    }\n\n    /**\n     * Class name for the Button element\n     * @type {string}\n     */\n    className = 'Button';\n\n    /**\n     * Get CSS stylesheet for the Button element.\n     * @static\n     * @returns {CSSStyleSheet} styles - The CSS stylesheet for the Button element.\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Get observed attributes for the Button element.\n     * @static\n     * @returns {Array<string>} observedAttributes - The observed attributes array for the Button element.\n     */\n    static get observedAttributes() {\n        return ['disabled', 'color', 'value', 'active', 'href', 'toggle', 'label', 'aria-label'];\n    }\n\n    attributeChangedCallback(name, oldValue, newValue) {\n        super.attributeChangedCallback?.(name, oldValue, newValue);\n        if (['disabled', 'value', 'active', 'href', 'label', 'aria-label'].includes(name)) {\n            this.syncAria?.();\n        }\n    }\n\n    /**\n     * @summary A static property that indicates whether the custom element is form-associated or not.\n     * Form-associated custom elements are elements that can participate in form submission.\n     * @type {boolean}\n     */\n    static formAssociated = true;\n\n    /**\n     * @summary Callback function that is called when the custom element is associated with a form.\n     * This function sets the internal `_form` property to the associated form.\n     * @param {HTMLFormElement} form The form the custom element is associated with.\n     */\n    formAssociatedCallback(form) {\n        this._form = form;\n    }\n\n    /**\n     * @summary Callback function that is called when the form-associated state of the custom element changes.\n     * This function updates the 'disabled' attribute of the element based on the new state.\n     * @param {boolean} disabled The new form-associated state.\n     */\n    formDisabledCallback(disabled) {\n        if (disabled) {\n            this.setAttribute('disabled', '');\n        } else {\n            this.removeAttribute('disabled');\n        }\n    }\n\n    /**\n     * Setup attributes for the Button element.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n        this.syncAria();\n    }\n\n    /**\n     * Draw method for the Button element.\n     * @returns {object} fragment - The document fragment containing the drawn element.\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let native = document.createElement(this.hasAttribute('href') ? 'a' : 'button');\n        this.native = native;\n\n        if (this.hasAttribute('href')) {\n            if (!this.disabled) {\n                native.setAttribute('href', this.getAttribute('href'));\n            }\n        } else {\n            if (this.type === 'submit') {\n                native.setAttribute('type', 'submit');\n            }\n\n            native.disabled = this.disabled;\n        }\n\n        native.classList.add('native-button');\n        native.setAttribute('part', 'native');\n\n        this.classList.remove('wje-button-disabled');\n\n        if (this.disabled) native.classList.add('wje-button-disabled');\n\n        if (this.variant) native.classList.add('wje-button-' + this.variant);\n\n        if (this.hasAttribute('round')) native.classList.add('wje-button-round');\n\n        if (this.hasAttribute('circle')) native.classList.add('wje-button-circle');\n\n        if (this.outline) native.classList.add('wje-outline');\n\n        if (this.fill) native.classList.add('wje-button-' + this.fill);\n\n        if (this.size) native.classList.add('wje-button-' + this.size);\n\n        if (\n            (this.querySelectorAll('[slot=caret]').length < 1 && this.hasAttribute('caret')) ||\n            this.hasAttribute('only-caret')\n        ) {\n            let i = document.createElement('wje-icon');\n            i.style.setProperty('--wje-icon-size', '14px');\n            i.setAttribute('slot', 'caret');\n            i.setAttribute('name', 'chevron-down');\n            i.setAttribute('part', 'caret');\n\n            this.appendChild(i);\n        }\n\n        if (this.active) {\n            this.classList.add('wje-active');\n            let i = document.createElement('wje-icon');\n            i.setAttribute('name', 'check');\n\n            this.appendChild(i);\n        }\n\n        native.classList.add('wje-color-' + this.color, 'wje-color');\n\n        let span = document.createElement('span');\n        span.setAttribute('part', 'inner');\n        span.classList.add('button-inner');\n\n        let slot = document.createElement('slot');\n        slot.setAttribute('name', 'icon-only');\n        span.appendChild(slot);\n\n        slot = document.createElement('slot');\n        slot.setAttribute('name', 'start');\n        span.appendChild(slot);\n\n        slot = document.createElement('slot');\n        span.appendChild(slot);\n\n        slot = document.createElement('slot');\n        slot.setAttribute('name', 'end');\n        span.appendChild(slot);\n\n        slot = document.createElement('slot');\n        slot.setAttribute('name', 'caret');\n        span.appendChild(slot);\n\n        this.hasToggle = WjElementUtils.hasSlot(this, 'toggle');\n\n        if (this.hasToggle) {\n            this.slotToggle = document.createElement('slot');\n            this.slotToggle.setAttribute('name', 'toggle');\n\n            span.appendChild(this.slotToggle);\n        }\n\n        native.appendChild(span);\n\n        if (this.tooltip) {\n            let tooltip = document.createElement('wje-tooltip');\n            tooltip.setAttribute('content', this.getAttribute('tooltip'));\n            tooltip.setAttribute('placement', this.getAttribute('tooltip-placement') || 'top');\n            tooltip.appendChild(native);\n\n            fragment.appendChild(tooltip);\n        } else {\n            fragment.appendChild(native);\n        }\n\n        return fragment;\n    }\n\n    /**\n     * After draw method for the Button element.\n     */\n    afterDraw() {\n        if (this.hasAttribute('route')) {\n            this.unbindRouterLinks = bindRouterLinks(this.parentElement, { selector: false });\n        }\n\n        // nastavenie toggle podla atributu, ak nie je nastaveny, tak sa zobrazi vzdy prvy element\n        if (this.hasToggle) this.syncToggleState();\n\n        if (this.hasAttribute('custom-event')) {\n            event.addListener(this, 'click', null, this.#populateCustomEvent);\n        }\n\n        if (this.hasAttribute('dialog')) {\n            event.addListener(this, 'click', null, this.eventDialogOpen);\n        } else {\n            event.addListener(this, 'click', 'wje-button:click', null); // { stopPropagation: this.stopPropagation } - zrusene kvoli dropdown kde som nevedel odchytit event click\n        }\n\n        if (this.hasToggle)\n            event.addListener(this, 'click', 'wje-button:toggle', this.toggleStates, {\n                stopPropagation: this.stopPropagation,\n            });\n\n        if (this.type === 'submit') {\n            event.addListener(this, 'click', 'wje-button:submit', () => {\n                event.dispatchCustomEvent(this.internals?.form, 'submit', {});\n            });\n        }\n\n        if (this.type === 'reset') {\n            event.addListener(this, 'click', 'wje-button:reset', () => {\n                this.internals?.form.reset();\n            });\n        }\n\n        this.syncAria();\n    }\n\n    /**\n     * Before disconnect method for the Button element.\n     */\n    beforeDisconnect() {\n        // remove all events from the button\n        event.removeListener(this, 'click', null, this.eventDialogOpen);\n        event.removeListener(this, 'click', 'wje-button:click', null);\n        event.removeListener(this, 'click', 'wje-button:toggle', this.toggleStates);\n        event.removeListener(this, 'click', null, this.#populateCustomEvent);\n        event.removeListener(this, 'click', 'wje-button:submit', null);\n        event.removeListener(this, 'click', 'wje-button:reset', null);\n\n        this.removeEventListener('click', this.eventDialogOpen);\n        this.unbindRouterLinks?.();\n    }\n\n    /**\n     * Event dialog open method for the Button element.\n     * @param {Event} e The event object\n     */\n    eventDialogOpen = (e) => {\n        event.dispatchCustomEvent(this, this.dialog);\n    };\n\n    /**\n     * Toggle states method for the Button element.\n     */\n    toggleStates = () => {\n        this.setAttribute('value', this.getAttribute('value') === 'on' ? 'off' : 'on');\n        this.syncToggleState();\n        this.syncAria();\n    }\n\n    /**\n     * Keeps toggle slot visibility aligned with the current value.\n     */\n    syncToggleState() {\n        const nodes = this.slotToggle?.assignedElements?.({ flatten: true }) || [];\n        const state = this.getAttribute('value') || this.getAttribute('toggle') || 'on';\n        const selectedIndex = state === 'off' ? 1 : 0;\n        const selected = nodes[selectedIndex] || nodes[0];\n\n        nodes.forEach((node) => node.classList.remove('show'));\n        selected?.classList.add('show');\n\n        if (state !== this.getAttribute('value')) {\n            this.setAttribute('value', state);\n        }\n    }\n\n    /**\n     * Syncs accessibility attributes on the internal native control.\n     */\n    syncAria() {\n        const native = this.native || this.context?.querySelector('.native-button');\n        if (!native) return;\n\n        const isLink = this.hasAttribute('href');\n        const isToggle = !!this.hasToggle;\n        const pressed = isToggle && !isLink ? this.getAttribute('value') === 'on' : undefined;\n        const label = this.label || this.getAttribute('aria-label');\n\n        if (label) {\n            native.setAttribute('aria-label', label);\n        } else {\n            native.removeAttribute('aria-label');\n        }\n\n        if (isLink) {\n            if (this.disabled) {\n                native.removeAttribute('href');\n                native.setAttribute('aria-disabled', 'true');\n                native.setAttribute('tabindex', '-1');\n            } else {\n                native.setAttribute('href', this.getAttribute('href'));\n                native.removeAttribute('aria-disabled');\n                native.removeAttribute('tabindex');\n            }\n        } else {\n            native.disabled = this.disabled;\n            native.removeAttribute('aria-disabled');\n        }\n\n        if (pressed === undefined) {\n            native.removeAttribute('aria-pressed');\n        } else {\n            native.setAttribute('aria-pressed', pressed ? 'true' : 'false');\n        }\n    }\n\n    /**\n     * Dispatches a custom event with specified parameters.\n     * This method uses the `customEvent` and `customEventParameters` properties\n     * to create and dispatch a `CustomEvent`. The event is configured to be\n     * composed and bubbles up through the DOM.\n     * @returns {void} This method does not return a value.\n     */\n    #populateCustomEvent() {\n        this.dispatchEvent(\n          new CustomEvent(this.customEvent, { detail: this.customEventParameters, composed: true, bubbles: true })\n        );\n    }\n}\n","import Button from './button.element.js';\n\nexport default Button;\n\nButton.define('wje-button', Button);\n"],"names":["Button","WJElement","constructor","super","dependencies","Icon","className","eventDialogOpen","e","event","dispatchCustomEvent","this","dialog","toggleStates","setAttribute","getAttribute","syncToggleState","syncAria","value","color","caret","hasAttribute","removeAttribute","round","tooltip","label","active","fill","outline","bool","stopPropagation","customEvent","customEventParameters","Array","from","attributes","filter","attr","name","startsWith","reduce","acc","replace","cssStyleSheet","observedAttributes","oldValue","newValue","attributeChangedCallback","includes","form","_form","disabled","setupAttributes","isShadowRoot","draw","fragment","document","createDocumentFragment","native","createElement","type","classList","add","remove","variant","size","querySelectorAll","length","i","style","setProperty","appendChild","span","slot","hasToggle","WjElementUtils","hasSlot","slotToggle","afterDraw","unbindRouterLinks","bindRouterLinks","parentElement","selector","addListener","populateCustomEvent","internals","reset","beforeDisconnect","removeListener","removeEventListener","nodes","assignedElements","flatten","state","selected","forEach","node","context","querySelector","isLink","pressed","dispatchEvent","CustomEvent","detail","composed","bubbles","static","define"],"mappings":"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"}

package/dist/wje-card-content.js

@@ -1,48 +1,25 @@
 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 Card - Content ]\n*/\n\n:host {\n    display: block;\n    padding: var(--wje-card-content-padding);\n    &.no-padding {\n        .row {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n    &.no-bottom-padding {\n        padding-bottom: 0;\n    }\n    &.no-top-padding {\n        padding-top: 0;\n    }\n    .title {\n        margin-top: 0;\n    }\n    &.scrollable {\n        margin-bottom: 20px;\n    }\n    h3 {\n        line-height: 34px;\n        font-size: 26px;\n    }\n}\n";
-class CardContent extends WJElement {
-  /**
-   * CardContent constructor method.
-   * @class
-   */
+import t from "./wje-element.js";
+class e extends t {
   constructor() {
     super();
-    /**
-     * Class name for the CardContent element.
-     * @type {string}
-     */
     __publicField(this, "className", "CardContent");
   }
-  /**
-   * Get CSS stylesheet for the CardContent element.
-   * @static
-   * @returns {object} styles - The CSS styles for the CardContent element.
-   */
   static get cssStyleSheet() {
-    return styles;
+    return ":host{display:block;padding:var(--wje-card-content-padding)}:host.no-padding .row{margin-left:0;margin-right:0}:host.no-bottom-padding{padding-bottom:0}:host.no-top-padding{padding-top:0}:host .title{margin-top:0}:host.scrollable{margin-bottom:20px}:host h3{line-height:34px;font-size:26px}";
   }
-  /**
-   * Setup attributes for the CardContent element.
-   */
   setupAttributes() {
     this.isShadowRoot = "open";
   }
-  /**
-   * Draw method for the CardContent element.
-   * @returns {object} fragment - The document fragment containing the drawn element.
-   */
   draw() {
-    let fragment = document.createDocumentFragment();
-    let element = document.createElement("slot");
-    fragment.appendChild(element);
-    return fragment;
+    let t2 = document.createDocumentFragment(), e2 = document.createElement("slot");
+    return t2.appendChild(e2), t2;
   }
 }
-WJElement.define("wje-card-content", CardContent);
+t.define("wje-card-content", e);
 export {
-  CardContent as default
+  e as default
 };
 //# sourceMappingURL=wje-card-content.js.map

package/dist/wje-card-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"wje-card-content.js","sources":["../packages/wje-card-content/card-content.element.js","../packages/wje-card-content/card-content.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 Card Content element, extending the WJElement class.\n * @documentation https://elements.webjet.sk/components/card-content\n * @status stable\n * @augments WJElement\n * @slot - The card content main content.\n * @cssproperty [--wje-card-padding=0] - Padding of the component;\n */\nexport default class CardContent extends WJElement {\n    /**\n     * CardContent constructor method.\n     * @class\n     */\n    constructor() {\n        super();\n    }\n\n    /**\n     * Class name for the CardContent element.\n     * @type {string}\n     */\n    className = 'CardContent';\n\n    /**\n     * Get CSS stylesheet for the CardContent element.\n     * @static\n     * @returns {object} styles - The CSS styles for the CardContent element.\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Setup attributes for the CardContent element.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Draw method for the CardContent element.\n     * @returns {object} fragment - The document fragment containing the drawn element.\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let element = document.createElement('slot');\n        fragment.appendChild(element);\n\n        return fragment;\n    }\n}\n","import { default as WJElement } from '../wje-element/element.js';\nimport CardContent from './card-content.element.js';\n\n// export * from \"./card-content.element.js\";\nexport default CardContent;\n\nWJElement.define('wje-card-content', CardContent);\n"],"names":[],"mappings":";;;;;AAWe,MAAM,oBAAoB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAK/C,cAAc;AACV,UAAK;AAOT;AAAA;AAAA;AAAA;AAAA,qCAAY;AAAA,EANZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaA,WAAW,gBAAgB;AACvB,WAAO;AAAA,EACX;AAAA;AAAA;AAAA;AAAA,EAKA,kBAAkB;AACd,SAAK,eAAe;AAAA,EACxB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAO;AACH,QAAI,WAAW,SAAS,uBAAsB;AAE9C,QAAI,UAAU,SAAS,cAAc,MAAM;AAC3C,aAAS,YAAY,OAAO;AAE5B,WAAO;AAAA,EACX;AACJ;AChDA,UAAU,OAAO,oBAAoB,WAAW;"}
+{"version":3,"file":"wje-card-content.js","sources":["../packages/wje-card-content/card-content.element.js","../packages/wje-card-content/card-content.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 Card Content element, extending the WJElement class.\n * @documentation https://elements.webjet.sk/components/card-content\n * @status stable\n * @augments WJElement\n * @slot - The card content main content.\n * @cssproperty [--wje-card-padding=0] - Padding of the component;\n */\nexport default class CardContent extends WJElement {\n    /**\n     * CardContent constructor method.\n     * @class\n     */\n    constructor() {\n        super();\n    }\n\n    /**\n     * Class name for the CardContent element.\n     * @type {string}\n     */\n    className = 'CardContent';\n\n    /**\n     * Get CSS stylesheet for the CardContent element.\n     * @static\n     * @returns {object} styles - The CSS styles for the CardContent element.\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Setup attributes for the CardContent element.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Draw method for the CardContent element.\n     * @returns {object} fragment - The document fragment containing the drawn element.\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let element = document.createElement('slot');\n        fragment.appendChild(element);\n\n        return fragment;\n    }\n}\n","import { default as WJElement } from '../wje-element/element.js';\nimport CardContent from './card-content.element.js';\n\n// export * from \"./card-content.element.js\";\nexport default CardContent;\n\nWJElement.define('wje-card-content', CardContent);\n"],"names":["CardContent","WJElement","constructor","super","className","setupAttributes","this","isShadowRoot","fragment","document","createDocumentFragment","element","createElement","appendChild","define"],"mappings":";;;;AAWe,MAAMA,UAAoBC;EAKrC,cAAAC;AACIC;AAOJC,qCAAY;AAAA,EANZ;AAAA,EAaA,WAAA;AACI;EACJ;AAAA,EAKA,kBAAAC;AACIC,SAAKC,eAAe;AAAA,EACxB;AAAA,EAMA;AACI,QAAIC,KAAWC,SAASC,uBAAAA,GAEpBC,KAAUF,SAASG,cAAc,MAAA;AAGrC,WAFAJ,GAASK,YAAYF,EAAAA,GAEdH;AAAAA,EACX;;AC/CJP,EAAUa,OAAO,oBAAoBd,CAAAA;"}

package/dist/wje-card-controls.js

@@ -1,48 +1,25 @@
 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 Card - Controls ]\n*/\n\n:host {\n    font-family: var(--wje-card-controls-font-family);\n    text-transform: uppercase;\n    display: inline-block;\n    letter-spacing: 0.06em;\n    font-size: var(--wje-card-controls-font-size);\n    font-weight: 500;\n    margin: 0;\n    padding: 0;\n    line-height: normal;\n    /*overflow: hidden;*/\n    text-overflow: ellipsis;\n    filter: alpha(opacity=40);\n    transition: opacity 0.3s ease;\n    position: absolute;\n    right: 1rem;\n    top: 0.5rem;\n}\n";
-class CardControls extends WJElement {
-  /**
-   * CardControls constructor method.
-   * @class
-   */
+import e from "./wje-element.js";
+class t extends e {
   constructor() {
     super();
-    /**
-     * Class name for the CardControls element.
-     * @type {string}
-     */
     __publicField(this, "className", "CardControls");
   }
-  /**
-   * Get CSS stylesheet for the CardControls element.
-   * @static
-   * @returns {object} styles - The CSS styles
-   */
   static get cssStyleSheet() {
-    return styles;
+    return ":host{font-family:var(--wje-card-controls-font-family);text-transform:uppercase;display:inline-block;letter-spacing:.06em;font-size:var(--wje-card-controls-font-size);font-weight:500;margin:0;padding:0;line-height:normal;text-overflow:ellipsis;filter:alpha(opacity=40);transition:opacity .3s ease;position:absolute;right:1rem;top:.5rem}";
   }
-  /**
-   * Setup attributes for the CardControls element.
-   */
   setupAttributes() {
     this.isShadowRoot = "open";
   }
-  /**
-   * Draw method for the CardControls element.
-   * @returns {object} fragment - The document fragment
-   */
   draw() {
-    let fragment = document.createDocumentFragment();
-    let element = document.createElement("slot");
-    fragment.appendChild(element);
-    return fragment;
+    let e2 = document.createDocumentFragment(), t2 = document.createElement("slot");
+    return e2.appendChild(t2), e2;
   }
 }
-WJElement.define("wje-card-controls", CardControls);
+e.define("wje-card-controls", t);
 export {
-  CardControls as default
+  t as default
 };
 //# sourceMappingURL=wje-card-controls.js.map

package/dist/wje-card-controls.js.map

@@ -1 +1 @@
-{"version":3,"file":"wje-card-controls.js","sources":["../packages/wje-card-controls/card-controls.element.js","../packages/wje-card-controls/card-controls.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 Card Controls element, extending the WJElement class.\n * @documentation https://elements.webjet.sk/components/card-controls\n * @status stable\n * @augments WJElement\n * @slot - The card controls main content.\n * @cssproperty [--wje-card-controls-font-size=11px] - Font size of the component;\n * @cssproperty [--wje-card-controls-font-family=--wje-font-family-secondary] - Font family of the component;\n */\nexport default class CardControls extends WJElement {\n    /**\n     * CardControls constructor method.\n     * @class\n     */\n    constructor() {\n        super();\n    }\n\n    /**\n     * Class name for the CardControls element.\n     * @type {string}\n     */\n    className = 'CardControls';\n\n    /**\n     * Get CSS stylesheet for the CardControls element.\n     * @static\n     * @returns {object} styles - The CSS styles\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Setup attributes for the CardControls element.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Draw method for the CardControls element.\n     * @returns {object} fragment - The document fragment\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let element = document.createElement('slot');\n\n        fragment.appendChild(element);\n\n        return fragment;\n    }\n}\n","import { default as WJElement } from '../wje-element/element.js';\nimport CardControls from './card-controls.element.js';\n\n// export * from \"./card-controls.element.js\";\nexport default CardControls;\n\nWJElement.define('wje-card-controls', CardControls);\n"],"names":[],"mappings":";;;;;AAYe,MAAM,qBAAqB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKhD,cAAc;AACV,UAAK;AAOT;AAAA;AAAA;AAAA;AAAA,qCAAY;AAAA,EANZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaA,WAAW,gBAAgB;AACvB,WAAO;AAAA,EACX;AAAA;AAAA;AAAA;AAAA,EAKA,kBAAkB;AACd,SAAK,eAAe;AAAA,EACxB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAO;AACH,QAAI,WAAW,SAAS,uBAAsB;AAE9C,QAAI,UAAU,SAAS,cAAc,MAAM;AAE3C,aAAS,YAAY,OAAO;AAE5B,WAAO;AAAA,EACX;AACJ;AClDA,UAAU,OAAO,qBAAqB,YAAY;"}
+{"version":3,"file":"wje-card-controls.js","sources":["../packages/wje-card-controls/card-controls.element.js","../packages/wje-card-controls/card-controls.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 Card Controls element, extending the WJElement class.\n * @documentation https://elements.webjet.sk/components/card-controls\n * @status stable\n * @augments WJElement\n * @slot - The card controls main content.\n * @cssproperty [--wje-card-controls-font-size=11px] - Font size of the component;\n * @cssproperty [--wje-card-controls-font-family=--wje-font-family-secondary] - Font family of the component;\n */\nexport default class CardControls extends WJElement {\n    /**\n     * CardControls constructor method.\n     * @class\n     */\n    constructor() {\n        super();\n    }\n\n    /**\n     * Class name for the CardControls element.\n     * @type {string}\n     */\n    className = 'CardControls';\n\n    /**\n     * Get CSS stylesheet for the CardControls element.\n     * @static\n     * @returns {object} styles - The CSS styles\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Setup attributes for the CardControls element.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Draw method for the CardControls element.\n     * @returns {object} fragment - The document fragment\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let element = document.createElement('slot');\n\n        fragment.appendChild(element);\n\n        return fragment;\n    }\n}\n","import { default as WJElement } from '../wje-element/element.js';\nimport CardControls from './card-controls.element.js';\n\n// export * from \"./card-controls.element.js\";\nexport default CardControls;\n\nWJElement.define('wje-card-controls', CardControls);\n"],"names":["CardControls","WJElement","constructor","super","className","setupAttributes","this","isShadowRoot","fragment","document","createDocumentFragment","element","createElement","appendChild","define"],"mappings":";;;;AAYe,MAAMA,UAAqBC;EAKtC,cAAAC;AACIC;AAOJC,qCAAY;AAAA,EANZ;AAAA,EAaA,WAAA;AACI;EACJ;AAAA,EAKA,kBAAAC;AACIC,SAAKC,eAAe;AAAA,EACxB;AAAA,EAMA;AACI,QAAIC,KAAWC,SAASC,uBAAAA,GAEpBC,KAAUF,SAASG,cAAc,MAAA;AAIrC,WAFAJ,GAASK,YAAYF,EAAAA,GAEdH;AAAAA,EACX;;ACjDJP,EAAUa,OAAO,qBAAqBd,CAAAA;"}

package/dist/wje-card-header.js

@@ -1,48 +1,25 @@
 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 Card - Header ]\n*/\n\n:host {\n    background: transparent;\n    border-radius: 0;\n    border-bottom: 0;\n    padding: var(--wje-card-header-padding);\n    position: relative;\n    display: flex;\n    flex-direction: column;\n}\n\n:host(.wje-separator):after {\n    content: '';\n    height: 1px;\n    background: rgba(0, 0, 0, 0.08);\n    margin-top: 0.5rem;\n}\n";
-class CardHeader extends WJElement {
-  /**
-   * CardHeader constructor method.
-   */
+import e from "./wje-element.js";
+class t extends e {
   constructor() {
     super();
-    /**
-     * Class name for the CardHeader.
-     * @type {string}
-     */
     __publicField(this, "className", "CardHeader");
   }
-  /**
-   * Getter for the CSS stylesheet.
-   * @returns {object} The styles object.
-   * @static
-   */
   static get cssStyleSheet() {
-    return styles;
+    return ':host{background:transparent;border-radius:0;border-bottom:0;padding:var(--wje-card-header-padding);position:relative;display:flex;flex-direction:column}:host(.wje-separator):after{content:"";height:1px;background:#00000014;margin-top:.5rem}';
   }
-  /**
-   * Sets up the attributes for the CardHeader.
-   */
   setupAttributes() {
     this.isShadowRoot = "open";
   }
-  /**
-   * Draws the CardHeader.
-   * @returns {DocumentFragment} The created document fragment.
-   */
   draw() {
-    let fragment = document.createDocumentFragment();
-    let element = document.createElement("slot");
-    if (this.hasAttribute("separator")) this.classList.add("wje-separator");
-    fragment.appendChild(element);
-    return fragment;
+    let e2 = document.createDocumentFragment(), t2 = document.createElement("slot");
+    return this.hasAttribute("separator") && this.classList.add("wje-separator"), e2.appendChild(t2), e2;
   }
 }
-WJElement.define("wje-card-header", CardHeader);
+e.define("wje-card-header", t);
 export {
-  CardHeader as default
+  t as default
 };
 //# sourceMappingURL=wje-card-header.js.map

package/dist/wje-card-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"wje-card-header.js","sources":["../packages/wje-card-header/card-header.element.js","../packages/wje-card-header/card-header.js"],"sourcesContent":["import { default as WJElement } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary CardHeader class that extends WJElement.\n * @documentation https://elements.webjet.sk/components/card-header\n * @status stable\n * @augments WJElement\n * @slot - The card header main content.\n * @cssproperty [--wje-card-header-padding=1rem 1rem 0.5rem] - Padding of the component;\n */\nexport default class CardHeader extends WJElement {\n    /**\n     * CardHeader constructor method.\n     */\n    constructor() {\n        super();\n    }\n\n    /**\n     * Class name for the CardHeader.\n     * @type {string}\n     */\n    className = 'CardHeader';\n\n    /**\n     * Getter for the CSS stylesheet.\n     * @returns {object} The styles object.\n     * @static\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Sets up the attributes for the CardHeader.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Draws the CardHeader.\n     * @returns {DocumentFragment} The created document fragment.\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let element = document.createElement('slot');\n\n        if (this.hasAttribute('separator')) this.classList.add('wje-separator');\n\n        fragment.appendChild(element);\n\n        return fragment;\n    }\n}\n","import { default as WJElement } from '../wje-element/element.js';\nimport CardHeader from './card-header.element.js';\n\n// export * from \"./card-header.element.js\";\nexport default CardHeader;\n\nWJElement.define('wje-card-header', CardHeader);\n"],"names":[],"mappings":";;;;;AAWe,MAAM,mBAAmB,UAAU;AAAA;AAAA;AAAA;AAAA,EAI9C,cAAc;AACV,UAAK;AAOT;AAAA;AAAA;AAAA;AAAA,qCAAY;AAAA,EANZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaA,WAAW,gBAAgB;AACvB,WAAO;AAAA,EACX;AAAA;AAAA;AAAA;AAAA,EAKA,kBAAkB;AACd,SAAK,eAAe;AAAA,EACxB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAO;AACH,QAAI,WAAW,SAAS,uBAAsB;AAE9C,QAAI,UAAU,SAAS,cAAc,MAAM;AAE3C,QAAI,KAAK,aAAa,WAAW,EAAG,MAAK,UAAU,IAAI,eAAe;AAEtE,aAAS,YAAY,OAAO;AAE5B,WAAO;AAAA,EACX;AACJ;AClDA,UAAU,OAAO,mBAAmB,UAAU;"}
+{"version":3,"file":"wje-card-header.js","sources":["../packages/wje-card-header/card-header.element.js","../packages/wje-card-header/card-header.js"],"sourcesContent":["import { default as WJElement } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary CardHeader class that extends WJElement.\n * @documentation https://elements.webjet.sk/components/card-header\n * @status stable\n * @augments WJElement\n * @slot - The card header main content.\n * @cssproperty [--wje-card-header-padding=1rem 1rem 0.5rem] - Padding of the component;\n */\nexport default class CardHeader extends WJElement {\n    /**\n     * CardHeader constructor method.\n     */\n    constructor() {\n        super();\n    }\n\n    /**\n     * Class name for the CardHeader.\n     * @type {string}\n     */\n    className = 'CardHeader';\n\n    /**\n     * Getter for the CSS stylesheet.\n     * @returns {object} The styles object.\n     * @static\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Sets up the attributes for the CardHeader.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Draws the CardHeader.\n     * @returns {DocumentFragment} The created document fragment.\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let element = document.createElement('slot');\n\n        if (this.hasAttribute('separator')) this.classList.add('wje-separator');\n\n        fragment.appendChild(element);\n\n        return fragment;\n    }\n}\n","import { default as WJElement } from '../wje-element/element.js';\nimport CardHeader from './card-header.element.js';\n\n// export * from \"./card-header.element.js\";\nexport default CardHeader;\n\nWJElement.define('wje-card-header', CardHeader);\n"],"names":["CardHeader","WJElement","constructor","super","className","cssStyleSheet","this","isShadowRoot","draw","fragment","document","createDocumentFragment","element","createElement","hasAttribute","classList","add","appendChild","define"],"mappings":";;;;AAWe,MAAMA,UAAmBC,EAAAA;AAAAA,EAIpC,cAAAC;AACIC,UAAAA;AAOJC,qCAAY;AAAA,EANZ;AAAA,EAaA,2BAAWC;AACP;EACJ;AAAA,EAKA;AACIC,SAAKC,eAAe;AAAA,EACxB;AAAA,EAMA,OAAAC;AACI,QAAIC,KAAWC,SAASC,0BAEpBC,KAAUF,SAASG,cAAc,MAAA;AAMrC,WAJIP,KAAKQ,aAAa,WAAA,KAAcR,KAAKS,UAAUC,IAAI,eAAA,GAEvDP,GAASQ,YAAYL,EAAAA,GAEdH;AAAAA,EACX;AAAA;ACjDJR,EAAUiB,OAAO,mBAAmBlB,CAAAA;"}

package/dist/wje-card-subtitle.js

@@ -1,55 +1,28 @@
 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 Card - Subtitle ]\n*/\n\n:host {\n    transition: opacity 0.3s ease;\n    font-family: var(--wje-card-subtitle-font-family);\n    font-size: var(--wje-card-subtitle-font-size);\n    text-transform: uppercase;\n    display: inline-block;\n    letter-spacing: 0.06em;\n    font-weight: 500;\n    margin: 0;\n    padding: var(--wje-card-subtitle-padding);\n    line-height: normal;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    filter: alpha(opacity=40);\n}\n";
-class CardSubtitle extends WJElement {
-  /**
-   * CardSubtitle constructor method.
-   */
+import e from "./wje-element.js";
+class t extends e {
   constructor() {
     super();
-    /**
-     * Class name for the CardSubtitle.
-     * @type {string}
-     */
     __publicField(this, "className", "CardTitle");
   }
-  /**
-   * Getter for the CSS stylesheet.
-   * @returns {object} The styles object.
-   * @static
-   */
   static get cssStyleSheet() {
-    return styles;
+    return ":host{transition:opacity .3s ease;font-family:var(--wje-card-subtitle-font-family);font-size:var(--wje-card-subtitle-font-size);text-transform:uppercase;display:inline-block;letter-spacing:.06em;font-weight:500;margin:0;padding:var(--wje-card-subtitle-padding);line-height:normal;overflow:hidden;text-overflow:ellipsis;filter:alpha(opacity=40)}";
   }
-  /**
-   * Getter for the observed attributes.
-   * @returns {Array} An empty array.
-   * @static
-   */
   static get observedAttributes() {
     return [];
   }
-  /**
-   * Sets up the attributes for the CardSubtitle.
-   */
   setupAttributes() {
     this.isShadowRoot = "open";
   }
-  /**
-   * Draws the CardSubtitle element.
-   * @returns {DocumentFragment} The created document fragment.
-   */
   draw() {
-    let fragment = document.createDocumentFragment();
-    let element = document.createElement("slot");
-    fragment.appendChild(element);
-    return fragment;
+    let e2 = document.createDocumentFragment(), t2 = document.createElement("slot");
+    return e2.appendChild(t2), e2;
   }
 }
-WJElement.define("wje-card-subtitle", CardSubtitle);
+e.define("wje-card-subtitle", t);
 export {
-  CardSubtitle as default
+  t as default
 };
 //# sourceMappingURL=wje-card-subtitle.js.map

package/dist/wje-card-subtitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"wje-card-subtitle.js","sources":["../packages/wje-card-subtitle/card-subtitle.element.js","../packages/wje-card-subtitle/card-subtitle.js"],"sourcesContent":["import { default as WJElement } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary CardSubtitle class that extends WJElement.\n * @documentation https://elements.webjet.sk/components/card-subtitle\n * @status stable\n * @augments WJElement\n * @slot - The card subtitle main content.\n * @cssproperty [--wje-card-subtitle-font-size=11px] - Font size of the component;\n * @cssproperty [--wje-card-subtitle-font-family=var(--wje-font-family-secondary)] - Font family of the component;\n * @cssproperty [--wje-card-subtitle-padding=0] - Padding of the component;\n */\nexport default class CardSubtitle extends WJElement {\n    /**\n     * CardSubtitle constructor method.\n     */\n    constructor() {\n        super();\n    }\n\n    /**\n     * Class name for the CardSubtitle.\n     * @type {string}\n     */\n    className = 'CardTitle';\n\n    /**\n     * Getter for the CSS stylesheet.\n     * @returns {object} The styles object.\n     * @static\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Getter for the observed attributes.\n     * @returns {Array} An empty array.\n     * @static\n     */\n    static get observedAttributes() {\n        return [];\n    }\n\n    /**\n     * Sets up the attributes for the CardSubtitle.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Draws the CardSubtitle element.\n     * @returns {DocumentFragment} The created document fragment.\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let element = document.createElement('slot');\n        fragment.appendChild(element);\n\n        return fragment;\n    }\n}\n","import { default as WJElement } from '../wje-element/element.js';\nimport CardSubtitle from './card-subtitle.element.js';\n\n// export * from \"./card-subtitle.element.js\";\nexport default CardSubtitle;\n\nWJElement.define('wje-card-subtitle', CardSubtitle);\n"],"names":[],"mappings":";;;;;AAae,MAAM,qBAAqB,UAAU;AAAA;AAAA;AAAA;AAAA,EAIhD,cAAc;AACV,UAAK;AAOT;AAAA;AAAA;AAAA;AAAA,qCAAY;AAAA,EANZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaA,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;AAAA,EACxB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAO;AACH,QAAI,WAAW,SAAS,uBAAsB;AAE9C,QAAI,UAAU,SAAS,cAAc,MAAM;AAC3C,aAAS,YAAY,OAAO;AAE5B,WAAO;AAAA,EACX;AACJ;AC1DA,UAAU,OAAO,qBAAqB,YAAY;"}
+{"version":3,"file":"wje-card-subtitle.js","sources":["../packages/wje-card-subtitle/card-subtitle.element.js","../packages/wje-card-subtitle/card-subtitle.js"],"sourcesContent":["import { default as WJElement } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary CardSubtitle class that extends WJElement.\n * @documentation https://elements.webjet.sk/components/card-subtitle\n * @status stable\n * @augments WJElement\n * @slot - The card subtitle main content.\n * @cssproperty [--wje-card-subtitle-font-size=11px] - Font size of the component;\n * @cssproperty [--wje-card-subtitle-font-family=var(--wje-font-family-secondary)] - Font family of the component;\n * @cssproperty [--wje-card-subtitle-padding=0] - Padding of the component;\n */\nexport default class CardSubtitle extends WJElement {\n    /**\n     * CardSubtitle constructor method.\n     */\n    constructor() {\n        super();\n    }\n\n    /**\n     * Class name for the CardSubtitle.\n     * @type {string}\n     */\n    className = 'CardTitle';\n\n    /**\n     * Getter for the CSS stylesheet.\n     * @returns {object} The styles object.\n     * @static\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Getter for the observed attributes.\n     * @returns {Array} An empty array.\n     * @static\n     */\n    static get observedAttributes() {\n        return [];\n    }\n\n    /**\n     * Sets up the attributes for the CardSubtitle.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Draws the CardSubtitle element.\n     * @returns {DocumentFragment} The created document fragment.\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let element = document.createElement('slot');\n        fragment.appendChild(element);\n\n        return fragment;\n    }\n}\n","import { default as WJElement } from '../wje-element/element.js';\nimport CardSubtitle from './card-subtitle.element.js';\n\n// export * from \"./card-subtitle.element.js\";\nexport default CardSubtitle;\n\nWJElement.define('wje-card-subtitle', CardSubtitle);\n"],"names":["CardSubtitle","WJElement","constructor","super","className","cssStyleSheet","setupAttributes","this","isShadowRoot","draw","fragment","document","createDocumentFragment","element","createElement","appendChild","define"],"mappings":";;;;AAae,MAAMA,UAAqBC,EAAAA;AAAAA,EAItC,cAAAC;AACIC,UAAAA;AAOJC,qCAAY;AAAA,EANZ;AAAA,EAaA,2BAAWC;AACP;EACJ;AAAA,EAOA,WAAA;AACI,WAAO,CAAA;AAAA,EACX;AAAA,EAKA,kBAAAC;AACIC,SAAKC,eAAe;AAAA,EACxB;AAAA,EAMA,OAAAC;AACI,QAAIC,KAAWC,SAASC,0BAEpBC,KAAUF,SAASG,cAAc,MAAA;AAGrC,WAFAJ,GAASK,YAAYF,EAAAA,GAEdH;AAAAA,EACX;AAAA;ACzDJT,EAAUe,OAAO,qBAAqBhB,CAAAA;"}

package/dist/wje-card-title.js

@@ -1,55 +1,28 @@
 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 Card - Title ]\n*/\n\n:host {\n    font-size: var(--wje-card-title-font-size);\n    font-weight: var(--wje-card-title-font-weight);\n    margin: var(--wje-card-title-margin);\n    padding: var(--wje-card-title-padding);\n    line-height: var(--wje-card-title-line-height);\n    display: block;\n    position: relative;\n}\n";
-class CardTitle extends WJElement {
-  /**
-   * CardTitle constructor method.
-   */
+import e from "./wje-element.js";
+class t extends e {
   constructor() {
     super();
-    /**
-     * Class name for the CardTitle.
-     * @type {string}
-     */
     __publicField(this, "className", "CardTitle");
   }
-  /**
-   * Getter for the CSS stylesheet.
-   * @returns {object} The styles object.
-   * @static
-   */
   static get cssStyleSheet() {
-    return styles;
+    return ":host{font-size:var(--wje-card-title-font-size);font-weight:var(--wje-card-title-font-weight);margin:var(--wje-card-title-margin);padding:var(--wje-card-title-padding);line-height:var(--wje-card-title-line-height);display:block;position:relative}";
   }
-  /**
-   * Getter for the observed attributes.
-   * @returns {Array} An empty array.
-   * @static
-   */
   static get observedAttributes() {
     return [];
   }
-  /**
-   * Sets up the attributes for the CardTitle.
-   */
   setupAttributes() {
     this.isShadowRoot = "open";
   }
-  /**
-   * Draws the CardTitle element.
-   * @returns {DocumentFragment} The created document fragment.
-   */
   draw() {
-    let fragment = document.createDocumentFragment();
-    let element = document.createElement("slot");
-    fragment.appendChild(element);
-    return fragment;
+    let e2 = document.createDocumentFragment(), t2 = document.createElement("slot");
+    return e2.appendChild(t2), e2;
   }
 }
-WJElement.define("wje-card-title", CardTitle);
+e.define("wje-card-title", t);
 export {
-  CardTitle as default
+  t as default
 };
 //# sourceMappingURL=wje-card-title.js.map

package/dist/wje-card-title.js.map

@@ -1 +1 @@
-{"version":3,"file":"wje-card-title.js","sources":["../packages/wje-card-title/card-title.element.js","../packages/wje-card-title/card-title.js"],"sourcesContent":["import { default as WJElement } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary CardTitle class that extends WJElement.\n * @documentation https://elements.webjet.sk/components/card-title\n * @status stable\n * @augments WJElement\n * @slot - The card title main content.\n * @cssproperty [--wje-card-title-font-size=24px] - Font size of the component;\n * @cssproperty [--wje-card-title-font-weight=500] - Font weight of the component;\n * @cssproperty [--wje-card-title-margin=0] - Margin of the component;\n * @cssproperty [--wje-card-title-padding=0] - Padding of the component;\n * @cssproperty [--wje-card-title-line-height=1.2] - Line height of the component;\n */\nexport default class CardTitle extends WJElement {\n    /**\n     * CardTitle constructor method.\n     */\n    constructor() {\n        super();\n    }\n\n    /**\n     * Class name for the CardTitle.\n     * @type {string}\n     */\n    className = 'CardTitle';\n\n    /**\n     * Getter for the CSS stylesheet.\n     * @returns {object} The styles object.\n     * @static\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Getter for the observed attributes.\n     * @returns {Array} An empty array.\n     * @static\n     */\n    static get observedAttributes() {\n        return [];\n    }\n\n    /**\n     * Sets up the attributes for the CardTitle.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Draws the CardTitle element.\n     * @returns {DocumentFragment} The created document fragment.\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let element = document.createElement('slot');\n\n        fragment.appendChild(element);\n\n        return fragment;\n    }\n}\n","import { default as WJElement } from '../wje-element/element.js';\nimport CardTitle from './card-title.element.js';\n\n// export * from \"./card-title.element.js\";\nexport default CardTitle;\n\nWJElement.define('wje-card-title', CardTitle);\n"],"names":[],"mappings":";;;;;AAee,MAAM,kBAAkB,UAAU;AAAA;AAAA;AAAA;AAAA,EAI7C,cAAc;AACV,UAAK;AAOT;AAAA;AAAA;AAAA;AAAA,qCAAY;AAAA,EANZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaA,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;AAAA,EACxB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAO;AACH,QAAI,WAAW,SAAS,uBAAsB;AAE9C,QAAI,UAAU,SAAS,cAAc,MAAM;AAE3C,aAAS,YAAY,OAAO;AAE5B,WAAO;AAAA,EACX;AACJ;AC7DA,UAAU,OAAO,kBAAkB,SAAS;"}
+{"version":3,"file":"wje-card-title.js","sources":["../packages/wje-card-title/card-title.element.js","../packages/wje-card-title/card-title.js"],"sourcesContent":["import { default as WJElement } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary CardTitle class that extends WJElement.\n * @documentation https://elements.webjet.sk/components/card-title\n * @status stable\n * @augments WJElement\n * @slot - The card title main content.\n * @cssproperty [--wje-card-title-font-size=24px] - Font size of the component;\n * @cssproperty [--wje-card-title-font-weight=500] - Font weight of the component;\n * @cssproperty [--wje-card-title-margin=0] - Margin of the component;\n * @cssproperty [--wje-card-title-padding=0] - Padding of the component;\n * @cssproperty [--wje-card-title-line-height=1.2] - Line height of the component;\n */\nexport default class CardTitle extends WJElement {\n    /**\n     * CardTitle constructor method.\n     */\n    constructor() {\n        super();\n    }\n\n    /**\n     * Class name for the CardTitle.\n     * @type {string}\n     */\n    className = 'CardTitle';\n\n    /**\n     * Getter for the CSS stylesheet.\n     * @returns {object} The styles object.\n     * @static\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Getter for the observed attributes.\n     * @returns {Array} An empty array.\n     * @static\n     */\n    static get observedAttributes() {\n        return [];\n    }\n\n    /**\n     * Sets up the attributes for the CardTitle.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Draws the CardTitle element.\n     * @returns {DocumentFragment} The created document fragment.\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let element = document.createElement('slot');\n\n        fragment.appendChild(element);\n\n        return fragment;\n    }\n}\n","import { default as WJElement } from '../wje-element/element.js';\nimport CardTitle from './card-title.element.js';\n\n// export * from \"./card-title.element.js\";\nexport default CardTitle;\n\nWJElement.define('wje-card-title', CardTitle);\n"],"names":["CardTitle","WJElement","constructor","super","className","cssStyleSheet","setupAttributes","this","isShadowRoot","draw","fragment","document","createDocumentFragment","element","createElement","appendChild","define"],"mappings":";;;;AAee,MAAMA,UAAkBC,EAAAA;AAAAA,EAInC,cAAAC;AACIC,UAAAA;AAOJC,qCAAY;AAAA,EANZ;AAAA,EAaA,2BAAWC;AACP;EACJ;AAAA,EAOA,WAAA;AACI,WAAO,CAAA;AAAA,EACX;AAAA,EAKA,kBAAAC;AACIC,SAAKC,eAAe;AAAA,EACxB;AAAA,EAMA,OAAAC;AACI,QAAIC,KAAWC,SAASC,0BAEpBC,KAAUF,SAASG,cAAc,MAAA;AAIrC,WAFAJ,GAASK,YAAYF,EAAAA,GAEdH;AAAAA,EACX;AAAA;AC5DJT,EAAUe,OAAO,kBAAkBhB,CAAAA;"}