wj-elements 0.1.136 → 0.1.137

package/dist/wje-orgchart-group.js

@@ -0,0 +1,72 @@
+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 = ":host {\n    text-align: center;\n    list-style-type: none;\n    position: relative;\n    padding: var(--wje-orgchart-group-height-line) 0 0 0;\n    transition: all 0.5s;\n\n    &::before,\n    &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        right: 50%;\n        border-top: 1px solid var(--wje-border-color);\n        width: 50%;\n        height: var(--wje-orgchart-group-height-line);\n    }\n\n    &::after {\n        right: auto;\n        left: 50%;\n        border-left: 1px solid var(--wje-border-color);\n    }\n\n    wje-card::part(native) {\n        box-sizing: border-box;\n        padding: var(--wje-orgchart-group-padding);\n    }\n\n    wje-card h4 {\n        margin: 0;\n    }\n    wje-card .items {\n        display: flex;\n    }\n\n    .orgchart-group {\n        display: flex;\n        flex-direction: column;\n        wje-card {\n            margin: 0 auto;\n            width: var(--wje-orgchart-group-width);\n        }\n    }\n}\n\n:host(:only-child)::after,\n:host(:only-child)::before {\n    display: none;\n}\n\n:host(:only-child) {\n    padding-top: 0;\n}\n\n:host(:first-child)::before,\n:host(:last-child)::after {\n    border: 0 none;\n}\n\n:host(:last-child)::before {\n    border-right: 1px solid var(--wje-border-color);\n    border-radius: 0 var(--wje-orgchart-group-border-radius) 0 0;\n}\n\n:host(:first-child)::after {\n    border-radius: var(--wje-orgchart-group-border-radius) 0 0 0;\n}\n";
+class OrgchartGroup extends WJElement {
+  /**
+   * Creates an instance of OrgchartGroup.
+   * @class
+   */
+  constructor() {
+    super();
+    /**
+     * The class name for the component.
+     * @type {string}
+     */
+    __publicField(this, "className", "OrgchartGroup");
+  }
+  /**
+   * Returns the CSS styles for the component.
+   * @static
+   * @returns {CSSStyleSheet}
+   */
+  static get cssStyleSheet() {
+    return styles;
+  }
+  /**
+   * Sets up the attributes for the component.
+   */
+  setupAttributes() {
+    this.isShadowRoot = "open";
+  }
+  /**
+   * Draws the component for the org chart group.
+   * @returns {DocumentFragment}
+   */
+  draw() {
+    let fragment = document.createDocumentFragment();
+    let native = document.createElement("div");
+    native.setAttribute("part", "native");
+    native.classList.add("orgchart-group");
+    let card = document.createElement("wje-card");
+    let title = document.createElement("h4");
+    title.setAttribute("part", "title");
+    title.innerHTML = this.getAttribute("title") || "";
+    let items = document.createElement("div");
+    items.setAttribute("part", "items");
+    items.classList.add("items");
+    let slot = document.createElement("slot");
+    items.appendChild(slot);
+    card.appendChild(title);
+    card.appendChild(items);
+    native.appendChild(card);
+    fragment.appendChild(native);
+    this.card = card;
+    return fragment;
+  }
+  /**
+   * After Draws the component for the org chart group.
+   */
+  afterDraw() {
+    this.card.addEventListener("click", (e) => {
+      e.stopPropagation();
+      event.dispatchCustomEvent(this.card, "wje-orgchart-group:click", { target: this });
+    });
+  }
+}
+OrgchartGroup.define("wje-orgchart-group", OrgchartGroup);
+export {
+  OrgchartGroup as default
+};
+//# sourceMappingURL=wje-orgchart-group.js.map

