xv-webcomponents 0.1.18 → 0.1.19

package/dist/xv-webcomponents/xv-table-v2-row.entry.js

@@ -0,0 +1,112 @@
+import { r as registerInstance, a as createEvent, h, d as Host, g as getElement } from './index-90b82796.js';
+import { u as uidGenerator } from './utils-e6dc0550.js';
+
+const xvTableRowCss = ":host(xv-table-v2-row){display:grid;padding:16px;align-items:center;transition:height 0.15s cubic-bezier(0.2, 0, 0.38, 0.9), padding 0.15s ease-in-out, background-color 0.2ms ease-in-out;background:var(--layer-02, #FFF);box-shadow:0 0 0 1px #E3E3E3 inset}:host(xv-table-v2-row) .left-container{height:100%;display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:0 16px}:host(xv-table-v2-row) .expand-btn{outline:none;background-color:transparent;display:block;margin:0 auto;border:solid black;border-width:0 2px 2px 0;padding:5px;transform:rotate(45deg);cursor:pointer;transition:opacity 300ms ease-in-out, transform 200ms ease-in-out}:host(xv-table-v2-row) .expand-btn:active{opacity:0.5}:host(xv-table-v2-row) .expand-btn.expanded{transform:rotate(225deg)}:host([expanded]){block-size:auto}:host([collapsed]){block-size:0;overflow:hidden;padding-top:0;padding-bottom:0}:host([odd]){background-color:var(--layer-selected-01, #E3E3E3)}:host([even]){background-color:#fff}";
+
+const XvTableRow = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.checkedChange = createEvent(this, "checkedChange", 7);
+        /**
+         * Is row will be expandable
+         * If it's true then the next row will be collapsed
+         */
+        this.expandable = false;
+        /**
+         * Default state of expandable
+         */
+        this.expanded = false;
+        this.prevRowExpanded = false;
+        this.cols = 1;
+        this.checkboxChange = (e) => {
+            this.checked = e.detail;
+            this.checkedChange.emit({
+                name: this.selectionName,
+                value: this.value,
+                checked: e.detail
+            });
+        };
+    }
+    /**
+     * Called from outside (From expandable row)
+     */
+    async setExpandRelation(id, expanded) {
+        this.expandId = id;
+        this.prevRowExpanded = !!expanded;
+        return this.prevRowExpanded;
+    }
+    /**
+     * Called from outside (From expandable row)
+     * to change then expand or collapse
+     */
+    async toggleExpand(id, expanded) {
+        if (this.expandId !== id)
+            return;
+        this.prevRowExpanded = expanded !== undefined ? expanded : !this.prevRowExpanded;
+    }
+    /**
+     * Watch for expandable
+     * When it's false needs to remove unnecessary properties
+     */
+    setExpandableRelationHandle() {
+        const nextEl = this.el.nextElementSibling;
+        if (!nextEl || nextEl.tagName !== this.el.tagName)
+            this.expandable = false;
+        if (!this.expandable)
+            return;
+        if (!this.id)
+            this.id = this.el.id || uidGenerator();
+        return nextEl.setExpandRelation(this.id, this.expanded);
+    }
+    /**
+     * When user press on the expand button
+     */
+    changeExpandHandle() {
+        const nextRow = this.el.nextElementSibling;
+        if (!nextRow || nextRow.tagName !== this.el.tagName)
+            return;
+        this.expanded = !this.expanded;
+        // Call method from new row
+        nextRow.toggleExpand(this.id, this.expanded);
+    }
+    /**
+     * Highlight the expanded row on hover
+     */
+    hoverHandle(active) {
+        const prevRow = this.el.previousElementSibling;
+        const nextRow = this.el.nextElementSibling;
+        if ((nextRow === null || nextRow === void 0 ? void 0 : nextRow.tagName) === this.el.tagName && this.expandable) {
+            if (active) {
+                nextRow.setAttribute('highlighted', '');
+            }
+            else {
+                nextRow.removeAttribute('highlighted');
+            }
+        }
+        if ((prevRow === null || prevRow === void 0 ? void 0 : prevRow.tagName) === this.el.tagName && prevRow.hasAttribute('expandable')) {
+            if (active) {
+                prevRow.setAttribute('highlighted', '');
+            }
+            else {
+                prevRow.removeAttribute('highlighted');
+            }
+        }
+    }
+    async componentWillLoad() {
+        this.id = this.el.id;
+        this.cols = this.el.childElementCount;
+        await this.setExpandableRelationHandle();
+    }
+    render() {
+        return (h(Host, { key: '4548026e127e69cbeb7e76efd39cf9720ca662df', onMouseEnter: () => this.hoverHandle(true), onMouseLeave: () => this.hoverHandle(false), cols: this.cols, expanded: this.expandId && this.prevRowExpanded, collapsed: this.expandId && !this.prevRowExpanded }, h("div", { key: '83cabc7800ccd192fde7a7e90470bf08b7e9a87f', class: "left-container" }, this.expandable && (h("button", { key: '6ecbe6f244267d32c78f9b6d6e89722eb9407bd7', class: `expand-btn ${this.expanded ? 'expanded' : ''}`, onClick: () => this.changeExpandHandle() })), this.selectionName && (h("xv-checkbox-v2", { key: '5d3b1d92781437b03e8327ea7484adaed70a5081', name: this.selectionName, value: this.value, checked: this.checked, onEventChange: this.checkboxChange }))), h("slot", { key: '251b1e9bdaf5d0028d80a3ec80d8a1363070a8fe' })));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "expandable": ["setExpandableRelationHandle"]
+    }; }
+};
+XvTableRow.style = xvTableRowCss;
+
+export { XvTableRow as xv_table_v2_row };
+
+//# sourceMappingURL=xv-table-v2-row.entry.js.map

package/dist/xv-webcomponents/xv-table-v2-row.entry.js.map

