wj-elements 0.7.7 → 0.8.0

package/dist/wje-grid.js

@@ -1,54 +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[ Grid ]\n*/\n:host {\n  width: 100%;\n  flex-grow: 0;\n}\n\n/*\n[ Row ]\n*/\nwje-row {\n  display: flex;\n  flex-wrap: wrap;\n}\n\nwje-row {\n  --wje-gutter-x: 1.5rem;\n  --wje-gutter-y: 0;\n  display: flex;\n  flex-wrap: wrap;\n  margin-top: calc(var(--wje-gutter-y) * -1);\n  margin-right: calc(var(--wje-gutter-x) * -0.5);\n  margin-left: calc(var(--wje-gutter-x) * -0.5);\n}\n\n.g-0,\n.gx-0 {\n  --wje-gutter-x: 0;\n}\n\n.g-0,\n.gy-0 {\n  --wje-gutter-y: 0;\n}\n\n.g-1,\n.gx-1 {\n  --wje-gutter-x: 0.25rem;\n}\n\n.g-1,\n.gy-1 {\n  --wje-gutter-y: 0.25rem;\n}\n\n.g-2,\n.gx-2 {\n  --wje-gutter-x: 0.5rem;\n}\n\n.g-2,\n.gy-2 {\n  --wje-gutter-y: 0.5rem;\n}\n\n.g-3,\n.gx-3 {\n  --wje-gutter-x: 1rem;\n}\n\n.g-3,\n.gy-3 {\n  --wje-gutter-y: 1rem;\n}\n\n.g-4,\n.gx-4 {\n  --wje-gutter-x: 1.5rem;\n}\n\n.g-4,\n.gy-4 {\n  --wje-gutter-y: 1.5rem;\n}\n\n.g-5,\n.gx-5 {\n  --wje-gutter-x: 3rem;\n}\n\n.g-5,\n.gy-5 {\n  --wje-gutter-y: 3rem;\n}\n\n@media (min-width: 576px) {\n  .g-sm-0,\n  .gx-sm-0 {\n    --wje-gutter-x: 0;\n  }\n  .g-sm-0,\n  .gy-sm-0 {\n    --wje-gutter-y: 0;\n  }\n  .g-sm-1,\n  .gx-sm-1 {\n    --wje-gutter-x: 0.25rem;\n  }\n  .g-sm-1,\n  .gy-sm-1 {\n    --wje-gutter-y: 0.25rem;\n  }\n  .g-sm-2,\n  .gx-sm-2 {\n    --wje-gutter-x: 0.5rem;\n  }\n  .g-sm-2,\n  .gy-sm-2 {\n    --wje-gutter-y: 0.5rem;\n  }\n  .g-sm-3,\n  .gx-sm-3 {\n    --wje-gutter-x: 1rem;\n  }\n  .g-sm-3,\n  .gy-sm-3 {\n    --wje-gutter-y: 1rem;\n  }\n  .g-sm-4,\n  .gx-sm-4 {\n    --wje-gutter-x: 1.5rem;\n  }\n  .g-sm-4,\n  .gy-sm-4 {\n    --wje-gutter-y: 1.5rem;\n  }\n  .g-sm-5,\n  .gx-sm-5 {\n    --wje-gutter-x: 3rem;\n  }\n  .g-sm-5,\n  .gy-sm-5 {\n    --wje-gutter-y: 3rem;\n  }\n}\n@media (min-width: 768px) {\n  .g-md-0,\n  .gx-md-0 {\n    --wje-gutter-x: 0;\n  }\n  .g-md-0,\n  .gy-md-0 {\n    --wje-gutter-y: 0;\n  }\n  .g-md-1,\n  .gx-md-1 {\n    --wje-gutter-x: 0.25rem;\n  }\n  .g-md-1,\n  .gy-md-1 {\n    --wje-gutter-y: 0.25rem;\n  }\n  .g-md-2,\n  .gx-md-2 {\n    --wje-gutter-x: 0.5rem;\n  }\n  .g-md-2,\n  .gy-md-2 {\n    --wje-gutter-y: 0.5rem;\n  }\n  .g-md-3,\n  .gx-md-3 {\n    --wje-gutter-x: 1rem;\n  }\n  .g-md-3,\n  .gy-md-3 {\n    --wje-gutter-y: 1rem;\n  }\n  .g-md-4,\n  .gx-md-4 {\n    --wje-gutter-x: 1.5rem;\n  }\n  .g-md-4,\n  .gy-md-4 {\n    --wje-gutter-y: 1.5rem;\n  }\n  .g-md-5,\n  .gx-md-5 {\n    --wje-gutter-x: 3rem;\n  }\n  .g-md-5,\n  .gy-md-5 {\n    --wje-gutter-y: 3rem;\n  }\n}\n@media (min-width: 992px) {\n  .g-lg-0,\n  .gx-lg-0 {\n    --wje-gutter-x: 0;\n  }\n  .g-lg-0,\n  .gy-lg-0 {\n    --wje-gutter-y: 0;\n  }\n  .g-lg-1,\n  .gx-lg-1 {\n    --wje-gutter-x: 0.25rem;\n  }\n  .g-lg-1,\n  .gy-lg-1 {\n    --wje-gutter-y: 0.25rem;\n  }\n  .g-lg-2,\n  .gx-lg-2 {\n    --wje-gutter-x: 0.5rem;\n  }\n  .g-lg-2,\n  .gy-lg-2 {\n    --wje-gutter-y: 0.5rem;\n  }\n  .g-lg-3,\n  .gx-lg-3 {\n    --wje-gutter-x: 1rem;\n  }\n  .g-lg-3,\n  .gy-lg-3 {\n    --wje-gutter-y: 1rem;\n  }\n  .g-lg-4,\n  .gx-lg-4 {\n    --wje-gutter-x: 1.5rem;\n  }\n  .g-lg-4,\n  .gy-lg-4 {\n    --wje-gutter-y: 1.5rem;\n  }\n  .g-lg-5,\n  .gx-lg-5 {\n    --wje-gutter-x: 3rem;\n  }\n  .g-lg-5,\n  .gy-lg-5 {\n    --wje-gutter-y: 3rem;\n  }\n}\n@media (min-width: 1200px) {\n  .g-xl-0,\n  .gx-xl-0 {\n    --wje-gutter-x: 0;\n  }\n  .g-xl-0,\n  .gy-xl-0 {\n    --wje-gutter-y: 0;\n  }\n  .g-xl-1,\n  .gx-xl-1 {\n    --wje-gutter-x: 0.25rem;\n  }\n  .g-xl-1,\n  .gy-xl-1 {\n    --wje-gutter-y: 0.25rem;\n  }\n  .g-xl-2,\n  .gx-xl-2 {\n    --wje-gutter-x: 0.5rem;\n  }\n  .g-xl-2,\n  .gy-xl-2 {\n    --wje-gutter-y: 0.5rem;\n  }\n  .g-xl-3,\n  .gx-xl-3 {\n    --wje-gutter-x: 1rem;\n  }\n  .g-xl-3,\n  .gy-xl-3 {\n    --wje-gutter-y: 1rem;\n  }\n  .g-xl-4,\n  .gx-xl-4 {\n    --wje-gutter-x: 1.5rem;\n  }\n  .g-xl-4,\n  .gy-xl-4 {\n    --wje-gutter-y: 1.5rem;\n  }\n  .g-xl-5,\n  .gx-xl-5 {\n    --wje-gutter-x: 3rem;\n  }\n  .g-xl-5,\n  .gy-xl-5 {\n    --wje-gutter-y: 3rem;\n  }\n}\n@media (min-width: 1400px) {\n  .g-xxl-0,\n  .gx-xxl-0 {\n    --wje-gutter-x: 0;\n  }\n  .g-xxl-0,\n  .gy-xxl-0 {\n    --wje-gutter-y: 0;\n  }\n  .g-xxl-1,\n  .gx-xxl-1 {\n    --wje-gutter-x: 0.25rem;\n  }\n  .g-xxl-1,\n  .gy-xxl-1 {\n    --wje-gutter-y: 0.25rem;\n  }\n  .g-xxl-2,\n  .gx-xxl-2 {\n    --wje-gutter-x: 0.5rem;\n  }\n  .g-xxl-2,\n  .gy-xxl-2 {\n    --wje-gutter-y: 0.5rem;\n  }\n  .g-xxl-3,\n  .gx-xxl-3 {\n    --wje-gutter-x: 1rem;\n  }\n  .g-xxl-3,\n  .gy-xxl-3 {\n    --wje-gutter-y: 1rem;\n  }\n  .g-xxl-4,\n  .gx-xxl-4 {\n    --wje-gutter-x: 1.5rem;\n  }\n  .g-xxl-4,\n  .gy-xxl-4 {\n    --wje-gutter-y: 1.5rem;\n  }\n  .g-xxl-5,\n  .gx-xxl-5 {\n    --wje-gutter-x: 3rem;\n  }\n  .g-xxl-5,\n  .gy-xxl-5 {\n    --wje-gutter-y: 3rem;\n  }\n}";
-class Grid extends WJElement {
-  /**
-   * Constructor for the Grid class.
-   */
+import e from "./wje-element.js";
+class g extends e {
   constructor() {
     super();
-    /**
-     * The class name for the Grid class.
-     * @type {string}
-     */
     __publicField(this, "className", "Grid");
   }
-  /**
-   * Getter for the CSS stylesheet.
-   * @returns {*}
-   */
   static get cssStyleSheet() {
-    return styles;
+    return ":host{width:100%;flex-grow:0}wje-row{display:flex;flex-wrap:wrap}wje-row{--wje-gutter-x: 1.5rem;--wje-gutter-y: 0;display:flex;flex-wrap:wrap;margin-top:calc(var(--wje-gutter-y) * -1);margin-right:calc(var(--wje-gutter-x) * -.5);margin-left:calc(var(--wje-gutter-x) * -.5)}.g-0,.gx-0{--wje-gutter-x: 0}.g-0,.gy-0{--wje-gutter-y: 0}.g-1,.gx-1{--wje-gutter-x: .25rem}.g-1,.gy-1{--wje-gutter-y: .25rem}.g-2,.gx-2{--wje-gutter-x: .5rem}.g-2,.gy-2{--wje-gutter-y: .5rem}.g-3,.gx-3{--wje-gutter-x: 1rem}.g-3,.gy-3{--wje-gutter-y: 1rem}.g-4,.gx-4{--wje-gutter-x: 1.5rem}.g-4,.gy-4{--wje-gutter-y: 1.5rem}.g-5,.gx-5{--wje-gutter-x: 3rem}.g-5,.gy-5{--wje-gutter-y: 3rem}@media(min-width:576px){.g-sm-0,.gx-sm-0{--wje-gutter-x: 0}.g-sm-0,.gy-sm-0{--wje-gutter-y: 0}.g-sm-1,.gx-sm-1{--wje-gutter-x: .25rem}.g-sm-1,.gy-sm-1{--wje-gutter-y: .25rem}.g-sm-2,.gx-sm-2{--wje-gutter-x: .5rem}.g-sm-2,.gy-sm-2{--wje-gutter-y: .5rem}.g-sm-3,.gx-sm-3{--wje-gutter-x: 1rem}.g-sm-3,.gy-sm-3{--wje-gutter-y: 1rem}.g-sm-4,.gx-sm-4{--wje-gutter-x: 1.5rem}.g-sm-4,.gy-sm-4{--wje-gutter-y: 1.5rem}.g-sm-5,.gx-sm-5{--wje-gutter-x: 3rem}.g-sm-5,.gy-sm-5{--wje-gutter-y: 3rem}}@media(min-width:768px){.g-md-0,.gx-md-0{--wje-gutter-x: 0}.g-md-0,.gy-md-0{--wje-gutter-y: 0}.g-md-1,.gx-md-1{--wje-gutter-x: .25rem}.g-md-1,.gy-md-1{--wje-gutter-y: .25rem}.g-md-2,.gx-md-2{--wje-gutter-x: .5rem}.g-md-2,.gy-md-2{--wje-gutter-y: .5rem}.g-md-3,.gx-md-3{--wje-gutter-x: 1rem}.g-md-3,.gy-md-3{--wje-gutter-y: 1rem}.g-md-4,.gx-md-4{--wje-gutter-x: 1.5rem}.g-md-4,.gy-md-4{--wje-gutter-y: 1.5rem}.g-md-5,.gx-md-5{--wje-gutter-x: 3rem}.g-md-5,.gy-md-5{--wje-gutter-y: 3rem}}@media(min-width:992px){.g-lg-0,.gx-lg-0{--wje-gutter-x: 0}.g-lg-0,.gy-lg-0{--wje-gutter-y: 0}.g-lg-1,.gx-lg-1{--wje-gutter-x: .25rem}.g-lg-1,.gy-lg-1{--wje-gutter-y: .25rem}.g-lg-2,.gx-lg-2{--wje-gutter-x: .5rem}.g-lg-2,.gy-lg-2{--wje-gutter-y: .5rem}.g-lg-3,.gx-lg-3{--wje-gutter-x: 1rem}.g-lg-3,.gy-lg-3{--wje-gutter-y: 1rem}.g-lg-4,.gx-lg-4{--wje-gutter-x: 1.5rem}.g-lg-4,.gy-lg-4{--wje-gutter-y: 1.5rem}.g-lg-5,.gx-lg-5{--wje-gutter-x: 3rem}.g-lg-5,.gy-lg-5{--wje-gutter-y: 3rem}}@media(min-width:1200px){.g-xl-0,.gx-xl-0{--wje-gutter-x: 0}.g-xl-0,.gy-xl-0{--wje-gutter-y: 0}.g-xl-1,.gx-xl-1{--wje-gutter-x: .25rem}.g-xl-1,.gy-xl-1{--wje-gutter-y: .25rem}.g-xl-2,.gx-xl-2{--wje-gutter-x: .5rem}.g-xl-2,.gy-xl-2{--wje-gutter-y: .5rem}.g-xl-3,.gx-xl-3{--wje-gutter-x: 1rem}.g-xl-3,.gy-xl-3{--wje-gutter-y: 1rem}.g-xl-4,.gx-xl-4{--wje-gutter-x: 1.5rem}.g-xl-4,.gy-xl-4{--wje-gutter-y: 1.5rem}.g-xl-5,.gx-xl-5{--wje-gutter-x: 3rem}.g-xl-5,.gy-xl-5{--wje-gutter-y: 3rem}}@media(min-width:1400px){.g-xxl-0,.gx-xxl-0{--wje-gutter-x: 0}.g-xxl-0,.gy-xxl-0{--wje-gutter-y: 0}.g-xxl-1,.gx-xxl-1{--wje-gutter-x: .25rem}.g-xxl-1,.gy-xxl-1{--wje-gutter-y: .25rem}.g-xxl-2,.gx-xxl-2{--wje-gutter-x: .5rem}.g-xxl-2,.gy-xxl-2{--wje-gutter-y: .5rem}.g-xxl-3,.gx-xxl-3{--wje-gutter-x: 1rem}.g-xxl-3,.gy-xxl-3{--wje-gutter-y: 1rem}.g-xxl-4,.gx-xxl-4{--wje-gutter-x: 1.5rem}.g-xxl-4,.gy-xxl-4{--wje-gutter-y: 1.5rem}.g-xxl-5,.gx-xxl-5{--wje-gutter-x: 3rem}.g-xxl-5,.gy-xxl-5{--wje-gutter-y: 3rem}}";
   }
-  /**
-   * Getter for the observed attributes.
-   * @returns {*[]}
-   */
   static get observedAttributes() {
     return [];
   }
-  /**
-   * Sets up the attributes for the Grid.
-   */
   setupAttributes() {
     this.isShadowRoot = "open";
   }
-  /**
-   * Draws the Grid element.
-   * @returns {DocumentFragment}
-   */
   draw() {
-    let fragment = document.createDocumentFragment();
-    let element = document.createElement("slot");
-    if (this.color) this.classList.add("wje-color-" + this.color, "wje-color");
-    fragment.appendChild(element);
-    return fragment;
+    let e2 = document.createDocumentFragment(), g2 = document.createElement("slot");
+    return this.color && this.classList.add("wje-color-" + this.color, "wje-color"), e2.appendChild(g2), e2;
   }
 }
-Grid.define("wje-grid", Grid);
+g.define("wje-grid", g);
 export {
-  Grid as default
+  g as default
 };
 //# sourceMappingURL=wje-grid.js.map

package/dist/wje-grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"wje-grid.js","sources":["../packages/wje-grid/grid.element.js","../packages/wje-grid/grid.js"],"sourcesContent":["import { default as WJElement, WjElementUtils } from '../wje-element/element.js';\n\nimport styles from './scss/styles.scss?inline';\n\n/**\n * @summary The Grid class is a custom web component that extends WJElement. It is a simple grid that can hold other elements or components.\n * It provides a slot for adding child elements or components.\n * @documentation https://elements.webjet.sk/components/grid\n * @status stable\n * @augments WJElement\n * @slot - The slot for adding child elements or components.\n */\nexport default class Grid extends WJElement {\n    /**\n     * Constructor for the Grid class.\n     */\n    constructor() {\n        super();\n    }\n\n    /**\n     * The class name for the Grid class.\n     * @type {string}\n     */\n    className = 'Grid';\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 Grid.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Draws the Grid element.\n     * @returns {DocumentFragment}\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let element = document.createElement('slot');\n\n        if (this.color) this.classList.add('wje-color-' + this.color, 'wje-color');\n\n        fragment.appendChild(element);\n\n        return fragment;\n    }\n}\n","import Grid from './grid.element.js';\n\nexport default Grid;\n\nGrid.define('wje-grid', Grid);\n"],"names":[],"mappings":";;;;;AAYe,MAAM,aAAa,UAAU;AAAA;AAAA;AAAA;AAAA,EAIxC,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,UAAU,SAAS,cAAc,MAAM;AAE3C,QAAI,KAAK,MAAO,MAAK,UAAU,IAAI,eAAe,KAAK,OAAO,WAAW;AAEzE,aAAS,YAAY,OAAO;AAE5B,WAAO;AAAA,EACX;AACJ;AC5DA,KAAK,OAAO,YAAY,IAAI;"}
+{"version":3,"file":"wje-grid.js","sources":["../packages/wje-grid/grid.element.js","../packages/wje-grid/grid.js"],"sourcesContent":["import { default as WJElement, WjElementUtils } from '../wje-element/element.js';\n\nimport styles from './scss/styles.scss?inline';\n\n/**\n * @summary The Grid class is a custom web component that extends WJElement. It is a simple grid that can hold other elements or components.\n * It provides a slot for adding child elements or components.\n * @documentation https://elements.webjet.sk/components/grid\n * @status stable\n * @augments WJElement\n * @slot - The slot for adding child elements or components.\n */\nexport default class Grid extends WJElement {\n    /**\n     * Constructor for the Grid class.\n     */\n    constructor() {\n        super();\n    }\n\n    /**\n     * The class name for the Grid class.\n     * @type {string}\n     */\n    className = 'Grid';\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 Grid.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Draws the Grid element.\n     * @returns {DocumentFragment}\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let element = document.createElement('slot');\n\n        if (this.color) this.classList.add('wje-color-' + this.color, 'wje-color');\n\n        fragment.appendChild(element);\n\n        return fragment;\n    }\n}\n","import Grid from './grid.element.js';\n\nexport default Grid;\n\nGrid.define('wje-grid', Grid);\n"],"names":["Grid","WJElement","super","className","cssStyleSheet","observedAttributes","setupAttributes","this","isShadowRoot","fragment","document","createDocumentFragment","element","createElement","color","classList","add","appendChild","define"],"mappings":";;;;AAYe,MAAMA,UAAaC,EAAAA;AAAAA,EAI9B;AACIC,UAAAA;AAOJC,qCAAY;AAAA,EANZ;AAAA,EAYA,WAAA,gBAAWC;AACP;EACJ;AAAA,EAMA,WAAA,qBAAWC;AACP,WAAO,CAAA;AAAA,EACX;AAAA,EAKA,kBAAAC;AACIC,SAAKC,eAAe;AAAA,EACxB;AAAA,EAMA;AACI,QAAIC,KAAWC,SAASC,uBAAAA,GAEpBC,KAAUF,SAASG,cAAc,MAAA;AAMrC,WAJIN,KAAKO,SAAOP,KAAKQ,UAAUC,IAAI,eAAeT,KAAKO,OAAO,WAAA,GAE9DL,GAASQ,YAAYL,EAAAA,GAEdH;AAAAA,EACX;AAAA;AC3DJT,EAAKkB,OAAO,YAAYlB,CAAAA;"}

