wj-elements 0.1.136 → 0.1.138

package/dist/wje-card-header.js

@@ -0,0 +1,48 @@
+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.
+   */
+  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;
+  }
+  /**
+   * 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;
+  }
+}
+WJElement.define("wje-card-header", CardHeader);
+export {
+  CardHeader as default
+};
+//# sourceMappingURL=wje-card-header.js.map

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

@@ -0,0 +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,UAAO;AAOX;AAAA;AAAA;AAAA;AAAA,qCAAY;AAAA,EANhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaI,WAAW,gBAAgB;AACvB,WAAO;AAAA,EACf;AAAA;AAAA;AAAA;AAAA,EAKI,kBAAkB;AACd,SAAK,eAAe;AAAA,EAC5B;AAAA;AAAA;AAAA;AAAA;AAAA,EAMI,OAAO;AACH,QAAI,WAAW,SAAS,uBAAwB;AAEhD,QAAI,UAAU,SAAS,cAAc,MAAM;AAE3C,QAAI,KAAK,aAAa,WAAW,EAAG,MAAK,UAAU,IAAI,eAAe;AAEtE,aAAS,YAAY,OAAO;AAE5B,WAAO;AAAA,EACf;AACA;AClDA,UAAU,OAAO,mBAAmB,UAAU;"}

package/dist/wje-card-subtitle.js

@@ -0,0 +1,55 @@
+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.
+   */
+  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;
+  }
+  /**
+   * 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;
+  }
+}
+WJElement.define("wje-card-subtitle", CardSubtitle);
+export {
+  CardSubtitle as default
+};
+//# sourceMappingURL=wje-card-subtitle.js.map

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

@@ -0,0 +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,UAAO;AAOX;AAAA;AAAA;AAAA;AAAA,qCAAY;AAAA,EANhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaI,WAAW,gBAAgB;AACvB,WAAO;AAAA,EACf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOI,WAAW,qBAAqB;AAC5B,WAAO,CAAE;AAAA,EACjB;AAAA;AAAA;AAAA;AAAA,EAKI,kBAAkB;AACd,SAAK,eAAe;AAAA,EAC5B;AAAA;AAAA;AAAA;AAAA;AAAA,EAMI,OAAO;AACH,QAAI,WAAW,SAAS,uBAAwB;AAEhD,QAAI,UAAU,SAAS,cAAc,MAAM;AAC3C,aAAS,YAAY,OAAO;AAE5B,WAAO;AAAA,EACf;AACA;AC1DA,UAAU,OAAO,qBAAqB,YAAY;"}

package/dist/wje-card-title.js

@@ -0,0 +1,55 @@
+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.
+   */
+  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;
+  }
+  /**
+   * 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;
+  }
+}
+WJElement.define("wje-card-title", CardTitle);
+export {
+  CardTitle as default
+};
+//# sourceMappingURL=wje-card-title.js.map

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

@@ -0,0 +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,UAAO;AAOX;AAAA;AAAA;AAAA;AAAA,qCAAY;AAAA,EANhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaI,WAAW,gBAAgB;AACvB,WAAO;AAAA,EACf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOI,WAAW,qBAAqB;AAC5B,WAAO,CAAE;AAAA,EACjB;AAAA;AAAA;AAAA;AAAA,EAKI,kBAAkB;AACd,SAAK,eAAe;AAAA,EAC5B;AAAA;AAAA;AAAA;AAAA;AAAA,EAMI,OAAO;AACH,QAAI,WAAW,SAAS,uBAAwB;AAEhD,QAAI,UAAU,SAAS,cAAc,MAAM;AAE3C,aAAS,YAAY,OAAO;AAE5B,WAAO;AAAA,EACf;AACA;AC7DA,UAAU,OAAO,kBAAkB,SAAS;"}

package/dist/wje-card.js

@@ -0,0 +1,56 @@
+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 ]\n*/\n\n:host {\n    width: 100%;\n}\n\n.native-card {\n    background-color: transparent;\n    margin: 0;\n    box-shadow: var(--wje-card-shadow);\n    border-color: var(--wje-border-color);\n    border-style: var(--wje-border-style);\n    border-width: var(--wje-border-width);\n    border-radius: var(--wje-card-border-radius);\n    font-family: var(--wje-font-family);\n    font-size: var(--wje-font-size);\n    line-height: var(--wje-line-height-normal);\n    position: relative;\n    width: 100%;\n    word-wrap: normal;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    -moz-osx-font-smoothing: grayscale;\n    -webkit-font-smoothing: antialiased;\n}\n\n/*BG - TEXT*/\n.native-card.wje-color-primary {\n    background: var(--wje-color-primary-9);\n    color: var(--wje-color-contrast-0);\n    border-color: var(--wje-color-primary-9);\n}\n\n.native-card.wje-color-complete {\n    background: var(--wje-color-complete-9);\n    color: var(--wje-color-contrast-0);\n    border-color: var(--wje-color-complete-9);\n}\n\n.native-card.wje-color-success {\n    background: var(--wje-color-success-9);\n    color: var(--wje-color-contrast-0);\n    border-color: var(--wje-color-success-9);\n}\n\n.native-card.wje-color-warning {\n    background: var(--wje-color-warning-9);\n    color: var(--wje-color);\n    border-color: var(--wje-color-warning-9);\n}\n\n.native-card.wje-color-danger {\n    background: var(--wje-color-danger-9);\n    color: var(--wje-color-contrast-0);\n    border-color: var(--wje-color-danger-9);\n}\n\n.native-card.wje-color-info {\n    background: var(--wje-color-info-9);\n    color: var(--wje-color-contrast-0);\n    border-color: var(--wje-color-info-9);\n}\n\n.native-card.wje-color-menu {\n    background: var(--wje-color-contrast-9);\n    color: var(--wje-color-contrast-0);\n    border-color: var(--wje-color-contrast-9);\n}\n";
+class Card extends WJElement {
+  /**
+   * Card constructor method.
+   * @class
+   */
+  constructor() {
+    super();
+    /**
+     * Class name for the Card element.
+     * @type {string}
+     */
+    __publicField(this, "className", "Card");
+  }
+  /**
+   * Get CSS stylesheet for the Card element.
+   * @static
+   * @returns {object} styles - The CSS styles
+   */
+  static get cssStyleSheet() {
+    return styles;
+  }
+  /**
+   * Setup attributes for the Card element.
+   */
+  setupAttributes() {
+    this.isShadowRoot = "open";
+  }
+  /**
+   * Draw method for the Card element.
+   * @param {object} context The context object
+   * @param {object} store The store object
+   * @param {object} params The parameters
+   * @returns {object} fragment - The document fragment
+   */
+  draw(context, store, params) {
+    let fragment = document.createDocumentFragment();
+    let native = document.createElement("div");
+    native.setAttribute("part", "native");
+    native.classList.add("native-card");
+    let slot = document.createElement("slot");
+    if (params.color) native.classList.add("wje-color-" + params.color);
+    native.appendChild(slot);
+    fragment.appendChild(native);
+    return fragment;
+  }
+}
+WJElement.define("wje-card", Card);
+export {
+  Card as default
+};
+//# sourceMappingURL=wje-card.js.map