@@ -0,0 +1 @@
+{"file":"xv-table-v2-row.entry.esm.js","mappings":"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","names":[],"sources":["src/components/xv-table/xv-table-row/xv-table-row.scss?tag=xv-table-v2-row&encapsulation=shadow","src/components/xv-table/xv-table-row/xv-table-row.tsx"],"sourcesContent":["@import \"../vars\";\r\n\r\n:host(#{$tag-name}-row) {\r\n  display: grid;\r\n  padding: $space-md;\r\n  align-items: center;\r\n  transition: height .15s cubic-bezier(.2,0,.38,.9), padding .15s ease-in-out, background-color 0.2ms ease-in-out;\r\n  background: var(--layer-02, #FFF);\r\n  box-shadow: 0 0 0 1px #E3E3E3 inset;\r\n\r\n  .left-container {\r\n    @include left-container-styles;\r\n  }\r\n\r\n  .expand-btn {\r\n    @include expand-btn-styles;\r\n  }\r\n}\r\n\r\n:host([expanded]) {\r\n  block-size: auto;\r\n}\r\n\r\n:host([collapsed]) {\r\n  block-size: 0;\r\n  overflow: hidden;\r\n  padding-top: 0;\r\n  padding-bottom: 0;\r\n}\r\n\r\n:host([odd]) {\r\n  background-color: var(--layer-selected-01, #E3E3E3);\r\n}\r\n\r\n:host([even]) {\r\n  background-color: #fff;\r\n}\r\n","import { Component, Host, h, Element, Prop, State, Watch, Method, Event, EventEmitter } from '@stencil/core';\r\nimport { uidGenerator } from '../../../utils/utils';\r\n\r\n@Component({\r\n  tag: 'xv-table-v2-row',\r\n  styleUrl: 'xv-table-row.scss',\r\n  shadow: true,\r\n})\r\nexport class XvTableRow {\r\n  @Element() el: HTMLElement;\r\n  /**\r\n   * Is row will be expandable\r\n   * If it's true then the next row will be collapsed\r\n   */\r\n  @Prop({ mutable: true }) expandable: boolean = false;\r\n  /**\r\n   * Default state of expandable\r\n   */\r\n  @Prop({ reflect: true, mutable: true }) expanded: boolean = false;\r\n  /**\r\n   * Checkbox row name\r\n   */\r\n  @Prop({ reflect: true, attribute: 'selection-name' }) selectionName?: string;\r\n  /**\r\n   * Checkbox row value\r\n   */\r\n  @Prop({ reflect: true }) value?: string;\r\n  /**\r\n   * Checkbox row status\r\n   */\r\n  @Prop({ reflect: true, mutable: true  }) checked?: boolean;\r\n\r\n  @State() prevRowExpanded: boolean = false;\r\n  @State() expandId?: string;\r\n  @State() id?: string;\r\n  @State() cols: number = 1;\r\n\r\n  @Event() checkedChange: EventEmitter<{ name: string, value?: string; checked: boolean }>;\r\n\r\n  /**\r\n   * Called from outside (From expandable row)\r\n   */\r\n  @Method()\r\n  async setExpandRelation(id?: string, expanded?: boolean) {\r\n    this.expandId = id;\r\n    this.prevRowExpanded = !!expanded;\r\n    return this.prevRowExpanded;\r\n  }\r\n\r\n  /**\r\n   * Called from outside (From expandable row)\r\n   * to change then expand or collapse\r\n   */\r\n  @Method()\r\n  async toggleExpand(id?: string, expanded?: boolean) {\r\n    if (this.expandId !== id) return;\r\n    this.prevRowExpanded = expanded !== undefined ? expanded : !this.prevRowExpanded;\r\n  }\r\n\r\n  /**\r\n   * Watch for expandable\r\n   * When it's false needs to remove unnecessary properties\r\n   */\r\n  @Watch('expandable')\r\n  setExpandableRelationHandle(): Promise<any> {\r\n    const nextEl = this.el.nextElementSibling;\r\n\r\n    if (!nextEl || nextEl.tagName !== this.el.tagName) this.expandable = false;\r\n\r\n    if (!this.expandable) return;\r\n\r\n    if (!this.id) this.id = this.el.id || uidGenerator();\r\n\r\n    return (nextEl as any).setExpandRelation(this.id, this.expanded);\r\n  }\r\n\r\n  /**\r\n   * When user press on the expand button\r\n   */\r\n  private changeExpandHandle() {\r\n    const nextRow = this.el.nextElementSibling;\r\n\r\n    if (!nextRow || nextRow.tagName !== this.el.tagName) return;\r\n\r\n    this.expanded = !this.expanded;\r\n    // Call method from new row\r\n    (nextRow as any).toggleExpand(this.id, this.expanded);\r\n  }\r\n\r\n  /**\r\n   * Highlight the expanded row on hover\r\n   */\r\n  private hoverHandle(active: boolean) {\r\n    const prevRow = this.el.previousElementSibling as HTMLElement | null;\r\n    const nextRow = this.el.nextElementSibling as HTMLElement | null;\r\n\r\n    if (nextRow?.tagName === this.el.tagName && this.expandable) {\r\n      if (active) {\r\n        nextRow.setAttribute('highlighted', '');\r\n      } else {\r\n        nextRow.removeAttribute('highlighted');\r\n      }\r\n    }\r\n\r\n    if (prevRow?.tagName === this.el.tagName && prevRow.hasAttribute('expandable')) {\r\n      if (active) {\r\n        prevRow.setAttribute('highlighted', '');\r\n      } else {\r\n        prevRow.removeAttribute('highlighted');\r\n      }\r\n    }\r\n  }\r\n\r\n  private checkboxChange = (e: CustomEvent<boolean>) => {\r\n    this.checked = e.detail;\r\n    this.checkedChange.emit({\r\n      name: this.selectionName,\r\n      value: this.value,\r\n      checked: e.detail\r\n    });\r\n  }\r\n\r\n  async componentWillLoad(){\r\n    this.id = this.el.id;\r\n    this.cols = this.el.childElementCount;\r\n    await this.setExpandableRelationHandle();\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host\r\n        onMouseEnter={() => this.hoverHandle(true)}\r\n        onMouseLeave={() => this.hoverHandle(false)}\r\n        cols={this.cols}\r\n        expanded={this.expandId && this.prevRowExpanded}\r\n        collapsed={this.expandId && !this.prevRowExpanded}\r\n      >\r\n        <div class=\"left-container\">\r\n          {this.expandable && (\r\n            <button\r\n              class={`expand-btn ${this.expanded ? 'expanded' : ''}`}\r\n              onClick={() => this.changeExpandHandle()}\r\n            />\r\n          )}\r\n          {this.selectionName && (\r\n            <xv-checkbox-v2\r\n              name={this.selectionName}\r\n              value={this.value}\r\n              checked={this.checked}\r\n              onEventChange={this.checkboxChange}\r\n            />\r\n          )}\r\n        </div>\r\n        <slot />\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/xv-webcomponents/xv-table-v2.entry.js

@@ -0,0 +1,114 @@
+import { r as registerInstance, a as createEvent, h, d as Host, g as getElement } from './index-90b82796.js';
+
+var TABLE_COLOR_SCHEMA;
+(function (TABLE_COLOR_SCHEMA) {
+    TABLE_COLOR_SCHEMA["DEF"] = "";
+    TABLE_COLOR_SCHEMA["ZEBRA"] = "zebra";
+})(TABLE_COLOR_SCHEMA || (TABLE_COLOR_SCHEMA = {}));
+var TABLE_SIZE;
+(function (TABLE_SIZE) {
+    TABLE_SIZE["EXTRA_SMALL"] = "xs";
+    TABLE_SIZE["SMALL"] = "sm";
+    TABLE_SIZE["MEDIUM"] = "md";
+    TABLE_SIZE["LARGE"] = "lg";
+    TABLE_SIZE["EXTRA_LARGE"] = "xl";
+})(TABLE_SIZE || (TABLE_SIZE = {}));
+
+const xvTableCss = ":host ::slotted(xv-table-v2-header-row[cols=\"1\"]),:host ::slotted(xv-table-v2-row[cols=\"1\"]){--xv-table-cols:1}:host ::slotted(xv-table-v2-header-row[cols=\"2\"]),:host ::slotted(xv-table-v2-row[cols=\"2\"]){--xv-table-cols:2}:host ::slotted(xv-table-v2-header-row[cols=\"3\"]),:host ::slotted(xv-table-v2-row[cols=\"3\"]){--xv-table-cols:3}:host ::slotted(xv-table-v2-header-row[cols=\"4\"]),:host ::slotted(xv-table-v2-row[cols=\"4\"]){--xv-table-cols:4}:host ::slotted(xv-table-v2-header-row[cols=\"5\"]),:host ::slotted(xv-table-v2-row[cols=\"5\"]){--xv-table-cols:5}:host ::slotted(xv-table-v2-header-row[cols=\"6\"]),:host ::slotted(xv-table-v2-row[cols=\"6\"]){--xv-table-cols:6}:host ::slotted(xv-table-v2-header-row[cols=\"7\"]),:host ::slotted(xv-table-v2-row[cols=\"7\"]){--xv-table-cols:7}:host ::slotted(xv-table-v2-header-row[cols=\"8\"]),:host ::slotted(xv-table-v2-row[cols=\"8\"]){--xv-table-cols:8}:host ::slotted(xv-table-v2-header-row[cols=\"9\"]),:host ::slotted(xv-table-v2-row[cols=\"9\"]){--xv-table-cols:9}:host ::slotted(xv-table-v2-header-row[cols=\"10\"]),:host ::slotted(xv-table-v2-row[cols=\"10\"]){--xv-table-cols:10}:host ::slotted(xv-table-v2-header-row[cols=\"11\"]),:host ::slotted(xv-table-v2-row[cols=\"11\"]){--xv-table-cols:11}:host ::slotted(xv-table-v2-header-row[cols=\"12\"]),:host ::slotted(xv-table-v2-row[cols=\"12\"]){--xv-table-cols:12}:host ::slotted(xv-table-v2-header-row[cols=\"13\"]),:host ::slotted(xv-table-v2-row[cols=\"13\"]){--xv-table-cols:13}:host ::slotted(xv-table-v2-header-row[cols=\"14\"]),:host ::slotted(xv-table-v2-row[cols=\"14\"]){--xv-table-cols:14}:host ::slotted(xv-table-v2-header-row[cols=\"15\"]),:host ::slotted(xv-table-v2-row[cols=\"15\"]){--xv-table-cols:15}:host ::slotted(xv-table-v2-header-row[cols=\"16\"]),:host ::slotted(xv-table-v2-row[cols=\"16\"]){--xv-table-cols:16}:host ::slotted(xv-table-v2-header-row[cols=\"17\"]),:host ::slotted(xv-table-v2-row[cols=\"17\"]){--xv-table-cols:17}:host ::slotted(xv-table-v2-header-row[cols=\"18\"]),:host ::slotted(xv-table-v2-row[cols=\"18\"]){--xv-table-cols:18}:host ::slotted(xv-table-v2-header-row[cols=\"19\"]),:host ::slotted(xv-table-v2-row[cols=\"19\"]){--xv-table-cols:19}:host ::slotted(xv-table-v2-header-row[cols=\"20\"]),:host ::slotted(xv-table-v2-row[cols=\"20\"]){--xv-table-cols:20}:host([size=xs]) ::slotted(xv-table-v2-row),:host([size=xs]) ::slotted(xv-table-v2-header-row){padding:2px}:host([size=sm]) ::slotted(xv-table-v2-row),:host([size=sm]) ::slotted(xv-table-v2-header-row){padding:8px}:host([size=md]) ::slotted(xv-table-v2-row),:host([size=md]) ::slotted(xv-table-v2-header-row){padding:16px}:host([size=lg]) ::slotted(xv-table-v2-row),:host([size=lg]) ::slotted(xv-table-v2-header-row){padding:18px}:host([size=xl]) ::slotted(xv-table-v2-row),:host([size=xl]) ::slotted(xv-table-v2-header-row){padding:20px}:host([hoverable]) ::slotted(xv-table-v2-row:hover),:host([hoverable]) ::slotted([highlighted]){background-color:var(--layer-hover-01, #E3E3E3)}:host(xv-table-v2) ::slotted(xv-table-v2-row),:host(xv-table-v2) ::slotted(xv-table-v2-header-row){grid-template-columns:0 repeat(var(--xv-table-cols, 1), 1fr)}:host(xv-table-v2) ::slotted(xv-table-v2-row[collapsed]){padding-top:0;padding-bottom:0}:host(xv-table-v2) .caption{padding:16px 16px 18px}:host(xv-table-v2) .caption_title,:host(xv-table-v2) .caption_description{color:var(--text-primary, #333);margin:0}:host(xv-table-v2) .caption_title{font-family:var(--ff-heading, \"Gill Sans\");font-size:21px}:host(xv-table-v2) .caption_description{font-family:var(--ff-body, Tahoma);font-size:14px;line-height:128.571%;letter-spacing:0.16px}:host([expandable]) ::slotted(xv-table-v2-row),:host([expandable]) ::slotted(xv-table-v2-header-row){position:relative;grid-template-columns:48px repeat(var(--xv-table-cols, 1), 1fr)}:host([selectable]) ::slotted(xv-table-v2-row),:host([selectable]) ::slotted(xv-table-v2-header-row){position:relative;grid-template-columns:50px repeat(var(--xv-table-cols, 1), 1fr)}:host([expandable][selectable]) ::slotted(xv-table-v2-row),:host([expandable][selectable]) ::slotted(xv-table-v2-header-row){position:relative;grid-template-columns:98px repeat(var(--xv-table-cols, 1), 1fr)}";
+
+const XvTable = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.changeSelection = createEvent(this, "changeSelection", 7);
+        /**
+         * Set current color schema type of enum TABLE_COLOR_SCHEMA
+         * Possible options 'zebra'
+         */
+        this.colorSchema = TABLE_COLOR_SCHEMA.DEF;
+        /**
+         * If table is expandable fields
+         */
+        this.expandable = false;
+        /**
+         * Table size
+         * enum TABLE_SIZE
+         */
+        this.size = TABLE_SIZE.MEDIUM;
+        /**
+         * Add checkbox selection to the table
+         */
+        this.selectable = false;
+        this.selectedRows = new Map();
+        this.handleCheckedChange = (e) => {
+            const { name, value, checked } = e.detail;
+            if (checked) {
+                this.selectedRows.set(name, { name, value });
+            }
+            else {
+                this.selectedRows.delete(name);
+            }
+            this.changeSelection.emit(Array.from(this.selectedRows.values()));
+        };
+    }
+    setRowPropsHandler() {
+        const rows = Array
+            .from(this.el.childNodes)
+            .filter((node) => node.nodeType === Node.ELEMENT_NODE &&
+            ((node === null || node === void 0 ? void 0 : node.tagName) === `${this.el.tagName}-ROW` || (node === null || node === void 0 ? void 0 : node.tagName) === `${this.el.tagName}-HEADER-ROW`));
+        let visualIndex = 0;
+        rows.forEach((node, i) => {
+            var _a;
+            const row = node;
+            const isHeaderRow = (node === null || node === void 0 ? void 0 : node.tagName) === `${this.el.tagName}-HEADER-ROW`;
+            if (this.selectable) {
+                let name = row.getAttribute('selection-name');
+                if (!name) {
+                    name = isHeaderRow ? 'header' : `xv-table-row-${i}`;
+                    row.setAttribute('selection-name', name);
+                }
+                if (row.hasAttribute('checked')) {
+                    this.selectedRows.set(name, {
+                        name,
+                        value: (_a = row.getAttribute('value')) !== null && _a !== void 0 ? _a : undefined,
+                    });
+                }
+            }
+            if (isHeaderRow)
+                return;
+            switch (this.colorSchema) {
+                case TABLE_COLOR_SCHEMA.ZEBRA:
+                    const stripe = visualIndex % 2 === 0 ? 'even' : 'odd';
+                    if (row.hasAttribute('expandable') && rows[i + 1]) {
+                        row.setAttribute(stripe, '');
+                    }
+                    else {
+                        visualIndex++;
+                        row.setAttribute(stripe, '');
+                    }
+                    break;
+                default:
+                    row.removeAttribute('odd');
+                    row.removeAttribute('even');
+            }
+        });
+    }
+    render() {
+        return (h(Host, { key: '2a3ae7c8db5aade4d64c9a2b57235859b7fbc8e5', size: this.size, selectable: this.selectable }, (this.el.title || this.description) && (h("div", { key: '795ad5b8a0c030ee9f11994bb766bb1cd546743f', class: "caption" }, this.el.title && h("h5", { key: 'dd6baa438bf9bd83e0983e9053c3734b8d8aff92', class: "caption_title" }, this.el.title), this.description && h("p", { key: 'e05e97cf899cd1ede185d035ef65b1d75b21962c', class: "caption_description" }, this.description))), h("slot", { key: '8e5f044d71350c3b52a1ab004bc8e4a3fadd53f0' })));
+    }
+    componentWillLoad() {
+        this.setRowPropsHandler();
+        this.el.addEventListener('checkedChange', this.handleCheckedChange);
+    }
+    disconnectedCallback() {
+        this.el.removeEventListener('checkedChange', this.handleCheckedChange);
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "colorSchema": ["setRowPropsHandler"]
+    }; }
+};
+XvTable.style = xvTableCss;
+
+export { XvTable as xv_table_v2 };
+
+//# sourceMappingURL=xv-table-v2.entry.js.map

