wj-elements 0.1.131 → 0.1.133

package/dist/wje-tree-item.js

@@ -1,121 +0,0 @@
-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 Tree Item ]\n*/\n\n:host {\n    .native-tree-item {\n        position: relative;\n        display: flex;\n        align-items: stretch;\n        flex-direction: column;\n\n        .item {\n            display: flex;\n            align-items: center;\n            .toggle {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                box-sizing: content-box;\n                width: var(--indent);\n                height: var(--indent);\n                flex-shrink: 0;\n            }\n            wje-checkbox {\n                margin: 0;\n            }\n            slot {\n                display: flex;\n                align-items: center;\n            }\n        }\n        .children {\n            margin-left: var(--indent);\n            display: none;\n            &.open {\n                display: block;\n            }\n        }\n    }\n\n    .native-tree-item.expanded .item slot[name="expand"], .native-tree-item:not(.expanded) slot[name="collapse"] {\n        display: none;\n    }\n}\n';
-class TreeItem extends WJElement {
-  /**
-   * Creates an instance of Toast.
-   */
-  constructor() {
-    super();
-    /**
-     * The class name for the component.
-     * @type {string}
-     */
-    __publicField(this, "className", "TreeItem");
-  }
-  set selectable(value) {
-    this.removeAttribute("selectable");
-    if (value)
-      this.setAttribute("selectable", "");
-  }
-  get selectable() {
-    return this.hasAttribute("selectable");
-  }
-  /**
-   * Returns the CSS stylesheet for the component.
-   * @static
-   * @returns {CSSStyleSheet} The CSS stylesheet
-   */
-  static get cssStyleSheet() {
-    return styles;
-  }
-  /**
-   * Setup attributes for the Button element.
-   */
-  setupAttributes() {
-    this.isShadowRoot = "open";
-  }
-  beforeDraw(context, appStoreObj, params) {
-    if (this.isNestedItem())
-      this.slot = "children";
-  }
-  /**
-   * Draw method for the toast notification.
-   * @returns {object} Document fragment
-   */
-  draw() {
-    let fragment = document.createDocumentFragment();
-    let native = document.createElement("div");
-    native.setAttribute("part", "native");
-    native.classList.add("native-tree-item");
-    let item = document.createElement("div");
-    item.classList.add("item");
-    let indent = document.createElement("div");
-    indent.classList.add("indent");
-    let button = document.createElement("wje-button");
-    button.classList.add("toggle");
-    let checkbox = document.createElement("wje-checkbox");
-    let label = document.createElement("slot");
-    let children = document.createElement("div");
-    children.classList.add("children");
-    let slot = document.createElement("slot");
-    slot.setAttribute("name", "children");
-    children.appendChild(slot);
-    if (this.querySelectorAll(":scope > wje-tree-item").length > 0) {
-      console.log("SOM TUtutut", this.querySelectorAll('[slot="expand"]').length);
-      if (this.querySelectorAll('[slot="expand"]').length < 1) {
-        let expandIcon = document.createElement("wje-icon");
-        expandIcon.setAttribute("name", "chevron-right");
-        expandIcon.setAttribute("slot", "expand");
-        this.appendChild(expandIcon);
-      }
-      if (this.querySelectorAll('[slot="collapse"]').length < 1) {
-        let collapseIcon = document.createElement("wje-icon");
-        collapseIcon.setAttribute("name", "chevron-down");
-        collapseIcon.setAttribute("slot", "collapse");
-        this.appendChild(collapseIcon);
-      }
-      let expandSlot = document.createElement("slot");
-      expandSlot.setAttribute("name", "expand");
-      let collapseSlot = document.createElement("slot");
-      collapseSlot.setAttribute("name", "collapse");
-      button.appendChild(expandSlot);
-      button.appendChild(collapseSlot);
-      item.appendChild(button);
-    }
-    if (this.selectable)
-      item.appendChild(checkbox);
-    item.appendChild(label);
-    native.appendChild(item);
-    native.appendChild(children);
-    fragment.appendChild(native);
-    this.native = native;
-    this.button = button;
-    this.childrenElement = children;
-    return fragment;
-  }
-  afterDraw() {
-    this.button.addEventListener("click", this.toggleChildren.bind(this));
-  }
-  isNestedItem() {
-    const parent = this.parentElement;
-    return !!parent && this.isTreeItem(parent);
-  }
-  isTreeItem(node) {
-    console.log(node, node instanceof Element, node.className === "TreeItem");
-    return node instanceof Element && node.className === "TreeItem";
-  }
-  toggleChildren() {
-    console.log("SOM TU 1");
-    this.childrenElement.classList.toggle("open");
-    this.native.classList.toggle("expanded");
-    console.log("SOM TU 2");
-  }
-}
-TreeItem.define("wje-tree-item", TreeItem);
-export {
-  TreeItem as default
-};
-//# sourceMappingURL=wje-tree-item.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"wje-tree-item.js","sources":["../packages/wje-tree-item/tree-item.element.js","../packages/wje-tree-item/tree-item.js"],"sourcesContent":["import { default as WJElement, WjElementUtils, event } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * `Toast` is a custom web component that represents a toast notification.\n * @summary This element represents a toast notification.\n * @documentation https://elements.webjet.sk/components/toast\n * @status stable\n * @augments {WJElement}\n * @csspart native - The native part\n * @cssproperty {string} headline - Specifies the headline text of the toast. Represents the main title or heading displayed in the toast.\n * @cssproperty {boolean} open - Indicates whether the toast is currently open (visible). A value of `true` shows the toast, while `false` hides it.\n * @cssproperty {number} duration - Determines the duration (in milliseconds) for which the toast is displayed. After this time, the toast will automatically close unless it is manually closed.\n * @cssproperty {boolean} closable - Specifies whether the toast can be manually closed by the user. If `true`, the toast will include a close button or mechanism.\n * @cssproperty {string} color - Defines the color of the toast. Accepts any valid CSS color value such as `hex`, `RGB`, or named colors.\n * @cssproperty {boolean} countdown - Indicates whether a countdown is displayed in the toast. When `true`, a visual countdown timer is shown to indicate the remaining time before the toast closes.\n * @slot - The content of the toast.\n * @slot media - The media of the toast.\n * // @fires wje-toast:after-show - Fired after the toast is shown.\n * // @fires wje-toast:after-hide - Fired after the toast is hidden.\n */\n\nexport default class TreeItem extends WJElement {\n    /**\n     * Creates an instance of Toast.\n     */\n    constructor() {\n        super();\n    }\n\n    set selectable(value) {\n        this.removeAttribute('selectable');\n\n        if(value)\n            this.setAttribute('selectable', '');\n    }\n\n    get selectable() {\n        return this.hasAttribute('selectable');\n    }\n\n    /**\n     * The class name for the component.\n     * @type {string}\n     */\n    className = 'TreeItem';\n\n    /**\n     * Returns the CSS stylesheet for the component.\n     * @static\n     * @returns {CSSStyleSheet} The CSS stylesheet\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Setup attributes for the Button element.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    beforeDraw(context, appStoreObj, params) {\n        if (this.isNestedItem())\n            this.slot = 'children';\n    }\n\n    /**\n     * Draw method for the toast notification.\n     * @returns {object} Document fragment\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let native = document.createElement('div');\n        native.setAttribute('part', 'native');\n        native.classList.add('native-tree-item');\n\n        let item = document.createElement('div');\n        item.classList.add('item');\n\n        let indent = document.createElement('div');\n        indent.classList.add('indent');\n\n        let button = document.createElement('wje-button');\n        button.classList.add('toggle');\n\n        let checkbox = document.createElement('wje-checkbox');\n\n        let label = document.createElement('slot');\n\n        let children = document.createElement('div');\n        children.classList.add('children');\n\n        let slot = document.createElement('slot');\n        slot.setAttribute('name', 'children');\n        children.appendChild(slot);\n\n        // item.appendChild(indent);\n        if(this.querySelectorAll(':scope > wje-tree-item').length > 0) {\n            console.log(\"SOM TUtutut\", this.querySelectorAll('[slot=\"expand\"]').length);\n            if(this.querySelectorAll('[slot=\"expand\"]').length < 1) {\n                let expandIcon = document.createElement('wje-icon');\n                expandIcon.setAttribute('name', 'chevron-right');\n                expandIcon.setAttribute('slot', 'expand');\n\n                this.appendChild(expandIcon);\n            }\n\n            if(this.querySelectorAll('[slot=\"collapse\"]').length < 1) {\n                let collapseIcon = document.createElement('wje-icon');\n                collapseIcon.setAttribute('name', 'chevron-down');\n                collapseIcon.setAttribute('slot', 'collapse');\n\n                this.appendChild(collapseIcon);\n            }\n\n            let expandSlot = document.createElement('slot');\n            expandSlot.setAttribute('name', 'expand');\n\n            let collapseSlot = document.createElement('slot');\n            collapseSlot.setAttribute('name', 'collapse');\n\n            button.appendChild(expandSlot);\n            button.appendChild(collapseSlot);\n\n            item.appendChild(button);\n        }\n\n        if(this.selectable)\n            item.appendChild(checkbox);\n        item.appendChild(label);\n\n        // native.appendChild(indent);\n        native.appendChild(item);\n        native.appendChild(children);\n\n        fragment.appendChild(native);\n\n        this.native = native;\n        this.button = button;\n        this.childrenElement = children;\n\n        return fragment;\n    }\n\n    afterDraw() {\n        this.button.addEventListener('click', this.toggleChildren.bind(this));\n    }\n\n    isNestedItem() {\n        const parent = this.parentElement;\n        return !!parent && this.isTreeItem(parent);\n    }\n\n    isTreeItem(node) {\n        console.log(node, node instanceof Element, node.className === 'TreeItem');\n        // return true;\n        return node instanceof Element && node.className === 'TreeItem';\n    }\n\n    toggleChildren() {\n        console.log(\"SOM TU 1\");\n        this.childrenElement.classList.toggle('open');\n        this.native.classList.toggle('expanded');\n        console.log(\"SOM TU 2\");\n    }\n}","import TreeItem from './tree-item.element.js';\n\nexport default TreeItem;\n\nTreeItem.define('wje-tree-item', TreeItem);\n"],"names":[],"mappings":"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"}