package/dist/wje-orgchart-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wje-orgchart-group.js","sources":["../packages/wje-orgchart-group/orgchart-group.element.js","../packages/wje-orgchart-group/orgchart-group.js"],"sourcesContent":["import { default as WJElement, event } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary OrgchartItem is a custom web component that extends WJElement.\n * @documentation https://elements.webjet.sk/components/OrgchartItem\n * @status stable\n * @augments WJElement\n * @csspart - Styles the element.\n * @tag wje-orgchart-item\n * @example\n */\nexport default class OrgchartGroup extends WJElement {\n    /**\n     * Creates an instance of OrgchartGroup.\n     * @class\n     */\n    constructor() {\n        super();\n    }\n\n    /**\n     * The class name for the component.\n     * @type {string}\n     */\n    className = 'OrgchartGroup';\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     * Sets up the attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Draws the component for the org chart group.\n     * @returns {DocumentFragment}\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let native = document.createElement('div');\n        native.setAttribute('part', 'native');\n        native.classList.add('orgchart-group');\n\n        let card = document.createElement('wje-card');\n\n        let title = document.createElement('h4');\n        title.setAttribute('part', 'title');\n        title.innerHTML = this.getAttribute('title') || '';\n\n        let items = document.createElement('div');\n        items.setAttribute('part', 'items');\n        items.classList.add('items');\n\n        let slot = document.createElement('slot');\n\n        items.appendChild(slot);\n\n        card.appendChild(title);\n        card.appendChild(items);\n\n        native.appendChild(card);\n\n        fragment.appendChild(native);\n\n        this.card = card;\n\n        return fragment;\n    }\n\n    /**\n     * After Draws the component for the org chart group.\n     */\n    afterDraw() {\n        this.card.addEventListener('click', (e) => {\n            e.stopPropagation();\n            event.dispatchCustomEvent(this.card, 'wje-orgchart-group:click', { target: this });\n        });\n    }\n}\n","import OrgchartGroup from './orgchart-group.element.js';\n\nexport default OrgchartGroup;\n\nOrgchartGroup.define('wje-orgchart-group', OrgchartGroup);\n"],"names":[],"mappings":";;;;;AAYe,MAAM,sBAAsB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKjD,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,SAAS,SAAS,cAAc,KAAK;AACzC,WAAO,aAAa,QAAQ,QAAQ;AACpC,WAAO,UAAU,IAAI,gBAAgB;AAErC,QAAI,OAAO,SAAS,cAAc,UAAU;AAE5C,QAAI,QAAQ,SAAS,cAAc,IAAI;AACvC,UAAM,aAAa,QAAQ,OAAO;AAClC,UAAM,YAAY,KAAK,aAAa,OAAO,KAAK;AAEhD,QAAI,QAAQ,SAAS,cAAc,KAAK;AACxC,UAAM,aAAa,QAAQ,OAAO;AAClC,UAAM,UAAU,IAAI,OAAO;AAE3B,QAAI,OAAO,SAAS,cAAc,MAAM;AAExC,UAAM,YAAY,IAAI;AAEtB,SAAK,YAAY,KAAK;AACtB,SAAK,YAAY,KAAK;AAEtB,WAAO,YAAY,IAAI;AAEvB,aAAS,YAAY,MAAM;AAE3B,SAAK,OAAO;AAEZ,WAAO;AAAA,EACf;AAAA;AAAA;AAAA;AAAA,EAKI,YAAY;AACR,SAAK,KAAK,iBAAiB,SAAS,CAAC,MAAM;AACvC,QAAE,gBAAiB;AACnB,YAAM,oBAAoB,KAAK,MAAM,4BAA4B,EAAE,QAAQ,MAAM;AAAA,IAC7F,CAAS;AAAA,EACT;AACA;ACrFA,cAAc,OAAO,sBAAsB,aAAa;"}

package/dist/wje-orgchart-item.js

