@xplortech/apollo-core 2.6.0 → 2.7.0

package/dist/collection/components/xpl-table-header-cell/xpl-table-header-cell.js

@@ -1,188 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class TableHeaderCell {
-    constructor() {
-        this.sortable = false;
-        this.label = '';
-        this.type = 'label';
-        this.sortDirection = 'none';
-    }
-    toggleSort() {
-        if (this.sortDirection === 'asc') {
-            this.sortDirection = 'desc';
-        }
-        else if (this.sortDirection === 'desc') {
-            this.sortDirection = 'none';
-        }
-        else {
-            this.sortDirection = 'asc';
-        }
-        this.sortChanged.emit(this.sortDirection);
-    }
-    render() {
-        const colIndex = Array.from(this.el.parentElement.children).indexOf(this.el) + 1;
-        const renderContent = () => {
-            switch (this.type) {
-                case 'label':
-                    return h("span", null, this.label);
-                case 'checkbox':
-                    return h("xpl-checkbox", null);
-                case 'icon':
-                    return h("xpl-icon", { icon: this.icon, size: 20 });
-                default:
-                    return '';
-            }
-        };
-        const renderSortIcon = () => {
-            switch (this.sortDirection) {
-                case 'none':
-                    return h("xpl-icon", { class: "sort-icon", icon: "arrow-down", size: 16 });
-                case 'asc':
-                    return (h("xpl-icon", { class: "sort-icon sort-icon--sorted", icon: "arrow-up", size: 16 }));
-                case 'desc':
-                    return (h("xpl-icon", { class: "sort-icon sort-icon--sorted", icon: "arrow-down", size: 16 }));
-                default:
-                    return '';
-            }
-        };
-        return (h(Host, { role: "columnheader", "aria-colindex": colIndex, class: `xpl-table-header-cell ${this.sortable ? 'sortable' : 'non-sortable'}`, style: { width: `${this.width}px` } }, this.sortable ? (h("button", { onClick: () => this.toggleSort() }, renderContent(), renderSortIcon())) : (renderContent())));
-    }
-    static get is() { return "xpl-table-header-cell"; }
-    static get properties() {
-        return {
-            "icon": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Icon to display in the cell.\n\nSee [xpl-icon available icons](../xpl-icon/ICONS.md) for valid icon names."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "icon"
-            },
-            "sortable": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [{
-                            "name": "property",
-                            "text": "{boolean} - Whether the cell is sortable or not"
-                        }],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "sortable",
-                "defaultValue": "false"
-            },
-            "label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [{
-                            "name": "property",
-                            "text": "{string} - Text to display in the cell"
-                        }],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "label",
-                "defaultValue": "''"
-            },
-            "type": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'label' | 'checkbox' | 'icon'",
-                    "resolved": "\"checkbox\" | \"icon\" | \"label\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [{
-                            "name": "property",
-                            "text": "{string} - The type of cell to render"
-                        }],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "type",
-                "defaultValue": "'label'"
-            },
-            "width": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [{
-                            "name": "property",
-                            "text": "{number} - Width of the cell, in pixels. Minimum width is 48px. If no value is provided, it will default\nto fit the content of the cell with 16px of padding on each side"
-                        }],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "width"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "sortDirection": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "sortChanged",
-                "name": "sortChanged",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Emitted when the sort direction changes."
-                },
-                "complexType": {
-                    "original": "'asc' | 'desc' | 'none'",
-                    "resolved": "\"asc\" | \"desc\" | \"none\"",
-                    "references": {}
-                }
-            }];
-    }
-    static get elementRef() { return "el"; }
-}

package/dist/components/xpl-progress.js

@@ -1 +0,0 @@
-import{proxyCustomElement as s,HTMLElement as e,h as r,Host as t,transformTag as p}from"@stencil/core/internal/client";const c=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.currentStep=0}getCircleClass(s){return this.currentStep<s?"":this.currentStep===s?"xpl-progress-step-active":"xpl-progress-step-finished"}render(){return r(t,{key:"13245e4ec2137ea46a325fb6d8d70c41be0307f1",class:"xpl-progress"},r("div",{key:"d88e32dd9227ee388a7a6688863ce0a44354701c",class:"xpl-progress-container"},(this.steps||[]).map(((s,e)=>r("div",{class:"xpl-progress-step "+this.getCircleClass(e)},r("div",{class:"xpl-progress-step-content"},r("div",{class:"xpl-progress-step-circle"},e+1),r("div",{class:"xpl-progress-step-text"},s)))))))}},[0,"xpl-progress",{steps:[1040],currentStep:[1026,"current-step"]}]),l=c,o=function(){"undefined"!=typeof customElements&&["xpl-progress"].forEach((s=>{"xpl-progress"===s&&(customElements.get(p(s))||customElements.define(p(s),c))}))};export{l as XplProgress,o as defineCustomElement}

