@platformscode/core 0.0.49 → 0.0.51

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

@@ -1,47 +0,0 @@
-import { h } from "@stencil/core";
-export class DgaAvatarUsage {
-    constructor() {
-        this.variant = 'neutral';
-    }
-    render() {
-        return (h("div", { key: 'b6db46eb54d6bc026b792ae4e34bf43c34e12ddc' }, h("h1", { key: '650a81dab7c9a3091855b06472d61496db974c18' }, "Avatar Example"), h("div", { key: '83cb2c22db77b4b5026b19389fb30566ebedc628', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'd015a99bcb0af112e3ccd1038d81d166a7a344e9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '550c23ce186402f7e406d8d3854a4cfc43e33ec8', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, h("dga-avatar-group", { key: '67238484b36d6f88c204a1c37c9e461c2b5352b4', stacked: false, max: 3, size: 120, dir: 'rtl', border: true }, h("dga-avatar", { key: '7c61c7877f06d71d776347b7304972588e7ab594', size: 120, border: false, type: "initials", text: "Ar" }), h("dga-avatar", { key: 'bd74bcde6d8de547a97dc4961eb2889af11a81d4', size: 120, border: false, type: "initials", text: "Ar" }), h("dga-avatar", { key: '5d9ff65ba9a968cffdf3ab75d0b65c321ca35cf4', size: 120, border: false, type: "initials", text: "Ar" }), h("dga-avatar", { key: '9889e8d8c5288e55459b750ac42c0f1bc2bc72d2', size: 120, border: false, type: "initials", text: "Ar" }), h("dga-avatar", { key: '1d24f7b7ef79c55c0cc691654e9ea70520bf7812', size: 120, border: false, type: "initials", text: "Ar" }), h("dga-avatar", { key: 'bba0ea0b2df3aa287ea47f962eb1294df69fa237', size: 120, border: false, type: "initials", text: "Ar" }), h("dga-avatar", { key: '5e43558da9e9a4d3812978a5371399287f59ac34', size: 120, border: false, type: "initials", text: "Ar" })), h("dga-avatar", { key: 'f0d5e358fa0169d608d8668d1b7a7a6c8500d470', size: 120, border: false, square: true, sx: {
-                "& .dga-avatar": {
-                    borderRadius: "100px"
-                }
-            } }), h("dga-avatar", { key: '57eb45338affede6bab839017b5f49d9282806bb', size: 120, border: true, square: true })), h("dga-avatar", { key: '3e1c2b918869127ab892e154280169d161cf94b2', type: "icon", size: 120, icon: {
-                name: 'user',
-                variant: "stroke",
-                type: "rounded"
-            } }), h("dga-avatar", { key: '3b0ca5592cdeffd23612192dc3b44498cf522c46', type: "icon", size: 80, icon: {
-                name: 'user',
-                variant: "stroke",
-                type: "rounded"
-            } }), h("dga-avatar", { key: '424827e3b2ef389362000d0cac02b12d1550d8db', type: "icon", size: 68, icon: {
-                name: 'user',
-                variant: "stroke",
-                type: "rounded"
-            } }), h("dga-avatar", { key: 'ba9799f6cd71292b121ad255099c9349a63d982f', type: "icon", size: 48, icon: {
-                name: 'user',
-                variant: "stroke",
-                type: "rounded"
-            } }), h("dga-avatar", { key: '9471f2b0922e5b6bb2c186ccf30cf92207b57a20', type: "icon", size: 40, icon: {
-                name: 'user',
-                variant: "stroke",
-                type: "rounded"
-            } }), h("dga-avatar", { key: '4b79004a8f042d65e990b3f31bcb8b7ee29a87a1', type: "icon", size: 32, icon: {
-                name: 'user',
-                variant: "stroke",
-                type: "rounded"
-            } }), h("dga-avatar", { key: 'f8c1eeaf6f56c6487dee8d011985513c389aed2e', type: "icon", size: 24, icon: {
-                name: 'user',
-                variant: "stroke",
-                type: "rounded"
-            } })), h("dga-avatar-group", { key: '2a550832318b9f9469204b6d47a5c0eefecfc792', stacked: true }, h("dga-avatar", { key: '26fbd7f51c95b957e4c1d779d0dbdc016209d54d', type: "initials", text: 'AB', size: 40 }), h("dga-avatar", { key: '0a5a4b36f4946fc76a93da3df488df4a41696a3b', type: "initials", text: 'CD', size: 40 }), h("dga-avatar", { key: '8b3f609b35a757dbf11f980452971f7f7c92e6b7', type: "initials", text: 'SB', size: 40 }), h("dga-avatar", { key: '30359e817cdbf2e200f5cfc7d8827f96e297a908', type: "initials", text: 'WK', size: 40 }), h("dga-avatar", { key: 'ebd5555420926537608f5f4c41c5bfd4e19024d9', type: 'initials', text: `+4`, size: 40 })), h("div", { key: 'e993287f98944f810b23fb09148420210e9187e4', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
-    }
-    static get is() { return "dga-avatar-usage"; }
-    static get states() {
-        return {
-            "variant": {}
-        };
-    }
-}

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

@@ -1,33 +0,0 @@
-import { h } from "@stencil/core";
-export class DgaBreadcrumbsUsage {
-    constructor() {
-        this.variant = 'neutral';
-    }
-    render() {
-        return (h("div", { key: 'd6e7a8bc04ed017ddde57a3f6618eb75c7f8d529' }, h("h1", { key: 'ce2229dead2e4454de243a1027024c7c3187df1d' }, "Breadcrumbs Example"), h("div", { key: 'a5f17436f6253d0637c16b21d595f9893d8dc615', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '7105b831a37a52582d631685f94babafb4230469', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-link", { key: 'c5f534d77c261d2796b2b764d419d9d9388cf95d', label: "Link", variant: "neutral" }), h("dga-breadcrumbs", { key: 'f6360edce54da8d84f0ca7506c2fc1948f6156e5', items: [
-                {
-                    label: 'Home',
-                    path: '/',
-                },
-                {
-                    label: 'Products',
-                    path: '/products',
-                },
-                {
-                    label: 'Computers',
-                    path: '/products/computers',
-                    disabled: true,
-                },
-                {
-                    label: 'Keyboards',
-                    path: '/products/keyboards',
-                },
-            ], max: 3 })), h("div", { key: '4d3eed982301eb49e7ecbfe76142a760f2274f22', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
-    }
-    static get is() { return "dga-breadcrumbs-usage"; }
-    static get states() {
-        return {
-            "variant": {}
-        };
-    }
-}

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

@@ -1,33 +0,0 @@
-import { h } from "@stencil/core";
-export class DgaButtonUsage {
-    constructor() {
-        this.variant = 'neutral';
-    }
-    render() {
-        return (h("div", { key: '36feb38cf978ae8ecc8c8713618ef745641c6ab9' }, h("h1", { key: 'd6b3fd4a63f9b1813c5d9bc0a6e53cde751207e7' }, "Button Example"), h("div", { key: 'dfe331f83aba64614af31db6b2937845a449c61b', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '6091b32f210ab162a3c64f8471cd74a4a519b928', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-button", { key: '5de97372b36c33a077e0c526f8d8e9af4646fc46', label: "Click me", variant: "primary-brand", sx: {
-                '&': {
-                    fontSize: '18px',
-                    fontWeight: 'bold',
-                },
-                '.dga-btn': {
-                    backgroundColor: { xs: 'red', sm: 'blue', md: 'green' },
-                    // backgroundColor: 'yellow',
-                    color: { xs: 'black', sm: 'yellow', md: 'white' },
-                },
-                '.dga-btn:hover': {
-                    backgroundColor: 'blue',
-                },
-            } }), h("dga-button", { key: '1a9b95cf741013dfcaae003664d8cbc55ac7eabd', label: "Brown Button", variant: "primary-neutral" }), h("dga-button", { key: '5d38fef4a44bf62236c2af8d2c5a70cf4e06d315', label: "Button", variant: "des-transparent" }), h("dga-button", { key: 'c21d5047170fc2624ca73809f0d75cc3eeddb12e', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconType: "source-code", leadIconProps: { variant: 'stroke', type: 'standard' } }), h("dga-button", { key: 'a963ad5d291a89e84af1cf1b4d8f47a1ba98551f',
-            // className="absolute top-[50%] left-[50%] transform -translate-x-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100"
-            label: "See live preview", size: "lg", variant: "secondary-outline", trailIcon: true, trailIconType: "link-square-01", trailIconProps: {
-                variant: 'stroke',
-                type: 'standard',
-            } })), h("div", { key: '120c41b3d7d72d732a8db890e257330c0676235f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
-    }
-    static get is() { return "dga-button-usage"; }
-    static get states() {
-        return {
-            "variant": {}
-        };
-    }
-}

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

@@ -1,21 +0,0 @@
-import { h } from "@stencil/core";
-export class DgaButtonUsage {
-    constructor() {
-        this.variant = 'neutral';
-    }
-    render() {
-        return (h("div", { key: '6abd2b56ff500a5e05cc52cc7c821285076d862d' }, h("h1", { key: '876e7804def89bfceb5107afb9a4e89b13d23ad0' }, "Button Example"), h("div", { key: '7fd43dc668e0eb7543078ea02ad69aded0d6abbf', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'e327a5abcf2101a8d3453492c96fbcccb1414703', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: 'ed48913dd2e0812794cc4540165e5aa74e081ba8', direction: "column", spacing: 16 }, h("dga-button-v2", { key: '60c4e03ddd3f5d6146b5718f99c8956613815328', label: "Button", variant: "primary", size: "lg" }), h("dga-button-v2", { key: '8ac3a9ae755dcd3bcea86fadaaf419fb22072bc1', label: "Button", variant: "primary", size: "md" }), h("dga-button-v2", { key: '6ec5e984358e263f8b45ada39e4d2201c74d57c7', label: "Button", variant: "primary", size: "sm" }), h("dga-button-v2", { key: '7fae9d69c6a6fe52eca6f41bc2225591cbeaf884', label: "Button", variant: "neutral", size: "lg" }), h("dga-button-v2", { key: '3e519d8543ca235facda3fc04bccdff0baa6064b', label: "Button", variant: "neutral", size: "md" }), h("dga-button-v2", { key: 'bbf1805a416c5cc12abc6aeffc7e60594cbbe855', label: "Button", variant: "neutral", size: "sm" }), h("dga-button-v2", { key: 'b1e9a6eaed77e8568d4eb96563142380dd23bdbb', label: "Button", variant: "secondary-solid", size: "lg" }), h("dga-button-v2", { key: 'd0dcffc12c90b085b38e27f778d695169883fdbf', label: "Button", variant: "secondary-solid", size: "md" }), h("dga-button-v2", { key: 'afc5acb3006e5adbf044e736c63bb6d012cecc66', label: "Button", variant: "secondary-solid", size: "sm" }), h("dga-button-v2", { key: 'dfc43db38ef35294a02e13d9f650ea3bb992531b', label: "Button", variant: "primary", destructive: true, size: "lg" }), h("dga-button-v2", { key: '3367dee19e131ffc0d5cfd2bc8bdd1d633b68fec', label: "Button", variant: "primary", destructive: true, size: "md" }), h("dga-button-v2", { key: 'abde37946b36a6cc62d3985d1abd7a0c7debf50c', label: "Button", variant: "primary", destructive: true, size: "sm" })), h("dga-button-v2", { key: '0883216039c7a521792126ec667d10f53ed0ea4a', label: "Button", variant: "primary", onColor: true }, h("dga-button-leading-icon", { key: '34c17aa0476b904279e2c36fa6da1344e16f7381', name: "link-square-01", size: 16, color: "red" })), h("dga-button-v2", { key: '258c9678b173d1970e20b8397f767d6f251726a7', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconProps: { name: 'source-code', variant: 'stroke', type: 'standard' } }), h("dga-button-v2", { key: 'b0ac151d569e230c95159eb22ee43b58fd8f90d0',
-            // className="absolute top-[50%] left-[50%] transform -translate-x-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100"
-            label: "See live preview", size: "lg", variant: "secondary-outline", trailIcon: true, trailIconProps: {
-                name: 'link-square-01',
-                variant: 'stroke',
-                type: 'standard',
-            } })), h("div", { key: '5069571a45848b076a797ab7877545dc1efed919', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
-    }
-    static get is() { return "dga-button-v2-usage"; }
-    static get states() {
-        return {
-            "variant": {}
-        };
-    }
-}

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

@@ -1,22 +0,0 @@
-import { h } from "@stencil/core";
-export class DgaCardUsage {
-    constructor() {
-        this.variant = 'neutral';
-        this.selected = false;
-    }
-    render() {
-        return (h("div", { key: '139cf16aa0eef61fbfa90b4e9634872886967191' }, h("h1", { key: 'ce721f60451de00dc160f158288cb7a073a17b7f' }, "Card Example"), h("div", { key: 'da08682b2193085ab666cbaf1147182eff075b5a', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'f924ab80749bec448c80e32f9af0f6941a371435', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-card", { key: 'bf1d05e88580a5aa0295957c4e550ddb6a467fdc', type: "expanded", cardTitle: "Card Title", description: "Card content placeholder text goes here", showFeaturedIcon: true }, h("div", { key: 'cd902b46247ad1502f940618a3907c2c35165412', slot: "collapse-content" }, "dgdsgdfgdfg")), h("dga-card", { key: 'e6e7c9f10f54bdd366d3d48f1a35da6391864147', type: "selectable", cardTitle: "Card Title", description: "Card content placeholder text goes here", isSelected: this.selected, onCheckboxChange: () => (this.selected = !this.selected) }), h("dga-card", { key: '7ec0551f901ea01e66f0ac1409bfe84abfe61005', cardTitle: "Card Title", sx: {
-                '& > .card': {
-                    backgroundColor: 'red',
-                    height: '400px',
-                },
-            } }), h("dga-card", { key: 'b82d82591113cc0e485a937ad90ab9e40af3bc76', cardTitle: "No Shadow", effect: "no-shadow" }), h("dga-card", { key: 'ffd3595ddb5bb87925064ee40cc051df15133ab0', cardTitle: "Stroke", effect: "stroke" }), h("dga-card", { key: 'c2358fa77a47a3385de027b607858c911ca65641', cardTitle: "With Shadow", effect: "with-shadow" })), h("div", { key: '2fba0a6c97d268de7a8e20543c9fde5606e6878a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
-    }
-    static get is() { return "dga-card-usage"; }
-    static get states() {
-        return {
-            "variant": {},
-            "selected": {}
-        };
-    }
-}

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

@@ -1,27 +0,0 @@
-import { h } from "@stencil/core";
-export class DgaCardV2Usage {
-    constructor() {
-        this.variant = 'neutral';
-        this.selected = false;
-    }
-    render() {
-        return (h("div", { key: '2a079bc7bd8b1a8405b741383135ceb23a200757' }, h("h1", { key: '67a148a2d1ddcbd05a5d8d21536d2906d1b58322' }, "Card Example"), h("div", { key: '253912a446ec3751c7852adf345ea43aec644e99', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '80707f8e2814d1455d18744ce65ee5491f40acb5', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-card-v2", { key: 'e02d4770ab1e8f1e08021f06845c2e33e5a5b584', type: "default", sx: {
-                "& > .card": {
-                    backgroundColor: 'red',
-                    height: '400px',
-                }
-            } }, h("dga-card-content", { key: '0c93507505e36e07df787fe3d742709a1595dffa' }, h("dga-featured-icon", { key: '9379fb3aee235fe2b3e6752bdb54fd9aebe6c65c', color: 'brand', variant: 'light', size: 'lg', icon: {
-                name: 'checkmark-circle-02',
-                variant: 'stroke',
-                type: 'sharp',
-                size: 24
-            } }), h("dga-flex", { key: '40acb7b93c7165a66772628d8f6b81d26b5f13e4', direction: 'column', spacing: 8 }, h("h4", { key: 'b2aae11b0b45a56980860974b059df564c1e153e', class: "text-lg-bold" }, "Card Title test"), h("p", { key: '506b32d4e5846da4ea8237960a161f5c0cdfd2bf', class: "text-md-regular" }, "Card content placeholder text goes here")), h("dga-flex", { key: 'c8a86fad44c04238e6d77a3c630e367a618278b4', direction: 'column', spacing: 4 }, h("dga-rating", { key: '8b0aea240c5c26907fe05370fa66586847824efe', value: 4, size: 'sm' }), h("span", { key: 'ee4aea9c46643510aef3b09b87aab068f2d7eac7', class: "text-xs-regular" }, "12 reviews"))), h("dga-card-actions", { key: '83c1314ec71bbcef1b26e7e99ff2cf04ebe7e5f4' }, h("dga-button-v2", { key: 'fd2e641170650436504ce668296f155d7de41a34', label: "Primary", size: "lg", variant: "primary", onClick: () => console.log('Primary Action') }), h("dga-button-v2", { key: 'cd82cdc5be48843a09edfe7b881cbd20150613e4', label: "Secondary", size: "lg", variant: "secondary-outline", onClick: () => console.log('Secondary Action') })), h("dga-card-expandable-content", { key: '8b0df83f24442a3ff63849ec7df29e7ddc0476af' }, h("div", { key: 'c1b6247fe9333a43143fcd2b87ea27c97ea29a3a' }, "Expanded Content"), h("p", { key: 'db28ba34719b3785dcdbcc811352a653aceb5c11' }, "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Earum voluptatum, facere mollitia quas natus nihil, doloribus repudiandae, quasi vitae nobis deserunt similique magni explicabo. Molestiae unde dolorem expedita aut recusandae.")))), h("div", { key: '1e3c8ce2d28f68e8397118fbbe4896fa4a35c958', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
-    }
-    static get is() { return "dga-card-v2-usage"; }
-    static get states() {
-        return {
-            "variant": {},
-            "selected": {}
-        };
-    }
-}

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

@@ -1,123 +0,0 @@
-import { h } from "@stencil/core";
-export class DgaCarouselUsage {
-    constructor() {
-        this.variant = 'neutral';
-    }
-    render() {
-        return (h("div", { key: '6ccd6622fe3cb3b65ea0d19204fa321d70210d21' }, h("h1", { key: '26c091dc20e9b97df418e685e6c6bfb3351d846e' }, "Carousel Example"), h("div", { key: 'b9308c2221fc9cb2ad719b8301447e7c988b0edd', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'ca08e86cc8bf184c795b3282a124743871a96634', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-carousel", { key: '9891b52292c19cdb17b6c4fca4c98800f9653470', size: 'lg', arrowsVariant: 'primary' }, h("dga-carousel-item", { key: '8b6001509b4984dfa5305d9dd484511e0f2bcc5b' }, h("img", { key: '32aee8b86623dcc21460baa2a33dcbde07b0ff68', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
-                height: '300px',
-                width: '450px',
-            } })), h("dga-carousel-item", { key: '8f0566fed9c1b7539fd22c94aef3338bd66e97ef' }, h("img", { key: '0cbd5053f73612c9be5e5332d81bf876210f8766', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
-                height: '300px',
-                width: '450px',
-                objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'e5ca370b6dd67fe5936492d87dd2b0cfb2263176' }, h("img", { key: 'b4addf095e40b37c7c0a710e835df8e457a1bbfa', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
-                height: '300px',
-                width: '450px',
-                objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'a1552c75d2cba1966439431eba98724ba2e4a506' }, h("img", { key: '53e42b0010abba1795ede8e4f1447b26aac96168', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
-                height: '300px',
-                width: '450px',
-                objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'ea1ede7ca1b04edcb9651abbef6f1d9030250268' }, h("img", { key: 'da7c918a34af2b226d98a17ea7de5a4c22a8e13d', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
-                height: '300px',
-                width: '450px',
-                objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '2d39892c3efb447573c75a7d71eaea43a80faa94' }, h("img", { key: '9ed1e9e2dc275b422d33e3a7928a59c89fc9cf27', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
-                height: '300px',
-                width: '450px',
-                objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'a39ac798eef1ec7574ae54c3ed40cd0214739a3e' }, h("img", { key: 'b5f92f39c5887868960ad0f4f05f687be6aebb72', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
-                height: '300px',
-                width: '450px',
-                objectFit: 'cover',
-            } }))), h("dga-carousel", { key: 'bc28483cf36b2b9b594268c710e4064af4a44ad3', size: 'lg', arrowsVariant: 'subtle' }, h("dga-carousel-item", { key: '8552016602fadfaf89d1ceddb16db6f1747a7855' }, h("img", { key: '7fa8cc5ce8ffe959d5d20806c1996364770b426e', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
-                height: '300px',
-                width: '450px',
-            } })), h("dga-carousel-item", { key: 'c259ee70288c3dacd8611148529d06e3cf31a8f1' }, h("img", { key: 'eb3eba3db6e6e1e918b5bf64f358dfc237affdfb', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
-                height: '300px',
-                width: '450px',
-                objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'c73d40e89354711d9d720f63b0dd426f36d4fd0f' }, h("img", { key: 'b4a2caef4755814655f65b8e8ad99cb77554392a', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
-                height: '300px',
-                width: '450px',
-                objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'ccd47f4ffbb60e7f852678acaf8186a638d2cd47' }, h("img", { key: '1a054e9b79677c8eed68332fc6d8de0e5a4ce2db', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
-                height: '300px',
-                width: '450px',
-                objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '7d45428b7cd4abb8c706e6798ace3058b7d0aada' }, h("img", { key: '1c120e6503ee37b86b8d4664ff96b2c589fa6d29', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
-                height: '300px',
-                width: '450px',
-                objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '27db422b0dda815a2820f9e3d37c4bd46c1698a1' }, h("img", { key: '5ee49db73783f42e94927958667db5e1869c119d', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
-                height: '300px',
-                width: '450px',
-                objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '626077070e532e0532cac47905795a8576b065b4' }, h("img", { key: '4ccc26fbbc0edd068473be57a9e5222f149998f3', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
-                height: '300px',
-                width: '450px',
-                objectFit: 'cover',
-            } }))), h("dga-carousel", { key: '36686027b73088d531c3a6a4148343fae6c672f3', size: 'md' }, h("dga-carousel-item", { key: 'fc01804855c1f21b10536e88c97eb0d6368d85b3' }, h("img", { key: '1a6466e8db60fd3c8e9b0dd25656021bd9b02b38', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
-                height: '300px',
-                width: '450px',
-            } })), h("dga-carousel-item", { key: '706a44a2ff57a0c6c488f878accbe15bfbb1cca9' }, h("img", { key: 'a315d10f8a721b3338114a8a309dbd43140f58c9', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
-                height: '300px',
-                width: '450px',
-                objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'aedbff71ab67e3c775e047fce29bb6f214e2b6f0' }, h("img", { key: 'fb60995076b1d77abecf816d98b38fc812fa67bb', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
-                height: '300px',
-                width: '450px',
-                objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'fc299770bdc792be65c97cc3ae36332203489b50' }, h("img", { key: '9efbc529189a977502a890027994d09334802649', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
-                height: '300px',
-                width: '450px',
-                objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '94a52390a6b5eb08417da2efbefb313a873a95bc' }, h("img", { key: '4d7fe2b895ab28ff064435d8f52d9cf8b47260d6', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
-                height: '300px',
-                width: '450px',
-                objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '48cf18daedbfca77849eeb163dd6fc8edb7919f7' }, h("img", { key: '6bed9bd2f2cf8894b33215bf53f04ca1fa0c8ed8', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
-                height: '300px',
-                width: '450px',
-                objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'dc5708c0a3f52b3dedf5aa3785ac43dc1538aa9d' }, h("img", { key: '956e9f7805104ddf0be53a27abb9e7a969f73829', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
-                height: '300px',
-                width: '450px',
-                objectFit: 'cover',
-            } }))), h("dga-carousel", { key: '61745a45145d49235c5f02c24b7698c27d4fe281', size: 'sm' }, h("dga-carousel-item", { key: 'ec7f339b28f7ceb2bb49e65e411a11409070f67d' }, h("img", { key: '0e98ef16309b0a22c67a474218f57bc22e2372d3', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
-                height: '300px',
-                width: '450px',
-            } })), h("dga-carousel-item", { key: '09ccdfbe6057b41823c1ffb4ce4925215b6d44cc' }, h("img", { key: 'a7a91290687429f133292ad4ca0b8b3dcd0a8a90', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
-                height: '300px',
-                width: '450px',
-                objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'cea46e4de877107d6d039c5b50c5e084b1eb8b8c' }, h("img", { key: 'b0987097645fad992e1a49538b38d5c46e8959a3', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
-                height: '300px',
-                width: '450px',
-                objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'ec654a18606fe2a23f9568dac5a3fca60aa513fd' }, h("img", { key: 'a8e6d1e11aed32bab03eb20a5827f8b86eb077fe', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
-                height: '300px',
-                width: '450px',
-                objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'ac7da09d7fc9bd672570302194b4604ca9f47c3f' }, h("img", { key: 'a72a52522c198fb1f095e748f95e4452d50080e4', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
-                height: '300px',
-                width: '450px',
-                objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '7020ce9838507baec7e3e19eff926ae778e15d08' }, h("img", { key: '3242d88df71a2bb561416c058d249367824a5bbe', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
-                height: '300px',
-                width: '450px',
-                objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'fb040b5d12c9308ee6d185d5101669e749d35135' }, h("img", { key: '8810a25d764782212ea3bbd45f13e5b798a4032f', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
-                height: '300px',
-                width: '450px',
-                objectFit: 'cover',
-            } })))), h("div", { key: 'fae09819788f2c8fc4611846844e1d1b11da0583', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
-    }
-    static get is() { return "dga-carousel-usage"; }
-    static get states() {
-        return {
-            "variant": {}
-        };
-    }
-}