@@ -0,0 +1,98 @@
+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 = ":host {\n    width: var(--wje-orgchart-item-width);\n    box-sizing: border-box;\n\n    .orgchart-item {\n        display: flex;\n        flex-direction: column;\n\n        wje-card {\n            margin: 0 auto;\n            padding-inline: 0.25rem;\n            width: var(--wje-orgchart-item-width);\n            box-sizing: border-box;\n            &::part(native) {\n                border-radius: var(--wje-orgchart-border-radius) !important;\n                box-sizing: border-box;\n                overflow: visible;\n                padding-block: 0.125rem;\n                background: var(--wje-orgchart-item-background);\n            }\n        }\n    }\n\n    .expander {\n        position: absolute;\n        left: calc(50% + 1px / 2);\n        border: 1px solid var(--wje-border-color);\n        border-radius: 50%;\n        width: var(--wje-orgchart-item-expander-size);\n        height: var(--wje-orgchart-item-expander-size);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background: var(--wje-color-contrast-0);\n        font-size: 8px;\n        line-height: 1;\n        box-sizing: border-box;\n        transform: translate(-50%, calc(var(--wje-orgchart-item-expander-size) / 2));\n        padding-bottom: 1px;\n        cursor: pointer;\n        z-index: 999;\n        bottom: 0;\n        &.collapse {\n            content: '+';\n            wje-orgchart {\n                display: none;\n            }\n        }\n        &:hover {\n            background: var(--wje-color-contrast-1);\n        }\n    }\n}\n\n:host(.collapse) {\n    .expander {\n        content: '+';\n    }\n    slot[name='child'] {\n        display: none;\n    }\n}\n/* ak nie je parent-group */\n:host(:not(.parent-group)) {\n    text-align: center;\n    list-style-type: none;\n    position: relative;\n    padding: var(--wje-orgchart-item-height-line) 0 0 0;\n    transition: all 0.5s;\n    width: auto;\n    box-sizing: border-box;\n\n    &::before,\n    &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        right: 50%;\n        border-top: 1px solid var(--wje-border-color);\n        width: 50%;\n        height: calc(var(--wje-orgchart-item-height-line) - 1px);\n    }\n\n    &::after {\n        right: auto;\n        left: 50%;\n        border-left: 1px solid var(--wje-border-color);\n    }\n\n    wje-card::part(native) {\n        box-sizing: border-box;\n    }\n}\n\n:host([boss]) {\n    wje-card::part(native) {\n        background: var(--wje-orgchart-item-boss-background);\n        border: var(--wje-orgchart-item-boss-border);\n    }\n}\n\n:host(:hover) {\n    wje-card::part(native) {\n        background: var(--wje-orgchart-item-hover-background);\n        border: var(--wje-orgchart-item-hover-border);\n    }\n}\n\n:host(.highlight) {\n    wje-card::part(native) {\n        background: var(--wje-orgchart-item-highlight-background);\n        border: var(--wje-orgchart-item-highlight-border);\n    }\n}\n\n:host(:only-child)::after,\n:host(:only-child)::before {\n    display: none;\n}\n\n:host(:only-child) {\n    padding-top: 0;\n}\n\n:host(:first-child)::before,\n:host(:last-child)::after {\n    border: 0 none;\n}\n\n:host(:last-child)::before {\n    border-right: 1px solid var(--wje-border-color);\n    border-radius: 0 var(--wje-orgchart-item-border-radius) 0 0;\n}\n\n:host(:first-child)::after {\n    border-radius: var(--wje-orgchart-item-border-radius) 0 0 0;\n}\n";
+class OrgchartItem extends WJElement {
+  /**
+   * Creates an instance of OrgchartItem.
+   * @class
+   */
+  constructor() {
+    super();
+    __publicField(this, "className", "OrgchartItem");
+    /**
+     * Toggles the children of the orgchart item.
+     * @param e The event object.
+     */
+    __publicField(this, "toggleChildren", (e) => {
+      this.classList.toggle("collapse");
+      if (this.classList.contains("collapse")) e.target.innerHTML = "+";
+      else e.target.innerHTML = "-";
+    });
+  }
+  /**
+   * Sets the boss of the orgchart item.
+   * @param value
+   */
+  set boss(value) {
+    if (value) this.setAttribute("boss", value);
+  }
+  /**
+   * Gets the boss of the orgchart item.
+   * @returns {boolean}
+   */
+  get boss() {
+    return this.hasAttribute("boss");
+  }
+  /**
+   * Returns the CSS styles for the component.
+   * @static
+   * @returns {CSSStyleSheet}
+   */
+  static get cssStyleSheet() {
+    return styles;
+  }
+  /**
+   * Sets up the attributes for the component.
+   */
+  setupAttributes() {
+    this.isShadowRoot = "open";
+  }
+  beforeDraw() {
+    if (this.parentElement && this.parentElement.tagName === "WJE-ORGCHART-GROUP") {
+      this.classList.add("parent-group");
+    }
+  }
+  /**
+   * Draws the component for the org chart item.
+   * @returns {DocumentFragment}
+   */
+  draw() {
+    let fragment = document.createDocumentFragment();
+    let native = document.createElement("div");
+    native.setAttribute("part", "native");
+    native.classList.add("orgchart-item");
+    let card = document.createElement("wje-card");
+    card.setAttribute("part", "card");
+    let slot = document.createElement("slot");
+    let child = document.createElement("slot");
+    child.setAttribute("name", "child");
+    let expander = document.createElement("div");
+    expander.setAttribute("part", "expander");
+    expander.classList.add("expander");
+    expander.innerHTML = "-";
+    card.appendChild(slot);
+    if (this.children.length > 0 && Array.from(this.children).some((el) => el.tagName === "WJE-ORGCHART"))
+      card.appendChild(expander);
+    native.appendChild(card);
+    native.appendChild(child);
+    fragment.appendChild(native);
+    this.expander = expander;
+    return fragment;
+  }
+  /**
+   * After Draws the component for the org chart item.
+   */
+  afterDraw() {
+    this.expander.addEventListener("click", this.toggleChildren);
+  }
+  dispatchEvent(e) {
+    return false;
+  }
+}
+OrgchartItem.define("wje-orgchart-item", OrgchartItem);
+export {
+  OrgchartItem as default
+};
+//# sourceMappingURL=wje-orgchart-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wje-orgchart-item.js","sources":["../packages/wje-orgchart-item/orgchart-item.element.js","../packages/wje-orgchart-item/orgchart-item.js"],"sourcesContent":["import { default as WJElement } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary OrgchartItem is a custom web component that extends WJElement.\n * @documentation https://elements.webjet.sk/components/OrgchartItem\n * @status stable\n * @augments WJElement\n * @attribute {boolean} boss - The boss of the orgchart item (default: false).\n * @slot - The default slot for the orgchart item.\n * @slot child - The child slot for the orgchart item.\n * @csspart - Styles the element.\n * @csspart native - Styles the native element.\n * @csspart expander - Styles the expander element.\n * @tag wje-orgchart-item\n */\nexport default class OrgchartItem extends WJElement {\n    /**\n     * Creates an instance of OrgchartItem.\n     * @class\n     */\n    constructor() {\n        super();\n    }\n\n    /**\n     * Sets the boss of the orgchart item.\n     * @param value\n     */\n\n    set boss(value) {\n        if (value) this.setAttribute('boss', value);\n    }\n\n    /**\n     * Gets the boss of the orgchart item.\n     * @returns {boolean}\n     */\n\n    get boss() {\n        return this.hasAttribute('boss');\n    }\n\n    className = 'OrgchartItem';\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     * Sets up the attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    beforeDraw() {\n        if (this.parentElement && this.parentElement.tagName === 'WJE-ORGCHART-GROUP') {\n            this.classList.add('parent-group');\n        }\n    }\n\n    /**\n     * Draws the component for the org chart item.\n     * @returns {DocumentFragment}\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let native = document.createElement('div');\n        native.setAttribute('part', 'native');\n        native.classList.add('orgchart-item');\n\n        let card = document.createElement('wje-card');\n        card.setAttribute('part', 'card');\n\n        let slot = document.createElement('slot');\n\n        let child = document.createElement('slot');\n        child.setAttribute('name', 'child');\n\n        let expander = document.createElement('div');\n        expander.setAttribute('part', 'expander');\n        expander.classList.add('expander');\n        expander.innerHTML = '-';\n\n        card.appendChild(slot);\n        if (this.children.length > 0 && Array.from(this.children).some((el) => el.tagName === 'WJE-ORGCHART'))\n            card.appendChild(expander); // if the orgchart item has children and\n\n        native.appendChild(card);\n        native.appendChild(child);\n\n        fragment.appendChild(native);\n\n        this.expander = expander;\n\n        return fragment;\n    }\n\n    /**\n     * After Draws the component for the org chart item.\n     */\n    afterDraw() {\n        this.expander.addEventListener('click', this.toggleChildren);\n    }\n\n    /**\n     * Toggles the children of the orgchart item.\n     * @param e The event object.\n     */\n    toggleChildren = (e) => {\n        this.classList.toggle('collapse');\n        if (this.classList.contains('collapse')) e.target.innerHTML = '+';\n        else e.target.innerHTML = '-';\n    };\n\n    dispatchEvent(e) {\n        return false;\n    }\n}\n","import OrgchartItem from './orgchart-item.element.js';\n\nexport default OrgchartItem;\n\nOrgchartItem.define('wje-orgchart-item', OrgchartItem);\n"],"names":[],"mappings":";;;;;AAgBe,MAAM,qBAAqB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKhD,cAAc;AACV,UAAO;AAqBX,qCAAY;AAyEZ;AAAA;AAAA;AAAA;AAAA,0CAAiB,CAAC,MAAM;AACpB,WAAK,UAAU,OAAO,UAAU;AAChC,UAAI,KAAK,UAAU,SAAS,UAAU,EAAG,GAAE,OAAO,YAAY;AAAA,UACzD,GAAE,OAAO,YAAY;AAAA,IAC7B;AAAA,EAjGL;AAAA;AAAA;AAAA;AAAA;AAAA,EAOI,IAAI,KAAK,OAAO;AACZ,QAAI,MAAO,MAAK,aAAa,QAAQ,KAAK;AAAA,EAClD;AAAA;AAAA;AAAA;AAAA;AAAA,EAOI,IAAI,OAAO;AACP,WAAO,KAAK,aAAa,MAAM;AAAA,EACvC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASI,WAAW,gBAAgB;AACvB,WAAO;AAAA,EACf;AAAA;AAAA;AAAA;AAAA,EAKI,kBAAkB;AACd,SAAK,eAAe;AAAA,EAC5B;AAAA,EAEI,aAAa;AACT,QAAI,KAAK,iBAAiB,KAAK,cAAc,YAAY,sBAAsB;AAC3E,WAAK,UAAU,IAAI,cAAc;AAAA,IAC7C;AAAA,EACA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMI,OAAO;AACH,QAAI,WAAW,SAAS,uBAAwB;AAEhD,QAAI,SAAS,SAAS,cAAc,KAAK;AACzC,WAAO,aAAa,QAAQ,QAAQ;AACpC,WAAO,UAAU,IAAI,eAAe;AAEpC,QAAI,OAAO,SAAS,cAAc,UAAU;AAC5C,SAAK,aAAa,QAAQ,MAAM;AAEhC,QAAI,OAAO,SAAS,cAAc,MAAM;AAExC,QAAI,QAAQ,SAAS,cAAc,MAAM;AACzC,UAAM,aAAa,QAAQ,OAAO;AAElC,QAAI,WAAW,SAAS,cAAc,KAAK;AAC3C,aAAS,aAAa,QAAQ,UAAU;AACxC,aAAS,UAAU,IAAI,UAAU;AACjC,aAAS,YAAY;AAErB,SAAK,YAAY,IAAI;AACrB,QAAI,KAAK,SAAS,SAAS,KAAK,MAAM,KAAK,KAAK,QAAQ,EAAE,KAAK,CAAC,OAAO,GAAG,YAAY,cAAc;AAChG,WAAK,YAAY,QAAQ;AAE7B,WAAO,YAAY,IAAI;AACvB,WAAO,YAAY,KAAK;AAExB,aAAS,YAAY,MAAM;AAE3B,SAAK,WAAW;AAEhB,WAAO;AAAA,EACf;AAAA;AAAA;AAAA;AAAA,EAKI,YAAY;AACR,SAAK,SAAS,iBAAiB,SAAS,KAAK,cAAc;AAAA,EACnE;AAAA,EAYI,cAAc,GAAG;AACb,WAAO;AAAA,EACf;AACA;ACzHA,aAAa,OAAO,qBAAqB,YAAY;"}