package/dist/xv-webcomponents/xv-table-v2.entry.js.map

@@ -0,0 +1 @@
+{"file":"xv-table-v2.entry.esm.js","mappings":"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","names":[],"sources":["src/components/xv-table/defs.ts","src/components/xv-table/xv-table.scss?tag=xv-table-v2&encapsulation=shadow","src/components/xv-table/xv-table.tsx"],"sourcesContent":["export enum TABLE_COLOR_SCHEMA {\r\n  DEF = '',\r\n  ZEBRA = 'zebra',\r\n}\r\n\r\nexport enum TABLE_SIZE {\r\n  EXTRA_SMALL = 'xs',\r\n  SMALL = 'sm',\r\n  MEDIUM = 'md',\r\n  LARGE = 'lg',\r\n  EXTRA_LARGE = 'xl',\r\n}\r\n\r\nexport type TableSelectionEvent = CustomEvent<{\r\n  name: string;\r\n  checked: boolean;\r\n  value?: string;\r\n}>;\r\n","@import \"vars\";\r\n\r\n:host {\r\n  @for $i from 1 through 20 {\r\n    ::slotted(#{$tag-name}-header-row[cols=\"#{$i}\"]),\r\n    ::slotted(#{$tag-name}-row[cols=\"#{$i}\"]) {\r\n      --xv-table-cols: #{$i};\r\n    }\r\n  }\r\n}\r\n\r\n:host([size=\"xs\"]) {\r\n  ::slotted(#{$tag-name}-row),\r\n  ::slotted(#{$tag-name}-header-row) {\r\n    padding: $space-xs;\r\n  }\r\n}\r\n:host([size=\"sm\"]) {\r\n  ::slotted(#{$tag-name}-row),\r\n  ::slotted(#{$tag-name}-header-row) {\r\n    padding: $space-sm;\r\n  }\r\n}\r\n:host([size=\"md\"]) {\r\n  ::slotted(#{$tag-name}-row),\r\n  ::slotted(#{$tag-name}-header-row) {\r\n    padding: $space-md;\r\n  }\r\n}\r\n:host([size=\"lg\"]) {\r\n  ::slotted(#{$tag-name}-row),\r\n  ::slotted(#{$tag-name}-header-row) {\r\n    padding: $space-lg;\r\n  }\r\n}\r\n:host([size=\"xl\"]) {\r\n  ::slotted(#{$tag-name}-row),\r\n  ::slotted(#{$tag-name}-header-row) {\r\n    padding: $space-xl\r\n  }\r\n}\r\n\r\n:host([hoverable]) {\r\n  ::slotted(#{$tag-name}-row:hover),\r\n  ::slotted([highlighted])  {\r\n    background-color: var(--layer-hover-01, #E3E3E3);\r\n  }\r\n}\r\n\r\n:host(#{$tag-name}) {\r\n  ::slotted(#{$tag-name}-row),\r\n  ::slotted(#{$tag-name}-header-row) {\r\n    grid-template-columns: 0 repeat(var(--xv-table-cols, 1), 1fr);\r\n  }\r\n\r\n  ::slotted(#{$tag-name}-row[collapsed]) {\r\n    padding-top: 0;\r\n    padding-bottom: 0;\r\n  }\r\n\r\n  .caption {\r\n    padding: $space-md $space-md $space-lg;\r\n    &_title,\r\n    &_description {\r\n      color: $color;\r\n      margin: 0;\r\n    }\r\n\r\n    &_title {\r\n      font-family: var(--ff-heading, \"Gill Sans\");\r\n      font-size: 21px;\r\n    }\r\n\r\n    &_description {\r\n      font-family: var(--ff-body, Tahoma);\r\n      font-size: $font-size-content;\r\n      line-height: 128.571%;\r\n      letter-spacing: 0.16px;\r\n    }\r\n  }\r\n}\r\n\r\n:host([expandable]) {\r\n  ::slotted(#{$tag-name}-row),\r\n  ::slotted(#{$tag-name}-header-row) {\r\n    position: relative;\r\n    grid-template-columns: $expand-size repeat(var(--xv-table-cols, 1), 1fr);\r\n  }\r\n}\r\n:host([selectable]) {\r\n  ::slotted(#{$tag-name}-row),\r\n  ::slotted(#{$tag-name}-header-row) {\r\n    position: relative;\r\n    grid-template-columns: $select-size repeat(var(--xv-table-cols, 1), 1fr);\r\n  }\r\n}\r\n:host([expandable][selectable]) {\r\n  ::slotted(#{$tag-name}-row),\r\n  ::slotted(#{$tag-name}-header-row) {\r\n    position: relative;\r\n    grid-template-columns: $expand-size + $select-size repeat(var(--xv-table-cols, 1), 1fr);\r\n  }\r\n}\r\n","import { Component, Host, h, Element, Prop, Watch, Event, EventEmitter, State } from '@stencil/core';\r\nimport { TABLE_COLOR_SCHEMA, TABLE_SIZE, TableSelectionEvent } from './defs';\r\n\r\n@Component({\r\n  tag: 'xv-table-v2',\r\n  styleUrl: 'xv-table.scss',\r\n  shadow: true,\r\n})\r\nexport class XvTable {\r\n  @Element() el: HTMLElement;\r\n  /**\r\n   * Table caption description\r\n   */\r\n  @Prop() description: string;\r\n  /**\r\n   * Set current color schema type of enum TABLE_COLOR_SCHEMA\r\n   * Possible options 'zebra'\r\n   */\r\n  @Prop({ attribute: 'color-schema' }) colorSchema: TABLE_COLOR_SCHEMA = TABLE_COLOR_SCHEMA.DEF;\r\n  /**\r\n   * If table is expandable fields\r\n   */\r\n  @Prop() expandable: boolean = false;\r\n  /**\r\n   * Table size\r\n   * enum TABLE_SIZE\r\n   */\r\n  @Prop() size: TABLE_SIZE = TABLE_SIZE.MEDIUM;\r\n  /**\r\n   * Add checkbox selection to the table\r\n   */\r\n  @Prop() selectable: boolean = false;\r\n\r\n  @State() selectedRows = new Map<string, { name: string, value?: string }>();\r\n\r\n  @Event() changeSelection: EventEmitter<{ name: string, value?: any }[]>;\r\n\r\n  @Watch('colorSchema')\r\n  setRowPropsHandler() {\r\n    const rows = Array\r\n      .from(this.el.childNodes)\r\n      .filter((node) =>\r\n        node.nodeType === Node.ELEMENT_NODE &&\r\n        ((node as any)?.tagName === `${this.el.tagName}-ROW` || (node as any)?.tagName === `${this.el.tagName}-HEADER-ROW`)\r\n      );\r\n    let visualIndex = 0;\r\n\r\n    rows.forEach((node, i) => {\r\n      const row = (node as HTMLElement);\r\n      const isHeaderRow = (node as any)?.tagName === `${this.el.tagName}-HEADER-ROW`;\r\n\r\n      if (this.selectable) {\r\n        let name = row.getAttribute('selection-name');\r\n\r\n        if (!name) {\r\n          name = isHeaderRow ? 'header' : `xv-table-row-${i}`;\r\n          row.setAttribute('selection-name', name);\r\n        }\r\n\r\n        if (row.hasAttribute('checked')) {\r\n          this.selectedRows.set(name, {\r\n            name,\r\n            value: row.getAttribute('value') ?? undefined,\r\n          })\r\n        }\r\n      }\r\n\r\n      if (isHeaderRow) return;\r\n\r\n      switch (this.colorSchema) {\r\n        case TABLE_COLOR_SCHEMA.ZEBRA:\r\n          const stripe = visualIndex % 2 === 0 ? 'even' : 'odd';\r\n          if (row.hasAttribute('expandable') && rows[i + 1]) {\r\n            row.setAttribute(stripe, '');\r\n          } else {\r\n            visualIndex++;\r\n            row.setAttribute(stripe, '');\r\n          }\r\n          break;\r\n        default:\r\n          row.removeAttribute('odd');\r\n          row.removeAttribute('even');\r\n      }\r\n    });\r\n  }\r\n\r\n  private handleCheckedChange = (e: TableSelectionEvent) => {\r\n    const { name, value, checked } = e.detail;\r\n\r\n    if (checked) {\r\n      this.selectedRows.set(name, { name, value });\r\n    } else {\r\n      this.selectedRows.delete(name);\r\n    }\r\n\r\n    this.changeSelection.emit(Array.from(this.selectedRows.values()));\r\n  }\r\n\r\n    render() {\r\n    return (\r\n      <Host size={this.size} selectable={this.selectable}>\r\n        {(this.el.title || this.description) && (\r\n          <div class=\"caption\">\r\n            {this.el.title && <h5 class=\"caption_title\">{this.el.title}</h5>}\r\n            {this.description && <p class=\"caption_description\">{this.description}</p>}\r\n          </div>\r\n        )}\r\n        <slot></slot>\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.setRowPropsHandler();\r\n    this.el.addEventListener('checkedChange', this.handleCheckedChange as any);\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    this.el.removeEventListener('checkedChange', this.handleCheckedChange as any);\r\n  }\r\n}\r\n"],"version":3}