package/dist/wje-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wje-card.js","sources":["../packages/wje-card/card.element.js","../packages/wje-card/card.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 element, extending the WJElement class.\n * @documentation https://elements.webjet.sk/components/card\n * @status stable\n * @augments WJElement\n * @slot - The card main content.\n * @cssproperty [--wje-card-margin-top=0] - Margin top of the component;\n * @cssproperty [--wje-card-margin-bottom=1rem] - Margin bottom of the component;\n * @cssproperty [--wje-card-margin-inline=0] - Margin inline of the component;\n * @cssproperty [--wje-card-border-color=transparent] - Border color of the component;\n * @cssproperty [--wje-card-background=#fff] - Background of the component;\n */\nexport default class Card extends WJElement {\n    /**\n     * Card constructor method.\n     * @class\n     */\n    constructor() {\n        super();\n    }\n\n    /**\n     * Class name for the Card element.\n     * @type {string}\n     */\n    className = 'Card';\n\n    /**\n     * Get CSS stylesheet for the Card 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 Card element.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Draw method for the Card element.\n     * @param {object} context The context object\n     * @param {object} store The store object\n     * @param {object} params The parameters\n     * @returns {object} fragment - The document fragment\n     */\n    draw(context, store, params) {\n        let fragment = document.createDocumentFragment();\n\n        let native = document.createElement('div');\n        native.setAttribute('part', 'native');\n        native.classList.add('native-card');\n\n        let slot = document.createElement('slot');\n\n        if (params.color) native.classList.add('wje-color-' + params.color);\n\n        native.appendChild(slot);\n\n        fragment.appendChild(native);\n\n        return fragment;\n    }\n}\n","import { default as WJElement } from '../wje-element/element.js';\nimport Card from './card.element.js';\n\n// export * from \"./card.element.js\";\nexport default Card;\n\nWJElement.define('wje-card', Card);\n"],"names":[],"mappings":";;;;;AAee,MAAM,aAAa,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKxC,cAAc;AACV,UAAO;AAOX;AAAA;AAAA;AAAA;AAAA,qCAAY;AAAA,EANhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaI,WAAW,gBAAgB;AACvB,WAAO;AAAA,EACf;AAAA;AAAA;AAAA;AAAA,EAKI,kBAAkB;AACd,SAAK,eAAe;AAAA,EAC5B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASI,KAAK,SAAS,OAAO,QAAQ;AACzB,QAAI,WAAW,SAAS,uBAAwB;AAEhD,QAAI,SAAS,SAAS,cAAc,KAAK;AACzC,WAAO,aAAa,QAAQ,QAAQ;AACpC,WAAO,UAAU,IAAI,aAAa;AAElC,QAAI,OAAO,SAAS,cAAc,MAAM;AAExC,QAAI,OAAO,MAAO,QAAO,UAAU,IAAI,eAAe,OAAO,KAAK;AAElE,WAAO,YAAY,IAAI;AAEvB,aAAS,YAAY,MAAM;AAE3B,WAAO;AAAA,EACf;AACA;AChEA,UAAU,OAAO,YAAY,IAAI;"}

