@xplortech/apollo-core 2.6.0 → 2.7.1

package/dist/apollo-core/p-c91daac1.entry.js

@@ -1 +0,0 @@
-import{r as e,h as a,H as r}from"./p-C_Z2nG0p.js";const s=class{constructor(a){e(this,a)}render(){return a(r,{key:"1724195feab553e1f5f468352be234a5f867e75a",role:"row",class:"xpl-table-header"},a("slot",{key:"14d458367da08aed53b57a4ccda1d26740922e05"}))}};export{s as xpl_table_header}

package/dist/apollo-core/p-d9b62508.entry.js

@@ -1 +0,0 @@
-import{r as e,h as a,H as l}from"./p-C_Z2nG0p.js";const i=class{constructor(a){e(this,a),this.withSubnav=!1,this.withUtility=!0,this.navWidth="default",this.navOpen=!0}closeNavOnMobile(){window.innerWidth<=640&&(this.navOpen=!1)}navToggleHandler(){this.navOpen=!this.navOpen}navWithHandler(e){this.navWidth=e.detail}onWindowResize(){this.closeNavOnMobile()}connectedCallback(){this.closeNavOnMobile()}componentWillLoad(){this.navOpen=void 0!==this.isNavOpenAtStartup?this.isNavOpenAtStartup:this.navOpen}render(){let e="xpl-application-shell";this.withUtility&&(e+=" xpl-application-shell--with_utility");let i="xpl-application-shell__nav";return i+=this.navOpen?` xpl-application-shell__nav--${this.navWidth}--open`:` xpl-application-shell__nav--${this.navWidth}`,a(l,{key:"7a06051142cc71f5a900e65562e464f5580f369e",class:e},a("div",{key:"00cb4f2294999e77bc88aa32917287a93989ceb3",class:i},a("slot",{key:"de0a3f5415273c4d36390b6e345e9c046ebeda05",name:"nav"})),a("div",{key:"605faac64e0b770b2d3e52d0b6f169898de827bc",class:"xpl-application-shell__subnav"},a("slot",{key:"040b8b6f5aa7642636b33f65f2eff6f1070b1b2f",name:"subnav"})),a("div",{key:"ee1e3e5c51d4e048fd4fda7bf6e438d29c8c2ade",class:"xpl-application-shell__utility"},a("slot",{key:"6118de3716d41e9f8cc03abb5efd4c2e8541adf7",name:"utility"})),a("div",{key:"3aa64a066e680e74bac8b988f579d51593bc3ace",class:"xpl-application-shell__content"},a("slot",{key:"aba788b0aa8f8ab92bb5c577b5951c98d21c9f36",name:"content"})),a("xpl-backdrop",{key:"f72d69bbfe9171193293148810700e9ff00e372d",onClick:()=>this.navToggleHandler(),class:{"xpl-application-shell__backdrop--open":this.navOpen},relative:!0}))}};export{i as xpl_application_shell}

package/dist/apollo-core/p-eaea16d1.entry.js

@@ -1 +0,0 @@
-import{r as e,h as a,H as t,g as c}from"./p-C_Z2nG0p.js";const s=class{constructor(a){e(this,a),this.selectedItemCount=0}componentDidLoad(){const e=this.el.querySelector('[slot="actions-right"]');null!==e&&(e.style.marginLeft="auto")}listenToSelectedItemCountChange(e){this.selectedItemCount=e.detail.length}render(){return a(t,{key:"48056451ad54987de8d046a3892cc1011ed41bbb",class:{"xpl-toolbar":!0,dark:!0,hidden:0===this.selectedItemCount}},a("div",{key:"3c9680e4cf006dee69372d271a0720b6802767bc",class:"toolbar"},a("p",{key:"afcfba4a2d5c73d6bf602b94340280dcc28d6493",class:"selected-item-count"},this.selectedItemCount," Selected"),a("div",{key:"fdadc34738fcf397a38772ab817c3a5bc1e5015f",class:"actions"},a("slot",{key:"b6571d83f8ac800143e4f9cd62559aac83c7e424",name:"actions-left"}),a("slot",{key:"30aa34da340647dbcb79f8862c5ca9647ebedb12",name:"actions-right"}))))}get el(){return c(this)}};export{s as xpl_toolbar}

package/dist/apollo-core/p-eed13bca.entry.js

@@ -1 +0,0 @@
-import{r as t,c,h as a,H as s}from"./p-C_Z2nG0p.js";const i=class{constructor(a){t(this,a),this.clickPrimary=c(this,"clickPrimary",7),this.clickSecondary=c(this,"clickSecondary",7),this.clickTertiary=c(this,"clickTertiary",7),this.onPrimary=()=>this.clickPrimary.emit(),this.onSecondary=()=>this.clickSecondary.emit(),this.onTertiary=()=>this.clickTertiary.emit()}render(){return a(s,{key:"0f5bf4d086cbafb8b03f854ea11b495ee5009cdf",class:"xpl-button-row"},a("div",{key:"64ab05ca8cba9cf4c2a8feca5a6233a6a4b6a7e4",class:"xpl-button-row-inner"},a("div",{key:"2e8d97b9fb7f7a31e0014b255342c0f2fb3ce7ac",class:"xpl-button-row__left"},this.secondary&&a("xpl-button",{key:"d368c7228a9f12143cff4978ced0a5eac35ff8a3",variant:"secondary",type:"button",onClick:this.onSecondary},this.secondary)),a("div",{key:"a2a1860115ab9ac09d6ddd01ffd1e6e49d1ac874",class:"xpl-button-row__right"},this.tertiary&&a("xpl-button",{key:"98f77b4745b72e8321e37d307c0a298f1e52045f",variant:"subtle",type:"button",onClick:this.onTertiary},this.tertiary),this.secondary&&a("xpl-button",{key:"7f605c1221e856825e044dc908834f52c9e0374a",variant:"secondary",type:"button",onClick:this.onSecondary},this.secondary),this.primary&&a("xpl-button",{key:"f83653973db8aec83cc3ec0da3cdf25431c18304",class:"xpl-button-row__primary",onClick:this.onPrimary},this.primary))))}};export{i as xpl_button_row}

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

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