package/dist/docs/xpl-progress/readme.md

@@ -1,22 +0,0 @@
-# xpl-progress
-
-A progress indicator guides users through any linear, multi-step task by showing the user their completed, current, and future steps.
-
-Progress indicators help manage a user’s expectations when completing a multistep process. They show which step the user is currently on, the total number of steps, and overall progress in completing a task.
-
-Horizontal Progress Indicator is used in most desktop applications where a stepped process is required to finish a task and it is beneficial to the user to see their progress. This creates confidence in the user and sets expectations for the length and complexity of the process.
-
-<!-- Auto Generated Below -->
-
-
-## Properties
-
-| Property      | Attribute      | Description                                           | Type       | Default     |
-| ------------- | -------------- | ----------------------------------------------------- | ---------- | ----------- |
-| `currentStep` | `current-step` | Current step, is the index of the current active step | `number`   | `0`         |
-| `steps`       | --             | The steps is an array of the steps name.              | `string[]` | `undefined` |
-
-
-----------------------------------------------
-
-*Built with [StencilJS](https://stenciljs.com/)*

package/dist/docs/xpl-table-header-cell/readme.md

@@ -1,47 +0,0 @@
-# xpl-table-header-cell
-
-> **Note:** This component is currently in beta. Use with caution as it may have breaking changes in future releases.
-
-The `icon` property accepts icon names as strings. See [xpl-icon available icons](../xpl-icon/ICONS.md) for the complete list.
-
----
-
-<!-- Auto Generated Below -->
-
-
-## Properties
-
-| Property   | Attribute  | Description                                                                                              | Type                              | Default     |
-| ---------- | ---------- | -------------------------------------------------------------------------------------------------------- | --------------------------------- | ----------- |
-| `icon`     | `icon`     | Icon to display in the cell.  See [xpl-icon available icons](../xpl-icon/ICONS.md) for valid icon names. | `string`                          | `undefined` |
-| `label`    | `label`    |                                                                                                          | `string`                          | `''`        |
-| `sortable` | `sortable` |                                                                                                          | `boolean`                         | `false`     |
-| `type`     | `type`     |                                                                                                          | `"checkbox" \| "icon" \| "label"` | `'label'`   |
-| `width`    | `width`    |                                                                                                          | `number`                          | `undefined` |
-
-
-## Events
-
-| Event         | Description                              | Type                                     |
-| ------------- | ---------------------------------------- | ---------------------------------------- |
-| `sortChanged` | Emitted when the sort direction changes. | `CustomEvent<"asc" \| "desc" \| "none">` |
-
-
-## Dependencies
-
-### Depends on
-
-- [xpl-checkbox](../xpl-checkbox)
-- [xpl-icon](../xpl-icon)
-
-### Graph
-```mermaid
-graph TD;
-  xpl-table-header-cell --> xpl-checkbox
-  xpl-table-header-cell --> xpl-icon
-  style xpl-table-header-cell fill:#f9f,stroke:#333,stroke-width:4px
-```
-
-----------------------------------------------
-
-*Built with [StencilJS](https://stenciljs.com/)*

package/dist/esm/xpl-list.entry.js

@@ -1,30 +0,0 @@
-import { r as registerInstance, h, H as Host, F as Fragment } from './index-C_Z2nG0p.js';
-
-const ListItemCpt = ({ avatar, avatars, badges, href, title, subtext, metadata, }) => {
-    const hasRight = avatars || badges || subtext;
-    const inner = (h(Fragment, null, avatar &&
-        (avatar.slice(0, 1) === '/' || avatar.slice(0, 4) === 'http' ? (h("xpl-avatar", { src: avatar, name: title })) : (h("xpl-avatar", { name: title }, avatar))), h("div", { class: "xpl-list-item-content" }, h("div", { class: "xpl-list-left" }, h("div", null, h("h4", null, title), metadata && (h("ul", { class: "xpl-list-item-metadata" }, metadata.map((d) => {
-        if (typeof d === 'string') {
-            return h("li", null, d);
-        }
-        return (h("li", null, h("xpl-icon", { icon: d.icon }), " ", d.text));
-    }))))), hasRight && (h("div", { class: "xpl-list-right" }, subtext && h("div", { class: "xpl-list-item-subtext" }, subtext), avatars && (h("div", { class: "xpl-avatar-group xpl-avatar-group--s" }, avatars.map((a) => (h("img", { src: a, alt: "" }))))), badges &&
-        badges.map((b) => {
-            if (typeof b === 'string') {
-                return h("xpl-badge", null, b);
-            }
-            return (h("xpl-badge", { dot: b.dot, variant: b.variant }, b.text));
-        }))))));
-    return href ? (h("a", { class: "xpl-list-item", href: href }, inner)) : (h("div", { class: "xpl-list-item" }, inner));
-};
-const List = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.items = [];
-    }
-    render() {
-        return (h(Host, { key: '441b4eae6f2837f20b58221819ca3c10a2fb3491' }, this.items.map((item) => (h(ListItemCpt, Object.assign({}, item))))));
-    }
-};
-
-export { List as xpl_list };