package/dist/wje-tree.js

@@ -1,68 +0,0 @@
-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 Tree ]\n*/\n\n:host {\n    position: relative;\n    --indent: var(--wje-spacing-large);\n}\n";
-class Tree extends WJElement {
-  /**
-   * Creates an instance of Toast.
-   */
-  constructor() {
-    super();
-    /**
-     * The class name for the component.
-     * @type {string}
-     */
-    __publicField(this, "className", "Tree");
-  }
-  /**
-   * Returns the CSS stylesheet for the component.
-   * @static
-   * @returns {CSSStyleSheet} The CSS stylesheet
-   */
-  static get cssStyleSheet() {
-    return styles;
-  }
-  /**
-   * Setup attributes for the Button element.
-   */
-  setupAttributes() {
-    this.isShadowRoot = "open";
-  }
-  beforeDraw(context, appStoreObj, params) {
-    const items = this.querySelectorAll("wje-tree-item");
-    items.forEach((item) => this.getExpandCollapseIcon(item, "expand"));
-  }
-  /**
-   * Draw method for the toast notification.
-   * @returns {object} Document fragment
-   */
-  draw() {
-    let fragment = document.createDocumentFragment();
-    let native = document.createElement("div");
-    native.setAttribute("part", "native");
-    native.classList.add("native-tree");
-    let slot = document.createElement("slot");
-    native.appendChild(slot);
-    fragment.appendChild(native);
-    return fragment;
-  }
-  getExpandCollapseIcon(item, status) {
-    let icon = this.querySelector(`[slot="${status}"]`);
-    console.log("ICON:", !icon, icon);
-    if (!icon) return;
-    let iconClone = icon.cloneNode(true);
-    console.log("CLONE:", iconClone);
-    item.appendChild(iconClone);
-  }
-  /**
-   * After draw method for the toast notification.
-   */
-  afterDraw() {
-  }
-}
-Tree.define("wje-tree", Tree);
-export {
-  Tree as default
-};
-//# sourceMappingURL=wje-tree.js.map

