@platformscode/core 0.0.34 → 0.0.37

package/dist/components/dga-metric-usage.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$2 } from './p-az3lD9la.js';
+import { d as defineCustomElement$2 } from './p-DzGU0x_h.js';
 
 const DgaMetricUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaMetricUsage extends H {
     constructor() {
@@ -8,7 +8,7 @@ const DgaMetricUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaMetricUsage e
     }
     //   @State() variant: 'critical' | 'warning' | 'success' | 'info' | 'neutral' = 'neutral';
     render() {
-        return (h("div", { key: 'efe2a291a97aa4b7ecbc0e3e3e7bfac2a988a860' }, h("h1", { key: '9c323fd50e24ec08ce52267fac1b8cb19e15b2b0' }, "Metric Example"), h("div", { key: 'ccfe2602a5c6a1e94d6c22957f9e2513da6e76c0', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'd6b027c57ef9bdcdf801bedabe1ecc0695d99551', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-apex-chart", { key: '3a8da007852583598b8d51c00eb6e82782913830',
+        return (h("div", { key: '6ad33030f3c6b2bfa0d5a6335dc7da2fb6329344' }, h("h1", { key: '840c70c1184b6cef0ff244625f9d0f81e762b57e' }, "Metric Example"), h("div", { key: '254ba7be1413a89752672db5db2d9bc8513e2ec2', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '37b2eee502974e1baa435385d3493286a2821f24', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-apex-chart", { key: '64d9cec17f91b0caf327bf37e9e23ca73920592a',
             // type="donut" 
             //   series={ [{
             //     name: "Desktops",
@@ -100,7 +100,7 @@ const DgaMetricUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaMetricUsage e
                 legend: {
                     show: false
                 }
-            } }), h("dga-apex-chart", { key: '757a344e843112c7bd1ee9bb847d4bfdd73d12a4',
+            } }), h("dga-apex-chart", { key: '983adc91525b44d33f817c98cb33f1207b47c397',
             // type="donut" 
             //   series={ [{
             //     name: "Desktops",
@@ -192,7 +192,7 @@ const DgaMetricUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaMetricUsage e
                 legend: {
                     show: false
                 }
-            } }), h("dga-apex-chart", { key: 'bc84d10e60cba5afa0b5251bf1214d10a9019623',
+            } }), h("dga-apex-chart", { key: '39b62eccb5959336769307c7c89864e6aaa41cc1',
             // type="donut" 
             //   series={ [{
             //     name: "Desktops",
@@ -284,7 +284,7 @@ const DgaMetricUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaMetricUsage e
                 legend: {
                     show: false
                 }
-            } }), h("dga-apex-chart", { key: 'fd97c0bc7eebd62c93d48076a31550d52956804c',
+            } }), h("dga-apex-chart", { key: '3d5839ca4a8020f42bdd8f70af1d26966a31ab3c',
             // type="donut" 
             //   series={ [{
             //     name: "Desktops",
@@ -379,7 +379,7 @@ const DgaMetricUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaMetricUsage e
                 legend: {
                     show: false
                 }
-            } })), h("div", { key: '2ad2973397445a5446bd9081095663781c34ad05', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("div", { key: '7d01de739fde8ac5ae26cf84af841c01ca1ce01a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-metric-usage"]);
 function defineCustomElement$1() {

package/dist/components/dga-metric-v2.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, F as Fragment } from './p-JCGAt0My.js';
-import { d as defineCustomElement$4 } from './p-RsJ7rSMp.js';
-import { d as defineCustomElement$3 } from './p-COX_k4uJ.js';
-import { d as defineCustomElement$2 } from './p-CB92GzuM.js';
+import { d as defineCustomElement$4 } from './p-B1kxhXdl.js';
+import { d as defineCustomElement$3 } from './p-DWDgZ64y.js';
+import { d as defineCustomElement$2 } from './p-TihXUG-H.js';
 
 const dgaMetricCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap\"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff\") format(\"woff\");font-weight:400;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff\") format(\"woff\");font-weight:500;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff\") format(\"woff\");font-weight:600;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff\") format(\"woff\");font-weight:700;font-style:normal;font-display:auto}body{font-family:\"IBMPlexSansArabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBMPlexSansArabic\"}.display-xl-regular{font:400 60px/72px \"IBMPlexSansArabic\"}.display-lg-regular{font:400 48px/60px \"IBMPlexSansArabic\"}.display-md-regular{font:400 36px/44px \"IBMPlexSansArabic\"}.display-sm-regular{font:400 30px/38px \"IBMPlexSansArabic\"}.display-xs-regular{font:400 24px/32px \"IBMPlexSansArabic\"}.text-xl-regular{font:400 20px/30px \"IBMPlexSansArabic\"}.text-lg-regular{font:400 18px/28px \"IBMPlexSansArabic\"}.text-md-regular{font:400 16px/24px \"IBMPlexSansArabic\"}.text-sm-regular,.dga-metric__content-change-period,.dga-metric[data-chart-size=small-chart] .dga-metric__content-change-period{font:400 14px/20px \"IBMPlexSansArabic\"}.text-xs-regular{font:400 12px/18px \"IBMPlexSansArabic\"}.text-2xs-regular{font:400 10px/14px \"IBMPlexSansArabic\"}.display-2xl-medium{font:500 72px/90px \"IBMPlexSansArabic\"}.display-xl-medium{font:500 60px/72px \"IBMPlexSansArabic\"}.display-lg-medium{font:500 48px/60px \"IBMPlexSansArabic\"}.display-md-medium{font:500 36px/44px \"IBMPlexSansArabic\"}.display-sm-medium{font:500 30px/38px \"IBMPlexSansArabic\"}.display-xs-medium{font:500 24px/32px \"IBMPlexSansArabic\"}.text-xl-medium{font:500 20px/30px \"IBMPlexSansArabic\"}.text-lg-medium{font:500 18px/28px \"IBMPlexSansArabic\"}.text-md-medium{font:500 16px/24px \"IBMPlexSansArabic\"}.text-sm-medium,.dga-metric__content-change-value,.dga-metric[data-chart-size=small-chart] .dga-metric__content-change-value,.dga-metric__head-content-text{font:500 14px/20px \"IBMPlexSansArabic\"}.text-xs-medium{font:500 12px/18px \"IBMPlexSansArabic\"}.text-2xs-medium{font:500 10px/14px \"IBMPlexSansArabic\"}.display-2xl-semibold{font:600 72px/90px \"IBMPlexSansArabic\"}.display-xl-semibold{font:600 60px/72px \"IBMPlexSansArabic\"}.display-lg-semibold{font:600 48px/60px \"IBMPlexSansArabic\"}.display-md-semibold{font:600 36px/44px \"IBMPlexSansArabic\"}.display-sm-semibold{font:600 30px/38px \"IBMPlexSansArabic\"}.display-xs-semibold{font:600 24px/32px \"IBMPlexSansArabic\"}.text-xl-semibold{font:600 20px/30px \"IBMPlexSansArabic\"}.text-lg-semibold{font:600 18px/28px \"IBMPlexSansArabic\"}.text-md-semibold{font:600 16px/24px \"IBMPlexSansArabic\"}.text-sm-semibold{font:600 14px/20px \"IBMPlexSansArabic\"}.text-xs-semibold{font:600 12px/18px \"IBMPlexSansArabic\"}.text-2xs-semibold{font:600 10px/14px \"IBMPlexSansArabic\"}.display-2xl-bold{font:700 72px/90px \"IBMPlexSansArabic\"}.display-xl-bold{font:700 60px/72px \"IBMPlexSansArabic\"}.display-lg-bold{font:700 48px/60px \"IBMPlexSansArabic\"}.display-md-bold,.dga-metric__content-percentage,.dga-metric[data-chart-size=small-chart] .dga-metric__content-percentage{font:700 36px/44px \"IBMPlexSansArabic\"}.display-sm-bold{font:700 30px/38px \"IBMPlexSansArabic\"}.display-xs-bold{font:700 24px/32px \"IBMPlexSansArabic\"}.text-xl-bold{font:700 20px/30px \"IBMPlexSansArabic\"}.text-lg-bold{font:700 18px/28px \"IBMPlexSansArabic\"}.text-md-bold{font:700 16px/24px \"IBMPlexSansArabic\"}.text-sm-bold{font:700 14px/20px \"IBMPlexSansArabic\"}.text-xs-bold{font:700 12px/18px \"IBMPlexSansArabic\"}.text-2xs-bold{font:700 10px/14px \"IBMPlexSansArabic\"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}.dga-metric{display:flex;width:360px;flex-direction:column;align-items:flex-end;border-radius:var(--radius-lg, 16px);box-shadow:0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06)}.dga-metric__head{display:flex;justify-content:space-between;width:100%;padding:16px 16px 0 16px;margin-bottom:24px}.dga-metric__head-content{display:flex;align-items:center;gap:8px}.dga-metric__head-content-text{color:var(--text-primary-paragraph, #384250)}.dga-metric__body{width:100%}.dga-metric[data-chart-size=small-chart] .dga-metric__body{display:flex;flex-direction:row;align-items:end;justify-content:space-between}.dga-metric[data-chart-size=small-chart] .dga-metric__content{display:flex;justify-content:space-between;align-items:start;flex-direction:column;gap:12px;width:100%;padding:0px 16px 0 16px;margin-bottom:24px}.dga-metric[data-chart-size=small-chart] .dga-metric__content-percentage{color:var(--Text-text-display, #1F2A37)}.dga-metric[data-chart-size=small-chart] .dga-metric__content-change{display:flex;align-items:center;gap:8px}.dga-metric[data-chart-size=small-chart] .dga-metric__content-change-icon{width:24px;height:24px}.dga-metric[data-chart-size=small-chart] .dga-metric__content-change-icon>svg{width:100%;height:100%}.dga-metric[data-chart-size=small-chart] .dga-metric__content-change-value{color:var(--Text-text-success, #067647);text-align:center}.dga-metric[data-chart-size=small-chart] .dga-metric__content-change-period{color:var(--Text-text-secondary-paragraph, #6C737F)}.dga-metric__content{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0px 16px 0 16px;margin-bottom:24px}.dga-metric__content-percentage{color:var(--Text-text-display, #1F2A37)}.dga-metric__content-change{display:flex;align-items:center;gap:8px}.dga-metric__content-change-icon{width:24px;height:24px}.dga-metric__content-change-icon>svg{width:100%;height:100%}.dga-metric__content-change-icon>i{font-size:24px}.dga-metric__content-change[data-change-trend=positive] .dga-metric__content-change-icon{color:var(--icon-success) !important}.dga-metric__content-change[data-change-trend=positive] .dga-metric__content-change-icon>i{font-size:24px}.dga-metric__content-change[data-change-trend=negative] .dga-metric__content-change-icon{color:var(--text-error) !important}.dga-metric__content-change[data-change-trend=negative] .dga-metric__content-change-icon>i{font-size:24px}.dga-metric__content-change-value{color:var(--Text-text-success, #067647);text-align:center}.dga-metric__content-change-period{color:var(--Text-text-secondary-paragraph, #6C737F)}.dga-metric__chart{padding:0px 16px 0 16px;margin-bottom:24px}.dga-metric__divider{display:flex;width:100%;height:1px;justify-content:center;align-items:center;background-color:var(--border-neutral-primary)}.dga-metric__actions{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--spacing-xl, 16px)}.dga-metric__actions--primary{margin-left:auto}";
 
@@ -38,15 +38,15 @@ const DgaMetric = /*@__PURE__*/ proxyCustomElement(class DgaMetric extends H {
         };
     }
     render() {
-        return (h("div", { key: '830a000af0ccab0813bf80897c5d84095f64e3d9', class: `dga-metric`, "data-chart-size": this.Style }, h("div", { key: '245b5b4fe3c266057bab26301af12dc566a44a47', class: "dga-metric__head" }, h("div", { key: 'b5aa1b2bfbe041ecf46c46c21a8de3a36ef8a6fb', class: "dga-metric__head-content" }, this.showFeaturedIcon && h("div", { key: '25f24e821144f483b7fb00bc19cfd05b9d55b91b', class: "featured-icon featured-icon--light-brand featured-icon--circle featured-icon--sm" }, this.featuredIcon), this.label && h("span", { key: 'ef4d40b5f6a39f3d7d04718ca4e1a4210d49e68c', class: "dga-metric__head-content-text" }, this.label)), this.showMoreButton && (h("dga-button-v2", { key: '3112b6639d7fb0ffd0c413b549c65004a036c3d9', variant: "subtle", iconOnly: true, leadIcon: true, leadIconProps: {
+        return (h("div", { key: 'd14ab1787c8c118ea71175cc5ecbc72a33c5371d', class: `dga-metric`, "data-chart-size": this.Style }, h("div", { key: 'b82347af7ba629ff4936d949756d24212be5e7e0', class: "dga-metric__head" }, h("div", { key: 'd18c5422258a85d62937f9d18c5e9d1880a736d7', class: "dga-metric__head-content" }, this.showFeaturedIcon && h("div", { key: '0a66bc6b5a66446c8a28c9433974a37125602b63', class: "featured-icon featured-icon--light-brand featured-icon--circle featured-icon--sm" }, this.featuredIcon), this.label && h("span", { key: '7979f1e2dd404456399d9226b4dfac936a1e000e', class: "dga-metric__head-content-text" }, this.label)), this.showMoreButton && (h("dga-button-v2", { key: '5d72b1595fc8b25cd571a65efe65bf2c596caa0d', variant: "subtle", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'more-vertical',
                 variant: 'stroke',
                 type: 'rounded',
-            }, onClick: this.onExpandAction }))), h("div", { key: '3030473abe024fa8a0eaaf665e5e571224d81b7c', class: "dga-metric__body" }, h("div", { key: 'efb3e5349368abe3f3c7f2f5062bf729df48d4cf', class: "dga-metric__content" }, h("h3", { key: '1e59ff8bad86f6154d31956a799f70a4037ce3b3', class: "dga-metric__content-percentage" }, this.percentage), this.showInfo && (h("div", { key: 'b09551b775a9000243658d916967c2d010758c5e', class: "dga-metric__content-change", "data-change-trend": this.changeProps.trend }, h("span", { key: 'b0056fcf711b85c17c41b71619e9b4fc7318b7f2', class: "dga-metric__content-change-icon" }, h("dga-icon", { key: '75b7f7eeedd533b8b2c3e8d07d14107f701844bc', name: this.changeIcons[this.changeProps.type][this.changeProps.trend], type: "rounded", variant: "stroke", size: 24 })), h("span", { key: '20dc9f0103d7c81a8e345f0d33677adf0eb95df4', class: "dga-metric__content-change-value" }, Math.abs(100), "%"), h("span", { key: '217bf8661f02c6a12cc0b58c30ae745ad2e21073', class: "dga-metric__content-change-period" }, "vs last month")))), this.showChart && (h("div", { key: 'e3d5a9cb14568c657afb77ef006e86e119c76dbd', class: "dga-metric__chart" }, h("dga-metric-chart", Object.assign({ key: 'd1b5effeacb048234c070fa577824699ce254545' }, this.chartProps, { size: this.Style === 'small-chart' ? 'sm' : 'lg' }))))), this.showActions && (h(Fragment, { key: '7b6c2a6b5fca561beaf15860752e5e84e32593fc' }, h("div", { key: '1de096bafcb8a24f7ca273e9da8fd65ac70d59f1', class: "dga-metric__divider" }), h("div", { key: '51ed0f55879cf354b5a5a2f88f172404d806d9fc', class: "dga-metric__actions" }, this.showSecondaryAction && (h("dga-button-v2", { key: '5dfc99cb0b4e77a3e933c97d845de7be04b2fc53', variant: "subtle", iconOnly: true, leadIcon: true, leadIconProps: {
+            }, onClick: this.onExpandAction }))), h("div", { key: 'c392fe2d83c260be2297fa662f24169804e7fc10', class: "dga-metric__body" }, h("div", { key: '1fda8b3c6f085bdcdf73d7dac44056ac0dbda5de', class: "dga-metric__content" }, h("h3", { key: 'e429d5b66b3d61f650811fe6ca3eefdb457d83fa', class: "dga-metric__content-percentage" }, this.percentage), this.showInfo && (h("div", { key: 'fd739650accd1444e38f7af40f1d7a22c19375df', class: "dga-metric__content-change", "data-change-trend": this.changeProps.trend }, h("span", { key: '8b5807df922d0905e9a918f8d8bbdea8119383c6', class: "dga-metric__content-change-icon" }, h("dga-icon", { key: '34ac0a4daa85d46244fbd239fe3ca4a08560e6c4', name: this.changeIcons[this.changeProps.type][this.changeProps.trend], type: "rounded", variant: "stroke", size: 24 })), h("span", { key: '4c8c58105a9a28e74992a13adbd2ba62f8019a26', class: "dga-metric__content-change-value" }, Math.abs(100), "%"), h("span", { key: '846e6c2126b331e9fc5235fa084095194c4cf845', class: "dga-metric__content-change-period" }, "vs last month")))), this.showChart && (h("div", { key: '71f10dfc21154d2acc0a2121be627c16c0bae7b0', class: "dga-metric__chart" }, h("dga-metric-chart", Object.assign({ key: '812b4ddcff8bae020fd7ccbefd84df25aeb14472' }, this.chartProps, { size: this.Style === 'small-chart' ? 'sm' : 'lg' }))))), this.showActions && (h(Fragment, { key: '44c5913cf09a3502fe4ae02a5ab4ff31fb7a0144' }, h("div", { key: 'f620bc446036348e32fcb9fab98ba25cf91ed840', class: "dga-metric__divider" }), h("div", { key: '8c31b9c385abae3979bfd016b1871e708fac59ca', class: "dga-metric__actions" }, this.showSecondaryAction && (h("dga-button-v2", { key: '52cae7eb9840ba93292119230e35e5998eb7c8d7', variant: "subtle", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'settings-02',
                 variant: 'stroke',
                 type: 'rounded',
-            }, onClick: this.onSecondaryAction })), h("dga-button-v2", { key: 'c444536ba15ecdffdfaa5fc62c1f30c175e8c028', variant: "secondary-outline", class: "dga-metric__actions--primary", label: "View Report", onClick: this.onPrimaryAction }))))));
+            }, onClick: this.onSecondaryAction })), h("dga-button-v2", { key: 'c562672015795df55976db881eeea6738c98a40b', variant: "secondary-outline", class: "dga-metric__actions--primary", label: "View Report", onClick: this.onPrimaryAction }))))));
     }
     static get style() { return dgaMetricCss; }
 }, [0, "dga-metric-v2", {

package/dist/components/dga-metric.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, F as Fragment } from './p-JCGAt0My.js';
-import { d as defineCustomElement$4 } from './p-RsJ7rSMp.js';
-import { d as defineCustomElement$3 } from './p-COX_k4uJ.js';
-import { d as defineCustomElement$2 } from './p-CB92GzuM.js';
+import { d as defineCustomElement$4 } from './p-B1kxhXdl.js';
+import { d as defineCustomElement$3 } from './p-DWDgZ64y.js';
+import { d as defineCustomElement$2 } from './p-TihXUG-H.js';
 
 const dgaMetricCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap\"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff\") format(\"woff\");font-weight:400;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff\") format(\"woff\");font-weight:500;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff\") format(\"woff\");font-weight:600;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff\") format(\"woff\");font-weight:700;font-style:normal;font-display:auto}body{font-family:\"IBMPlexSansArabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBMPlexSansArabic\"}.display-xl-regular{font:400 60px/72px \"IBMPlexSansArabic\"}.display-lg-regular{font:400 48px/60px \"IBMPlexSansArabic\"}.display-md-regular{font:400 36px/44px \"IBMPlexSansArabic\"}.display-sm-regular{font:400 30px/38px \"IBMPlexSansArabic\"}.display-xs-regular{font:400 24px/32px \"IBMPlexSansArabic\"}.text-xl-regular{font:400 20px/30px \"IBMPlexSansArabic\"}.text-lg-regular{font:400 18px/28px \"IBMPlexSansArabic\"}.text-md-regular{font:400 16px/24px \"IBMPlexSansArabic\"}.text-sm-regular,.dga-metric__content-change-period,.dga-metric[data-chart-size=small-chart] .dga-metric__content-change-period{font:400 14px/20px \"IBMPlexSansArabic\"}.text-xs-regular{font:400 12px/18px \"IBMPlexSansArabic\"}.text-2xs-regular{font:400 10px/14px \"IBMPlexSansArabic\"}.display-2xl-medium{font:500 72px/90px \"IBMPlexSansArabic\"}.display-xl-medium{font:500 60px/72px \"IBMPlexSansArabic\"}.display-lg-medium{font:500 48px/60px \"IBMPlexSansArabic\"}.display-md-medium{font:500 36px/44px \"IBMPlexSansArabic\"}.display-sm-medium{font:500 30px/38px \"IBMPlexSansArabic\"}.display-xs-medium{font:500 24px/32px \"IBMPlexSansArabic\"}.text-xl-medium{font:500 20px/30px \"IBMPlexSansArabic\"}.text-lg-medium{font:500 18px/28px \"IBMPlexSansArabic\"}.text-md-medium{font:500 16px/24px \"IBMPlexSansArabic\"}.text-sm-medium,.dga-metric__content-change-value,.dga-metric[data-chart-size=small-chart] .dga-metric__content-change-value,.dga-metric__head-content-text{font:500 14px/20px \"IBMPlexSansArabic\"}.text-xs-medium{font:500 12px/18px \"IBMPlexSansArabic\"}.text-2xs-medium{font:500 10px/14px \"IBMPlexSansArabic\"}.display-2xl-semibold{font:600 72px/90px \"IBMPlexSansArabic\"}.display-xl-semibold{font:600 60px/72px \"IBMPlexSansArabic\"}.display-lg-semibold{font:600 48px/60px \"IBMPlexSansArabic\"}.display-md-semibold{font:600 36px/44px \"IBMPlexSansArabic\"}.display-sm-semibold{font:600 30px/38px \"IBMPlexSansArabic\"}.display-xs-semibold{font:600 24px/32px \"IBMPlexSansArabic\"}.text-xl-semibold{font:600 20px/30px \"IBMPlexSansArabic\"}.text-lg-semibold{font:600 18px/28px \"IBMPlexSansArabic\"}.text-md-semibold{font:600 16px/24px \"IBMPlexSansArabic\"}.text-sm-semibold{font:600 14px/20px \"IBMPlexSansArabic\"}.text-xs-semibold{font:600 12px/18px \"IBMPlexSansArabic\"}.text-2xs-semibold{font:600 10px/14px \"IBMPlexSansArabic\"}.display-2xl-bold{font:700 72px/90px \"IBMPlexSansArabic\"}.display-xl-bold{font:700 60px/72px \"IBMPlexSansArabic\"}.display-lg-bold{font:700 48px/60px \"IBMPlexSansArabic\"}.display-md-bold,.dga-metric__content-percentage,.dga-metric[data-chart-size=small-chart] .dga-metric__content-percentage{font:700 36px/44px \"IBMPlexSansArabic\"}.display-sm-bold{font:700 30px/38px \"IBMPlexSansArabic\"}.display-xs-bold{font:700 24px/32px \"IBMPlexSansArabic\"}.text-xl-bold{font:700 20px/30px \"IBMPlexSansArabic\"}.text-lg-bold{font:700 18px/28px \"IBMPlexSansArabic\"}.text-md-bold{font:700 16px/24px \"IBMPlexSansArabic\"}.text-sm-bold{font:700 14px/20px \"IBMPlexSansArabic\"}.text-xs-bold{font:700 12px/18px \"IBMPlexSansArabic\"}.text-2xs-bold{font:700 10px/14px \"IBMPlexSansArabic\"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}.dga-metric{display:flex;width:360px;flex-direction:column;align-items:flex-end;border-radius:var(--radius-lg, 16px);box-shadow:0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06)}.dga-metric__head{display:flex;justify-content:space-between;width:100%;padding:16px 16px 0 16px;margin-bottom:24px}.dga-metric__head-content{display:flex;align-items:center;gap:8px}.dga-metric__head-content-text{color:var(--text-primary-paragraph, #384250)}.dga-metric__body{width:100%}.dga-metric[data-chart-size=small-chart] .dga-metric__body{display:flex;flex-direction:row;align-items:end;justify-content:space-between}.dga-metric[data-chart-size=small-chart] .dga-metric__content{display:flex;justify-content:space-between;align-items:start;flex-direction:column;gap:12px;width:100%;padding:0px 16px 0 16px;margin-bottom:24px}.dga-metric[data-chart-size=small-chart] .dga-metric__content-percentage{color:var(--Text-text-display, #1F2A37)}.dga-metric[data-chart-size=small-chart] .dga-metric__content-change{display:flex;align-items:center;gap:8px}.dga-metric[data-chart-size=small-chart] .dga-metric__content-change-icon{width:24px;height:24px}.dga-metric[data-chart-size=small-chart] .dga-metric__content-change-icon>svg{width:100%;height:100%}.dga-metric[data-chart-size=small-chart] .dga-metric__content-change-value{color:var(--Text-text-success, #067647);text-align:center}.dga-metric[data-chart-size=small-chart] .dga-metric__content-change-period{color:var(--Text-text-secondary-paragraph, #6C737F)}.dga-metric__content{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0px 16px 0 16px;margin-bottom:24px}.dga-metric__content-percentage{color:var(--Text-text-display, #1F2A37)}.dga-metric__content-change{display:flex;align-items:center;gap:8px}.dga-metric__content-change-icon{width:24px;height:24px}.dga-metric__content-change-icon>svg{width:100%;height:100%}.dga-metric__content-change-icon>i{font-size:24px}.dga-metric__content-change[data-change-trend=positive] .dga-metric__content-change-icon{color:var(--icon-success) !important}.dga-metric__content-change[data-change-trend=positive] .dga-metric__content-change-icon>i{font-size:24px}.dga-metric__content-change[data-change-trend=negative] .dga-metric__content-change-icon{color:var(--text-error) !important}.dga-metric__content-change[data-change-trend=negative] .dga-metric__content-change-icon>i{font-size:24px}.dga-metric__content-change-value{color:var(--Text-text-success, #067647);text-align:center}.dga-metric__content-change-period{color:var(--Text-text-secondary-paragraph, #6C737F)}.dga-metric__chart{padding:0px 16px 0 16px;margin-bottom:24px}.dga-metric__divider{display:flex;width:100%;height:1px;justify-content:center;align-items:center;background-color:var(--border-neutral-primary)}.dga-metric__actions{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--spacing-xl, 16px)}.dga-metric__actions--primary{margin-left:auto}";
 
@@ -38,15 +38,15 @@ const DgaMetric$1 = /*@__PURE__*/ proxyCustomElement(class DgaMetric extends H {
         };
     }
     render() {
-        return (h("div", { key: 'c13e985301e3069fdd16d466a54e42a4a169043d', class: `dga-metric`, "data-chart-size": this.Style }, h("div", { key: 'f29f7362d6f7a488ebe8cebf6382bee0b7e02b7b', class: "dga-metric__head" }, h("div", { key: '78b7418a84961bd709ecb920476df36ff5b137ad', class: "dga-metric__head-content" }, this.showFeaturedIcon && h("div", { key: 'a805d8fe54b384b88e9abc841b15c81e7cd96956', class: "featured-icon featured-icon--light-brand featured-icon--circle featured-icon--sm" }, this.featuredIcon), this.label && h("span", { key: '030e7bd05c11eafbc3a12db0a438eb2334712333', class: "dga-metric__head-content-text" }, this.label)), this.showMoreButton && (h("dga-button-v2", { key: 'eff4f05052729eb35d1c0012a385797f3d013d9b', variant: "subtle", iconOnly: true, leadIcon: true, leadIconProps: {
+        return (h("div", { key: '7eee68aad1ede7c9a1ddafc3ed4cf040c72ec505', class: `dga-metric`, "data-chart-size": this.Style }, h("div", { key: '708b92c50a072e901bf51d3be917d99d35a06d51', class: "dga-metric__head" }, h("div", { key: '126c152cc0a020b3df468d0008129b3be07670e0', class: "dga-metric__head-content" }, this.showFeaturedIcon && h("div", { key: '34cee16589308772e476d1d43eec92a6cd0eb94b', class: "featured-icon featured-icon--light-brand featured-icon--circle featured-icon--sm" }, this.featuredIcon), this.label && h("span", { key: '4da9317c1d74d063679f2332b746dfbb7bf1e5e9', class: "dga-metric__head-content-text" }, this.label)), this.showMoreButton && (h("dga-button-v2", { key: '88400e2fd8ee4c3bd615a7cf6ddf52f217620f97', variant: "subtle", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'more-vertical',
                 variant: 'stroke',
                 type: 'rounded',
-            }, onClick: this.onExpandAction }))), h("div", { key: '1048f9e4b8d53a5972947298f23ae85a5c95358f', class: "dga-metric__body" }, h("div", { key: '1afeafd817ce90be5f8f92f7d9c1abf82260b8d7', class: "dga-metric__content" }, h("h3", { key: '00328fdc3238fa57af5c38284fb47b5c8fd3fa3d', class: "dga-metric__content-percentage" }, this.percentage), this.showInfo && (h("div", { key: '153691c10f6b52c28410be8cdb7af6d36e03b2dd', class: "dga-metric__content-change", "data-change-trend": this.changeProps.trend }, h("span", { key: 'd72f10cfea999c00b77eb7f067be38ebde075cfc', class: "dga-metric__content-change-icon" }, h("dga-icon", { key: '2d3a27cba13f341f3a68609c49777a1bdbf90151', icon: this.changeIcons[this.changeProps.type][this.changeProps.trend], type: "rounded", variant: "stroke", size: 24 })), h("span", { key: 'd78deb58c21eefb28b0cd302bc28818e728e862d', class: "dga-metric__content-change-value" }, Math.abs(100), "%"), h("span", { key: '225eda0288d7560fc67d77f8db4448a1edd7d835', class: "dga-metric__content-change-period" }, "vs last month")))), this.showChart && (h("div", { key: 'c669ebfe6d8f6f5661799292ddc84c3fb4264d4e', class: "dga-metric__chart" }, h("dga-metric-chart", Object.assign({ key: '3ab49621eecbcae1cf5a74dd49b218037cb683cb' }, this.chartProps, { size: this.Style === 'small-chart' ? 'sm' : 'lg' }))))), this.showActions && (h(Fragment, { key: '861632304e4a0b382a67ff052da1049bc1fec502' }, h("div", { key: 'e8afdca5a6dfef509c416208128e00bb2441f80c', class: "dga-metric__divider" }), h("div", { key: '1dc7a64b5a4ac0633513fe02631cc511b632e796', class: "dga-metric__actions" }, this.showSecondaryAction && (h("dga-button-v2", { key: 'f34cd42810e5f71149b34da8d4397a168eaf1ddc', variant: "subtle", iconOnly: true, leadIcon: true, leadIconProps: {
+            }, onClick: this.onExpandAction }))), h("div", { key: 'a9143e06f761f06c0ff75019c617eaf096c3b6da', class: "dga-metric__body" }, h("div", { key: '260b6b154e01c81f992632a9e581044bdcccbea3', class: "dga-metric__content" }, h("h3", { key: 'f7770fdc054acbb94b6e4e9a20cdf5bdb7877ee8', class: "dga-metric__content-percentage" }, this.percentage), this.showInfo && (h("div", { key: '51cc9d19b3a29b437e139444b296bad468f3934a', class: "dga-metric__content-change", "data-change-trend": this.changeProps.trend }, h("span", { key: '05f05622179af232a4ec0d199ef21a4a89c80f6a', class: "dga-metric__content-change-icon" }, h("dga-icon", { key: 'e5c1831b21cae1af1beeb4322ed315acf89be811', icon: this.changeIcons[this.changeProps.type][this.changeProps.trend], type: "rounded", variant: "stroke", size: 24 })), h("span", { key: '547dce2ba0d90d06d814355c0cdecd4d6f06e852', class: "dga-metric__content-change-value" }, Math.abs(100), "%"), h("span", { key: '57e25c115490dcc68dfe93575641528813522956', class: "dga-metric__content-change-period" }, "vs last month")))), this.showChart && (h("div", { key: '0398a82e6fb1c86f7fddab6d1f35721d4639efad', class: "dga-metric__chart" }, h("dga-metric-chart", Object.assign({ key: '508857cbc2f3ddf9cd84840d8b65d25c24473aa6' }, this.chartProps, { size: this.Style === 'small-chart' ? 'sm' : 'lg' }))))), this.showActions && (h(Fragment, { key: '1c6a90eb89cdd7b4ab814d64deee3945f10f3869' }, h("div", { key: '6edf347e501fa6dfb3a9410b0a2979a35fc213fa', class: "dga-metric__divider" }), h("div", { key: 'eca66fa8fc10cecedca2f87cead73036bb8549c9', class: "dga-metric__actions" }, this.showSecondaryAction && (h("dga-button-v2", { key: '43c65479b3f80d9e93d9dfaccbd65e482774388a', variant: "subtle", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'settings-02',
                 variant: 'stroke',
                 type: 'rounded',
-            }, onClick: this.onSecondaryAction })), h("dga-button-v2", { key: '31532f7c2849bdbe0bbb44ef09cbe7f5cefeef1f', variant: "secondary-outline", class: "dga-metric__actions--primary", label: "View Report", onClick: this.onPrimaryAction }))))));
+            }, onClick: this.onSecondaryAction })), h("dga-button-v2", { key: '8cf205718bb0e48edbcd2bd260ed5a098f02812c', variant: "secondary-outline", class: "dga-metric__actions--primary", label: "View Report", onClick: this.onPrimaryAction }))))));
     }
     static get style() { return dgaMetricCss; }
 }, [0, "dga-metric", {

package/dist/components/dga-modal-actions.js

@@ -1,4 +1,4 @@
-import { D as DgaModal, d as defineCustomElement$1 } from './p-BpmrZnf7.js';
+import { D as DgaModal, d as defineCustomElement$1 } from './p-CPioG2Cd.js';
 
 const DgaModalActions = DgaModal;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-modal-body.js

@@ -1,4 +1,4 @@
-import { D as DgaModal, d as defineCustomElement$1 } from './p-C_bRAlK-.js';
+import { D as DgaModal, d as defineCustomElement$1 } from './p-BGbuMluI.js';
 
 const DgaModalBody = DgaModal;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-modal-header.js

@@ -1,4 +1,4 @@
-import { D as DgaModal, d as defineCustomElement$1 } from './p-DC8SgMXW.js';
+import { D as DgaModal, d as defineCustomElement$1 } from './p-CzqjlWwh.js';
 
 const DgaModalHeader = DgaModal;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-modal-title.js

@@ -1,4 +1,4 @@
-import { D as DgaModalTitle$1, d as defineCustomElement$1 } from './p-B9AfQSIi.js';
+import { D as DgaModalTitle$1, d as defineCustomElement$1 } from './p-Cgi2LtEh.js';
 
 const DgaModalTitle = DgaModalTitle$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-modal-usage.js

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$5 } from './p-RsJ7rSMp.js';
-import { d as defineCustomElement$4 } from './p-D6-A6j3A.js';
-import { d as defineCustomElement$3 } from './p-COX_k4uJ.js';
-import { d as defineCustomElement$2 } from './p-BI6C6wb4.js';
+import { d as defineCustomElement$5 } from './p-B1kxhXdl.js';
+import { d as defineCustomElement$4 } from './p-C8mvgvMh.js';
+import { d as defineCustomElement$3 } from './p-DWDgZ64y.js';
+import { d as defineCustomElement$2 } from './p-BFq0-7mf.js';
 
 const DgaModalUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaModalUsage extends H {
     constructor() {
@@ -11,7 +11,7 @@ const DgaModalUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaModalUsage ext
         this.show = false;
     }
     render() {
-        return (h("div", { key: 'a45ba67135f89aadc1996c8f3cb8f8c3968308be', style: { position: "relative" } }, h("h1", { key: 'f8af9374b5f5e343a9c1b873b5beb66fcb8b3b34' }, "Modal Example"), h("button", { key: '57faac329befc97ee6095a5a69f96013aa6fc8fe', onClick: () => this.show = true }, "Open Modal"), h("dga-modal", { key: '610d888e48242e370dcca45632c86467a21e4c62', buttonsList: [
+        return (h("div", { key: '1d7c4cef1e1f98538810ce4b0eb77166f30cf030', style: { position: "relative" } }, h("h1", { key: 'a7ebea0aa5d67666454bfeecc4306a7ab7a71dfd' }, "Modal Example"), h("button", { key: 'ab9d06082be15e449e14b96eb2eac55b3f65a800', onClick: () => this.show = true }, "Open Modal"), h("dga-modal", { key: '7328e375daaf6abc83cfc846d8458b34f924f94b', buttonsList: [
                 {
                     extraClass: '',
                     label: 'Close',

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

@@ -1,14 +1,14 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$b } from './p-RsJ7rSMp.js';
-import { d as defineCustomElement$a } from './p-D6-A6j3A.js';
-import { d as defineCustomElement$9 } from './p-Pdnd7FQS.js';
-import { d as defineCustomElement$8 } from './p-COX_k4uJ.js';
-import { d as defineCustomElement$7 } from './p-BpmrZnf7.js';
-import { d as defineCustomElement$6 } from './p-C_bRAlK-.js';
-import { d as defineCustomElement$5 } from './p-DC8SgMXW.js';
-import { d as defineCustomElement$4 } from './p-B9AfQSIi.js';
-import { d as defineCustomElement$3 } from './p-DRlxWM_E.js';
-import { d as defineCustomElement$2 } from './p-dJM0pmQp.js';
+import { d as defineCustomElement$b } from './p-B1kxhXdl.js';
+import { d as defineCustomElement$a } from './p-C8mvgvMh.js';
+import { d as defineCustomElement$9 } from './p-DboQJAUi.js';
+import { d as defineCustomElement$8 } from './p-DWDgZ64y.js';
+import { d as defineCustomElement$7 } from './p-CPioG2Cd.js';
+import { d as defineCustomElement$6 } from './p-BGbuMluI.js';
+import { d as defineCustomElement$5 } from './p-CzqjlWwh.js';
+import { d as defineCustomElement$4 } from './p-Cgi2LtEh.js';
+import { d as defineCustomElement$3 } from './p-TfV0XO6J.js';
+import { d as defineCustomElement$2 } from './p-eJMs31Nm.js';
 
 const DgaModalUsage = /*@__PURE__*/ proxyCustomElement(class DgaModalUsage extends H {
     constructor() {
@@ -17,12 +17,12 @@ const DgaModalUsage = /*@__PURE__*/ proxyCustomElement(class DgaModalUsage exten
         this.show = false;
     }
     render() {
-        return (h("div", { key: '982481a9b84de17910ec3c82b05dc46bbd9bbdbe', style: { position: 'relative' } }, h("h1", { key: 'a982753e9d47474fb8c90b5689c7910a728f92ad' }, "Modal Example"), h("button", { key: 'd776f2d8d16794ad692ebf123563e54327c99858', onClick: () => (this.show = true) }, "Open Modal"), h("dga-modal-v2", { key: 'daf37ca4e61f53ea7c2952bc0d527321cafd10ab', open: this.show, showCloseButton: true, onClose: () => (this.show = false) }, h("dga-modal-header", { key: '7bf5ef92521dfb2bde90fd67e67262a6f1a70c59' }, h("dga-featured-icon", { key: 'c1cd7e7adaa005fa0acc0628b6c114ab949d1d0c', color: "brand", variant: "light", size: "md", icon: {
+        return (h("div", { key: '9aaa7ec5d254c4ce0b47fb5acd2fb2101d70525f', style: { position: 'relative' } }, h("h1", { key: 'b166ef41f5d3fceb957ce090d93200b3e7ef2283' }, "Modal Example"), h("button", { key: 'f59e9e27958f573198e1dd71add2805c7572070c', onClick: () => (this.show = true) }, "Open Modal"), h("dga-modal-v2", { key: '2856d8704b25bab43a6c04e2e4ff6f6feb39d974', open: this.show, showCloseButton: true, onClose: () => (this.show = false) }, h("dga-modal-header", { key: 'ac6f5efd55dc5ba4f2dc693123001b6f5eb9ee78' }, h("dga-featured-icon", { key: '0761a03e39fe49a7bde152c548c001ec49995f55', color: "brand", variant: "light", size: "md", icon: {
                 name: 'InformationCircle',
                 variant: 'stroke',
                 type: 'sharp',
                 size: 20,
-            } }), h("dga-modal-title", { key: 'e8052d287965dec2b07db92f0d7b45af81464eb5' }, "Title goes here")), h("dga-modal-body", { key: '5af7545676a5859b37115cea4d960313ec880ce2' }, h("dga-flex", { key: 'e67dae2b0757abd39554fa738758d875d6e204d6', direction: "column", spacing: 8 }, h("p", { key: 'a7b63688c409218dcb05eb6772f70513b17d7f17', class: "text-sm-regular" }, "When a Modal needs a further detailed explanation, it goes here."), h("dga-rating", { key: 'e40361320ff77fa72b56d2e960b8f7f5d482efb1' }))), h("dga-modal-actions", { key: 'a2f83f4007e47b2367996ae9f73dbd0195c20788' }, h("dga-button-v2", { key: 'b6ad776a55ec97bbd6f0f938e1b06db869989f65', label: "Primary", size: "lg", variant: "primary", onClick: () => console.log('Primary Action') }), h("dga-button-v2", { key: 'f7f47634ab27d5dbaad27df2b6653b882ee010c0', label: "Secondary", size: "lg", variant: "secondary-outline", onClick: () => console.log('Secondary Action') })))));
+            } }), h("dga-modal-title", { key: 'adc0528a028a8dab0460418457c172e73e0407c7' }, "Title goes here")), h("dga-modal-body", { key: 'ad1fd1b5f3f8817da9f362f0be3b0d56c7964cc4' }, h("dga-flex", { key: 'fe70e22f63e51233fd84a4d2a89764421e0fba41', direction: "column", spacing: 8 }, h("p", { key: '2d2d5837063e0bf23ee5246bcbf1f0de2bf07b74', class: "text-sm-regular" }, "When a Modal needs a further detailed explanation, it goes here."), h("dga-rating", { key: '19e93e78a603fb9106fce68b6e1f9c43309168cb' }))), h("dga-modal-actions", { key: '080daf32c947a3459e1230146ace01599f0211bd' }, h("dga-button-v2", { key: 'e7d63c48c68ab2edb3f08c3ff35e044c4a7e1428', label: "Primary", size: "lg", variant: "primary", onClick: () => console.log('Primary Action') }), h("dga-button-v2", { key: '15e75ede1473436e80efde01608b25540a300248', label: "Secondary", size: "lg", variant: "secondary-outline", onClick: () => console.log('Secondary Action') })))));
     }
 }, [0, "dga-modal-v2-usage", {
         "show": [32]

package/dist/components/dga-modal-v2.js

@@ -1,4 +1,4 @@
-import { D as DgaModal, d as defineCustomElement$1 } from './p-DRlxWM_E.js';
+import { D as DgaModal, d as defineCustomElement$1 } from './p-TfV0XO6J.js';
 
 const DgaModalV2 = DgaModal;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-modal.js

@@ -1,4 +1,4 @@
-import { D as DgaModal$1, d as defineCustomElement$1 } from './p-BI6C6wb4.js';
+import { D as DgaModal$1, d as defineCustomElement$1 } from './p-BFq0-7mf.js';
 
 const DgaModal = DgaModal$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-nav-header-actions.js

@@ -1,4 +1,4 @@
-import { D as DgaNavHeaderActions$1, d as defineCustomElement$1 } from './p-B4ceN8Jh.js';
+import { D as DgaNavHeaderActions$1, d as defineCustomElement$1 } from './p-9t9pP5wb.js';
 
 const DgaNavHeaderActions = DgaNavHeaderActions$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-nav-header-link.js

@@ -1,4 +1,4 @@
-import { D as DgaNavHeaderLink$1, d as defineCustomElement$1 } from './p-BfXD8bYI.js';
+import { D as DgaNavHeaderLink$1, d as defineCustomElement$1 } from './p-BptOYTd-.js';
 
 const DgaNavHeaderLink = DgaNavHeaderLink$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-nav-header-sub-menu-link.js

@@ -1,4 +1,4 @@
-import { D as DgaNavHeaderSubMenuLink$1, d as defineCustomElement$1 } from './p-DNLcBZJp.js';
+import { D as DgaNavHeaderSubMenuLink$1, d as defineCustomElement$1 } from './p-q1GCTpAl.js';
 
 const DgaNavHeaderSubMenuLink = DgaNavHeaderSubMenuLink$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-nav-header-sub-menu.js

@@ -1,4 +1,4 @@
-import { D as DgaNavHeaderSubMenu$1, d as defineCustomElement$1 } from './p-C2oNgrc5.js';
+import { D as DgaNavHeaderSubMenu$1, d as defineCustomElement$1 } from './p-CXATKgnl.js';
 
 const DgaNavHeaderSubMenu = DgaNavHeaderSubMenu$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$4 } from './p-D6-A6j3A.js';
-import { d as defineCustomElement$3 } from './p-COX_k4uJ.js';
-import { d as defineCustomElement$2 } from './p-C6QmKuwr.js';
+import { d as defineCustomElement$4 } from './p-C8mvgvMh.js';
+import { d as defineCustomElement$3 } from './p-DWDgZ64y.js';
+import { d as defineCustomElement$2 } from './p-ZwTMDF83.js';
 
 const DgaNotificationToastUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaNotificationToastUsage extends H {
     constructor() {
@@ -11,7 +11,7 @@ const DgaNotificationToastUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaNo
         this.open = false;
     }
     render() {
-        return (h("div", { key: '60f49d64c7fa236bf2d5a838f300992195c80fff' }, h("h1", { key: 'cc1559e31fb539eebecfb52ebf3969cb3a5eecc9' }, "Notification Toast Example"), h("div", { key: '45fd668d411f8b566352a5fa03a4b4825e192257', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '30c9c51f45008856351f1c2afb39895027a1f908', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'ce7e5c42c17792edf2505c942c32de2a735fcb02', style: { display: "flex", justifyContent: "center" } }, h("button", { key: '869b3447e35e55cdcecf3a813749e5a3315b4fd6', onClick: () => this.open = true }, "open"), h("button", { key: '1dcd9defb7753f7c372dec0701fa89fe3a49d0fb', onClick: () => this.open = false }, "close")), h("dga-notification-toast", { key: '7f59faf10f96e4738541a76f9eaf3a78fc7692ac', 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: [
+        return (h("div", { key: '56e0f0bf8e4b0adf120ff0d869cdda544cdef401' }, h("h1", { key: '79317ee62ad38058ca4012aa6ffbec8ddbf2f5d4' }, "Notification Toast Example"), h("div", { key: 'a81c0bcad6dc89f42527b614fea0c780e4a748f3', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '574eb746ddf78d37d760aa8670a8a9eb53334db2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '2c9d26c302f25bf03f843cda3031dc5e91e62232', style: { display: "flex", justifyContent: "center" } }, h("button", { key: 'b0e38267fa51e8e929642fa7ea1e90ea2c8fe34b', onClick: () => this.open = true }, "open"), h("button", { key: '776a37bfd3d2442059289dc0a16fd0a1942f822b', onClick: () => this.open = false }, "close")), h("dga-notification-toast", { key: '029a110d4a944a92bfeb480a24687211ceeb4129', 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: () => { },
@@ -22,7 +22,7 @@ const DgaNotificationToastUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaNo
                     onClick: () => { },
                     title: 'Button',
                 },
-            ], closeButton: true, vPostion: 'top', hPostion: 'left', onClose: () => this.open = false }), h("dga-notification-toast", { key: '181a8a97d6a3a0cb272f6c1c729297c9767cb30e', 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: [
+            ], closeButton: true, vPostion: 'top', hPostion: 'left', onClose: () => this.open = false }), h("dga-notification-toast", { key: '23a3e770b81f7c12a448df153ac89599b1d4092b', 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: () => { },
@@ -33,7 +33,7 @@ const DgaNotificationToastUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaNo
                     onClick: () => { },
                     title: 'Button',
                 },
-            ], closeButton: true, vPostion: 'bottom', hPostion: 'left', onClose: () => this.open = false })), h("div", { key: '85dc1cff245c14638db7658170dde2ba90baf382', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            ], closeButton: true, vPostion: 'bottom', hPostion: 'left', onClose: () => this.open = false })), h("div", { key: '79bbebda27aa2e4e94e34c1989b6179ef0502f3e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-notification-toast-usage", {
         "type": [32],

package/dist/components/dga-notification-toast.js

@@ -1,4 +1,4 @@
-import { D as DgaNotificationToast$1, d as defineCustomElement$1 } from './p-C6QmKuwr.js';
+import { D as DgaNotificationToast$1, d as defineCustomElement$1 } from './p-ZwTMDF83.js';
 
 const DgaNotificationToast = DgaNotificationToast$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$3 } from './p-COX_k4uJ.js';
-import { d as defineCustomElement$2 } from './p-CGFQhtZc.js';
+import { d as defineCustomElement$3 } from './p-DWDgZ64y.js';
+import { d as defineCustomElement$2 } from './p-DcTPr2gD.js';
 
 const DgaNotificationUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaNotificationUsage extends H {
     constructor() {
@@ -9,7 +9,7 @@ const DgaNotificationUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaNotific
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: 'ea4f25cd1bfa13a51684c3c3a53960ffcee878b1' }, h("h1", { key: '4f0b801cf475405202ac8da6cc54df56a092d8cf' }, "Notification Example"), h("div", { key: '2aa0f1ba7cca91cf1cc32fea4cd416baa1ac629a', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '5c9cbd2e270595eead6e76a80de0774707f13286', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-notification", { key: 'bca93c0b183219a4f92eb781b89e8e84791f5a12', leadText: "This is a very important banner message that requires attention", variant: this.variant, dismissable: true }), h("dga-notification", { key: '3b0ed2e5e40265ed0fb9eb666002049d556a8829', leadText: "This is a very important banner message that requires attention", variant: "critical", dismissable: true }), h("dga-notification", { key: '1c7cea99ee8e4a27f895ce5fb1ea9eee3dc80dd4', leadText: "This is a very important banner message that requires attention", variant: "info", dismissable: true }), h("dga-notification", { key: '3d976bed6ca7a07e0e3b5d31310b9b57dd20304f', leadText: "This is a very important banner message that requires attention", variant: "success", dismissable: true }), h("dga-notification", { key: '6301ed97e5ea394f734bfd349de6495c83ac32eb', leadText: "This is a very important banner message that requires attention", variant: "warning", dismissable: true })), h("div", { key: 'def69a1cd55359c6dd27d2987eb7de4e477c1bc0', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '061b9fa818dbfecccfa83abd752c050f8bb789c7' }, h("h1", { key: 'a61b841d5bae620fb5d3824637b506bf986688d0' }, "Notification Example"), h("div", { key: 'fc2c00772e8dab3dd1a1f27536126f5c4e472590', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '0525f6745e9b7a7090d32c54d7ff2b7386587d78', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-notification", { key: 'aab7266ac630410ec5a41a091c7fbe25e17085b2', leadText: "This is a very important banner message that requires attention", variant: this.variant, dismissable: true }), h("dga-notification", { key: 'b9b666915fbceac5e9f6208867ba8b570fe10007', leadText: "This is a very important banner message that requires attention", variant: "critical", dismissable: true }), h("dga-notification", { key: '1d8f6208d39bf9a389f14a18c5cc27e927de9ae5', leadText: "This is a very important banner message that requires attention", variant: "info", dismissable: true }), h("dga-notification", { key: 'e3aac38df8a972c5afc470e4bb19c4e7ec3bceaf', leadText: "This is a very important banner message that requires attention", variant: "success", dismissable: true }), h("dga-notification", { key: '9e2cd75f1a7d661da809a22de64733f4d2a98e5f', leadText: "This is a very important banner message that requires attention", variant: "warning", dismissable: true })), h("div", { key: 'a9b26f80c1ca89ab081b077c646884eec6a7023a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-notification-usage", {
         "variant": [32]

package/dist/components/dga-notification.js

@@ -1,4 +1,4 @@
-import { D as DgaNotification$1, d as defineCustomElement$1 } from './p-CGFQhtZc.js';
+import { D as DgaNotification$1, d as defineCustomElement$1 } from './p-DcTPr2gD.js';
 
 const DgaNotification = DgaNotification$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$5 } from './p-CiZFwD3D.js';
-import { d as defineCustomElement$4 } from './p-COX_k4uJ.js';
-import { d as defineCustomElement$3 } from './p-7vg8-l3z.js';
-import { d as defineCustomElement$2 } from './p-9OE12D1r.js';
+import { d as defineCustomElement$5 } from './p-B_3saRrm.js';
+import { d as defineCustomElement$4 } from './p-DWDgZ64y.js';
+import { d as defineCustomElement$3 } from './p-B8Ehyo7m.js';
+import { d as defineCustomElement$2 } from './p-BKbPoVUo.js';
 
 const DgaNumberInputUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaNumberInputUsage extends H {
     constructor() {
@@ -11,13 +11,13 @@ const DgaNumberInputUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaNumberIn
         this.value = '';
     }
     render() {
-        return (h("div", { key: 'fdacbecff054f09c0f8745a19fea931c8f61754c' }, h("h1", { key: 'dee47eb5095de9ea0af5db1d21adbb2c7ac073cd' }, "Number Input Example"), h("div", { key: 'df2a14ea335e2972a8f36f726ccdc84b6c86dd4a', style: { padding: '50px' } }, h("div", { key: '2adeedc6a1cb55c8407f33807b01852745e59e76', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("dga-number-input", { key: 'ad3d2a837275e8e7802fe2b1ffad5583fd8b5745', size: "lg", variant: "default", label: "Label", value: 0, required: true, helperText: "test" }), h("dga-number-input", { key: 'd0da70586a438dab7076f243795c06784c7d1d56', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
+        return (h("div", { key: '5754975c6ffe137ce8d18809a1c6865e315caf66' }, h("h1", { key: '36c7420ba6ca7f04547c6128b686711aa9d22d84' }, "Number Input Example"), h("div", { key: 'ea181c6f1351757512b1a7aac4c24f1afa2a6633', style: { padding: '50px' } }, h("div", { key: '002d6a077539d0dd291dbf3f4bfa06f30b2cadab', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("dga-number-input", { key: '57afc64ff912264b99210a733ac776528ab9fbb5', size: "lg", variant: "default", label: "Label", value: 0, required: true, helperText: "test" }), h("dga-number-input", { key: '3bbe6286611758f6258d29a98c6b9559158dc746', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
             // feedbackIcon
-            helperText: "test" }), h("dga-number-input", { key: 'e216e6d34c057928d7020abd7965abb7c0ecada0', size: "lg", variant: "lighter", label: "Label", value: 0, required: true,
+            helperText: "test" }), h("dga-number-input", { key: '10e5ce6497bc358598bd650c922c4b8a38e09bfb', size: "lg", variant: "lighter", label: "Label", value: 0, required: true,
             // feedbackIcon
-            helperText: "test" }), h("dga-number-input", { key: '579561f2c6d29dfe8b07590ff8b095aa5226025a', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
+            helperText: "test" }), h("dga-number-input", { key: '893338a9bed32652a271e33314e1a19a282d5e92', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
             // feedbackIcon
-            helperText: "test" }), h("dga-label", { key: 'fe8e6d2804da3b469c6185a7dce13ba3bb30d698', label: "Mandatory Text Input" }), h("dga-label", { key: '686392f5f7ee0057675be5d26cc8161bf26217e9', label: "Mandatory Text Input", required: true })))));
+            helperText: "test" }), h("dga-label", { key: '90da01a28423b2ae16e0800e8e3e828cc2e7657a', label: "Mandatory Text Input" }), h("dga-label", { key: '459949ae40eaed15569d0326d6e2548070e00c27', label: "Mandatory Text Input", required: true })))));
     }
 }, [0, "dga-number-input-usage", {
         "value": [32]

package/dist/components/dga-number-input.js

@@ -1,4 +1,4 @@
-import { D as DgaNumberInput$1, d as defineCustomElement$1 } from './p-9OE12D1r.js';
+import { D as DgaNumberInput$1, d as defineCustomElement$1 } from './p-BKbPoVUo.js';
 
 const DgaNumberInput = DgaNumberInput$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$2 } from './p-C0DIuVvg.js';
+import { d as defineCustomElement$2 } from './p-CPvxSDej.js';
 
 const DgaPaginationUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaPaginationUsage extends H {
     constructor() {
@@ -8,7 +8,7 @@ const DgaPaginationUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaPaginatio
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '86fb73e350f552f42d285e588361034617c06c54' }, h("h1", { key: 'e7224890e3ea50c7d0b04a5d98c058035e8d35d0' }, "Pagination Example"), h("div", { key: 'c70ca87729d82bac7fc751d8671a083cee8d4892', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'ebb5ae8db7304889dbbfe49fa336a5cf187be7c2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-pagination", { key: 'f5aef5f4137c324398a84693038311f1d737a53c', totalPageCount: 10, size: 'large', onChange: (page) => console.log(page, "page changed") }), h("dga-pagination", { key: '9f256f42667b911174f94606d8a7def669e4c1c8', totalPageCount: 10, size: 'medium' }), h("dga-pagination", { key: '56a10d2dbe2457855298bda770fbe3f6cd109f7c', totalPageCount: 10, size: 'small' })), h("div", { key: '5d9ce5ad150f8dfd36d5d4573a4bae8733a6e060', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '90e571eb4e4c86b1d040563def1e63227f758430' }, h("h1", { key: '4cac213523a1ba23345328988df0b835a9c4cff9' }, "Pagination Example"), h("div", { key: '44c2bcce44cb4e165fbe562f13315c4d4a2ed4f6', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'e4e544aabf9ab4e57196e4b56805dd6fd8ee7cc9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-pagination", { key: '1af325367643fb1a86cc0bcb8624e7062a1500a9', totalPageCount: 10, size: 'large', onChange: (page) => console.log(page, "page changed") }), h("dga-pagination", { key: '3d516d50bf028ed7b5042f728f1135d14c073f81', totalPageCount: 10, size: 'medium' }), h("dga-pagination", { key: '25a0ef6f236f662e7a0e17c10d3e4b2f58e26c1d', totalPageCount: 10, size: 'small' })), h("div", { key: 'd84647b1c5e6de3a60510bd24fa7a25d8f1698c0', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-pagination-usage", {
         "variant": [32]

package/dist/components/dga-pagination.js

@@ -1,4 +1,4 @@
-import { D as DgaPagination$1, d as defineCustomElement$1 } from './p-C0DIuVvg.js';
+import { D as DgaPagination$1, d as defineCustomElement$1 } from './p-CPvxSDej.js';
 
 const DgaPagination = DgaPagination$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-prefix.js

@@ -1,4 +1,4 @@
-import { D as DgaPrefix$1, d as defineCustomElement$1 } from './p-CCv_1KDP.js';
+import { D as DgaPrefix$1, d as defineCustomElement$1 } from './p-NSwdL19x.js';
 
 const DgaPrefix = DgaPrefix$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-progress-indicator-step-v3.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$2 } from './p-COX_k4uJ.js';
+import { d as defineCustomElement$2 } from './p-DWDgZ64y.js';
 
 const DgaProgressIndicatorStep = /*@__PURE__*/ proxyCustomElement(class DgaProgressIndicatorStep extends H {
     constructor() {
@@ -73,7 +73,7 @@ const DgaProgressIndicatorStep = /*@__PURE__*/ proxyCustomElement(class DgaProgr
         return currentStep.toString();
     }
     render() {
-        return (h("div", { key: '68a63d0c812ddc43f0835223585ea2c6ac605f99', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '744727fee36800d87a4ac3ec4962f91fa7aea8f1', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: 'a85fbeef09bc491824462580cddc59a06dbf30ee', class: "step-label", "data-state": this.labelState }, h("span", { key: 'f24720d5d50e6d7025040087fde2b1fa58921410', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: '39e2bea9fd239035361927bc587ad836cbc52692', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: 'c9770a17b644747c5d683d5f48f070ed89962805', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: '744d10987b545956ea3470e871eb5636b99c8597', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: '3c73c4d0eb4da643589cb873046facebd791aebe', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
+        return (h("div", { key: '2544d7cf7a9c11194fe596987e1b992b5b9bcba0', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '7981ca45bac9a195f81759fd424d9a62fd695b2f', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '951a145c98cca8b02351068efd00a4e3875889af', class: "step-label", "data-state": this.labelState }, h("span", { key: '776405bfc8d14e62886a8be93bc63cbfa2bb6dff', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: '63fef306b1e435195e2ae7eb52c1ec2ad864e2fa', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: '513540640173803976c08f8581c2b110d8a51987', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: 'e7b057d27cbda72fd9e9353a66e43bdc136c5e1a', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: '6cdf0dca2aa4fe31ca4f8529ba1d9d214374af9a', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
     }
     get el() { return this; }
 }, [0, "dga-progress-indicator-step-v3", {

package/dist/components/dga-progress-indicator-step.js

@@ -1,4 +1,4 @@
-import { D as DgaProgressIndicatorStep$1, d as defineCustomElement$1 } from './p-a9S33Nfg.js';
+import { D as DgaProgressIndicatorStep$1, d as defineCustomElement$1 } from './p-Cpuem5Xg.js';
 
 const DgaProgressIndicatorStep = DgaProgressIndicatorStep$1;
 const defineCustomElement = defineCustomElement$1;