package/dist/esm/xpl-table-header-cell.entry.js

@@ -1,55 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-C_Z2nG0p.js';
-
-const TableHeaderCell = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.sortChanged = createEvent(this, "sortChanged", 7);
-        this.sortable = false;
-        this.label = '';
-        this.type = 'label';
-        this.sortDirection = 'none';
-    }
-    toggleSort() {
-        if (this.sortDirection === 'asc') {
-            this.sortDirection = 'desc';
-        }
-        else if (this.sortDirection === 'desc') {
-            this.sortDirection = 'none';
-        }
-        else {
-            this.sortDirection = 'asc';
-        }
-        this.sortChanged.emit(this.sortDirection);
-    }
-    render() {
-        const colIndex = Array.from(this.el.parentElement.children).indexOf(this.el) + 1;
-        const renderContent = () => {
-            switch (this.type) {
-                case 'label':
-                    return h("span", null, this.label);
-                case 'checkbox':
-                    return h("xpl-checkbox", null);
-                case 'icon':
-                    return h("xpl-icon", { icon: this.icon, size: 20 });
-                default:
-                    return '';
-            }
-        };
-        const renderSortIcon = () => {
-            switch (this.sortDirection) {
-                case 'none':
-                    return h("xpl-icon", { class: "sort-icon", icon: "arrow-down", size: 16 });
-                case 'asc':
-                    return (h("xpl-icon", { class: "sort-icon sort-icon--sorted", icon: "arrow-up", size: 16 }));
-                case 'desc':
-                    return (h("xpl-icon", { class: "sort-icon sort-icon--sorted", icon: "arrow-down", size: 16 }));
-                default:
-                    return '';
-            }
-        };
-        return (h(Host, { role: "columnheader", "aria-colindex": colIndex, class: `xpl-table-header-cell ${this.sortable ? 'sortable' : 'non-sortable'}`, style: { width: `${this.width}px` } }, this.sortable ? (h("button", { onClick: () => this.toggleSort() }, renderContent(), renderSortIcon())) : (renderContent())));
-    }
-    get el() { return getElement(this); }
-};
-
-export { TableHeaderCell as xpl_table_header_cell };

package/dist/esm/xpl-table-header.entry.js

@@ -1,12 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-C_Z2nG0p.js';
-
-const TableHeader = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h(Host, { key: '1724195feab553e1f5f468352be234a5f867e75a', role: "row", class: "xpl-table-header" }, h("slot", { key: '14d458367da08aed53b57a4ccda1d26740922e05' })));
-    }
-};
-
-export { TableHeader as xpl_table_header };

package/dist/types/components/xpl-progress/progress.stories.d.ts

@@ -1,38 +0,0 @@
-declare const _default: {
-    title: string;
-    component: string;
-    argTypes: {
-        steps: {
-            control: {
-                type: "object";
-            };
-        };
-    };
-    parameters: {
-        actions: {
-            handles: string[];
-        };
-    };
-    tags: string[];
-};
-export default _default;
-export declare const Progress: {
-    ({ steps }: {
-        steps: any;
-    }): string;
-    args: {
-        steps: string[];
-    };
-    parameters: {
-        'web-component': {
-            render: string;
-        };
-        html: {
-            render: string;
-        };
-        design: {
-            type: string;
-            url: string;
-        };
-    };
-};

package/dist/types/components/xpl-progress/xpl-progress.d.ts

@@ -1,6 +0,0 @@
-export declare class Progress {
-    steps?: string[];
-    currentStep: number;
-    private getCircleClass;
-    render(): any;
-}

package/dist/types/components/xpl-table-header-cell/xpl-table-header-cell.d.ts

@@ -1,13 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class TableHeaderCell {
-    el: HTMLXplTableHeaderCellElement;
-    icon?: string;
-    sortable?: boolean;
-    label?: string;
-    type: 'label' | 'checkbox' | 'icon';
-    width?: number;
-    sortDirection: 'asc' | 'desc' | 'none';
-    sortChanged: EventEmitter<'asc' | 'desc' | 'none'>;
-    private toggleSort;
-    render(): any;
-}