package/dist/wje-tree.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"wje-tree.js","sources":["../packages/wje-tree/tree.element.js","../packages/wje-tree/tree.js"],"sourcesContent":["import { default as WJElement, WjElementUtils, event } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * `Tree` is a custom web component that represents a toast notification.\n * @summary This element represents a toast notification.\n * @documentation https://elements.webjet.sk/components/toast\n * @status stable\n * @augments {WJElement}\n * @csspart native - The native part\n * @cssproperty {string} headline - Specifies the headline text of the toast. Represents the main title or heading displayed in the toast.\n * @cssproperty {boolean} open - Indicates whether the toast is currently open (visible). A value of `true` shows the toast, while `false` hides it.\n * @cssproperty {number} duration - Determines the duration (in milliseconds) for which the toast is displayed. After this time, the toast will automatically close unless it is manually closed.\n * @cssproperty {boolean} closable - Specifies whether the toast can be manually closed by the user. If `true`, the toast will include a close button or mechanism.\n * @cssproperty {string} color - Defines the color of the toast. Accepts any valid CSS color value such as `hex`, `RGB`, or named colors.\n * @cssproperty {boolean} countdown - Indicates whether a countdown is displayed in the toast. When `true`, a visual countdown timer is shown to indicate the remaining time before the toast closes.\n * @slot - The content of the toast.\n * @slot media - The media of the toast.\n * // @fires wje-toast:after-show - Fired after the toast is shown.\n * // @fires wje-toast:after-hide - Fired after the toast is hidden.\n */\n\nexport default class Tree extends WJElement {\n    /**\n     * Creates an instance of Toast.\n     */\n    constructor() {\n        super();\n    }\n\n    /**\n     * The class name for the component.\n     * @type {string}\n     */\n    className = 'Tree';\n\n    /**\n     * Returns the CSS stylesheet for the component.\n     * @static\n     * @returns {CSSStyleSheet} The CSS stylesheet\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Setup attributes for the Button element.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    beforeDraw(context, appStoreObj, params) {\n        const items = this.querySelectorAll('wje-tree-item');\n        items.forEach(item => this.getExpandCollapseIcon(item,'expand'));\n    }\n\n    /**\n     * Draw method for the toast notification.\n     * @returns {object} Document fragment\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let native = document.createElement('div');\n        native.setAttribute('part', 'native');\n        native.classList.add('native-tree');\n\n        let slot = document.createElement('slot');\n\n        native.appendChild(slot);\n\n        fragment.appendChild(native);\n\n        return fragment;\n    }\n\n    getExpandCollapseIcon(item, status) {\n\n        let icon = this.querySelector(`[slot=\"${status}\"]`);\n        console.log(\"ICON:\",!icon, icon);\n        if(!icon) return;\n\n        let iconClone = icon.cloneNode(true);\n        console.log(\"CLONE:\", iconClone);\n        item.appendChild(iconClone);\n        // return this.querySelector('.expand-collapse-icon');\n    }\n\n\n\n    /**\n     * After draw method for the toast notification.\n     */\n    afterDraw() {\n\n    }\n}","import Tree from './tree.element.js';\n\nexport default Tree;\n\nTree.define('wje-tree', Tree);\n"],"names":[],"mappings":";;;;;AAsBe,MAAM,aAAa,UAAU;AAAA;AAAA;AAAA;AAAA,EAIxC,cAAc;AACV;AAOJ;AAAA;AAAA;AAAA;AAAA,qCAAY;AAAA,EANX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaD,WAAW,gBAAgB;AACvB,WAAO;AAAA,EACV;AAAA;AAAA;AAAA;AAAA,EAKD,kBAAkB;AACd,SAAK,eAAe;AAAA,EACvB;AAAA,EAED,WAAW,SAAS,aAAa,QAAQ;AACrC,UAAM,QAAQ,KAAK,iBAAiB,eAAe;AACnD,UAAM,QAAQ,UAAQ,KAAK,sBAAsB,MAAK,QAAQ,CAAC;AAAA,EAClE;AAAA;AAAA;AAAA;AAAA;AAAA,EAMD,OAAO;AACH,QAAI,WAAW,SAAS;AAExB,QAAI,SAAS,SAAS,cAAc,KAAK;AACzC,WAAO,aAAa,QAAQ,QAAQ;AACpC,WAAO,UAAU,IAAI,aAAa;AAElC,QAAI,OAAO,SAAS,cAAc,MAAM;AAExC,WAAO,YAAY,IAAI;AAEvB,aAAS,YAAY,MAAM;AAE3B,WAAO;AAAA,EACV;AAAA,EAED,sBAAsB,MAAM,QAAQ;AAEhC,QAAI,OAAO,KAAK,cAAc,UAAU,MAAM,IAAI;AAClD,YAAQ,IAAI,SAAQ,CAAC,MAAM,IAAI;AAC/B,QAAG,CAAC,KAAM;AAEV,QAAI,YAAY,KAAK,UAAU,IAAI;AACnC,YAAQ,IAAI,UAAU,SAAS;AAC/B,SAAK,YAAY,SAAS;AAAA,EAE7B;AAAA;AAAA;AAAA;AAAA,EAOD,YAAY;AAAA,EAEX;AACL;AC7FA,KAAK,OAAO,YAAY,IAAI;"}