package/dist/xv-webcomponents/xv-tag-v2.entry.js

@@ -0,0 +1,28 @@
+import { r as registerInstance, a as createEvent, h, d as Host } from './index-90b82796.js';
+
+const xvTagCss = "@charset \"UTF-8\";:host{display:inline-flex;align-items:center;justify-content:space-between;border-radius:1000px;background-color:var(--background);color:var(--text-primary);font-family:var(--ff-body, inherit)}:host .xv-tag_content{padding-left:8px;padding-right:8px;color:inherit;font-family:var(--ff-body);font-style:normal;font-weight:400;line-height:16px;letter-spacing:0.32px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .xv-tag_close{box-sizing:border-box;text-decoration:none;border:none;background-color:inherit;outline:none;border-spacing:0;list-style:none outside none;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:62px;width:15px;height:15px;text-align:left;color:inherit;text-indent:0;transition:opacity 300ms ease-in-out, filter 300ms ease-in-out}:host .xv-tag_close:hover{cursor:pointer;filter:brightness(80%)}:host .xv-tag_close:active{opacity:0.7}:host .xv-tag_close:focus{outline:1px solid currentColor}:host .xv-tag_close:after{overflow:hidden;width:inherit;height:inherit;color:inherit;font-size:16px;display:inline-flex;align-items:center;justify-content:center;content:\"×\"}:host(.sm){font-size:var(--fz-sm)}:host(.md){font-size:var(--fz-md)}:host(.md) .xv-tag_content{line-height:24px}:host(.md) .xv-tag_close{height:24px;width:24px}:host(.lg){font-size:var(--fz-lg)}:host(.lg) .xv-tag_content{line-height:26px}:host(.lg) .xv-tag_close{height:26px;width:26px}:host(.disabled){pointer-events:none;background-color:var(--layer-01);color:var(--text-disabled)}";
+
+const XvTag = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.closeClick = createEvent(this, "closeClick", 7);
+        this.size = 'md';
+        this.color = '';
+        this.bg = '';
+        this.disabled = false;
+        this.closeable = false;
+    }
+    closeHandler(e) {
+        if (this.disabled)
+            return;
+        this.closeClick.emit(e);
+    }
+    render() {
+        return (h(Host, { key: '66e5db3e66bad59650ad130dfc2163d4f32cd813', style: { color: this.color, background: this.bg }, class: `xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}` }, h("div", { key: '86608a5f63de3aaea3f40e596b69d615ecb92b64', class: "xv-tag_content" }, h("slot", { key: '143129ff39073a027a4ba1790a9bfaf4ed34b6d0' })), this.closeable && (h("button", { key: '31915db387c4f610007a61b2b677a9019a158f47', onClick: this.closeHandler.bind(this), class: "xv-tag_close" }))));
+    }
+};
+XvTag.style = xvTagCss;
+
+export { XvTag as xv_tag_v2 };
+
+//# sourceMappingURL=xv-tag-v2.entry.js.map

