@platformscode/core 0.0.49 → 0.0.51

package/dist/collection/usage/dga-modal-v2-usage.js

@@ -1,20 +0,0 @@
-import { h } from "@stencil/core";
-export class DgaModalUsage {
-    constructor() {
-        this.show = false;
-    }
-    render() {
-        return (h("div", { key: '9fccbe9716764a5f7da95fc7c83bac25cf02360f', style: { position: 'relative' } }, h("h1", { key: '70fb2da424cc392a00e26841c23082eb70703d6b' }, "Modal Example"), h("button", { key: '0449aa96c980221f582309dd09c476e3dfb08cc2', onClick: () => (this.show = true) }, "Open Modal"), h("dga-modal-v2", { key: '674dbf38eb1b8cf3ea9735fba1af3c66284e9fe0', open: this.show, showCloseButton: true, onClose: () => (this.show = false) }, h("dga-modal-header", { key: '99a9ce793638a5c3bc8c2f2d8d6724d4c5fa56f8' }, h("dga-featured-icon", { key: '0d722930bf6877f3371a8396b70a51df2aa757d3', color: "brand", variant: "light", size: "md", icon: {
-                name: 'InformationCircle',
-                variant: 'stroke',
-                type: 'sharp',
-                size: 20,
-            } }), h("dga-modal-title", { key: '6751350015af27652e602834d600305cb068c848' }, "Title goes here")), h("dga-modal-body", { key: 'fe71be545a30fce58af05e22b007f4be0b30f2d9' }, h("dga-flex", { key: 'b298fb3483ffac76afdb31f6e26cc09987b46f75', direction: "column", spacing: 8 }, h("p", { key: '8da267f8cc658ee1a9e71331c6451b24cf2f94b4', class: "text-sm-regular" }, "When a Modal needs a further detailed explanation, it goes here."), h("dga-rating", { key: 'f3a8bf8d06c4fdb0ac3cac1f0f1e0cb83e955997' }))), h("dga-modal-actions", { key: '44cc45bb505742a477eff079387b8c3249e6805e' }, h("dga-button-v2", { key: '42104a382e232b8c7c18628e40a405323d6732e3', label: "Primary", size: "lg", variant: "primary", onClick: () => console.log('Primary Action') }), h("dga-button-v2", { key: 'bfe1a52af7ecb65886d1f6b7336de5e3f00f399f', label: "Secondary", size: "lg", variant: "secondary-outline", onClick: () => console.log('Secondary Action') })))));
-    }
-    static get is() { return "dga-modal-v2-usage"; }
-    static get states() {
-        return {
-            "show": {}
-        };
-    }
-}

package/dist/collection/usage/dga-notification-toast-usage.js