package/dist/wje-visually-hidden.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"wje-visually-hidden.js","sources":["../packages/wje-visually-hidden/visually-hidden.element.js","../packages/wje-visually-hidden/visually-hidden.js"],"sourcesContent":["import { default as WJElement } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * `VisuallyHidden` is a custom web component that represents a visually hidden element.\n * @summary This element represents a visually hidden element.\n * @documentation https://elements.webjet.sk/components/visually-hidden\n * @status stable\n * @augments {WJElement}\n * @slot - The default slot for the visually hidden element.\n * @tag wje-visually-hidden\n */\nexport default class VisuallyHidden extends WJElement {\n    /**\n     * Creates an instance of VisuallyHidden.\n     */\n    constructor() {\n        super();\n    }\n\n    /**\n     * The class name for the component.\n     * @type {string}\n     */\n    className = 'VisuallyHidden';\n\n    /**\n     * Returns the CSS stylesheet for the component.\n     * @static\n     * @returns {CSSStyleSheet} The CSS stylesheet\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Returns the list of observed attributes.\n     * @static\n     * @returns {Array} An empty array\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 for the visually hidden element.\n     * @returns {object} Document fragment\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let slot = document.createElement('slot');\n\n        fragment.appendChild(slot);\n\n        return fragment;\n    }\n}\n","import VisuallyHidden from './visually-hidden.element.js';\n\nexport default VisuallyHidden;\n\nVisuallyHidden.define('wje-visually-hidden', VisuallyHidden);\n"],"names":[],"mappings":";;;;;AAYe,MAAM,uBAAuB,UAAU;AAAA;AAAA;AAAA;AAAA,EAIlD,cAAc;AACV;AAOJ;AAAA;AAAA;AAAA;AAAA,qCAAY;AAAA,EANX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaD,WAAW,gBAAgB;AACvB,WAAO;AAAA,EACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOD,WAAW,qBAAqB;AAC5B,WAAO;EACV;AAAA;AAAA;AAAA;AAAA,EAKD,kBAAkB;AACd,SAAK,eAAe;AAAA,EACvB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMD,OAAO;AACH,QAAI,WAAW,SAAS;AAExB,QAAI,OAAO,SAAS,cAAc,MAAM;AAExC,aAAS,YAAY,IAAI;AAEzB,WAAO;AAAA,EACV;AACL;AC5DA,eAAe,OAAO,uBAAuB,cAAc;"}