package/dist/xv-webcomponents/xv-tag-v2.entry.js.map

@@ -0,0 +1 @@
+{"file":"xv-tag-v2.entry.esm.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,+gDAA+gD;;MCOnhD,KAAK;IALlB;;;QAMU,SAAI,GAAuB,IAAI,CAAC;QAChC,UAAK,GAAW,EAAE,CAAC;QACnB,OAAE,GAAW,EAAE,CAAC;QAChB,aAAQ,GAAY,KAAK,CAAC;QAC1B,cAAS,GAAY,KAAK,CAAC;KAwBpC;IArBC,YAAY,CAAC,CAAe;QAC1B,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAE1B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;KACzB;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDACH,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,CAAC,EAAE,EAAE,EACjD,KAAK,EAAE,UAAU,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,IAE/D,4DAAK,KAAK,EAAC,gBAAgB,IACzB,8DAAa,CACT,EACL,IAAI,CAAC,SAAS,KACb,+DAAQ,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,EAAC,cAAc,GAAU,CAC9E,CACI,EACP;KACH;;;;;;","names":[],"sources":["src/components/xv-tag/xv-tag.scss?tag=xv-tag-v2&encapsulation=shadow","src/components/xv-tag/xv-tag.tsx"],"sourcesContent":[":host {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  border-radius: 1000px;\r\n  background-color: var(--background);\r\n  color: var(--text-primary);\r\n  font-family: var(--ff-body, inherit);\r\n\r\n  .xv-tag_content {\r\n    padding-left: 8px;\r\n    padding-right: 8px;\r\n    color: inherit;\r\n    font-family: var(--ff-body);\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 16px;\r\n    letter-spacing: 0.32px;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n  }\r\n\r\n  .xv-tag_close {\r\n    box-sizing: border-box;\r\n    text-decoration: none;\r\n    border: none;\r\n    background-color: inherit;\r\n    outline: none;\r\n    border-spacing: 0;\r\n    list-style: none outside none;\r\n    margin: 0;\r\n    padding: 0;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 62px;\r\n    width: 15px;\r\n    height: 15px;\r\n    text-align: left;\r\n    color: inherit;\r\n    text-indent: 0;\r\n    transition: opacity 300ms ease-in-out, filter 300ms ease-in-out;\r\n    &:hover {\r\n      cursor: pointer;\r\n      filter: brightness(80%);\r\n    }\r\n\r\n    &:active {\r\n      opacity: 0.7;\r\n    }\r\n\r\n    &:focus {\r\n      outline: 1px solid currentColor;\r\n    }\r\n\r\n    &:after {\r\n      overflow: hidden;\r\n      width: inherit;\r\n      height: inherit;\r\n      color: inherit;\r\n      font-size: 16px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      content: \"\\00d7\";\r\n    }\r\n  }\r\n}\r\n\r\n:host(.sm) {\r\n  font-size: var(--fz-sm);\r\n}\r\n\r\n:host(.md) {\r\n  font-size: var(--fz-md);\r\n  .xv-tag_content {\r\n    line-height: 24px;\r\n  }\r\n\r\n  .xv-tag_close {\r\n    height: 24px;\r\n    width: 24px;\r\n  }\r\n}\r\n\r\n:host(.lg) {\r\n  font-size: var(--fz-lg);\r\n  .xv-tag_content {\r\n    line-height: 26px;\r\n  }\r\n\r\n  .xv-tag_close {\r\n    height: 26px;\r\n    width: 26px;\r\n  }\r\n}\r\n\r\n:host(.disabled) {\r\n  pointer-events: none;\r\n  background-color: var(--layer-01);\r\n  color: var(--text-disabled);\r\n}\r\n","import { Component, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'xv-tag-v2',\r\n  styleUrl: 'xv-tag.scss',\r\n  shadow: true,\r\n})\r\nexport class XvTag {\r\n  @Prop() size: 'sm' | 'md' | 'lg' = 'md';\r\n  @Prop() color: string = '';\r\n  @Prop() bg: string = '';\r\n  @Prop() disabled: boolean = false;\r\n  @Prop() closeable: boolean = false;\r\n  @Event() closeClick: EventEmitter<PointerEvent>;\r\n\r\n  closeHandler(e: PointerEvent) {\r\n    if (this.disabled) return;\r\n\r\n    this.closeClick.emit(e);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host\r\n        style={{ color: this.color, background: this.bg }}\r\n        class={`xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}`}\r\n      >\r\n        <div class=\"xv-tag_content\">\r\n          <slot></slot>\r\n        </div>\r\n        {this.closeable && (\r\n          <button onClick={this.closeHandler.bind(this)} class=\"xv-tag_close\"></button>\r\n        )}\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/xv-webcomponents/xv-tooltip-v2.entry.js

@@ -0,0 +1,23 @@
+import { r as registerInstance, h, d as Host } from './index-90b82796.js';
+
+const xvTooltipCss = ":host{position:relative;display:inline-block;cursor:pointer;line-height:0.5}:host::before,:host::after{position:absolute;opacity:0;visibility:hidden;transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out;z-index:10}:host::before{content:attr(tooltip);background:var(--background-inverse, #333);color:var(--icon-inverse, #fff);padding:var(--gap-sm, 5px) var(--gap-md, 16px);border-radius:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70vw;font-family:var(--fz-body, Tahoma);font-size:var(fz-md, 14px);font-weight:400;line-height:18px;letter-spacing:0.16px}:host::after{content:\"\";border:6px solid transparent}:host(:hover)::before,:host(:hover)::after,:host(:focus)::before,:host(:focus)::after{opacity:1;visibility:visible}:host(.xv-tooltip_top)::before{bottom:100%;left:50%;transform:translateX(-50%) translateY(-5px)}:host(.xv-tooltip_top)::after{bottom:100%;left:50%;border-top-color:var(--background-inverse, #333);transform:translateX(-50%) translateY(5px)}:host(.xv-tooltip_top-left)::before{bottom:100%;left:0;transform:translateY(-5px)}:host(.xv-tooltip_top-left)::after{bottom:100%;left:10px;border-top-color:black;transform:translateY(5px)}:host(.xv-tooltip_top-right)::before{bottom:100%;right:0;transform:translateY(-5px)}:host(.xv-tooltip_top-right)::after{bottom:100%;right:10px;border-top-color:var(--background-inverse, #333);transform:translateY(5px)}:host(.xv-tooltip_bottom)::before{top:100%;left:50%;transform:translateX(-50%) translateY(5px)}:host(.xv-tooltip_bottom)::after{top:100%;left:50%;border-bottom-color:black;transform:translateX(-50%) translateY(-5px)}:host(.xv-tooltip_bottom-left)::before{top:100%;left:0;transform:translateY(5px)}:host(.xv-tooltip_bottom-left)::after{top:100%;left:10px;border-bottom-color:var(--background-inverse, #333);transform:translateY(-5px)}:host(.xv-tooltip_bottom-right)::before{top:100%;right:0;transform:translateY(5px)}:host(.xv-tooltip_bottom-right)::after{top:100%;right:10px;border-bottom-color:var(--background-inverse, #333);transform:translateY(-5px)}:host(.xv-tooltip_left)::before{right:100%;top:50%;transform:translateY(-50%) translateX(-5px)}:host(.xv-tooltip_left)::after{right:100%;top:50%;border-left-color:var(--background-inverse, #333);transform:translateY(-50%) translateX(5px)}:host(.xv-tooltip_right)::before{left:100%;top:50%;transform:translateY(-50%) translateX(5px)}:host(.xv-tooltip_right)::after{left:100%;top:50%;border-right-color:var(--background-inverse, #333);transform:translateY(-50%) translateX(-5px)}";
+
+const XvTooltip = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * Tooltip and arrow position related to element
+         * possible options: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right'.
+         * By default, "top"
+         */
+        this.position = 'top';
+    }
+    render() {
+        return (h(Host, { key: '435431800bcf1fd6cc25a3715956cea636fa829d', tooltip: this.message, class: `xv-tooltip_${this.position}` }, h("slot", { key: 'c9fe9b1b177acf603ac8b99d08b7baa55c3a00f1' }, h("svg", { key: 'e114bdafc56acaf928cc800224b43f211a7524dd', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: 'edb0690dc5736a05956504efa46b4ee8eadc59fd', fill: "currentColor", d: "M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-88c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l24 0 0 64-24 0zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z" })))));
+    }
+};
+XvTooltip.style = xvTooltipCss;
+
+export { XvTooltip as xv_tooltip_v2 };
+
+//# sourceMappingURL=xv-tooltip-v2.entry.js.map