package/dist/wje-carousel-item.js

@@ -0,0 +1,63 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import WJElement, { event } from "./wje-element.js";
+const styles = "/*\n[ WJ Carousel Item ]\n*/\n\n:host {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    width: var(--wje-carousel-size, 100%);\n    max-height: 100%;\n    aspect-ratio: var(--wje-carousel-item-aspect-ratio);\n    scroll-snap-align: center;\n    scroll-snap-stop: always;\n}\n\n.native-carousel-item {\n    width: 100%;\n    height: 100%;\n    display: flex;\n}\n::slotted(wje-img) {\n    width: 100% !important;\n    height: 100% !important;\n    object-fit: contain;\n    display: flex;\n}\n";
+class CarouselItem extends WJElement {
+  /**
+   * CarouselItem constructor method.
+   */
+  constructor() {
+    super();
+    /**
+     * Class name for the CarouselItem element.
+     * @type {string}
+     */
+    __publicField(this, "className", "CarouselItem");
+  }
+  /**
+   * Getter for the CSS stylesheet.
+   * @returns {*}
+   */
+  static get cssStyleSheet() {
+    return styles;
+  }
+  /**
+   * Getter for the observed attributes.
+   * @returns {*[]}
+   */
+  static get observedAttributes() {
+    return [];
+  }
+  /**
+   * Sets up the attributes for the CarouselItem.
+   */
+  setupAttributes() {
+    this.isShadowRoot = "open";
+  }
+  /**
+   * Draws the CarouselItem element.
+   * @returns {DocumentFragment}
+   */
+  draw() {
+    let fragment = document.createDocumentFragment();
+    let native = document.createElement("div");
+    native.classList.add("native-carousel-item");
+    native.setAttribute("part", "native");
+    let slot = document.createElement("slot");
+    native.appendChild(slot);
+    fragment.appendChild(native);
+    return fragment;
+  }
+  /**
+   * After draw event for the CarouselItem element.
+   */
+  afterDraw() {
+    event.addListener(this, "click", "wje-carousel-item:click");
+  }
+}
+WJElement.define("wje-carousel-item", CarouselItem);
+export {
+  CarouselItem as default
+};
+//# sourceMappingURL=wje-carousel-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wje-carousel-item.js","sources":["../packages/wje-carousel-item/carousel-item.element.js","../packages/wje-carousel-item/carousel-item.js"],"sourcesContent":["import { default as WJElement, event } from '../wje-element/element.js';\n\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary This class represents CarouselItem element, extending the WJElement class.\n * @documentation https://elements.webjet.sk/components/carousel-item\n * @status stable\n * @augments WJElement\n * @slot - The carousel item main content.\n * @csspart native - The component's native wrapper.\n * @cssproperty [--wje-carousel-item-background-color=transparent] - Background color of the component;\n * @cssproperty [--wje-carousel-item-border-color=--wje-color-contrast-4] - Border color of the component;\n * @cssproperty [--wje-carousel-item-color=--wje-color-contrast-11] - Color of the component;\n * @cssproperty [--wje-carousel-item-border-radius=--wje-border-radius-medium] - Border radius of the component;\n * @cssproperty [--wje-carousel-item-border-width=1px] - Border width of the component;\n * @cssproperty [--wje-carousel-item-border-style=solid] - Border style of the component;\n * @cssproperty [--wje-carousel-item-border-color=--wje-color-contrast-1] - Border color of the component;\n * @cssproperty [--wje-carousel-item-margin-inline=0] - Margin inline of the component;\n */\nexport default class CarouselItem extends WJElement {\n    /**\n     * CarouselItem constructor method.\n     */\n    constructor() {\n        super();\n    }\n\n    /**\n     * Class name for the CarouselItem element.\n     * @type {string}\n     */\n    className = 'CarouselItem';\n\n    /**\n     * Getter for the CSS stylesheet.\n     * @returns {*}\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Getter for the observed attributes.\n     * @returns {*[]}\n     */\n    static get observedAttributes() {\n        return [];\n    }\n\n    /**\n     * Sets up the attributes for the CarouselItem.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Draws the CarouselItem element.\n     * @returns {DocumentFragment}\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let native = document.createElement('div');\n        native.classList.add('native-carousel-item');\n        native.setAttribute('part', 'native');\n\n        let slot = document.createElement('slot');\n\n        native.appendChild(slot);\n\n        fragment.appendChild(native);\n\n        return fragment;\n    }\n\n    /**\n     * After draw event for the CarouselItem element.\n     */\n    afterDraw() {\n        event.addListener(this, 'click', 'wje-carousel-item:click');\n    }\n}\n","import { default as WJElement } from '../wje-element/element.js';\nimport CarouselItem from './carousel-item.element.js';\n\n// export * from \"./carousel-item.element.js\";\nexport default CarouselItem;\n\nWJElement.define('wje-carousel-item', CarouselItem);\n"],"names":[],"mappings":";;;;;AAoBe,MAAM,qBAAqB,UAAU;AAAA;AAAA;AAAA;AAAA,EAIhD,cAAc;AACV,UAAO;AAOX;AAAA;AAAA;AAAA;AAAA,qCAAY;AAAA,EANhB;AAAA;AAAA;AAAA;AAAA;AAAA,EAYI,WAAW,gBAAgB;AACvB,WAAO;AAAA,EACf;AAAA;AAAA;AAAA;AAAA;AAAA,EAMI,WAAW,qBAAqB;AAC5B,WAAO,CAAE;AAAA,EACjB;AAAA;AAAA;AAAA;AAAA,EAKI,kBAAkB;AACd,SAAK,eAAe;AAAA,EAC5B;AAAA;AAAA;AAAA;AAAA;AAAA,EAMI,OAAO;AACH,QAAI,WAAW,SAAS,uBAAwB;AAEhD,QAAI,SAAS,SAAS,cAAc,KAAK;AACzC,WAAO,UAAU,IAAI,sBAAsB;AAC3C,WAAO,aAAa,QAAQ,QAAQ;AAEpC,QAAI,OAAO,SAAS,cAAc,MAAM;AAExC,WAAO,YAAY,IAAI;AAEvB,aAAS,YAAY,MAAM;AAE3B,WAAO;AAAA,EACf;AAAA;AAAA;AAAA;AAAA,EAKI,YAAY;AACR,UAAM,YAAY,MAAM,SAAS,yBAAyB;AAAA,EAClE;AACA;AC7EA,UAAU,OAAO,qBAAqB,YAAY;"}