@@ -1,39 +0,0 @@
-import { h } from "@stencil/core";
-export class DgaNotificationToastUsage {
-    constructor() {
-        this.type = 'success';
-        this.open = false;
-    }
-    render() {
-        return (h("div", { key: '734942f52194459c19e3d678dccbbfc368a55fdc' }, h("h1", { key: 'c32681ea751c82734f4bb316b2c57123c6bfabbf' }, "Notification Toast Example"), h("div", { key: 'c4102f4ff1dd275c3115216306e3d6050d0ae821', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'ef24ece76d5a674d64d9c62748e9f73436764152', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '912e0ac725deaade05b1e0fb97a2897ad0294599', style: { display: "flex", justifyContent: "center" } }, h("button", { key: '98d6d9872452515c9c426a9a927a6b856cddaee3', onClick: () => this.open = true }, "open"), h("button", { key: '01cffbac66bdeb6e12cca6682c66afd7de2bec92', onClick: () => this.open = false }, "close")), h("dga-notification-toast", { key: '92f78e17d144133aa5e8975a7be55786c7cd4cb4', type: this.type, open: this.open, leadText: "Notification/Alert message title", hasHelperText: true, helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", action: true, buttonsList: [
-                {
-                    label: 'Button',
-                    onClick: () => { },
-                    title: 'Button 2',
-                },
-                {
-                    label: 'Button',
-                    onClick: () => { },
-                    title: 'Button',
-                },
-            ], closeButton: true, vPostion: 'top', hPostion: 'left', onClose: () => this.open = false }), h("dga-notification-toast", { key: '854bb24517a831fb2ab418f8f0c521699c47f13e', type: this.type, open: this.open, leadText: "Notification/Alert message title", hasHelperText: true, helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", action: true, buttonsList: [
-                {
-                    label: 'Button',
-                    onClick: () => { },
-                    title: 'Button 2',
-                },
-                {
-                    label: 'Button',
-                    onClick: () => { },
-                    title: 'Button',
-                },
-            ], closeButton: true, vPostion: 'bottom', hPostion: 'left', onClose: () => this.open = false })), h("div", { key: 'c7539cdec01fa5f10af1a1caafe98374e841da66', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
-    }
-    static get is() { return "dga-notification-toast-usage"; }
-    static get states() {
-        return {
-            "type": {},
-            "open": {}
-        };
-    }
-}

package/dist/collection/usage/dga-notification-usage.js

@@ -1,15 +0,0 @@
-import { h } from "@stencil/core";
-export class DgaNotificationUsage {
-    constructor() {
-        this.variant = 'neutral';
-    }
-    render() {
-        return (h("div", { key: '5f18662ae155dba954a77dbe48a5b010733f9362' }, h("h1", { key: '47faebfa8a4831a879f2e7155a335311aa07c505' }, "Notification Example"), h("div", { key: '7fe77845673410e7b8e5492930108a2e7b6ce605', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '3ca1b33bf085c654a9e5f08d7bc03c87e9f6f33f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-notification", { key: 'db7dd7308a9cde1991ab94071f088ae7aebf1017', leadText: "This is a very important banner message that requires attention", variant: this.variant, dismissable: true }), h("dga-notification", { key: 'd887f3719c5b5f69470add518990b1fc1bbff483', leadText: "This is a very important banner message that requires attention", variant: "critical", dismissable: true }), h("dga-notification", { key: '9f9150d34be7dd10d86def6617e8f920d532944f', leadText: "This is a very important banner message that requires attention", variant: "info", dismissable: true }), h("dga-notification", { key: '31e844c8d2f97ea081a59b1cb7cb9ec0866ed8a0', leadText: "This is a very important banner message that requires attention", variant: "success", dismissable: true }), h("dga-notification", { key: 'ce232f3d8e0aa6879eea0445e50e50692958fbef', leadText: "This is a very important banner message that requires attention", variant: "warning", dismissable: true })), h("div", { key: '957bf4dbfb498d2e6fa8d90e587d4b504a405777', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
-    }
-    static get is() { return "dga-notification-usage"; }
-    static get states() {
-        return {
-            "variant": {}
-        };
-    }
-}

package/dist/collection/usage/dga-number-input-usage.js

@@ -1,21 +0,0 @@
-import { h } from "@stencil/core";
-export class DgaNumberInputUsage {
-    constructor() {
-        this.value = '';
-    }
-    render() {
-        return (h("div", { key: '59bf0214f91b9e4b9e3164831e268f50626675b3' }, h("h1", { key: '5057135b21ac144ac466bae941404e69a09f7d99' }, "Number Input Example"), h("div", { key: '306d8d3063191d0c63184d387a416258f98ca78b', style: { padding: '50px' } }, h("div", { key: 'ad32fcdb720a8cd1cc3e030bb64229455fde5fab', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("dga-number-input", { key: '5c11440d13170f43571c11df938df46df59c6427', size: "lg", variant: "default", label: "Label", value: 0, required: true, helperText: "test" }), h("dga-number-input", { key: '96eff096adb1a83f2b91f48a331220dc1c9ccb6f', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
-            // feedbackIcon
-            helperText: "test" }), h("dga-number-input", { key: '799ffdffc28a0fe520cafccb50dc63762d808648', size: "lg", variant: "lighter", label: "Label", value: 0, required: true,
-            // feedbackIcon
-            helperText: "test" }), h("dga-number-input", { key: 'b29fcee888a9d7d61382ffc6b851a591457cedfd', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
-            // feedbackIcon
-            helperText: "test" }), h("dga-label", { key: '2cf13921d95dd13de4c41753f991461632816252', label: "Mandatory Text Input" }), h("dga-label", { key: '9cf793edaac957222dd1fa287e07010c3d9572a0', label: "Mandatory Text Input", required: true })))));
-    }
-    static get is() { return "dga-number-input-usage"; }
-    static get states() {
-        return {
-            "value": {}
-        };
-    }
-}

package/dist/collection/usage/dga-pagination-usage.js

@@ -1,15 +0,0 @@
-import { h } from "@stencil/core";
-export class DgaPaginationUsage {
-    constructor() {
-        this.variant = 'neutral';
-    }
-    render() {
-        return (h("div", { key: 'ce63e8f2453cd03d2c55e8ac32662519815c2ec6' }, h("h1", { key: 'fc2edc4e74118fc491f3714b9e0e6f90f28a1602' }, "Pagination Example"), h("div", { key: '08d4c40c0037f32e7c2278db12e31f3e0b5c596e', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '2208a4afe1be0cb8b29948b56c5b28d10c86271d', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-pagination", { key: '6776ab229e8697eecc4e5a2d943b98f97b4fc45a', totalPageCount: 10, size: 'large', onChange: (page) => console.log(page, "page changed") }), h("dga-pagination", { key: '3aca7e396e34be8afca6ad90f198c53003e20d09', totalPageCount: 10, size: 'medium' }), h("dga-pagination", { key: '9b3edfdbdc7f29dfec7cfc82a2426a3cf30f355b', dir: "rtl", totalPageCount: 10, size: 'small' })), h("div", { key: 'aa2e22973268aca11597f81d5070b15f6d654cca', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
-    }
-    static get is() { return "dga-pagination-usage"; }
-    static get states() {
-        return {
-            "variant": {}
-        };
-    }
-}

package/dist/collection/usage/dga-progress-indicator-usage.js

@@ -1,18 +0,0 @@
-import { h } from "@stencil/core";
-export class DgaProgressIndicatorUsage {
-    constructor() {
-        this.activeStep = 1;
-        this.activeStep2 = 1;
-    }
-    render() {
-        console.log(this.activeStep);
-        return (h("div", { key: '9203efded09362dae8661fabd57a180ec98fdfb6' }, h("h1", { key: '213ce3533ef9f694845e43f1dc5d7e01c287477a' }, "Progress Indicator Example"), h("div", { key: '4496fd00fdcad4936db8e9563025bd64c13adf58', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '6f24bbd70344479850128399fbbe8943cc136078', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: 'ac8bf052e9c66187e1557c30ae1e341d5e50129f', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: '24dc0d0e96c2e3563f791ba9e22825dfc4bdcabb', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: 'faa5c9c2c652441fd036d2f8e47732df8cd0033e', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: '0c6186558d1989c37582938295434b831e3c1f49', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: 'd53dee4e10b752e72993d6ec49893e3aaef7719b', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '834c8d051a49055b2ec36604c708b9b8bdc402f0', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '12edc2fa36425b2f04d0680447a4a89c3bf22973', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'baf873c104e399fa7e428ff669a58c4c2750c96e', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: '7c82485622b8540da10fdd08e2ce57b2ba6708a7', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '85009ec7bf5083e2e9aa58e28e774aef1ab317f4', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '784e6f3fff6ca56be821d57f4f5d17e2fb56a12b', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'ef86caf6b75f596f75d026b479307965f98cd279', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: '8b2fe5b88031aaf98932f8454d112e1184d8a6fd', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
-    }
-    static get is() { return "dga-progress-indicator-usage"; }
-    static get states() {
-        return {
-            "activeStep": {},
-            "activeStep2": {}
-        };
-    }
-}

package/dist/collection/usage/dga-progress-indicator-v3-usage.js

@@ -1,18 +0,0 @@
-import { h } from "@stencil/core";
-export class DgaProgressIndicatorUsage {
-    constructor() {
-        this.activeStep = 1;
-        this.activeStep2 = 1;
-    }
-    render() {
-        console.log(this.activeStep);
-        return (h("div", { key: '040b7202fe9a2795176bd055d8ce7d2f8461cb97' }, h("h1", { key: 'bca24b60e0dff7c480d38e792c30c45f2ec00b8b' }, "Progress Indicator Example"), h("div", { key: '4edf081c314fb9dab3259797de54de06bad4fda7', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '9670ad4528d7da1b01f84b875be7b73589bcd778', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: 'b690d0b93a7d2b94d0950d1ad69cdfadd4be4f46', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: 'a6678d510f2e0fe25aadeede47672c619a6280f9', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: '727cb1c17faf9bea55698e47ac53145666679027', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: 'e095a532594661836c12085fa6c4c3a6ac7b4f82', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: '23d884010ed510137bf76d7294804f9c9fb87c1c', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '3b1d90f6219134fa3e51e16e63631a136bc8d1a2', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: 'ef4448a52022bb6290ebc1f8cd2a3d6cf7b13357', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '136cd665dd0fe220f9f77f5a76f83911b40cea07', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: 'f6f40617a86b49b2103dd91d31852bdb292dedaa', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '50a4817d898a81b3c201da82b75855e18bea04f8', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: 'f18c73971b5e41dc49a68e2e92f277ebeb46655f', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'a21e1dc9c63d3bb5d0dd6e751fc5cb8124982b4e', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: '469cb2641332df5b54c343736c48f80a28aa1a58', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
-    }
-    static get is() { return "dga-progress-indicator-v3-usage"; }
-    static get states() {
-        return {
-            "activeStep": {},
-            "activeStep2": {}
-        };
-    }
-}

package/dist/collection/usage/dga-quote-usage.js

@@ -1,15 +0,0 @@
-import { h } from "@stencil/core";
-export class DgaQuoteUsage {
-    constructor() {
-        this.activeStep = 1;
-    }
-    render() {
-        return (h("div", { key: '1275a01a6aa6f0d179a1fdd872c95e3c92327f9c' }, h("h1", { key: '3d6b23723f5a69ee276461e0e5d36121f4d806e9' }, "Quote Example"), h("div", { key: '7711a5760b5413a0b8b404c4b41b566e31a5f967', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: 'b68b3bbddef43a0c57c5c44ab2ceafb13a975a2c', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-quote", { key: '7dd2272e35c05601f54828c6bacc101cc37e4a2e', quoteTitle: 'Title of quote', quoteDescription: 'The quote is placed here to highlight a specific saying or to present a brief quote that expresses an important idea or concept.', authorName: "Author's name", authorDescription: 'brief or description.' }), h("dga-quote", { key: '9c2b6ceccf0a5c9bd6aebe7c218f5d21112eaf5f', quoteTitle: 'Title of quote', quoteDescription: 'The quote is placed here to highlight a specific saying or to present a brief quote that expresses an important idea or concept.', authorName: "Author's name", authorDescription: 'brief or description.', whiteBackground: true })), h("div", { key: 'd9bccba901e6ba9cfee4669a6a36e8b51a04ff4a', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
-    }
-    static get is() { return "dga-quote-usage"; }
-    static get states() {
-        return {
-            "activeStep": {}
-        };
-    }
-}

package/dist/collection/usage/dga-radial-stepper-usage.js

@@ -1,190 +0,0 @@
-import { h } from "@stencil/core";
-export class DgaRadialStepperUsage {
-    constructor() {
-        this.percentage = 0;
-        this.activeStep = 0;
-    }
-    handleInputChange(event) {
-        const target = event.target;
-        this.percentage = Number(target.value); // Convert the string value to a number
-    }
-    handleStepChange(event) {
-        const target = event.target;
-        this.activeStep = Number(target.value); // Convert the string value to a number
-    }
-    render() {
-        return (h("div", { key: '633abb705cdc572361cf00c08ff59db0b658ce02' }, h("h1", { key: '6122181de257995ff9a85d01e5cd4a0685f1049e' }, "Radial Stepper Example"), h("div", { key: 'd798f57403a8cd1e91bf60d2a6d83d43daa71b42', style: { padding: '50px', gap: '20px' } }, h("div", { key: '67db737bdeac992832c4283b60916c25cd090bc7', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radial-stepper", { key: '1ad7985c392dc62a6e1bb0a2edcfcc7a8211b990', size: "120px", activeStep: this.activeStep, steps: [
-                {
-                    stepName: "Step One",
-                    stepDescription: "this is step one description",
-                    showPreStep: true,
-                    showNextStep: true
-                },
-                {
-                    stepName: "Step Two",
-                    stepDescription: "this is step two description",
-                    showPreStep: true,
-                    showNextStep: true
-                },
-                {
-                    stepName: "Step Three",
-                    stepDescription: "this is step three description",
-                    showPreStep: true,
-                    showNextStep: true
-                },
-                {
-                    stepName: "Step Four",
-                    stepDescription: "this is step four description",
-                    showPreStep: true,
-                    showNextStep: true
-                }
-            ] }), h("dga-radial-stepper", { key: '492bfa56a261ef0d7a2c7c70fd018b74d7b01984', size: "80px", color: "success", activeStep: this.activeStep, steps: [
-                {
-                    stepName: "Step One",
-                    stepDescription: "this is step one description",
-                    showPreStep: true,
-                    showNextStep: true
-                },
-                {
-                    stepName: "Step Two",
-                    stepDescription: "this is step two description",
-                    showPreStep: true,
-                    showNextStep: true
-                },
-                {
-                    stepName: "Step Three",
-                    stepDescription: "this is step three description",
-                    showPreStep: true,
-                    showNextStep: true
-                },
-                {
-                    stepName: "Step Four",
-                    stepDescription: "this is step four description",
-                    showPreStep: true,
-                    showNextStep: true
-                }
-            ] }), h("dga-radial-stepper", { key: '0c47848003e18045ac7da9669e08dd95896bbc40', variant: 'neutral', size: "64px", activeStep: this.activeStep, steps: [
-                {
-                    stepName: "Step One",
-                    stepDescription: "this is step one description",
-                    showPreStep: true,
-                    showNextStep: true
-                },
-                {
-                    stepName: "Step Two",
-                    stepDescription: "this is step two description",
-                    showPreStep: true,
-                    showNextStep: true
-                },
-                {
-                    stepName: "Step Three",
-                    stepDescription: "this is step three description",
-                    showPreStep: true,
-                    showNextStep: true
-                },
-                {
-                    stepName: "Step Four",
-                    stepDescription: "this is step four description",
-                    showPreStep: true,
-                    showNextStep: true
-                }
-            ] }), h("dga-radial-stepper", { key: '734772c63f2778861cf941e5c35e52aa8b382816', size: "48px", activeStep: this.activeStep, steps: [
-                {
-                    stepName: "Step One",
-                    stepDescription: "this is step one description",
-                    showPreStep: true,
-                    showNextStep: true
-                },
-                {
-                    stepName: "Step Two",
-                    stepDescription: "this is step two description",
-                    showPreStep: true,
-                    showNextStep: true
-                },
-                {
-                    stepName: "Step Three",
-                    stepDescription: "this is step three description",
-                    showPreStep: true,
-                    showNextStep: true
-                },
-                {
-                    stepName: "Step Four",
-                    stepDescription: "this is step four description",
-                    showPreStep: true,
-                    showNextStep: true
-                }
-            ] }), h("dga-radial-stepper", { key: '1f7b03d83e7fb8609a56cbea31145e6f16baf9eb', size: "40px", activeStep: this.activeStep, steps: [
-                {
-                    stepName: "Step One",
-                    stepDescription: "this is step one description",
-                    showPreStep: true,
-                    showNextStep: true
-                },
-                {
-                    stepName: "Step Two",
-                    stepDescription: "this is step two description",
-                    showPreStep: true,
-                    showNextStep: true
-                },
-                {
-                    stepName: "Step Three",
-                    stepDescription: "this is step three description",
-                    showPreStep: true,
-                    showNextStep: true
-                },
-                {
-                    stepName: "Step Four",
-                    stepDescription: "this is step four description",
-                    showPreStep: true,
-                    showNextStep: true
-                }
-            ] }), h("div", { key: 'a4a225f2a783640328906a8e0482e0f4b8bf627a', style: {
-                backgroundColor: "#1B8354",
-                padding: "40px"
-            } }, h("dga-radial-stepper", { key: 'd414cf02f180951c2c587c54d8f2c634a544f1f9', variant: "on-color", size: "120px", activeStep: this.activeStep, steps: [
-                {
-                    stepName: "Step One",
-                    stepDescription: "this is step one description",
-                    showPreStep: true,
-                    showNextStep: true
-                },
-                {
-                    stepName: "Step Two",
-                    stepDescription: "this is step two description",
-                    showPreStep: true,
-                    showNextStep: true
-                },
-                {
-                    stepName: "Step Three",
-                    stepDescription: "this is step three description",
-                    showPreStep: true,
-                    showNextStep: true
-                },
-                {
-                    stepName: "Step Four",
-                    stepDescription: "this is step four description",
-                    showPreStep: true,
-                    showNextStep: true
-                },
-                {
-                    stepName: "Step Five",
-                    stepDescription: "this is step four description",
-                    showPreStep: true,
-                    showNextStep: true
-                },
-                {
-                    stepName: "Step Six",
-                    stepDescription: "this is step four description",
-                    showPreStep: true,
-                    showNextStep: true
-                }
-            ], RTL: true })), h("button", { key: '9770dfdd2b8754798ff1890823cdb283962edb4f', onClick: () => (this.activeStep += 1) }, "Next"), h("button", { key: 'f59cc53c07acdf0cb429d98c29e0cc2172b5493d', onClick: () => (this.activeStep -= 1) }, "Prev"), h("input", { key: '8c3ae877549239f3d4c45b02c3405f0f044eef75', type: "range", min: "0", max: "100", value: this.percentage, onInput: e => this.handleInputChange(e) })))));
-    }
-    static get is() { return "dga-radial-stepper-usage"; }
-    static get states() {
-        return {
-            "percentage": {},
-            "activeStep": {}
-        };
-    }
-}

package/dist/collection/usage/dga-radio-button-usage.js

@@ -1,21 +0,0 @@
-import { h } from "@stencil/core";
-export class DgaRadioButtonUsage {
-    constructor() {
-        this.activeStep = 1;
-        this.activeRadio = "radion-1";
-    }
-    render() {
-        return (h("div", { key: '81285606e6e0554eba38953edab8ab5aa86fb6e7' }, h("h1", { key: '3a54d4995ead395308c7b415ab28ed12ecfeac89' }, "RadioButton Example"), h("div", { key: 'e14ab5d5c398d1ba62601e8f1f02b67b7420c90e', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '24751c1364d372b90f881ce201f5bc3cb0b3a51c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radio-button", { key: '77a22c16f14dea52ba0eb146bc3d241e33cad090',
-            // id="radio1"
-            label: "Radio Label 1", hasHelperText: true, helperText: "When a selection needs a further detailed explanation, it goes here.", alertMessage: true, alertText: "Error/Warning message", name: "radio", value: 'radion-1', checked: this.activeRadio === 'radion-1', onChange: (e) => this.activeRadio = e.target.value }), h("dga-radio-button", { key: '010d446e65b32fba5598248e5b22de995761ded1',
-            // id="radio2"
-            label: "Radio Label 2", hasHelperText: true, helperText: "When a selection needs a further detailed explanation, it goes here.", alertMessage: true, alertText: "Error/Warning message", name: "radio", value: 'radion-2', checked: this.activeRadio === 'radion-2', onChange: (e) => this.activeRadio = e.target.value })), h("div", { key: '75e252b941f9f6719bbe0e487563380c4a2388c2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
-    }
-    static get is() { return "dga-radio-button-usage"; }
-    static get states() {
-        return {
-            "activeStep": {},
-            "activeRadio": {}
-        };
-    }
-}

package/dist/collection/usage/dga-rating-usage.js

@@ -1,19 +0,0 @@
-import { h } from "@stencil/core";
-export class DgaRatingUsage {
-    constructor() {
-        this.variant = 'neutral';
-        this.rating = 2.5;
-    }
-    render() {
-        return (h("div", { key: 'e1612231c6fdb0b3657ed4fe1453ab1be1696436', dir: "rtl" }, h("h1", { key: '7eab44359184bf5ef1720191bcdb7b2d19e4510e' }, "Rating Example"), h("div", { key: '0607cdd8bdb24b9103ea819a83a7952cd00be82d', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'b2cc22c0b4cbda19bc6d503225e3af42bd1d1061', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: '38bf6198212364f82f8bf47ea35f86badb615dfb', onClick: () => (this.rating += 1) }, "Increase ", this.rating), h("dga-rating", { key: 'dc192c8a18ccdf6281e2f60018c020bba354c821', onChange: val => {
-                this.rating = val;
-            }, value: this.rating, size: "lg" }), h("dga-rating", { key: '7cefcbc8b15cc85e4b79d76a686addbb8368c1ca', onChange: val => (this.rating = val), value: 2.5, size: "md" }), h("dga-rating", { key: '1978e3d58f50f2ac278360dc2f7c30877811b22f', onChange: val => (this.rating = val), value: this.rating, size: "sm" })), h("div", { key: '3535dab435c6550dd7ca561497fb3fb682456b3b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
-    }
-    static get is() { return "dga-rating-usage"; }
-    static get states() {
-        return {
-            "variant": {},
-            "rating": {}
-        };
-    }
-}

package/dist/collection/usage/dga-search-box-usage.js

@@ -1,22 +0,0 @@
-import { h } from "@stencil/core";
-export class DgaSearchBoxUsage {
-    constructor() {
-        this.value = 'test';
-    }
-    render() {
-        return (h("div", { key: 'd8f976b4ceed23cad8f97d897fd18b54fe32ee4e' }, h("h1", { key: '9968d91b50ed57bd4e08d22bd6686a3becd9fd3c' }, "Search Box Example"), h("div", { key: '8218a4366748469c63860977d0bb367870caa31d', style: { padding: '50px' } }, h("div", { key: '63d4b748bb4fe70cc41b41fba9ad2e5600c32c21', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("dga-search-box", { key: '95d80d8bf9bc687d21fb292b568f414127a0ca46', variant: 'default', value: this.value, placeholder: 'test placeholder', onChange: (e) => {
-                const target = e.target;
-                console.log("search changed");
-                this.value = target.value;
-            }, onInput: (e) => {
-                console.log("search changed", e.target.value);
-                this.value = e.target.value;
-            } })))));
-    }
-    static get is() { return "dga-search-box-usage"; }
-    static get states() {
-        return {
-            "value": {}
-        };
-    }
-}

package/dist/collection/usage/dga-second-nav-header-usage.js

@@ -1,44 +0,0 @@
-import { h } from "@stencil/core";
-export class DgaSecondNavHeaderUsage {
-    constructor() {
-        this.activeStep = 1;
-    }
-    render() {
-        return (h("div", { key: '2e86c8f0ff20d5e2ad546a1e6b9e716939486ede', style: {
-                display: "flex",
-                flexDirection: "column",
-                gap: "20px"
-            } }, h("dga-second-nav-header", { key: '7dd85ed37f216ae0e4cf7e923931ad941e70dcfc' }, h("dga-second-nav-header-actions", { key: '2aa7870220b2485b70c34f6fdcc7cffe8fda597d' }, h("dga-button-v2", { key: 'd80ee9e4c98380fff744f33ff1a3a486897ae9a1', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
-                name: 'mic-01',
-                type: 'rounded',
-                variant: 'stroke',
-                color: '#FFFFFF'
-            } }), h("dga-button-v2", { key: '47ee25787483b959c959fc285c775b6446e3fcfa', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
-                name: 'zoom-in-area',
-                type: 'rounded',
-                variant: 'stroke',
-                color: '#FFFFFF'
-            } }), h("dga-button-v2", { key: '02d28f75c713d83d14704a7a97ca88cbb0a13fc2', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
-                name: 'zoom-out-area',
-                type: 'rounded',
-                variant: 'stroke',
-                color: '#FFFFFF'
-            } }), h("dga-button-v2", { key: '7c11471e6bdcdbe47869041ffb5162aa96bcc79a', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
-                name: 'view',
-                type: 'rounded',
-                variant: 'stroke',
-                color: '#FFFFFF'
-            } })), h("dga-second-nav-header-content", { key: 'fb9c7641a45afac4c96165b84ee2c45aa321c749' }, h("dga-second-nav-header-item", { key: 'e33a268f9184da5d5e58bc06a1981787f9d7fc19', label: 'Cloudy' }, h("dga-icon", { key: '8982512332095cc7ca7619f034f617f0ca401c7c', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: '8502c8d4faccae93c087f58885367c2c33232f45', label: '21 Jan 2024' }, h("dga-icon", { key: 'a870e3d5a52256bbc1aca2fca673fe67c6fc824f', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-second-nav-header", { key: '6c3581f1272669328c46ec1a529a5ca45232ab42', variant: "gray" }, h("dga-second-nav-header-actions", { key: '5022ed3eab25533abf9e55deb5106c985a3cb378' }, h("dga-button-v2", { key: '91ab572cad798af562a00921b1bda9c7c5f64242', label: 'Button', variant: "transparent", leadIcon: true, leadIconProps: {
-                name: 'mic-01',
-                type: 'rounded',
-                variant: 'stroke',
-                color: '#FFFFFF'
-            }, size: 'sm', iconOnly: true })), h("dga-second-nav-header-content", { key: '65ae7f788f046fbf86fa1bfa17fbd6a8d78fe942' }, h("dga-second-nav-header-item", { key: 'cd2eba5644dc4126810f1bce2d5c85b4193220d3', label: 'Cloudy' }, h("dga-icon", { key: 'cc65b9124c0d3c3b79a5e64f36982d7176b5ad5b', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: '09b6843eb913d99c6721b9137ea4225ac23814c4', label: '21 Jan 2024' }, h("dga-icon", { key: '409f6ba54ceee43dd31ebc96e0a8567aae05e489', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-nav-header", { key: '3881c9de4139a5b3608e50a5da874bd204672c1f', fullWidth: true, divider: true }, h("dga-nav-header-main", { key: '780637f2b5f0eadc55b7de6c12b77ff4684edfa9', collapsed: true }, h("dga-nav-header-logos", { key: 'e45dd6e4b36c0f354517f52c940691f7839e5a60', logoSrc: "https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg", govSrc: "https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg", logoLink: "#", govLink: "#" }), h("dga-nav-header-menu", { key: '51ed37b45df1a569826116800778dfe11243a9e6' }, h("dga-nav-header-link", { key: 'e1393eabeb3c9a3784e93cc70eebffad2f8a35a8', label: "Item  1", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: '6bcd01789e55d871bf325aaba7aceb0186e112db', label: "Item  2", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: '8e367eb4de37cabf26efc2e093eb9d2c3b2c7578', label: "Item  3", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: 'c90d4546b5aeda3cf052f082c3c57f53e94c08d3', label: "Item  4", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "))), h("dga-nav-header-actions", { key: '8be65de03e85d064937d1562fcd2d93858a7ca5d' }, h("dga-header-action-btn", { key: '22d413a8a5a523204abf4018eab41a040c09472b', label: "Search", icon: "search-01" }), h("dga-header-action-btn", { key: '83124735c6e54c5b642b473d4dd0ee2db413a68a', label: "\u0639\u0631\u0628\u064A", icon: "translation" }), h("dga-header-action-btn", { key: 'c67096b9423ecf30a447425fd4cd22c78a9afe4b', label: "Login", icon: "user" })))));
-    }
-    static get is() { return "dga-second-nav-header-usage"; }
-    static get states() {
-        return {
-            "activeStep": {}
-        };
-    }
-}

package/dist/collection/usage/dga-skeleton-usage.js

@@ -1,7 +0,0 @@
-import { h } from "@stencil/core";
-export class LineSkeleton {
-    render() {
-        return (h("div", { key: 'f42ef5a4c610f1069e40214d9384ae239636c29b' }, h("dga-line-skeleton", { key: '081e4f476ea7d3524f4a9ab38ed22774dc1ecee5' }), h("dga-circle-skeleton", { key: 'dea01d885a0a1c2a1e375a70e1cf18eeda063ca0' }), h("dga-rectangle-skeleton", { key: '5342522a60e97b8178796a515d3486235dea9750' }), h("dga-square-skeleton", { key: '7766914eaf08c4a7e367031dfb9c5bc07114b539' }), h("dga-skeleton-component", { key: '41d8a06e4d46896f6b14c2e3618483f68772bdfc' })));
-    }
-    static get is() { return "dga-skeleton-usage"; }
-}