package/dist/xv-webcomponents/xv-tooltip-v2.entry.js.map

@@ -0,0 +1 @@
+{"file":"xv-tooltip-v2.entry.esm.js","mappings":";;AAAA,MAAM,YAAY,GAAG,0+EAA0+E;;MCOl/E,SAAS;IALtB;;;;;;;QAaU,aAAQ,GAAoG,KAAK,CAAC;KAgB3H;IAdC,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,cAAc,IAAI,CAAC,QAAQ,EAAE,IAC/D,+DACE,4DAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,IACjF,6DACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,yTAAyT,GAC3T,CACE,CACD,CACF,EACP;KACH;;;;;;","names":[],"sources":["src/components/xv-tooltip/xv-tooltip.scss?tag=xv-tooltip-v2&encapsulation=shadow","src/components/xv-tooltip/xv-tooltip.tsx"],"sourcesContent":[":host {\r\n  position: relative;\r\n  display: inline-block;\r\n  cursor: pointer;\r\n  line-height: 0.5;\r\n}\r\n\r\n/* General styles for tooltip */\r\n:host::before,\r\n:host::after {\r\n  position: absolute;\r\n  opacity: 0;\r\n  visibility: hidden;\r\n  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;\r\n  z-index: 10;\r\n}\r\n\r\n/* Tooltip */\r\n:host::before {\r\n  content: attr(tooltip);\r\n  background: var(--background-inverse, #333);\r\n  color: var(--icon-inverse, #fff);\r\n  padding: var(--gap-sm, 5px) var(--gap-md, 16px);\r\n  border-radius: 2px;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  max-width: max(70vw);\r\n  font-family: var(--fz-body, Tahoma);\r\n  font-size: var(fz-md, 14px);\r\n  font-weight: 400;\r\n  line-height: 18px;\r\n  letter-spacing: 0.16px;\r\n}\r\n\r\n/* Arrow */\r\n:host::after {\r\n  content: \"\";\r\n  border: 6px solid transparent;\r\n}\r\n\r\n/* Show Tooltip and arrow */\r\n:host(:hover)::before,\r\n:host(:hover)::after,\r\n:host(:focus)::before,\r\n:host(:focus)::after {\r\n  opacity: 1;\r\n  visibility: visible;\r\n}\r\n\r\n/* Tooltip positions */\r\n:host(.xv-tooltip_top)::before {\r\n  bottom: 100%;\r\n  left: 50%;\r\n  transform: translateX(-50%) translateY(-5px);\r\n}\r\n:host(.xv-tooltip_top)::after {\r\n  bottom: 100%;\r\n  left: 50%;\r\n  border-top-color: var(--background-inverse, #333);\r\n  transform: translateX(-50%) translateY(5px);\r\n}\r\n\r\n:host(.xv-tooltip_top-left)::before {\r\n  bottom: 100%;\r\n  left: 0;\r\n  transform: translateY(-5px);\r\n}\r\n:host(.xv-tooltip_top-left)::after {\r\n  bottom: 100%;\r\n  left: 10px;\r\n  border-top-color: black;\r\n  transform: translateY(5px);\r\n}\r\n\r\n:host(.xv-tooltip_top-right)::before {\r\n  bottom: 100%;\r\n  right: 0;\r\n  transform: translateY(-5px);\r\n}\r\n:host(.xv-tooltip_top-right)::after {\r\n  bottom: 100%;\r\n  right: 10px;\r\n  border-top-color: var(--background-inverse, #333);\r\n  transform: translateY(5px);\r\n}\r\n\r\n:host(.xv-tooltip_bottom)::before {\r\n  top: 100%;\r\n  left: 50%;\r\n  transform: translateX(-50%) translateY(5px);\r\n}\r\n:host(.xv-tooltip_bottom)::after {\r\n  top: 100%;\r\n  left: 50%;\r\n  border-bottom-color: black;\r\n  transform: translateX(-50%) translateY(-5px);\r\n}\r\n\r\n:host(.xv-tooltip_bottom-left)::before {\r\n  top: 100%;\r\n  left: 0;\r\n  transform: translateY(5px);\r\n}\r\n:host(.xv-tooltip_bottom-left)::after {\r\n  top: 100%;\r\n  left: 10px;\r\n  border-bottom-color: var(--background-inverse, #333);\r\n  transform: translateY(-5px);\r\n}\r\n\r\n:host(.xv-tooltip_bottom-right)::before {\r\n  top: 100%;\r\n  right: 0;\r\n  transform: translateY(5px);\r\n}\r\n:host(.xv-tooltip_bottom-right)::after {\r\n  top: 100%;\r\n  right: 10px;\r\n  border-bottom-color: var(--background-inverse, #333);\r\n  transform: translateY(-5px);\r\n}\r\n\r\n:host(.xv-tooltip_left)::before {\r\n  right: 100%;\r\n  top: 50%;\r\n  transform: translateY(-50%) translateX(-5px);\r\n}\r\n:host(.xv-tooltip_left)::after {\r\n  right: 100%;\r\n  top: 50%;\r\n  border-left-color: var(--background-inverse, #333);\r\n  transform: translateY(-50%) translateX(5px);\r\n}\r\n\r\n:host(.xv-tooltip_right)::before {\r\n  left: 100%;\r\n  top: 50%;\r\n  transform: translateY(-50%) translateX(5px);\r\n}\r\n:host(.xv-tooltip_right)::after {\r\n  left: 100%;\r\n  top: 50%;\r\n  border-right-color: var(--background-inverse, #333);\r\n  transform: translateY(-50%) translateX(-5px);\r\n}\r\n","import { Component, Host, h, Prop } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'xv-tooltip-v2',\r\n  styleUrl: 'xv-tooltip.scss',\r\n  shadow: true,\r\n})\r\nexport class XvTooltip {\r\n  /** Message what will be shown for tooltip **/\r\n  @Prop() message: string;\r\n  /**\r\n   * Tooltip and arrow position related to element\r\n   * possible options: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right'.\r\n   * By default, \"top\"\r\n   */\r\n  @Prop() position: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right' = 'top';\r\n\r\n  render() {\r\n    return (\r\n      <Host tooltip={this.message} class={`xv-tooltip_${this.position}`}>\r\n        <slot>\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" width={16} height={16}>\r\n            <path\r\n              fill=\"currentColor\"\r\n              d=\"M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-88c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l24 0 0 64-24 0zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z\"\r\n            />\r\n          </svg>\r\n        </slot>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/xv-webcomponents/xv-webcomponents.esm.js

@@ -1,2 +1,49 @@
-import{p as e,b as a}from"./p-840929c5.js";export{s as setNonce}from"./p-840929c5.js";import{g as o}from"./p-e1255160.js";var l=()=>{const a=import.meta.url;const o={};if(a!==""){o.resourcesUrl=new URL(".",a).href}return e(o)};l().then((async e=>{await o();return a([["p-5f18d718",[[1,"xv-breadcrumbs-v2"]]],["p-bfe83d1e",[[1,"xv-table-v2-header-row",{selectionName:[513,"selection-name"],partial:[516],checked:[1540],cols:[32]}],[1,"xv-table-v2-row",{expandable:[1028],expanded:[1540],selectionName:[513,"selection-name"],value:[513],checked:[1540],prevRowExpanded:[32],expandId:[32],id:[32],cols:[32],setExpandRelation:[64],toggleExpand:[64]},null,{expandable:["setExpandableRelationHandle"]}],[1,"xv-accordion-v2",{multiple:[4],xvId:[1,"xv-id"],value:[1025],opened:[32],toggleItem:[64]}],[1,"xv-accordion-v2-item",{disabled:[4],label:[1],value:[1],isOpen:[32]},[[16,"accordionChange","handleAccordionChange"]]],[1,"xv-button-v2",{label:[1],block:[4],variant:[1],disabled:[4]}],[1,"xv-card-v2",{variant:[1],media:[1],header:[1],body:[1],footer:[1]}],[1,"xv-link-v2",{href:[1],target:[1],disabled:[4],size:[1],variant:[1]}],[1,"xv-progress-indicator-v2",{progress:[2]},null,{progress:["updateChildItems"]}],[1,"xv-progress-indicator-v2-item",{done:[4]}],[1,"xv-table-v2",{description:[1],colorSchema:[1,"color-schema"],expandable:[4],size:[1],selectable:[4],selectedRows:[32]},null,{colorSchema:["setRowPropsHandler"]}],[1,"xv-table-v2-col"],[1,"xv-tag-v2",{size:[1],color:[1],bg:[1],disabled:[4],closeable:[4]}],[1,"xv-tooltip-v2",{message:[1],position:[1]}],[65,"xv-checkbox-v2",{checked:[1540],indeterminate:[516],disabled:[516],name:[513],value:[513],required:[516],partial:[516],label:[1],size:[513],error:[520],hasFocus:[32]},null,{checked:["onCheckedChange"]}]]]],e)}));
+import { B as BUILD, c as consoleDevInfo, H, w as win, N as NAMESPACE, p as promiseResolve, b as bootstrapLazy } from './index-90b82796.js';
+export { s as setNonce } from './index-90b82796.js';
+import { g as globalScripts } from './app-globals-0f993ce5.js';
+
+/*
+ Stencil Client Patch Browser v4.27.1 | MIT Licensed | https://stenciljs.com
+ */
+var patchBrowser = () => {
+  if (BUILD.isDev && !BUILD.isTesting) {
+    consoleDevInfo("Running in development mode.");
+  }
+  if (BUILD.cloneNodeFix) {
+    patchCloneNodeFix(H.prototype);
+  }
+  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll("script")).find(
+    (s) => new RegExp(`/${NAMESPACE}(\\.esm)?\\.js($|\\?|#)`).test(s.src) || s.getAttribute("data-stencil-namespace") === NAMESPACE
+  ) : null;
+  const importMeta = import.meta.url;
+  const opts = BUILD.scriptDataOpts ? (scriptElm || {})["data-opts"] || {} : {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return promiseResolve(opts);
+};
+var patchCloneNodeFix = (HTMLElementPrototype) => {
+  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;
+  HTMLElementPrototype.cloneNode = function(deep) {
+    if (this.nodeName === "TEMPLATE") {
+      return nativeCloneNodeFn.call(this, deep);
+    }
+    const clonedNode = nativeCloneNodeFn.call(this, false);
+    const srcChildNodes = this.childNodes;
+    if (deep) {
+      for (let i = 0; i < srcChildNodes.length; i++) {
+        if (srcChildNodes[i].nodeType !== 2) {
+          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));
+        }
+      }
+    }
+    return clonedNode;
+  };
+};
+
+patchBrowser().then(async (options) => {
+  await globalScripts();
+  return bootstrapLazy([["xv-table-v2-header-row",[[1,"xv-table-v2-header-row",{"selectionName":[513,"selection-name"],"partial":[516],"checked":[1540],"cols":[32]}]]],["xv-table-v2-row",[[1,"xv-table-v2-row",{"expandable":[1028],"expanded":[1540],"selectionName":[513,"selection-name"],"value":[513],"checked":[1540],"prevRowExpanded":[32],"expandId":[32],"id":[32],"cols":[32],"setExpandRelation":[64],"toggleExpand":[64]},null,{"expandable":["setExpandableRelationHandle"]}]]],["xv-accordion-v2",[[1,"xv-accordion-v2",{"multiple":[4],"xvId":[1,"xv-id"],"value":[1025],"opened":[32],"toggleItem":[64]}]]],["xv-accordion-v2-item",[[1,"xv-accordion-v2-item",{"disabled":[4],"label":[1],"value":[1],"isOpen":[32]},[[16,"accordionChange","handleAccordionChange"]]]]],["xv-breadcrumbs-v2",[[1,"xv-breadcrumbs-v2"]]],["xv-button-v2",[[1,"xv-button-v2",{"label":[1],"block":[4],"variant":[1],"disabled":[4]}]]],["xv-card-v2",[[1,"xv-card-v2",{"variant":[1],"media":[1],"header":[1],"body":[1],"footer":[1]}]]],["xv-link-v2",[[1,"xv-link-v2",{"href":[1],"target":[1],"disabled":[4],"size":[1],"variant":[1]}]]],["xv-progress-indicator-v2",[[1,"xv-progress-indicator-v2",{"progress":[2]},null,{"progress":["updateChildItems"]}]]],["xv-progress-indicator-v2-item",[[1,"xv-progress-indicator-v2-item",{"done":[4]}]]],["xv-table-v2",[[1,"xv-table-v2",{"description":[1],"colorSchema":[1,"color-schema"],"expandable":[4],"size":[1],"selectable":[4],"selectedRows":[32]},null,{"colorSchema":["setRowPropsHandler"]}]]],["xv-table-v2-col",[[1,"xv-table-v2-col"]]],["xv-tag-v2",[[1,"xv-tag-v2",{"size":[1],"color":[1],"bg":[1],"disabled":[4],"closeable":[4]}]]],["xv-tooltip-v2",[[1,"xv-tooltip-v2",{"message":[1],"position":[1]}]]],["xv-checkbox-v2",[[65,"xv-checkbox-v2",{"checked":[1540],"indeterminate":[516],"disabled":[516],"name":[513],"value":[513],"required":[516],"partial":[516],"label":[1],"size":[513],"error":[520],"hasFocus":[32]},null,{"checked":["onCheckedChange"]}]]]], options);
+});
+
 //# sourceMappingURL=xv-webcomponents.esm.js.map