package/dist/wje-header.js

@@ -1,56 +1,30 @@
 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 Header ]\n*/\n\n:host {\n    display: block;\n    height: var(--wje-header-height);\n    width: 100%;\n    background: var(--wje-header-background);\n    border-width: var(--wje-header-border-width);\n    border-style: var(--wje-header-border-style);\n    border-color: var(--wje-header-border-color);\n    .native-header {\n        display: flex;\n        padding-inline: 1rem;\n    }\n}\n\n:host([sticky]) {\n    position: sticky;\n    top: var(--wje-header-top);\n    z-index: var(--wje-header-z-index, 100);\n}\n";
-class Header extends WJElement {
-  /**
-   * Creates an instance of Header.
-   * @class
-   */
+import e from "./wje-element.js";
+class t extends e {
   constructor() {
     super();
     __publicField(this, "className", "Header");
   }
-  /**
-   * Returns the CSS styles for the component.
-   * @static
-   * @returns {CSSStyleSheet}
-   */
   static get cssStyleSheet() {
-    return styles;
+    return ":host{display:block;height:var(--wje-header-height);width:100%;background:var(--wje-header-background);border-width:var(--wje-header-border-width);border-style:var(--wje-header-border-style);border-color:var(--wje-header-border-color)}:host .native-header{display:flex;padding-inline:1rem}:host([sticky]){position:sticky;top:var(--wje-header-top);z-index:var(--wje-header-z-index, 100)}";
   }
-  /**
-   * Returns the list of attributes to observe for changes.
-   * @static
-   * @returns {Array<string>}
-   */
   static get observedAttributes() {
     return [];
   }
-  /**
-   * Sets up the attributes for the component.
-   */
   setupAttributes() {
     this.isShadowRoot = "open";
   }
-  /**
-   * Draws the component.
-   * @returns {DocumentFragment}
-   */
   draw() {
-    let fragment = document.createDocumentFragment();
-    let element = document.createElement("header");
-    element.classList.add("native-header");
-    element.setAttribute("part", "native");
-    let slot = document.createElement("slot");
-    element.appendChild(slot);
-    fragment.appendChild(element);
-    return fragment;
+    let e2 = document.createDocumentFragment(), t2 = document.createElement("header");
+    t2.classList.add("native-header"), t2.setAttribute("part", "native");
+    let r = document.createElement("slot");
+    return t2.appendChild(r), e2.appendChild(t2), e2;
   }
 }
-Header.define("wje-header", Header);
+t.define("wje-header", t);
 export {
-  Header as default
+  t as default
 };
 //# sourceMappingURL=wje-header.js.map

package/dist/wje-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"wje-header.js","sources":["../packages/wje-header/header.element.js","../packages/wje-header/header.js"],"sourcesContent":["import { default as WJElement } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary `Header` is a custom web component that represents a header. It extends from `WJElement`.\n * @documentation https://elements.webjet.sk/components/header\n * @status stable\n * @augments {WJElement}\n * @csspart native - The native part\n * @slot default - Default slot for the header content\n * @cssproperty [--wje-header-background=var(--wje-background)] - The background of the header element.\n * @cssproperty [--wje-header-border-color=var(--wje-border-color)] - The border color of the header element.\n * @cssproperty [--wje-header-border-width=0 0 1px 0] - The border width of the header element.\n * @cssproperty [--wje-header-border-style=solid] - The border styles of the header\n * @cssproperty [--wje-header-top=0] - The position top of the header\n * @cssproperty [--wje-header-height=60px] - The height of the header element.\n * @cssproperty [--wje-header-z-index=100] - The z-index used when the header is sticky.\n * @tag wje-header\n */\nexport default class Header extends WJElement {\n    /**\n     * Creates an instance of Header.\n     * @class\n     */\n    constructor() {\n        super();\n    }\n\n    className = 'Header';\n\n    /**\n     * Returns the CSS styles for the component.\n     * @static\n     * @returns {CSSStyleSheet}\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Returns the list of attributes to observe for changes.\n     * @static\n     * @returns {Array<string>}\n     */\n    static get observedAttributes() {\n        return [];\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Draws the component.\n     * @returns {DocumentFragment}\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let element = document.createElement('header');\n        element.classList.add('native-header');\n        element.setAttribute('part', 'native');\n\n        let slot = document.createElement('slot');\n\n        element.appendChild(slot);\n        fragment.appendChild(element);\n\n        return fragment;\n    }\n}\n","import Header from './header.element.js';\n\nexport default Header;\n\nHeader.define('wje-header', Header);\n"],"names":[],"mappings":";;;;;AAmBe,MAAM,eAAe,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAK1C,cAAc;AACV,UAAK;AAGT,qCAAY;AAAA,EAFZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,WAAW,gBAAgB;AACvB,WAAO;AAAA,EACX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,WAAW,qBAAqB;AAC5B,WAAO,CAAA;AAAA,EACX;AAAA;AAAA;AAAA;AAAA,EAKA,kBAAkB;AACd,SAAK,eAAe;AAAA,EACxB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAO;AACH,QAAI,WAAW,SAAS,uBAAsB;AAE9C,QAAI,UAAU,SAAS,cAAc,QAAQ;AAC7C,YAAQ,UAAU,IAAI,eAAe;AACrC,YAAQ,aAAa,QAAQ,QAAQ;AAErC,QAAI,OAAO,SAAS,cAAc,MAAM;AAExC,YAAQ,YAAY,IAAI;AACxB,aAAS,YAAY,OAAO;AAE5B,WAAO;AAAA,EACX;AACJ;ACrEA,OAAO,OAAO,cAAc,MAAM;"}
+{"version":3,"file":"wje-header.js","sources":["../packages/wje-header/header.element.js","../packages/wje-header/header.js"],"sourcesContent":["import { default as WJElement } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary `Header` is a custom web component that represents a header. It extends from `WJElement`.\n * @documentation https://elements.webjet.sk/components/header\n * @status stable\n * @augments {WJElement}\n * @csspart native - The native part\n * @slot default - Default slot for the header content\n * @cssproperty [--wje-header-background=var(--wje-background)] - The background of the header element.\n * @cssproperty [--wje-header-border-color=var(--wje-border-color)] - The border color of the header element.\n * @cssproperty [--wje-header-border-width=0 0 1px 0] - The border width of the header element.\n * @cssproperty [--wje-header-border-style=solid] - The border styles of the header\n * @cssproperty [--wje-header-top=0] - The position top of the header\n * @cssproperty [--wje-header-height=60px] - The height of the header element.\n * @cssproperty [--wje-header-z-index=100] - The z-index used when the header is sticky.\n * @tag wje-header\n */\nexport default class Header extends WJElement {\n    /**\n     * Creates an instance of Header.\n     * @class\n     */\n    constructor() {\n        super();\n    }\n\n    className = 'Header';\n\n    /**\n     * Returns the CSS styles for the component.\n     * @static\n     * @returns {CSSStyleSheet}\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Returns the list of attributes to observe for changes.\n     * @static\n     * @returns {Array<string>}\n     */\n    static get observedAttributes() {\n        return [];\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Draws the component.\n     * @returns {DocumentFragment}\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let element = document.createElement('header');\n        element.classList.add('native-header');\n        element.setAttribute('part', 'native');\n\n        let slot = document.createElement('slot');\n\n        element.appendChild(slot);\n        fragment.appendChild(element);\n\n        return fragment;\n    }\n}\n","import Header from './header.element.js';\n\nexport default Header;\n\nHeader.define('wje-header', Header);\n"],"names":["Header","WJElement","constructor","super","className","cssStyleSheet","observedAttributes","setupAttributes","this","isShadowRoot","draw","fragment","document","createDocumentFragment","element","createElement","classList","add","setAttribute","slot","appendChild","define"],"mappings":";;;;AAmBe,MAAMA,UAAeC,EAAAA;AAAAA,EAKhC,cAAAC;AACIC,UAAAA;AAGJC,qCAAY;AAAA,EAFZ;AAAA,EASA,WAAA,gBAAWC;AACP;EACJ;AAAA,EAOA,WAAA,qBAAWC;AACP,WAAO,CAAA;AAAA,EACX;AAAA,EAKA,kBAAAC;AACIC,SAAKC,eAAe;AAAA,EACxB;AAAA,EAMA,OAAAC;AACI,QAAIC,KAAWC,SAASC,uBAAAA,GAEpBC,KAAUF,SAASG,cAAc,QAAA;AACrCD,IAAAA,GAAQE,UAAUC,IAAI,eAAA,GACtBH,GAAQI,aAAa,QAAQ,QAAA;AAE7B,QAAIC,IAAOP,SAASG,cAAc,MAAA;AAKlC,WAHAD,GAAQM,YAAYD,CAAAA,GACpBR,GAASS,YAAYN,EAAAA,GAEdH;AAAAA,EACX;AAAA;ACpEJX,EAAOqB,OAAO,cAAcrB,CAAAA;"}