package/dist/wje-orgchart.js

@@ -0,0 +1,49 @@
+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    margin: 0;\n    padding: 0;\n}\n\n:host {\n    position: relative;\n    .native-orgchart {\n        padding-top: var(--wje-orgchart-height-line);\n        display: flex;\n        justify-content: center;\n    }\n\n    &::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 50%;\n        border-left: 1px solid var(--wje-border-color);\n        width: 0;\n        height: var(--wje-orgchart-height-line);\n    }\n}\n";
+class Orgchart extends WJElement {
+  /**
+   * Creates an instance of Orgchart.
+   * @class
+   */
+  constructor() {
+    super();
+    __publicField(this, "className", "Orgchart");
+  }
+  /**
+   * Returns the CSS styles for the component.
+   * @static
+   * @returns {CSSStyleSheet}
+   */
+  static get cssStyleSheet() {
+    return styles;
+  }
+  /**
+   * Sets up the attributes for the component.
+   */
+  setupAttributes() {
+    this.isShadowRoot = "open";
+  }
+  /**
+   * Draws the component for the org chart.
+   * @returns {DocumentFragment}
+   */
+  draw() {
+    let fragment = document.createDocumentFragment();
+    let native = document.createElement("div");
+    native.setAttribute("part", "native");
+    native.classList.add("native-orgchart");
+    let slot = document.createElement("slot");
+    native.appendChild(slot);
+    fragment.appendChild(native);
+    this.native = native;
+    return fragment;
+  }
+}
+Orgchart.define("wje-orgchart", Orgchart);
+export {
+  Orgchart as default
+};
+//# sourceMappingURL=wje-orgchart.js.map