package/dist/xv-webcomponents/xv-webcomponents.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","selectionName","partial","checked","cols","expandable","expanded","value","prevRowExpanded","expandId","id","setExpandRelation","toggleExpand","multiple","xvId","opened","toggleItem","disabled","label","isOpen","block","variant","media","header","body","footer","target","size","progress","done","description","colorSchema","selectable","selectedRows","color","bg","closeable","message","position","indeterminate","name","required","error","hasFocus"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.27.1 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAc,0CAAuC,4CAAAC,cAAA,uBAAAC,QAAA,MAAAC,QAAA,OAAAC,KAAA,6BAAAC,WAAA,OAAAC,SAAA,OAAAL,cAAA,uBAAAM,MAAA,MAAAJ,QAAA,OAAAK,gBAAA,KAAAC,SAAA,KAAAC,GAAA,KAAAN,KAAA,KAAAO,kBAAA,KAAAC,aAAA,YAAAP,WAAA,wDAAAQ,SAAA,IAAAC,KAAA,YAAAP,MAAA,OAAAQ,OAAA,KAAAC,WAAA,kCAAAC,SAAA,IAAAC,MAAA,IAAAX,MAAA,IAAAY,OAAA,2EAAAD,MAAA,IAAAE,MAAA,IAAAC,QAAA,IAAAJ,SAAA,uBAAAI,QAAA,IAAAC,MAAA,IAAAC,OAAA,IAAAC,KAAA,IAAAC,OAAA,uBAAA/B,KAAA,IAAAgC,OAAA,IAAAT,SAAA,IAAAU,KAAA,IAAAN,QAAA,qCAAAO,SAAA,WAAAA,SAAA,2DAAAC,KAAA,wBAAAC,YAAA,IAAAC,YAAA,mBAAA1B,WAAA,IAAAsB,KAAA,IAAAK,WAAA,IAAAC,aAAA,YAAAF,YAAA,+DAAAJ,KAAA,IAAAO,MAAA,IAAAC,GAAA,IAAAlB,SAAA,IAAAmB,UAAA,0BAAAC,QAAA,IAAAC,SAAA,4BAAAnC,QAAA,OAAAoC,cAAA,MAAAtB,SAAA,MAAAuB,KAAA,MAAAjC,MAAA,MAAAkC,SAAA,MAAAvC,QAAA,MAAAgB,MAAA,IAAAS,KAAA,MAAAe,MAAA,MAAAC,SAAA,YAAAxC,QAAA,yBAAAL,EAAA","ignoreList":[]}
+{"file":"xv-webcomponents.esm.js","mappings":";;;;AAAA;AACA;AACA;AAKA,IAAI,YAAY,GAAG,MAAM;AACzB,EAAE,IAAI,KAAK,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;AACvC,IAAI,cAAc,CAAC,8BAA8B,CAAC,CAAC;AACnD,GAAG;AACH,EAAE,IAAI,KAAK,CAAC,YAAY,EAAE;AAC1B,IAAI,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;AACnC,GAAG;AACH,EAAE,MAAM,SAAS,GAAG,KAAK,CAAC,cAAc,GAAG,GAAG,CAAC,QAAQ,IAAI,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;AACnH,IAAI,CAAC,CAAC,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,uBAAuB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,wBAAwB,CAAC,KAAK,SAAS;AACnI,GAAG,GAAG,IAAI,CAAC;AACX,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;AACrC,EAAE,MAAM,IAAI,GAAG,KAAK,CAAC,cAAc,GAAG,CAAC,SAAS,IAAI,EAAE,EAAE,WAAW,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC;AAChF,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC;AACtD,GAAG;AACH,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC;AAC9B,CAAC,CAAC;AACF,IAAI,iBAAiB,GAAG,CAAC,oBAAoB,KAAK;AAClD,EAAE,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,SAAS,CAAC;AAC3D,EAAE,oBAAoB,CAAC,SAAS,GAAG,SAAS,IAAI,EAAE;AAClD,IAAI,IAAI,IAAI,CAAC,QAAQ,KAAK,UAAU,EAAE;AACtC,MAAM,OAAO,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAChD,KAAK;AACL,IAAI,MAAM,UAAU,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AAC3D,IAAI,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,CAAC;AAC1C,IAAI,IAAI,IAAI,EAAE;AACd,MAAM,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACrD,QAAQ,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,CAAC,EAAE;AAC7C,UAAU,UAAU,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;AACnE,SAAS;AACT,OAAO;AACP,KAAK;AACL,IAAI,OAAO,UAAU,CAAC;AACtB,GAAG,CAAC;AACJ,CAAC;;ACrCD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE,CAAC;AACxB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC,CAAC","names":[],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.27.1 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"version":3}

