wj-elements 0.7.7 → 0.8.0

package/dist/wje-card.js

@@ -1,93 +1,37 @@
 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: var(--wje-card-background);\n    color: var(--wje-card-color);\n    margin: 0;\n    box-shadow: var(--wje-card-shadow);\n    border-color: var(--wje-card-border-color);\n    border-style: var(--wje-card-border-style);\n    border-width: var(--wje-card-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
-   */
+import r from "./wje-element.js";
+class o extends r {
   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;
+    return ":host{width:100%}.native-card{background:var(--wje-card-background);color:var(--wje-card-color);margin:0;box-shadow:var(--wje-card-shadow);border-color:var(--wje-card-border-color);border-style:var(--wje-card-border-style);border-width:var(--wje-card-border-width);border-radius:var(--wje-card-border-radius);font-family:var(--wje-font-family);font-size:var(--wje-font-size);line-height:var(--wje-line-height-normal);position:relative;width:100%;word-wrap:normal;display:flex;flex-direction:column;overflow:hidden;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.native-card.wje-color-primary{background:var(--wje-color-primary-9);color:var(--wje-color-contrast-0);border-color:var(--wje-color-primary-9)}.native-card.wje-color-complete{background:var(--wje-color-complete-9);color:var(--wje-color-contrast-0);border-color:var(--wje-color-complete-9)}.native-card.wje-color-success{background:var(--wje-color-success-9);color:var(--wje-color-contrast-0);border-color:var(--wje-color-success-9)}.native-card.wje-color-warning{background:var(--wje-color-warning-9);color:var(--wje-color);border-color:var(--wje-color-warning-9)}.native-card.wje-color-danger{background:var(--wje-color-danger-9);color:var(--wje-color-contrast-0);border-color:var(--wje-color-danger-9)}.native-card.wje-color-info{background:var(--wje-color-info-9);color:var(--wje-color-contrast-0);border-color:var(--wje-color-info-9)}.native-card.wje-color-menu{background:var(--wje-color-contrast-9);color:var(--wje-color-contrast-0);border-color:var(--wje-color-contrast-9)}";
   }
-  /**
-   * Get observed attributes for the Card element.
-   * @static
-   * @returns {Array<string>} observedAttributes - The observed attributes array
-   */
   static get observedAttributes() {
     return ["label", "aria-label", "aria-labelledby"];
   }
-  /**
-   * Setup attributes for the Card element.
-   */
   setupAttributes() {
-    this.isShadowRoot = "open";
-    this.syncAria();
+    this.isShadowRoot = "open", this.syncAria();
   }
-  /**
-   * Handles attribute changes for ARIA sync.
-   * @param {string} name
-   * @param {string|null} oldValue
-   * @param {string|null} newValue
-   */
-  attributeChangedCallback(name, oldValue, newValue) {
-    if (super.attributeChangedCallback) {
-      super.attributeChangedCallback(name, oldValue, newValue);
-    }
-    if (oldValue !== newValue) {
-      this.syncAria();
-    }
+  attributeChangedCallback(r2, o2, e) {
+    super.attributeChangedCallback && super.attributeChangedCallback(r2, o2, e), o2 !== e && this.syncAria();
   }
-  /**
-   * Sync ARIA attributes on host only when labeling is provided.
-   */
   syncAria() {
-    const ariaLabel = this.getAttribute("aria-label");
-    const label = this.getAttribute("label");
-    const labelledBy = this.getAttribute("aria-labelledby");
-    if ((ariaLabel || label || labelledBy) && !this.hasAttribute("role")) {
-      this.setAriaState({ role: "region" });
-    }
-    if (!ariaLabel && label) {
-      this.setAriaState({ label });
-    }
+    const r2 = this.getAttribute("aria-label"), o2 = this.getAttribute("label"), e = this.getAttribute("aria-labelledby");
+    (r2 || o2 || e) && !this.hasAttribute("role") && this.setAriaState({ role: "region" }), !r2 && o2 && this.setAriaState({ label: o2 });
   }
-  /**
-   * 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;
+  draw(r2, o2, e) {
+    let a = document.createDocumentFragment(), t = document.createElement("div");
+    t.setAttribute("part", "native"), t.classList.add("native-card");
+    let c = document.createElement("slot");
+    return e.color && t.classList.add("wje-color-" + e.color), t.appendChild(c), a.appendChild(t), a;
   }
 }
-WJElement.define("wje-card", Card);
+r.define("wje-card", o);
 export {
-  Card as default
+  o as default
 };
 //# sourceMappingURL=wje-card.js.map

package/dist/wje-card.js.map

@@ -1 +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-background=#fff] - Background of the component;\n * @cssproperty [--wje-card-color=#000] - Color of the component;\n * @cssproperty [--wje-card-border-color=transparent] - Border color of the component;\n * @cssproperty [--wje-card-border-style=solid] - Border style of the component;\n * @cssproperty [--wje-card-border-width=1px] - Border width of the component;\n * @cssproperty [--wje-card-border-radius=0.5rem] - Border radius of the component;\n * @cssproperty [--wje-card-shadow=var(--wje-shadow-x-large)] - Shadow 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     * Get observed attributes for the Card element.\n     * @static\n     * @returns {Array<string>} observedAttributes - The observed attributes array\n     */\n    static get observedAttributes() {\n        return ['label', 'aria-label', 'aria-labelledby'];\n    }\n\n    /**\n     * Setup attributes for the Card element.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n        this.syncAria();\n    }\n\n    /**\n     * Handles attribute changes for ARIA sync.\n     * @param {string} name\n     * @param {string|null} oldValue\n     * @param {string|null} newValue\n     */\n    attributeChangedCallback(name, oldValue, newValue) {\n        if (super.attributeChangedCallback) {\n            super.attributeChangedCallback(name, oldValue, newValue);\n        }\n\n        if (oldValue !== newValue) {\n            this.syncAria();\n        }\n    }\n\n    /**\n     * Sync ARIA attributes on host only when labeling is provided.\n     */\n    syncAria() {\n        const ariaLabel = this.getAttribute('aria-label');\n        const label = this.getAttribute('label');\n        const labelledBy = this.getAttribute('aria-labelledby');\n\n        if ((ariaLabel || label || labelledBy) && !this.hasAttribute('role')) {\n            this.setAriaState({ role: 'region' });\n        }\n\n        if (!ariaLabel && label) {\n            this.setAriaState({ label });\n        }\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":";;;;;AAiBe,MAAM,aAAa,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKxC,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,CAAC,SAAS,cAAc,iBAAiB;AAAA,EACpD;AAAA;AAAA;AAAA;AAAA,EAKA,kBAAkB;AACd,SAAK,eAAe;AACpB,SAAK,SAAQ;AAAA,EACjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,yBAAyB,MAAM,UAAU,UAAU;AAC/C,QAAI,MAAM,0BAA0B;AAChC,YAAM,yBAAyB,MAAM,UAAU,QAAQ;AAAA,IAC3D;AAEA,QAAI,aAAa,UAAU;AACvB,WAAK,SAAQ;AAAA,IACjB;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA,EAKA,WAAW;AACP,UAAM,YAAY,KAAK,aAAa,YAAY;AAChD,UAAM,QAAQ,KAAK,aAAa,OAAO;AACvC,UAAM,aAAa,KAAK,aAAa,iBAAiB;AAEtD,SAAK,aAAa,SAAS,eAAe,CAAC,KAAK,aAAa,MAAM,GAAG;AAClE,WAAK,aAAa,EAAE,MAAM,SAAQ,CAAE;AAAA,IACxC;AAEA,QAAI,CAAC,aAAa,OAAO;AACrB,WAAK,aAAa,EAAE,OAAO;AAAA,IAC/B;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,KAAK,SAAS,OAAO,QAAQ;AACzB,QAAI,WAAW,SAAS,uBAAsB;AAE9C,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,EACX;AACJ;AC7GA,UAAU,OAAO,YAAY,IAAI;"}
+{"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-background=#fff] - Background of the component;\n * @cssproperty [--wje-card-color=#000] - Color of the component;\n * @cssproperty [--wje-card-border-color=transparent] - Border color of the component;\n * @cssproperty [--wje-card-border-style=solid] - Border style of the component;\n * @cssproperty [--wje-card-border-width=1px] - Border width of the component;\n * @cssproperty [--wje-card-border-radius=0.5rem] - Border radius of the component;\n * @cssproperty [--wje-card-shadow=var(--wje-shadow-x-large)] - Shadow 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     * Get observed attributes for the Card element.\n     * @static\n     * @returns {Array<string>} observedAttributes - The observed attributes array\n     */\n    static get observedAttributes() {\n        return ['label', 'aria-label', 'aria-labelledby'];\n    }\n\n    /**\n     * Setup attributes for the Card element.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n        this.syncAria();\n    }\n\n    /**\n     * Handles attribute changes for ARIA sync.\n     * @param {string} name\n     * @param {string|null} oldValue\n     * @param {string|null} newValue\n     */\n    attributeChangedCallback(name, oldValue, newValue) {\n        if (super.attributeChangedCallback) {\n            super.attributeChangedCallback(name, oldValue, newValue);\n        }\n\n        if (oldValue !== newValue) {\n            this.syncAria();\n        }\n    }\n\n    /**\n     * Sync ARIA attributes on host only when labeling is provided.\n     */\n    syncAria() {\n        const ariaLabel = this.getAttribute('aria-label');\n        const label = this.getAttribute('label');\n        const labelledBy = this.getAttribute('aria-labelledby');\n\n        if ((ariaLabel || label || labelledBy) && !this.hasAttribute('role')) {\n            this.setAriaState({ role: 'region' });\n        }\n\n        if (!ariaLabel && label) {\n            this.setAriaState({ label });\n        }\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":["Card","WJElement","constructor","super","className","cssStyleSheet","observedAttributes","setupAttributes","this","isShadowRoot","syncAria","name","oldValue","newValue","attributeChangedCallback","ariaLabel","getAttribute","label","labelledBy","hasAttribute","setAriaState","role","context","store","params","fragment","document","createDocumentFragment","native","createElement","setAttribute","classList","add","slot","color","appendChild","define"],"mappings":";;;;AAiBe,MAAMA,UAAaC,EAAAA;AAAAA,EAK9B,cAAAC;AACIC,UAAAA;AAOJC,qCAAY;AAAA,EANZ;AAAA,EAaA,WAAA,gBAAWC;AACP;EACJ;AAAA,EAOA,WAAA,qBAAWC;AACP,WAAO,CAAC,SAAS,cAAc,iBAAA;AAAA,EACnC;AAAA,EAKA,kBAAAC;AACIC,SAAKC,eAAe,QACpBD,KAAKE,SAAAA;AAAAA,EACT;AAAA,EAQA,yBAAyBC,IAAMC,IAAUC,GAAAA;AACjCV,UAAMW,4BACNX,MAAMW,yBAAyBH,IAAMC,IAAUC,CAAAA,GAG/CD,OAAaC,KACbL,KAAKE,SAAAA;AAAAA,EAEb;AAAA,EAKA,WAAAA;AACI,UAAMK,KAAYP,KAAKQ,aAAa,YAAA,GAC9BC,KAAQT,KAAKQ,aAAa,OAAA,GAC1BE,IAAaV,KAAKQ,aAAa,iBAAA;AAAA,KAEhCD,MAAaE,MAASC,MAAAA,CAAgBV,KAAKW,aAAa,MAAA,KACzDX,KAAKY,aAAa,EAAEC,MAAM,SAAA,CAAA,GAAA,CAGzBN,MAAaE,MACdT,KAAKY,aAAa,EAAEH,OAAAA,GAAAA,CAAAA;AAAAA,EAE5B;AAAA,EASA,KAAKK,IAASC,IAAOC,GAAAA;AACjB,QAAIC,IAAWC,SAASC,uBAAAA,GAEpBC,IAASF,SAASG,cAAc;AACpCD,MAAOE,aAAa,QAAQ,QAAA,GAC5BF,EAAOG,UAAUC,IAAI,aAAA;AAErB,QAAIC,IAAOP,SAASG,cAAc,MAAA;AAQlC,WANIL,EAAOU,SAAON,EAAOG,UAAUC,IAAI,eAAeR,EAAOU,KAAAA,GAE7DN,EAAOO,YAAYF,CAAAA,GAEnBR,EAASU,YAAYP,CAAAA,GAEdH;AAAAA,EACX;AAAA;AC5GJxB,EAAUmC,OAAO,YAAYpC,CAAAA;"}

package/dist/wje-carousel-item.js

@@ -1,82 +1,38 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import WJElement from "./wje-element.js";
-import { event } from "./event.js";
-const styles = "/*\n[ WJ Carousel Item ]\n*/\n\n:host {\n    display: flex;\n    align-items: stretch;\n    justify-content: flex-start;\n    flex-direction: column;\n    width: var(--wje-carousel-item-basis, var(--wje-carousel-size, 100%));\n    min-width: 0;\n    max-width: 100%;\n    max-height: 100%;\n    align-self: stretch;\n    aspect-ratio: var(--wje-carousel-item-aspect-ratio, inherit);\n    scroll-snap-align: start;\n    scroll-snap-stop: always;\n    box-sizing: border-box;\n}\n\n.native-carousel-item {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    flex: 1 1 auto;\n    align-items: stretch;\n    justify-content: flex-start;\n    min-width: 0;\n    box-sizing: border-box;\n}\n\nslot {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    flex: 1 1 auto;\n    align-items: stretch;\n    justify-content: center;\n    min-width: 0;\n}\n\n:host([single-content]) ::slotted(*) {\n    width: 100%;\n    min-width: 0;\n    flex: 1 1 auto;\n}\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.
-   */
+import t from "./wje-element.js";
+import { event as e } from "./event.js";
+class s extends t {
   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;
+    return ":host{display:flex;align-items:stretch;justify-content:flex-start;flex-direction:column;width:var(--wje-carousel-item-basis, var(--wje-carousel-size, 100%));min-width:0;max-width:100%;max-height:100%;align-self:stretch;aspect-ratio:var(--wje-carousel-item-aspect-ratio, inherit);scroll-snap-align:start;scroll-snap-stop:always;box-sizing:border-box}.native-carousel-item{width:100%;height:100%;display:flex;flex:1 1 auto;align-items:stretch;justify-content:flex-start;min-width:0;box-sizing:border-box}slot{display:flex;width:100%;height:100%;flex:1 1 auto;align-items:stretch;justify-content:center;min-width:0}:host([single-content]) ::slotted(*){width:100%;min-width:0;flex:1 1 auto}::slotted(wje-img){width:100%!important;height:100%!important;object-fit:contain;display:flex}";
   }
-  /**
-   * 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");
-    this.defaultSlot = slot;
-    native.appendChild(slot);
-    fragment.appendChild(native);
-    return fragment;
+    let t2 = document.createDocumentFragment(), e2 = document.createElement("div");
+    e2.classList.add("native-carousel-item"), e2.setAttribute("part", "native");
+    let s2 = document.createElement("slot");
+    return this.defaultSlot = s2, e2.appendChild(s2), t2.appendChild(e2), t2;
   }
-  /**
-   * After draw event for the CarouselItem element.
-   */
   afterDraw() {
-    event.addListener(this, "click", "wje-carousel-item:click");
-    this.syncContentLayoutMode();
-    if (this.defaultSlot && !this.defaultSlot.dataset.wjeCarouselItemBound) {
-      this.defaultSlot.addEventListener("slotchange", () => this.syncContentLayoutMode());
-      this.defaultSlot.dataset.wjeCarouselItemBound = "true";
-    }
+    e.addListener(this, "click", "wje-carousel-item:click"), this.syncContentLayoutMode(), this.defaultSlot && !this.defaultSlot.dataset.wjeCarouselItemBound && (this.defaultSlot.addEventListener("slotchange", () => this.syncContentLayoutMode()), this.defaultSlot.dataset.wjeCarouselItemBound = "true");
   }
-  /**
-   * Keeps a simple layout hint for single-wrapper content.
-   */
   syncContentLayoutMode() {
     var _a;
-    const assignedElements = ((_a = this.defaultSlot) == null ? void 0 : _a.assignedElements({ flatten: true })) || [];
-    if (assignedElements.length === 1) {
-      this.setAttribute("single-content", "");
-      return;
-    }
-    this.removeAttribute("single-content");
+    1 !== (((_a = this.defaultSlot) == null ? void 0 : _a.assignedElements({ flatten: true })) || []).length ? this.removeAttribute("single-content") : this.setAttribute("single-content", "");
   }
 }
-WJElement.define("wje-carousel-item", CarouselItem);
+t.define("wje-carousel-item", s);
 export {
-  CarouselItem as default
+  s as default
 };
 //# sourceMappingURL=wje-carousel-item.js.map

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

@@ -1 +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        this.defaultSlot = 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        this.syncContentLayoutMode();\n\n        if (this.defaultSlot && !this.defaultSlot.dataset.wjeCarouselItemBound) {\n            this.defaultSlot.addEventListener('slotchange', () => this.syncContentLayoutMode());\n            this.defaultSlot.dataset.wjeCarouselItemBound = 'true';\n        }\n    }\n\n    /**\n     * Keeps a simple layout hint for single-wrapper content.\n     */\n    syncContentLayoutMode() {\n        const assignedElements = this.defaultSlot?.assignedElements({ flatten: true }) || [];\n\n        if (assignedElements.length === 1) {\n            this.setAttribute('single-content', '');\n            return;\n        }\n\n        this.removeAttribute('single-content');\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,UAAK;AAOT;AAAA;AAAA;AAAA;AAAA,qCAAY;AAAA,EANZ;AAAA;AAAA;AAAA;AAAA;AAAA,EAYA,WAAW,gBAAgB;AACvB,WAAO;AAAA,EACX;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,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,SAAS,SAAS,cAAc,KAAK;AACzC,WAAO,UAAU,IAAI,sBAAsB;AAC3C,WAAO,aAAa,QAAQ,QAAQ;AAEpC,QAAI,OAAO,SAAS,cAAc,MAAM;AACxC,SAAK,cAAc;AAEnB,WAAO,YAAY,IAAI;AAEvB,aAAS,YAAY,MAAM;AAE3B,WAAO;AAAA,EACX;AAAA;AAAA;AAAA;AAAA,EAKA,YAAY;AACR,UAAM,YAAY,MAAM,SAAS,yBAAyB;AAC1D,SAAK,sBAAqB;AAE1B,QAAI,KAAK,eAAe,CAAC,KAAK,YAAY,QAAQ,sBAAsB;AACpE,WAAK,YAAY,iBAAiB,cAAc,MAAM,KAAK,uBAAuB;AAClF,WAAK,YAAY,QAAQ,uBAAuB;AAAA,IACpD;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA,EAKA,wBAAwB;;AACpB,UAAM,qBAAmB,UAAK,gBAAL,mBAAkB,iBAAiB,EAAE,SAAS,KAAI,OAAO,CAAA;AAElF,QAAI,iBAAiB,WAAW,GAAG;AAC/B,WAAK,aAAa,kBAAkB,EAAE;AACtC;AAAA,IACJ;AAEA,SAAK,gBAAgB,gBAAgB;AAAA,EACzC;AACJ;AClGA,UAAU,OAAO,qBAAqB,YAAY;"}
+{"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        this.defaultSlot = 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        this.syncContentLayoutMode();\n\n        if (this.defaultSlot && !this.defaultSlot.dataset.wjeCarouselItemBound) {\n            this.defaultSlot.addEventListener('slotchange', () => this.syncContentLayoutMode());\n            this.defaultSlot.dataset.wjeCarouselItemBound = 'true';\n        }\n    }\n\n    /**\n     * Keeps a simple layout hint for single-wrapper content.\n     */\n    syncContentLayoutMode() {\n        const assignedElements = this.defaultSlot?.assignedElements({ flatten: true }) || [];\n\n        if (assignedElements.length === 1) {\n            this.setAttribute('single-content', '');\n            return;\n        }\n\n        this.removeAttribute('single-content');\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":["CarouselItem","WJElement","constructor","super","className","cssStyleSheet","observedAttributes","setupAttributes","this","isShadowRoot","draw","fragment","document","createDocumentFragment","native","createElement","classList","add","setAttribute","slot","defaultSlot","appendChild","afterDraw","event","addListener","syncContentLayoutMode","dataset","wjeCarouselItemBound","addEventListener","assignedElements","flatten","length","removeAttribute","define"],"mappings":";;;;;AAoBe,MAAMA,UAAqBC;EAItC,cAAAC;AACIC,UAAAA;AAOJC,qCAAY;AAAA,EANZ;AAAA,EAYA,2BAAWC;AACP;EACJ;AAAA,EAMA,WAAA,qBAAWC;AACP,WAAO,CAAA;AAAA,EACX;AAAA,EAKA,kBAAAC;AACIC,SAAKC,eAAe;AAAA,EACxB;AAAA,EAMA,OAAAC;AACI,QAAIC,KAAWC,SAASC,uBAAAA,GAEpBC,KAASF,SAASG,cAAc,KAAA;AACpCD,IAAAA,GAAOE,UAAUC,IAAI,yBACrBH,GAAOI,aAAa,QAAQ,QAAA;AAE5B,QAAIC,KAAOP,SAASG,cAAc,MAAA;AAOlC,WANAP,KAAKY,cAAcD,IAEnBL,GAAOO,YAAYF,EAAAA,GAEnBR,GAASU,YAAYP,EAAAA,GAEdH;AAAAA,EACX;AAAA,EAKA,YAAAW;AACIC,MAAMC,YAAYhB,MAAM,SAAS,yBAAA,GACjCA,KAAKiB,sBAAAA,GAEDjB,KAAKY,eAAAA,CAAgBZ,KAAKY,YAAYM,QAAQC,yBAC9CnB,KAAKY,YAAYQ,iBAAiB,cAAc,MAAMpB,KAAKiB,sBAAAA,CAAAA,GAC3DjB,KAAKY,YAAYM,QAAQC,uBAAuB;AAAA,EAExD;AAAA,EAKA,wBAAAF;;AAGoC,aAFPjB,UAAKY,gBAALZ,mBAAkBqB,iBAAiB,EAAEC,SAAAA,KAAS,OAAW,IAE7DC,SAKrBvB,KAAKwB,gBAAgB,gBAAA,IAJjBxB,KAAKU,aAAa,kBAAkB,EAAA;AAAA,EAK5C;AAAA;ACjGJjB,EAAUgC,OAAO,qBAAqBjC,CAAAA;"}