package/dist/wje-orgchart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wje-orgchart.js","sources":["../packages/wje-orgchart/orgchart.element.js","../packages/wje-orgchart/orgchart.js"],"sourcesContent":["import { default as WJElement } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary Orgchart is a custom web component that extends WJElement.\n * @documentation https://elements.webjet.sk/components/Orgchart\n * @status stable\n * @augments WJElement\n * @csspart - Styles the element.\n * @tag wje-orgchart\n * @example\n */\nexport default class Orgchart extends WJElement {\n    /**\n     * Creates an instance of Orgchart.\n     * @class\n     */\n    constructor() {\n        super();\n    }\n\n    className = 'Orgchart';\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     * Sets up the attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Draws the component for the org chart.\n     * @returns {DocumentFragment}\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-orgchart');\n\n        let slot = document.createElement('slot');\n\n        native.appendChild(slot);\n\n        fragment.appendChild(native);\n\n        this.native = native;\n\n        return fragment;\n    }\n}\n","import Orgchart from './orgchart.element.js';\n\nexport default Orgchart;\n\nOrgchart.define('wje-orgchart', Orgchart);\n"],"names":[],"mappings":";;;;;AAYe,MAAM,iBAAiB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAK5C,cAAc;AACV,UAAO;AAGX,qCAAY;AAAA,EAFhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASI,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,SAAS,SAAS,cAAc,KAAK;AACzC,WAAO,aAAa,QAAQ,QAAQ;AACpC,WAAO,UAAU,IAAI,iBAAiB;AAEtC,QAAI,OAAO,SAAS,cAAc,MAAM;AAExC,WAAO,YAAY,IAAI;AAEvB,aAAS,YAAY,MAAM;AAE3B,SAAK,SAAS;AAEd,WAAO;AAAA,EACf;AACA;ACxDA,SAAS,OAAO,gBAAgB,QAAQ;"}

package/dist/wje-popup.js

@@ -0,0 +1,6 @@
+import { P as Popup } from "./popup.element-tyYxow0p.js";
+Popup.define("wje-popup", Popup);
+export {
+  Popup as default
+};
+//# sourceMappingURL=wje-popup.js.map

package/dist/wje-popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wje-popup.js","sources":["../packages/wje-popup/popup.js"],"sourcesContent":["import Popup from './popup.element.js';\n\nexport default Popup;\n\nPopup.define('wje-popup', Popup);\n"],"names":[],"mappings":";AAIA,MAAM,OAAO,aAAa,KAAK;"}

package/dist/wje-progress-bar.js