package/package.json

@@ -1,51 +1,51 @@
-{
-  "name": "xv-webcomponents",
-  "version": "0.1.18",
-  "description": "Reusable Web Components for XV Applications",
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.js",
-  "types": "dist/types/index.d.ts",
-  "collection": "dist/collection/collection-manifest.json",
-  "collection:main": "dist/collection/index.js",
-  "unpkg": "dist/xv-webcomponents/xv-webcomponents.esm.js",
-  "exports": {
-    ".": {
-      "import": "./dist/xv-webcomponents/xv-webcomponents.esm.js",
-      "require": "./dist/xv-webcomponents/xv-webcomponents.cjs.js"
-    },
-    "./loader": {
-      "import": "./loader/index.js",
-      "require": "./loader/index.cjs",
-      "types": "./loader/index.d.ts"
-    }
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/ionic-team/stencil-component-starter.git"
-  },
-  "files": [
-    "dist/",
-    "loader/"
-  ],
-  "scripts": {
-    "build": "stencil build",
-    "start": "stencil build --dev --watch --serve",
-    "test": "stencil test --spec --e2e",
-    "test.watch": "stencil test --spec --e2e --watchAll",
-    "generate": "stencil generate"
-  },
-  "devDependencies": {
-    "@stencil/angular-output-target": "^0.10.2",
-    "@stencil/core": "^4.7.0",
-    "@stencil/sass": "^2.0.4",
-    "@types/jest": "^29.5.6",
-    "@types/node": "^16.18.11",
-    "jest": "^29.7.0",
-    "jest-cli": "^29.7.0",
-    "puppeteer": "^24.3.0"
-  },
-  "license": "MIT",
-  "publishConfig": {
-    "access": "public"
-  }
-}
+{
+  "name": "xv-webcomponents",
+  "version": "0.1.19",
+  "description": "Reusable Web Components for XV Applications",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.js",
+  "types": "dist/types/index.d.ts",
+  "collection": "dist/collection/collection-manifest.json",
+  "collection:main": "dist/collection/index.js",
+  "unpkg": "dist/xv-webcomponents/xv-webcomponents.esm.js",
+  "exports": {
+    ".": {
+      "import": "./dist/xv-webcomponents/xv-webcomponents.esm.js",
+      "require": "./dist/xv-webcomponents/xv-webcomponents.cjs.js"
+    },
+    "./loader": {
+      "import": "./loader/index.js",
+      "require": "./loader/index.cjs",
+      "types": "./loader/index.d.ts"
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ionic-team/stencil-component-starter.git"
+  },
+  "files": [
+    "dist/",
+    "loader/"
+  ],
+  "scripts": {
+    "build": "stencil build",
+    "start": "stencil build --dev --watch --serve",
+    "test": "stencil test --spec --e2e",
+    "test.watch": "stencil test --spec --e2e --watchAll",
+    "generate": "stencil generate"
+  },
+  "devDependencies": {
+    "@stencil/angular-output-target": "^0.10.2",
+    "@stencil/core": "^4.7.0",
+    "@stencil/sass": "^2.0.4",
+    "@types/jest": "^29.5.6",
+    "@types/node": "^16.18.11",
+    "jest": "^29.7.0",
+    "jest-cli": "^29.7.0",
+    "puppeteer": "^24.3.0"
+  },
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/dist/cjs/app-globals-3a1e7e63.js

@@ -1,7 +0,0 @@
-'use strict';
-
-const globalScripts = () => {};
-
-exports.globalScripts = globalScripts;
-
-//# sourceMappingURL=app-globals-3a1e7e63.js.map

package/dist/cjs/app-globals-3a1e7e63.js.map

@@ -1 +0,0 @@
-{"file":"app-globals-3a1e7e63.js","mappings":";;AAAY,MAAC,aAAa,GAAG,MAAM;;;;","names":[],"sources":["@stencil/core/internal/app-globals"],"sourcesContent":["export const globalScripts = () => {};\n"],"version":3}