package/dist/wje-icon-library.js

@@ -1,24 +1,18 @@
-import { getBasePath } from "./base-path.js";
-let registry = [];
-registerIconLibrary("default", {
-  resolver: (name, style) => getBasePath(`assets/img/icons/${style}/${name}.svg`)
-});
-function getIconLibrary(name) {
-  return registry.find((lib) => lib.name === name);
+import { getBasePath as e } from "./base-path.js";
+let n = [];
+function r(e2) {
+  return n.find((n2) => n2.name === e2);
 }
-function registerIconLibrary(name, options) {
-  unregisterIconLibrary(name);
-  registry.push({
-    name,
-    resolver: options.resolver
-  });
+function s(e2, r2) {
+  t(e2), n.push({ name: e2, resolver: r2.resolver });
 }
-function unregisterIconLibrary(name) {
-  registry = registry.filter((lib) => lib.name !== name);
+function t(e2) {
+  n = n.filter((n2) => n2.name !== e2);
 }
+s("default", { resolver: (n2, r2) => e(`assets/img/icons/${r2}/${n2}.svg`) });
 export {
-  getIconLibrary,
-  registerIconLibrary,
-  unregisterIconLibrary
+  r as getIconLibrary,
+  s as registerIconLibrary,
+  t as unregisterIconLibrary
 };
 //# sourceMappingURL=wje-icon-library.js.map

package/dist/wje-icon-library.js.map

@@ -1 +1 @@
-{"version":3,"file":"wje-icon-library.js","sources":["../packages/wje-icon/service/library.js"],"sourcesContent":["import { getBasePath } from \"../../utils/base-path.js\";\n\nlet registry = [];\n\nregisterIconLibrary(\"default\", {\n  resolver: (name, style) => getBasePath(`assets/img/icons/${style}/${name}.svg`)\n});\n\nexport function getIconLibrary(name) {\n  return registry.find(lib => lib.name === name);\n}\n\nexport function registerIconLibrary(name, options) {\n  unregisterIconLibrary(name);\n  registry.push({\n    name,\n    resolver: options.resolver,\n  });\n}\n\nexport function unregisterIconLibrary(name) {\n  registry = registry.filter(lib => lib.name !== name);\n}"],"names":[],"mappings":";AAEA,IAAI,WAAW,CAAA;AAEf,oBAAoB,WAAW;AAAA,EAC7B,UAAU,CAAC,MAAM,UAAU,YAAY,oBAAoB,KAAK,IAAI,IAAI,MAAM;AAChF,CAAC;AAEM,SAAS,eAAe,MAAM;AACnC,SAAO,SAAS,KAAK,SAAO,IAAI,SAAS,IAAI;AAC/C;AAEO,SAAS,oBAAoB,MAAM,SAAS;AACjD,wBAAsB,IAAI;AAC1B,WAAS,KAAK;AAAA,IACZ;AAAA,IACA,UAAU,QAAQ;AAAA,EACtB,CAAG;AACH;AAEO,SAAS,sBAAsB,MAAM;AAC1C,aAAW,SAAS,OAAO,SAAO,IAAI,SAAS,IAAI;AACrD;"}
+{"version":3,"file":"wje-icon-library.js","sources":["../packages/wje-icon/service/library.js"],"sourcesContent":["import { getBasePath } from \"../../utils/base-path.js\";\n\nlet registry = [];\n\nregisterIconLibrary(\"default\", {\n  resolver: (name, style) => getBasePath(`assets/img/icons/${style}/${name}.svg`)\n});\n\nexport function getIconLibrary(name) {\n  return registry.find(lib => lib.name === name);\n}\n\nexport function registerIconLibrary(name, options) {\n  unregisterIconLibrary(name);\n  registry.push({\n    name,\n    resolver: options.resolver,\n  });\n}\n\nexport function unregisterIconLibrary(name) {\n  registry = registry.filter(lib => lib.name !== name);\n}"],"names":["registry","getIconLibrary","name","find","lib","registerIconLibrary","options","unregisterIconLibrary","push","resolver","filter","style","getBasePath"],"mappings":";AAEA,IAAIA,IAAW,CAAA;AAMR,SAASC,EAAeC,IAAAA;AAC7B,SAAOF,EAASG,KAAKC,CAAAA,OAAOA,GAAIF,SAASA,EAAAA;AAC3C;AAEO,SAASG,EAAoBH,IAAMI,IAAAA;AACxCC,IAAsBL,EAAAA,GACtBF,EAASQ,KAAK,EACZN,MAAAA,IACAO,UAAUH,GAAQG,SAAAA,CAAAA;AAEtB;AAEO,SAASF,EAAsBL,IAAAA;AACpCF,MAAWA,EAASU,OAAON,CAAAA,OAAOA,GAAIF,SAASA,EAAAA;AACjD;AAlBAG,EAAoB,WAAW,EAC7BI,UAAU,CAACP,IAAMS,OAAUC,EAAY,oBAAoBD,EAAAA,IAAST,EAAAA,MAAAA,EAAAA,CAAAA;"}