@@ -0,0 +1,213 @@
+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 Progress bar ]\n*/\n\n:host([color='primary']) {\n    --wje-progress-bar-background-color: var(--wje-color-primary-2);\n    --wje-progress-bar-color: var(--wje-color-primary-9);\n}\n\n:host([color='complete']) {\n    --wje-progress-bar-background-color: var(--wje-color-complete-2);\n    --wje-progress-bar-color: var(--wje-color-complete-9);\n}\n\n:host([color='success']) {\n    --wje-progress-bar-background-color: var(--wje-color-success-2);\n    --wje-progress-bar-color: var(--wje-color-success-9);\n}\n\n:host([color='warning']) {\n    --wje-progress-bar-background-color: var(--wje-color-warning-2);\n    --wje-progress-bar-color: var(--wje-color-warning-9);\n}\n\n:host([color='danger']) {\n    --wje-progress-bar-background-color: var(--wje-color-danger-2);\n    --wje-progress-bar-color: var(--wje-color-danger-9);\n}\n\n:host([color='info']) {\n    --wje-progress-bar-background-color: var(--wje-color-info-2);\n    --wje-progress-bar-color: var(--wje-color-info-9);\n}\n\n/*:host(.wje-color-dark) {*/\n/*  --wje-progress-bar-color: var(--wje-color-contrast-0);*/\n/*}*/\n\n/*:host(.wje-color-light) #bar {*/\n/*  --wje-progress-bar-color: var(--wje-color-contrast-9);*/\n/*}*/\n\n:host {\n    --wje-progress-bar-background-color: var(--wje-color-contrast-2);\n    --wje-progress-bar-color: var(--wje-color-contrast-6);\n    --wje-progress-bar-text-size: 0.75rem;\n    --wje-progress-bar-text-color: var(--wje-color);\n    /*--wje-progress-bar-stroke: var(--wje-color-contrast-3);*/\n    fill: var(--wje-progress-bar-background-color);\n    .progress {\n        position: relative;\n        display: flex;\n        align-items: center;\n    }\n\n    .slot-wrapper {\n        display: flex;\n        position: absolute;\n        top: 0;\n        align-items: center;\n        width: 100%;\n        height: 100%;\n        justify-content: center;\n    }\n    #bar {\n        fill: var(--wje-progress-bar-color);\n    }\n\n    text {\n        transform: rotate(90deg);\n        transform-origin: center;\n        text-anchor: middle;\n        dominant-baseline: middle;\n        font-size: var(--wje-progress-bar-text-size);\n        fill: var(--wje-progress-bar-text-color);\n        stroke: var(--wje-progress-bar-text-color);\n    }\n}\n\n:host(.wje-color) #bar {\n    fill: var(--wje-progress-bar-color);\n}\n\n::slotted([slot='start']) {\n    margin-inline: 0 1rem;\n}\n\n::slotted([slot='end']) {\n    margin-inline: 1rem 0;\n}\n";
+class ProgressBar extends WJElement {
+  /**
+   * Creates an instance of ProgressBar.
+   * @class
+   */
+  constructor() {
+    super();
+    __publicField(this, "className", "ProgressBar");
+  }
+  /**
+   * Sets the radius of the progress bar.
+   * @param {number} value The value to set.
+   */
+  set radius(value) {
+    this.setAttribute("radius", value);
+  }
+  /**
+   * Gets the radius of the progress bar.
+   * @returns {number} The value of the radius.
+   */
+  get radius() {
+    return +this.getAttribute("radius") || 70;
+  }
+  /**
+   * Gets the diameter of the progress bar.
+   * @returns {number} The value of the diameter.
+   */
+  get diameter() {
+    return this.radius * 2;
+  }
+  /**
+   * Gets the diameter of the progress bar.
+   * @returns {number} The value of the diameter.
+   */
+  get containerSize() {
+    return this.diameter + 2 * this.stroke;
+  }
+  /**
+   * Sets the stroke of the progress bar.
+   * @param {number} value The value to set.
+   */
+  set stroke(value) {
+    this.setAttribute("stroke", value);
+  }
+  /**
+   * Gets the stroke of the progress bar.
+   * @returns {number} The value of the stroke.
+   */
+  get stroke() {
+    return +this.getAttribute("stroke") || 6;
+  }
+  /**
+   * Gets the linecap of the progress bar.
+   * @returns {string} The value of the linecap.
+   */
+  get linecap() {
+    return this.getAttribute("linecap") || "square";
+  }
+  /**
+   * Returns the CSS styles for the component.
+   * @static
+   * @returns {CSSStyleSheet}
+   */
+  static get cssStyleSheet() {
+    return styles;
+  }
+  /**
+   * Returns the list of attributes to observe for changes.
+   * @static
+   * @returns {Array<string>}
+   */
+  static get observedAttributes() {
+    return ["progress"];
+  }
+  /**
+   * Sets up the attributes for the component.
+   */
+  setupAttributes() {
+    this.isShadowRoot = "open";
+  }
+  /**
+   * Draws the component.
+   * @param {object} context The context for drawing.
+   * @param {object} store The store for drawing.
+   * @param {object} params The parameters for drawing.
+   * @returns {DocumentFragment}
+   */
+  draw(context, store, params) {
+    this.radius + this.stroke / 2;
+    let fragment = document.createDocumentFragment();
+    if (params.color) this.classList.add("wje-color");
+    let element = document.createElement("div");
+    element.classList.add("progress");
+    let slot = document.createElement("slot");
+    let slotWrapper = document.createElement("div");
+    slotWrapper.classList.add("slot-wrapper");
+    let slotStart = document.createElement("slot");
+    slotStart.setAttribute("name", "start");
+    let slotEnd = document.createElement("slot");
+    slotEnd.setAttribute("name", "end");
+    const svgNamespace = "http://www.w3.org/2000/svg";
+    let svg = document.createElementNS(svgNamespace, "svg");
+    let background;
+    let bar;
+    if ((this == null ? void 0 : this.type) === "circle") {
+      svg.setAttribute("width", this.containerSize);
+      svg.setAttribute("height", this.containerSize);
+      svg.setAttribute("viewBox", `0 0 ${this.containerSize} ${this.containerSize}`);
+      svg.setAttribute("style", "transform: rotate(-90deg)");
+      background = document.createElementNS(svgNamespace, "circle");
+      background.setAttribute("stroke", "var(--wje-progress-bar-background-color)");
+      background.setAttribute("stroke-width", this.stroke);
+      background.setAttribute("fill", "transparent");
+      background.setAttribute("r", this.radius);
+      background.setAttribute("cx", this.containerSize / 2);
+      background.setAttribute("cy", this.containerSize / 2);
+      bar = document.createElementNS(svgNamespace, "circle");
+      bar.setAttribute("stroke", "var(--wje-progress-bar-color)");
+      bar.setAttribute("stroke-width", this.stroke);
+      bar.setAttribute("fill", "transparent");
+      bar.setAttribute("r", this.radius);
+      bar.setAttribute("cx", this.containerSize / 2);
+      bar.setAttribute("cy", this.containerSize / 2);
+      bar.setAttribute("stroke-linecap", this.linecap);
+      let text = document.createElementNS(svgNamespace, "text");
+      text.setAttribute("x", "50%");
+      text.setAttribute("y", "50%");
+      text.innerHTML = this.progress + "%";
+      svg.appendChild(text);
+    } else {
+      svg.setAttribute("width", "100%");
+      svg.setAttribute("height", this.stroke);
+      svg.setAttribute("preserveAspectRatio", "none");
+      background = document.createElementNS(svgNamespace, "rect");
+      background.setAttribute("x", 0);
+      background.setAttribute("y", 0);
+      background.setAttribute("width", "100%");
+      background.setAttribute("height", this.stroke);
+      if (this.linecap === "round") {
+        background.setAttribute("rx", this.stroke / 2);
+        background.setAttribute("ry", this.stroke / 2);
+      }
+      bar = document.createElementNS(svgNamespace, "rect");
+      bar.setAttribute("x", 0);
+      bar.setAttribute("y", 0);
+      bar.setAttribute("width", this.progress + "%");
+      bar.setAttribute("height", this.stroke);
+      bar.setAttribute("id", "bar");
+      if (this.linecap === "round") {
+        bar.setAttribute("rx", this.stroke / 2);
+        bar.setAttribute("ry", this.stroke / 2);
+      }
+    }
+    svg.appendChild(background);
+    svg.appendChild(bar);
+    slotWrapper.appendChild(slot);
+    element.appendChild(slotStart);
+    element.appendChild(slotWrapper);
+    element.appendChild(svg);
+    element.appendChild(slotEnd);
+    fragment.appendChild(element);
+    this.background = background;
+    this.bar = bar;
+    return fragment;
+  }
+  /**
+   * Adds event listeners after the component is drawn.
+   */
+  afterDraw() {
+    if (this.type === "circle") {
+      this.setCircleProgress(this.progress);
+    }
+  }
+  /**
+   * Returns the dasharray for a circle with the given radius.
+   * @param {number} radius The radius of the circle in pixels.
+   * @returns {number} The dasharray value.
+   */
+  getCircleDasharray(radius = 70) {
+    return 2 * Math.PI * radius;
+  }
+  /**
+   * Returns the dashoffset for a circle with the given progress and radius.
+   * @param {number} progress The progress of the circle in percentage.
+   * @param {number} radius The radius of the circle in pixels.
+   * @returns {number} The dashoffset value.
+   */
+  getCircleDashoffset(progress = 0, radius = 70) {
+    return this.getCircleDasharray(radius) * ((100 - progress) / 100);
+  }
+  /**
+   * Sets the progress of the circle.
+   * @param percent
+   */
+  setCircleProgress(percent) {
+    const progress = this.bar;
+    const radius = progress.r.baseVal.value;
+    const circumference = 2 * Math.PI * radius;
+    progress.style.strokeDasharray = `${circumference}`;
+    const offset = circumference - percent / 100 * circumference;
+    progress.style.strokeDashoffset = offset;
+  }
+}
+ProgressBar.define("wje-progress-bar", ProgressBar);
+export {
+  ProgressBar as default
+};
+//# sourceMappingURL=wje-progress-bar.js.map

package/dist/wje-progress-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wje-progress-bar.js","sources":["../packages/wje-progress-bar/progress-bar.element.js","../packages/wje-progress-bar/progress-bar.js"],"sourcesContent":["import { default as WJElement } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * `ProgressBar` is a custom web component that represents a progress bar.\n * @summary This element represents a progress bar.\n * @documentation https://elements.webjet.sk/components/progress-bar\n * @status stable\n * @augments {WJElement}\n * @slot - The default slot for the progress bar.\n * @slot start - The start slot of the progress bar.\n * @slot end - The end slot of the progress bar.\n * @cssproperty [--wje-progress-bar-color=var(--wje-color-contrast-6)] - Sets the color of the progress bar. This property controls the fill color of the progress indicator. Accepts any valid CSS color value, such as named colors (`red`), hex values (`#ff0000`), or CSS variables.\n * @cssproperty [--wje-progress-bar-text-size=.75rem] - Defines the font size of the text displayed within the progress bar. Accepts any valid CSS length unit (e.g., `rem`, `px`, `em`) to control text size relative to the bar's design.\n * @cssproperty [--wje-progress-bar-text-color=var(--wje-color)] - Specifies the color of the text displayed within the progress bar. Accepts any valid CSS color value to ensure contrast and readability against the progress bar's background.\n * @tag wje-progress-bar\n */\nexport default class ProgressBar extends WJElement {\n    /**\n     * Creates an instance of ProgressBar.\n     * @class\n     */\n    constructor() {\n        super();\n    }\n\n    /**\n     * Sets the radius of the progress bar.\n     * @param {number} value The value to set.\n     */\n    set radius(value) {\n        this.setAttribute('radius', value);\n    }\n\n    /**\n     * Gets the radius of the progress bar.\n     * @returns {number} The value of the radius.\n     */\n    get radius() {\n        return +this.getAttribute('radius') || 70;\n    }\n\n    /**\n     * Gets the diameter of the progress bar.\n     * @returns {number} The value of the diameter.\n     */\n    get diameter() {\n        return this.radius * 2;\n    }\n\n    /**\n     * Gets the diameter of the progress bar.\n     * @returns {number} The value of the diameter.\n     */\n    get containerSize() {\n        return this.diameter + 2 * this.stroke;\n    }\n\n    /**\n     * Sets the stroke of the progress bar.\n     * @param {number} value The value to set.\n     */\n    set stroke(value) {\n        this.setAttribute('stroke', value);\n    }\n\n    /**\n     * Gets the stroke of the progress bar.\n     * @returns {number} The value of the stroke.\n     */\n    get stroke() {\n        return +this.getAttribute('stroke') || 6;\n    }\n\n    /**\n     * Gets the linecap of the progress bar.\n     * @returns {string} The value of the linecap.\n     */\n    get linecap() {\n        return this.getAttribute('linecap') || 'square';\n    }\n\n    className = 'ProgressBar';\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 ['progress'];\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     * @param {object} context The context for drawing.\n     * @param {object} store The store for drawing.\n     * @param {object} params The parameters for drawing.\n     * @returns {DocumentFragment}\n     */\n    draw(context, store, params) {\n        let xy = this.radius + this.stroke / 2;\n\n        let fragment = document.createDocumentFragment();\n\n        if (params.color) this.classList.add('wje-color');\n\n        let element = document.createElement('div');\n        element.classList.add('progress');\n\n        let slot = document.createElement('slot');\n\n        let slotWrapper = document.createElement('div');\n        slotWrapper.classList.add('slot-wrapper');\n\n        let slotStart = document.createElement('slot');\n        slotStart.setAttribute('name', 'start');\n\n        let slotEnd = document.createElement('slot');\n        slotEnd.setAttribute('name', 'end');\n\n        const svgNamespace = 'http://www.w3.org/2000/svg';\n\n        let svg = document.createElementNS(svgNamespace, 'svg');\n\n        let background;\n        let bar;\n\n        if (this?.type === 'circle') {\n            // console.log(\"CIRCLE\", \"RADIUS:\", this.radius, \"DIAMETER:\", this.diameter, \"CONTAINER SIZE:\", this.containerSize, \"STROKE:\", this.stroke);\n            svg.setAttribute('width', this.containerSize);\n            svg.setAttribute('height', this.containerSize);\n            svg.setAttribute('viewBox', `0 0 ${this.containerSize} ${this.containerSize}`);\n            svg.setAttribute('style', 'transform: rotate(-90deg)');\n\n            background = document.createElementNS(svgNamespace, 'circle');\n            background.setAttribute('stroke', 'var(--wje-progress-bar-background-color)');\n            background.setAttribute('stroke-width', this.stroke);\n            background.setAttribute('fill', 'transparent');\n            background.setAttribute('r', this.radius);\n            background.setAttribute('cx', this.containerSize / 2);\n            background.setAttribute('cy', this.containerSize / 2);\n\n            bar = document.createElementNS(svgNamespace, 'circle');\n            bar.setAttribute('stroke', 'var(--wje-progress-bar-color)');\n            bar.setAttribute('stroke-width', this.stroke);\n            bar.setAttribute('fill', 'transparent');\n            bar.setAttribute('r', this.radius);\n            bar.setAttribute('cx', this.containerSize / 2);\n            bar.setAttribute('cy', this.containerSize / 2);\n            bar.setAttribute('stroke-linecap', this.linecap);\n\n            let text = document.createElementNS(svgNamespace, 'text');\n            text.setAttribute('x', '50%');\n            text.setAttribute('y', '50%');\n            text.innerHTML = this.progress + '%';\n\n            svg.appendChild(text);\n        } else {\n            svg.setAttribute('width', '100%');\n            svg.setAttribute('height', this.stroke);\n            svg.setAttribute('preserveAspectRatio', 'none');\n\n            background = document.createElementNS(svgNamespace, 'rect');\n            background.setAttribute('x', 0);\n            background.setAttribute('y', 0);\n            background.setAttribute('width', '100%');\n            background.setAttribute('height', this.stroke);\n            if (this.linecap === 'round') {\n                background.setAttribute('rx', this.stroke / 2);\n                background.setAttribute('ry', this.stroke / 2);\n            }\n\n            bar = document.createElementNS(svgNamespace, 'rect');\n            bar.setAttribute('x', 0);\n            bar.setAttribute('y', 0);\n            bar.setAttribute('width', this.progress + '%');\n            bar.setAttribute('height', this.stroke);\n            bar.setAttribute('id', 'bar');\n\n            if (this.linecap === 'round') {\n                bar.setAttribute('rx', this.stroke / 2);\n                bar.setAttribute('ry', this.stroke / 2);\n            }\n        }\n\n        svg.appendChild(background);\n        svg.appendChild(bar);\n\n        slotWrapper.appendChild(slot);\n\n        element.appendChild(slotStart);\n        element.appendChild(slotWrapper);\n        element.appendChild(svg);\n        element.appendChild(slotEnd);\n\n        fragment.appendChild(element);\n\n        this.background = background;\n        this.bar = bar;\n\n        return fragment;\n    }\n\n    /**\n     * Adds event listeners after the component is drawn.\n     */\n    afterDraw() {\n        if (this.type === 'circle') {\n            this.setCircleProgress(this.progress);\n        }\n    }\n\n    /**\n     * Returns the dasharray for a circle with the given radius.\n     * @param {number} radius The radius of the circle in pixels.\n     * @returns {number} The dasharray value.\n     */\n    getCircleDasharray(radius = 70) {\n        return 2 * Math.PI * radius;\n    }\n\n    /**\n     * Returns the dashoffset for a circle with the given progress and radius.\n     * @param {number} progress The progress of the circle in percentage.\n     * @param {number} radius The radius of the circle in pixels.\n     * @returns {number} The dashoffset value.\n     */\n    getCircleDashoffset(progress = 0, radius = 70) {\n        return this.getCircleDasharray(radius) * ((100 - progress) / 100);\n    }\n\n    /**\n     * Sets the progress of the circle.\n     * @param percent\n     */\n    setCircleProgress(percent) {\n        const progress = this.bar;\n        const radius = progress.r.baseVal.value;\n        const circumference = 2 * Math.PI * radius;\n\n        progress.style.strokeDasharray = `${circumference}`;\n        const offset = circumference - (percent / 100) * circumference;\n        progress.style.strokeDashoffset = offset;\n    }\n}\n","import ProgressBar from './progress-bar.element.js';\n\nexport default ProgressBar;\n\nProgressBar.define('wje-progress-bar', ProgressBar);\n"],"names":[],"mappings":"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"}