package/dist/collection/components/xpl-progress/progress.stories.js

@@ -1,106 +0,0 @@
-export default {
-    title: 'Components/Progress',
-    component: 'xpl-progress',
-    argTypes: {
-        steps: { control: { type: 'object' } },
-    },
-    parameters: {
-        actions: {
-            handles: ['currentStepChange'],
-        },
-    },
-    tags: ['beta'],
-};
-export const Progress = ({ steps }) => `
-    <div style="padding: 20px">
-        <xpl-progress id="progress-stepper" steps="${JSON.stringify(steps)}"></xpl-progress>
-
-        <div style="margin-top: 30px; display: flex; gap: 10px;">
-            <xpl-button id="prev-btn" disabled variant="secondary">Previous</xpl-button>
-            <xpl-button id="next-btn">Next</xpl-button>
-        </div>
-
-        <script>
-            (function() {
-                const progress = document.getElementById('progress-stepper');
-                progress.steps = ${JSON.stringify(steps)};
-                progress.currentStep = 0;
-
-                const prevBtn = document.getElementById('prev-btn');
-                const nextBtn = document.getElementById('next-btn');
-
-                prevBtn.addEventListener('click', () => {
-                    if (progress.currentStep > 0) {
-                        progress.currentStep -= 1;
-                        nextBtn.disabled = false;
-
-                        if (progress.currentStep === 0) {
-                            prevBtn.disabled = true;
-                        }
-
-                        progress.dispatchEvent(new CustomEvent('currentStepChange', {
-                            bubbles: true,
-                            composed: true,
-                            detail: { step: progress.currentStep }
-                        }));
-                    }
-                });
-
-                nextBtn.addEventListener('click', () => {
-                    if (progress.currentStep < ${steps.length - 1}) {
-                        progress.currentStep += 1;
-                        prevBtn.disabled = false;
-
-                        if (progress.currentStep === ${steps.length - 1}) {
-                            nextBtn.disabled = true;
-                        }
-
-                        progress.dispatchEvent(new CustomEvent('currentStepChange', {
-                            bubbles: true,
-                            composed: true,
-                            detail: { step: progress.currentStep }
-                        }));
-                    }
-                });
-            })();
-        </script>
-    </div>
-`;
-const defaultSteps = ['Details', 'Location', 'Instructor', 'Customers', 'Pricing', 'Review'];
-Progress.args = {
-    steps: defaultSteps,
-};
-Progress.parameters = {
-    'web-component': {
-        render: Progress(Progress.args),
-    },
-    html: {
-        render: `
-        <div style="padding: 20px">
-            <div class="xpl-progress">
-                <div class="xpl-progress-container">
-                    ${defaultSteps
-            .map((step, index) => `
-                        <div class="xpl-progress-step ${index === 0 ? 'xpl-progress-step-active' : ''}">
-                            <div class="xpl-progress-step-content">
-                                <div class="xpl-progress-step-circle">${index + 1}</div>
-                                <div class="xpl-progress-step-text">${step}</div>
-                            </div>
-                        </div>
-                    `)
-            .join('')}
-                </div>
-            </div>
-
-            <div style="margin-top: 30px; display: flex; gap: 10px;">
-                <button class="secondary" disabled>Previous</button>
-                <button>Next</button>
-            </div>
-        </div>
-        `,
-    },
-    design: {
-        type: 'figma',
-        url: 'https://www.figma.com/design/MjjYek73MFnHmVNdm45Sd1/Apollo-Web?node-id=12705-29149&p=f&t=vVY2x58f7oPprNSr-11',
-    },
-};

package/dist/collection/components/xpl-progress/xpl-progress.js

@@ -1,60 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class Progress {
-    constructor() {
-        this.currentStep = 0;
-    }
-    getCircleClass(index) {
-        if (this.currentStep < index)
-            return '';
-        if (this.currentStep === index)
-            return 'xpl-progress-step-active';
-        return 'xpl-progress-step-finished';
-    }
-    render() {
-        const className = 'xpl-progress';
-        const steps = this.steps || [];
-        return (h(Host, { key: '13245e4ec2137ea46a325fb6d8d70c41be0307f1', class: className }, h("div", { key: 'd88e32dd9227ee388a7a6688863ce0a44354701c', class: "xpl-progress-container" }, steps.map((step, index) => (h("div", { class: `xpl-progress-step ${this.getCircleClass(index)}` }, h("div", { class: "xpl-progress-step-content" }, h("div", { class: "xpl-progress-step-circle" }, index + 1), h("div", { class: "xpl-progress-step-text" }, step))))))));
-    }
-    static get is() { return "xpl-progress"; }
-    static get properties() {
-        return {
-            "steps": {
-                "type": "unknown",
-                "mutable": true,
-                "complexType": {
-                    "original": "string[]",
-                    "resolved": "string[]",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "The steps is an array of the steps name."
-                },
-                "getter": false,
-                "setter": false
-            },
-            "currentStep": {
-                "type": "number",
-                "mutable": true,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Current step, is the index of the current active step"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "current-step",
-                "defaultValue": "0"
-            }
-        };
-    }
-}

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/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/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;
-}