npm - @platformscode/core - Versions diffs - 0.0.22 → 0.0.24 - Mend

@platformscode/core 0.0.22 → 0.0.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (759) hide show

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

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h, F as Fragment } from './p-BhqVmlhr.js';
-import { d as defineCustomElement$5 } from './p-C7yfDgAv.js';
+import { d as defineCustomElement$5 } from './p-C_XFD6hQ.js';
 import { d as defineCustomElement$4 } from './p-DW8Z5VKe.js';
-import { d as defineCustomElement$3 } from './p-BhMJM55d.js';
-import { d as defineCustomElement$2 } from './p-CDfphqRW.js';
+import { d as defineCustomElement$3 } from './p-B_Z3JGj3.js';
+import { d as defineCustomElement$2 } from './p-Bzni-Gkr.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:hsla(var(--colors-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}";

package/dist/components/dga-metric.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h, F as Fragment } from './p-BhqVmlhr.js';
-import { d as defineCustomElement$5 } from './p-C7yfDgAv.js';
+import { d as defineCustomElement$5 } from './p-C_XFD6hQ.js';
 import { d as defineCustomElement$4 } from './p-DW8Z5VKe.js';
-import { d as defineCustomElement$3 } from './p-BhMJM55d.js';
-import { d as defineCustomElement$2 } from './p-CDfphqRW.js';
+import { d as defineCustomElement$3 } from './p-B_Z3JGj3.js';
+import { d as defineCustomElement$2 } from './p-Bzni-Gkr.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:hsla(var(--colors-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}";

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

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

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

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

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

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

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

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

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

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, h } from './p-BhqVmlhr.js';
-import { d as defineCustomElement$6 } from './p-C7yfDgAv.js';
+import { d as defineCustomElement$6 } from './p-C_XFD6hQ.js';
 import { d as defineCustomElement$5 } from './p-FdjVbx3c.js';
 import { d as defineCustomElement$4 } from './p-DW8Z5VKe.js';
-import { d as defineCustomElement$3 } from './p-BhMJM55d.js';
-import { d as defineCustomElement$2 } from './p-7IiAYxq8.js';
+import { d as defineCustomElement$3 } from './p-B_Z3JGj3.js';
+import { d as defineCustomElement$2 } from './p-D-PZWdEe.js';
 const DgaModalUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaModalUsage extends H {
     constructor() {
@@ -12,7 +12,7 @@ const DgaModalUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaModalUsage ext
         this.show = false;
     }
     render() {
-        return (h("div", { key: '8cde72199e094c6b7dff6f5cd34ba6aa6a6f081f', style: { position: "relative" } }, h("h1", { key: 'ab21096bfdaac655e70beb5f1f9657b943f10940' }, "Modal Example"), h("button", { key: '7c9e08e528699b0770816eb7a585aa79269e012a', onClick: () => this.show = true }, "Open Modal"), h("dga-modal", { key: '2e4e878d1e859e8017c369d66aec7b92e77f1ac9', buttonsList: [
+        return (h("div", { key: '389e497bc2798950d27cd8ec225ddb8beadb4ac7', style: { position: "relative" } }, h("h1", { key: 'f3f3dca5e0606a67568baa37a4ec2db57a87cd4a' }, "Modal Example"), h("button", { key: '90b439444b3a1c18a4e3c8406f8be482ecd555a3', onClick: () => this.show = true }, "Open Modal"), h("dga-modal", { key: 'ea82e6b654683ffed987857e89a7071c66f6b430', buttonsList: [
                 {
                     extraClass: '',
                     label: 'Close',

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

@@ -1,15 +1,15 @@
 import { p as proxyCustomElement, H, h } from './p-BhqVmlhr.js';
-import { d as defineCustomElement$c } from './p-C7yfDgAv.js';
+import { d as defineCustomElement$c } from './p-C_XFD6hQ.js';
 import { d as defineCustomElement$b } from './p-FdjVbx3c.js';
 import { d as defineCustomElement$a } from './p-CjYYybR1.js';
 import { d as defineCustomElement$9 } from './p-DW8Z5VKe.js';
-import { d as defineCustomElement$8 } from './p-BhMJM55d.js';
-import { d as defineCustomElement$7 } from './p-C7ZCiP47.js';
-import { d as defineCustomElement$6 } from './p-C3T8Ex7m.js';
-import { d as defineCustomElement$5 } from './p-NebHu54J.js';
-import { d as defineCustomElement$4 } from './p-CNwQJHcr.js';
-import { d as defineCustomElement$3 } from './p-TO0gWYxh.js';
-import { d as defineCustomElement$2 } from './p-BADlG-r1.js';
+import { d as defineCustomElement$8 } from './p-B_Z3JGj3.js';
+import { d as defineCustomElement$7 } from './p-CHYbOzpw.js';
+import { d as defineCustomElement$6 } from './p-qrNTrcnE.js';
+import { d as defineCustomElement$5 } from './p-BLpi6jjR.js';
+import { d as defineCustomElement$4 } from './p-B8Gq2EUN.js';
+import { d as defineCustomElement$3 } from './p-4N6QQF_A.js';
+import { d as defineCustomElement$2 } from './p-CA4jRgyh.js';
 const DgaModalUsage = /*@__PURE__*/ proxyCustomElement(class DgaModalUsage extends H {
     constructor() {
@@ -18,12 +18,12 @@ const DgaModalUsage = /*@__PURE__*/ proxyCustomElement(class DgaModalUsage exten
         this.show = false;
     }
     render() {
-        return (h("div", { key: '3a615d3543f9a2f78d36d703e7d09486e61deb66', style: { position: 'relative' } }, h("h1", { key: '52d6b0f5327d4b43c6f2ba441269f18ed2add35b' }, "Modal Example"), h("button", { key: 'f662fa7a71219988266afcea5fd853c346a87ac6', onClick: () => (this.show = true) }, "Open Modal"), h("dga-modal-v2", { key: '031406f95a3da5a3abb7985c8bff2a46a05e27f8', open: this.show, showCloseButton: true, onClose: () => (this.show = false) }, h("dga-modal-header", { key: '646b81b064fa72328ef891433306f76043edbd55' }, h("dga-featured-icon", { key: 'c841091c7904b9a91c530930c199a86c99bbcb5e', color: "brand", variant: "light", size: "md", icon: {
+        return (h("div", { key: 'f3597869d0e8960c10bc63b41c627ed2c47391ca', style: { position: 'relative' } }, h("h1", { key: 'e082a91800edfeeb0b2b1c0291132fa249893366' }, "Modal Example"), h("button", { key: '11e1a306a4574c24f2b0441e8a992dd8830f75cd', onClick: () => (this.show = true) }, "Open Modal"), h("dga-modal-v2", { key: '708e54f976c7b0f946906ef1a4cdf1f5bbe90439', open: this.show, showCloseButton: true, onClose: () => (this.show = false) }, h("dga-modal-header", { key: '2ceb7290ad64829e79751462ce20f075ccf5de39' }, h("dga-featured-icon", { key: 'ac8bb89d063b0128ccc11a025388f061d4125773', color: "brand", variant: "light", size: "md", icon: {
                 name: 'InformationCircle',
                 variant: 'stroke',
                 type: 'sharp',
                 size: 20,
-            } }), h("dga-modal-title", { key: 'a64a87932ce67def4699a340f6954d001edfd943' }, "Title goes here")), h("dga-modal-body", { key: '6adf7f8b3a3ac14fb5077a31515536bb1cd0eae3' }, h("dga-flex", { key: '6282de196bc18217211be3b049f47f93ed312fd0', direction: "column", spacing: 8 }, h("p", { key: '13304ae7000943f0e539e2eb5a971d7668c10261', class: "text-sm-regular" }, "When a Modal needs a further detailed explanation, it goes here."), h("dga-rating", { key: 'f51de3838de5837834753e0553aea9bceb9a9697' }))), h("dga-modal-actions", { key: '418241a19ea03507e02c85c6725d5ab42af70953' }, h("dga-button-v2", { key: 'bcfadb76b0f68d9d005bad61178eb7cfa0dac077', label: "Primary", size: "lg", variant: "primary", onClick: () => console.log('Primary Action') }), h("dga-button-v2", { key: '721df5c8993773ea7857702bfbb98f448b6e4505', label: "Secondary", size: "lg", variant: "secondary-outline", onClick: () => console.log('Secondary Action') })))));
+            } }), h("dga-modal-title", { key: 'f2a2ab6f02499e4b3876df2c49792c135e310e3a' }, "Title goes here")), h("dga-modal-body", { key: 'f15c17caa3a2cbde1cbaeb5f93883844f999e7bf' }, h("dga-flex", { key: '3f0e5d6ebf83b00c9f8cf2dbd8092d04b30e3100', direction: "column", spacing: 8 }, h("p", { key: '29a4da060f3399172017a233f9c926bc5f9890f5', class: "text-sm-regular" }, "When a Modal needs a further detailed explanation, it goes here."), h("dga-rating", { key: '32a32b5e662c18e525135da6d45bf64f3f45efc9' }))), h("dga-modal-actions", { key: '1dd5fbfffb1cebfa5c201c556ef5e51b837d0dab' }, h("dga-button-v2", { key: '936710420e549680f40c287e88f50027a0f5f5c2', label: "Primary", size: "lg", variant: "primary", onClick: () => console.log('Primary Action') }), h("dga-button-v2", { key: 'd13a56ed6a509b9aefbd1f9025b47fd4e5281a16', 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 CHANGED Viewed

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

package/dist/components/dga-modal.js CHANGED Viewed

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

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

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

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

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h } from './p-BhqVmlhr.js';
 import { d as defineCustomElement$5 } from './p-FdjVbx3c.js';
 import { d as defineCustomElement$4 } from './p-DW8Z5VKe.js';
-import { d as defineCustomElement$3 } from './p-BhMJM55d.js';
-import { d as defineCustomElement$2 } from './p-MfYJcwJ5.js';
+import { d as defineCustomElement$3 } from './p-B_Z3JGj3.js';
+import { d as defineCustomElement$2 } from './p-Cl0tqqLW.js';
 const DgaNotificationToastUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaNotificationToastUsage extends H {
     constructor() {
@@ -12,7 +12,7 @@ const DgaNotificationToastUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaNo
         this.open = false;
     }
     render() {
-        return (h("div", { key: '188a74c0fa1d8de5875ea34f8c7367f8d77e21bd' }, h("h1", { key: 'f3b86d0d39b29efb3933f39ec579f1dfd0a48d27' }, "Notification Toast Example"), h("div", { key: '2172f6611d2493fae16852d57fe681fcc2691dac', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '7ba38cdc002db66e44071cf683a48ce89e131ece', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '8f685a4f65db7e3bb6b9fafaa1946fbd1a067999', style: { display: "flex", justifyContent: "center" } }, h("button", { key: '3fbcfcad180ce3f43b52bd1dd7bb6e4807d221b9', onClick: () => this.open = true }, "open"), h("button", { key: '3076b1d47f44ccb30a4ef51a9c0c19c20c91fdb1', onClick: () => this.open = false }, "close")), h("dga-notification-toast", { key: '1d8bfccd839df4eeab7d742f65b04043b435806f', 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: 'a27997dc2671419e2545088d43bf2eb139ffd1ce' }, h("h1", { key: '9908f4ae1ef38db6fddec4fbe0a62b368c174c95' }, "Notification Toast Example"), h("div", { key: 'a92aa619e8d74c35bcdbd98024c74d1060f191e7', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '1927ac6920c1483708178eedb7730328abc29686', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '9c8b7e5ef9afe11b2df370e8a0c018144d56d17a', style: { display: "flex", justifyContent: "center" } }, h("button", { key: '1561db57b11a9efe7906ebe9df52cb5f13d096b2', onClick: () => this.open = true }, "open"), h("button", { key: '6b0539dc8941d71663dab253c2723a5745cebba3', onClick: () => this.open = false }, "close")), h("dga-notification-toast", { key: '4601abd4c50bae1b4223369feeb5fa11d5ad58b3', 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: () => { },
@@ -23,7 +23,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: '71672e3d602f6706f5066b1139d4d891739df790', 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: 'd1cafaeba0c4de2bb8b78da7340833186f41529b', 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: () => { },
@@ -34,7 +34,7 @@ const DgaNotificationToastUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaNo
                     onClick: () => { },
                     title: 'Button',
                 },
-            ], closeButton: true, vPostion: 'bottom', hPostion: 'left', onClose: () => this.open = false })), h("div", { key: 'd93ead6559e00717b74bba7fdd73882ba682a715', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            ], closeButton: true, vPostion: 'bottom', hPostion: 'left', onClose: () => this.open = false })), h("div", { key: 'e43f3f8e0b56ed302942ef609448c0c9928d9b6c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-notification-toast-usage", {
         "type": [32],

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

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

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

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-BhqVmlhr.js';
-import { d as defineCustomElement$3 } from './p-BhMJM55d.js';
-import { d as defineCustomElement$2 } from './p-kbLKB9kp.js';
+import { d as defineCustomElement$3 } from './p-B_Z3JGj3.js';
+import { d as defineCustomElement$2 } from './p-DGLmdCdi.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: '57471f201e667cb1810076e695d89558e5a1b234' }, h("h1", { key: '417634a288b5bdb76abd26a44b78e0fba6a2c7b0' }, "Notification Example"), h("div", { key: 'cfea8bf7ea9aa2fb1b18fbb66d3586c06df8ca4b', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '6b784b2a1c2b5165aebee483e7f2ff5fac630902', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-notification", { key: '32ae958959fed4b91eaf026201d96ef8c3014eef', leadText: "This is a very important banner message that requires attention", variant: this.variant, dismissable: true }), h("dga-notification", { key: '97bee463828d792dea10b5386a9fd8bbfbeab35c', leadText: "This is a very important banner message that requires attention", variant: "critical", dismissable: true }), h("dga-notification", { key: 'b6b3aa27eebe463f58a771fac6cdbcec8906803d', leadText: "This is a very important banner message that requires attention", variant: "info", dismissable: true }), h("dga-notification", { key: '7a23725c11f7b14b4112d3283996485cea34fd6d', leadText: "This is a very important banner message that requires attention", variant: "success", dismissable: true }), h("dga-notification", { key: '44591f2e2da8d9e5611930d14fb612e2af025327', leadText: "This is a very important banner message that requires attention", variant: "warning", dismissable: true })), h("div", { key: '9363f097d2bc685bcdc0a7076ae6347ee3fa749d', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'd8f77c699bdcb4399e0e128563770b1f182ac2d9' }, h("h1", { key: '7d5f5948dcc4fd4ac145b307c36fe2d43b07d9ff' }, "Notification Example"), h("div", { key: 'daea6fd0e221a7b0c2ac999135b5453f5049251a', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '2e01375962820fdcd83b0a3f0355534b62d46283', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-notification", { key: 'e972b433fb1e7da830492f12a7c2993be68a3da0', leadText: "This is a very important banner message that requires attention", variant: this.variant, dismissable: true }), h("dga-notification", { key: 'b303ddd7466013f67f3e646da0985f38182edd92', leadText: "This is a very important banner message that requires attention", variant: "critical", dismissable: true }), h("dga-notification", { key: 'a4068840f271b9c05f0bc68a5824de657b62ac26', leadText: "This is a very important banner message that requires attention", variant: "info", dismissable: true }), h("dga-notification", { key: '1e89404f141e750bed77dc13e9afc1d9827adadb', leadText: "This is a very important banner message that requires attention", variant: "success", dismissable: true }), h("dga-notification", { key: '06b2abae9be8ceaf4bf33a58c06c3e1a135f040a', leadText: "This is a very important banner message that requires attention", variant: "warning", dismissable: true })), h("div", { key: '97ab0908828aa48dfe59d4be2adf42c7610a88bd', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-notification-usage", {
         "variant": [32]

package/dist/components/dga-notification.js CHANGED Viewed

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

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

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h } from './p-BhqVmlhr.js';
-import { d as defineCustomElement$5 } from './p-DwRky_E6.js';
+import { d as defineCustomElement$5 } from './p-AIPRpVKr.js';
 import { d as defineCustomElement$4 } from './p-DW8Z5VKe.js';
-import { d as defineCustomElement$3 } from './p-UFnF4HK9.js';
-import { d as defineCustomElement$2 } from './p-Byih3cVf.js';
+import { d as defineCustomElement$3 } from './p-CnjhJNYy.js';
+import { d as defineCustomElement$2 } from './p-ChuCEra3.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: '3f7083c0a957a30aa2190fbe04ded363d8d66be1' }, h("h1", { key: '4e143a435c8c0bbefec7f9e13d000d5aadbd8d8a' }, "Number Input Example"), h("div", { key: '7ecd8da3895351cdbf03b9696796ef8c4aa3312a', style: { padding: '50px' } }, h("div", { key: '9769176f7a55b154264d891943c08925022fdfb1', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("dga-number-input", { key: 'e5deea9b7982a644cd712085f346e4eddcc2f0a8', size: "lg", variant: "default", label: "Label", value: 0, required: true, helperText: "test" }), h("dga-number-input", { key: '1e72d6160cd2ef916ee6f5f335ef3856e4694b48', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
+        return (h("div", { key: 'e30c1df7cb4e376095d3a35bbfb69f56cc9b9210' }, h("h1", { key: 'f6907a0b29ab55327dd29745813f31babf71d2f7' }, "Number Input Example"), h("div", { key: 'e79081d0021a346ab25a134f4eddac939f4831e6', style: { padding: '50px' } }, h("div", { key: 'c6bf5b6a7fce6dacdf6f0e7b68817f282dbbb47f', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("dga-number-input", { key: 'bf5486cd19e915ab6a25889ab0ba3c6269bfda52', size: "lg", variant: "default", label: "Label", value: 0, required: true, helperText: "test" }), h("dga-number-input", { key: '0a58e0e5737b4898e1502ba03a76eaff15ec3b44', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
             // feedbackIcon
-            helperText: "test" }), h("dga-number-input", { key: '197b2b1023695075eae9d33705e71fbe1f8ffa3c', size: "lg", variant: "lighter", label: "Label", value: 0, required: true,
+            helperText: "test" }), h("dga-number-input", { key: '9071d6234dbc5def5684ffa9d3570ce8ac3abb1c', size: "lg", variant: "lighter", label: "Label", value: 0, required: true,
             // feedbackIcon
-            helperText: "test" }), h("dga-number-input", { key: 'cdeb37daa1ac55924bcfaf090f49c314f15c00eb', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
+            helperText: "test" }), h("dga-number-input", { key: '790b0659622ef96cb9647f036f195d5b39174770', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
             // feedbackIcon
-            helperText: "test" }), h("dga-label", { key: '0c1a6e92835a6ebbdc6121067682aedf9f44386c', label: "Mandatory Text Input" }), h("dga-label", { key: '492b44db0efb5337f0d1aff9bf182763eb278390', label: "Mandatory Text Input", required: true })))));
+            helperText: "test" }), h("dga-label", { key: '01da88501854ef4404620bae947dcd01de6df654', label: "Mandatory Text Input" }), h("dga-label", { key: '76c8e4c12321c0de2db6314b6f4ca198028cd68d', label: "Mandatory Text Input", required: true })))));
     }
 }, [0, "dga-number-input-usage", {
         "value": [32]

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

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

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

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-BhqVmlhr.js';
-import { d as defineCustomElement$2 } from './p-CmVMqyOb.js';
+import { d as defineCustomElement$2 } from './p-Bz49lUCn.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: '9f625c29d368b4e0411eaea590656a31fa6a63fc' }, h("h1", { key: '9366abd95d516a8ae9e582bd1bf1444a894a1783' }, "Pagination Example"), h("div", { key: '0ed92ae7626fcf7480a3b29d40fa3d04ac653c67', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '33bb5d88aef980ac3d22a3cf5b36d7a9324e174b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-pagination", { key: '4ba100561b9fb4eab364c869b404800228361213', totalPageCount: 10, size: 'large', onChange: (page) => console.log(page, "page changed") }), h("dga-pagination", { key: '820eb9c46cafd1cc23508cf87dfdfc58abbcd3f9', totalPageCount: 10, size: 'medium' }), h("dga-pagination", { key: 'bf95e07d94ba006af7b8f50367cf79f0affc544b', totalPageCount: 10, size: 'small' })), h("div", { key: 'b83a6896afac005d53719bcdbe1ec1e8d9b98e90', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '76c4a390d3b76900b828e55fc06993cbeebe0bfa' }, h("h1", { key: '0b7b396bfb5c3a936d5affef6fe14a372e199ccc' }, "Pagination Example"), h("div", { key: '49d5105576159f7193605ea591b1e4aed5c01c6e', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c2ac09c04b765b334413ab771b20ab2b3a090c68', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-pagination", { key: 'e1223aa25f7d2956e86831c501c38887c1679bf4', totalPageCount: 10, size: 'large', onChange: (page) => console.log(page, "page changed") }), h("dga-pagination", { key: 'c1fd52a8c60069895850921c0b7eb6e746171990', totalPageCount: 10, size: 'medium' }), h("dga-pagination", { key: 'ef9874a7644f29dc3f89842c9cec1386f268a926', totalPageCount: 10, size: 'small' })), h("div", { key: '93b4452338086c55211f1c8a656020fa0903dac0', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-pagination-usage", {
         "variant": [32]

package/dist/components/dga-pagination.js CHANGED Viewed

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

package/dist/components/dga-prefix.js CHANGED Viewed

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

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

@@ -72,7 +72,7 @@ const DgaProgressIndicatorStep = /*@__PURE__*/ proxyCustomElement(class DgaProgr
         return currentStep.toString();
     }
     render() {
-        return (h("div", { key: 'c37ad341661d8c44c1861bea068c833435c71e4a', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '74775bd9f74b24b958763624b8ea569bc11055d8', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '065667749d165f4b7944fc3e83c411a62e07d0fd', class: "step-label", "data-state": this.labelState }, h("span", { key: 'febebd1ef7d0c9115de4b2c9d579ad5c5889d1ee', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: '0611fd33e2a161bf2518bbc3af23fc7c41a13e98', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: 'b33b322a7c966e2d89a67c75a330e35062f40a36', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: 'db1920ab649b78e1a92892a7e693857f6c8ab317', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: '8ace0f7069d0eb03a44f6584096fba9c1f88d946', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
+        return (h("div", { key: '9b8deed7d721775f84c6903b4110d29caff038c5', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '8a8b48b840bab6f69b44ab19f756d82e2b5a7937', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '610efb5b15a42ea327254ed32571b8045e8b355c', class: "step-label", "data-state": this.labelState }, h("span", { key: '2193376ab970fa6cdf18e688ec47544829ccfba9', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: '280b9811ec443e15599b7d93135cbe713a7274e2', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: '6a8ad65b28127058393633530ae9a10738d014c9', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: '8a16897b7cb5b02625a83f1410a2a8ed2f50a309', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: '977209badfefda83ac296a3e0655645e815dabed', 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 CHANGED Viewed

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

package/dist/components/dga-progress-indicator-usage.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-BhqVmlhr.js';
-import { d as defineCustomElement$3 } from './p-DUvuWu--.js';
-import { d as defineCustomElement$2 } from './p-BhUT8Hei.js';
+import { d as defineCustomElement$3 } from './p-jepc4M1L.js';
+import { d as defineCustomElement$2 } from './p-DB28zFxZ.js';
 const DgaProgressIndicatorUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaProgressIndicatorUsage extends H {
     constructor() {
@@ -11,7 +11,7 @@ const DgaProgressIndicatorUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaPr
     }
     render() {
         console.log(this.activeStep);
-        return (h("div", { key: '106fccf5a9376be9fb0b47692373af84ce09cdea' }, h("h1", { key: '44dbe154c248ec8c3a35ee7f60c31b9665159a19' }, "Progress Indicator Example"), h("div", { key: '3ac549dc760eddaaf216e399dc32a068d2ae6bfc', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '15aec93f75ac5fdeae35c1fc60b764c08d36e9e5', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: '4aeb40f7c59c99fdef2356aebc37bd0ba8bdb3b8', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: '2f69413030457e7c9c192efb310ee0fc8b278934', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: 'bd617089fd8e529ec72832ba1bc9083a15f3bc6e', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: '732d540938f55034f8a48086ddd61437ef4b18c5', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: 'f3d8312f2d033eb01bd7d03803e481aa4c6703d9', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '8317a36870b00c58373111bb039702b4a18d6e58', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: 'a568405aab73427ee03b42e582d575dc65c377bb', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '9221f4bb855dfcc8282144b5cf1e41115562505d', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: '2c69b186ecac0feb2f7ff0073b7b44d43ef48dbc', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'b423c50761562581d6cdde4b091af150a6458652', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '679018080064e782a8647ea5281bffa547b84e3a', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'c1745bbe4133c654a38936f510701262620db106', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: '0ae88c79be9361d7ed9b72dc1a31a339e6f9834f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'c7c54f7312f4dc7aa4150382ff060f8db00a8022' }, h("h1", { key: 'bc281e3fddbe436ec284d76905aa34fcffe859b9' }, "Progress Indicator Example"), h("div", { key: '95ee5adcbffc1e1a4a1a674a164a34c46c781074', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '3aff40ff9eb61404f5c375e27e41bf97e67bf9d6', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: '87a8f4097c125a2537d82d403787ecf91124fb1c', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: 'bffa7e49fa08e72270bd558b442d62335a3628b4', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: 'c593e163727f4f448a561dd140ef0ad8074b7c72', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: 'a56fd8ec61ad19fc1c88b557d91790f605760ccb', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: '94f7402fc169cd11d76c1f1548dfe0291ce78670', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '17351a4eb654706a9832132c23fa290ff31b3f00', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '54415163a5bfcd188f6b5ba138c7f50f9878b6b4', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '0a13a36948bc4134cdbebbaa359521a3dd1ac49b', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: '5531b04beb316c2f0042643923b7a52d0b9bc2f5', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'f8bdea0fbb0d81a9e5ba1341d25e668c7b016be6', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: 'b0e11339d209f3787ba809af02317f7e209d7a33', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'f50667ec6112e1a4b16331f22769a4407ae4ad91', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: '2836373ab61b2b023c58445979a5a8c7a6299419', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-progress-indicator-usage", {
         "activeStep": [32],

package/dist/components/dga-progress-indicator-v3-usage.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-BhqVmlhr.js';
-import { d as defineCustomElement$3 } from './p-DUvuWu--.js';
-import { d as defineCustomElement$2 } from './p-BhUT8Hei.js';
+import { d as defineCustomElement$3 } from './p-jepc4M1L.js';
+import { d as defineCustomElement$2 } from './p-DB28zFxZ.js';
 const DgaProgressIndicatorUsage = /*@__PURE__*/ proxyCustomElement(class DgaProgressIndicatorUsage extends H {
     constructor() {
@@ -11,7 +11,7 @@ const DgaProgressIndicatorUsage = /*@__PURE__*/ proxyCustomElement(class DgaProg
     }
     render() {
         console.log(this.activeStep);
-        return (h("div", { key: '2e67332be3cbc09aa1f52c603b38b40a425b4ab5' }, h("h1", { key: 'c36873fdbb35ed744706d71832e111e6516dc7bc' }, "Progress Indicator Example"), h("div", { key: '9012f1073f3b65dbc117d6ef397cdbc742c2b45b', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '2a8bd76a479b6a898cca37827871299289ff7ef8', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: 'a0cbba9d112124f8046c9681d69d96c084c26c55', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: '03b46ad5b402620bff27e75975261e312081aeb7', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: 'ac53fb0d1725e6fc4cfbcf2853e0cacf4f5f3a13', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: 'd7b0f137c48c1598797b493a11d6689b07ab273f', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: 'ec91d9c12847d8171ab3889546bd02041e50336b', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'e15acb2f02f8f0307700f0348d596c167db2fd91', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '09ac63b35b0e1b6e8b9f6d2a6cdc8e3f1aa53611', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'c6d55428303b4844bd4f6886bbb0359efc279c94', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: '3da8bf9e08d55d927a156c7327a8e4b70a2eb35f', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '923dd3327a310769f5771acd1f7efeea38e32355', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '80634516df4b935ee481db880bdfb35935a09391', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'fb028923ac03aa0a1846b12b625db1b39277b6db', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: 'c7e55f39f75b551d218b58788d832115c15fcee2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '998137ef8ba67040a110db685530e32b1515c3ed' }, h("h1", { key: '9c09a9b4b08a73b335c7e77881f4e9bb1af0ee77' }, "Progress Indicator Example"), h("div", { key: '951da078dbb67da67ca6b3cc9fbef9ddaf1d2d27', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '8cf72802e73354c3daf9093c9711b769f6cdd633', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: '7313f3312443e83fb2993d5bc1af751008869729', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: '4565e21b6f51b5128ac740616fa8f59811db8bae', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: '9bef7872072be01a3a892659fde0c9a339a2c34d', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: 'ae856412c509711ac060266e442c670675583e8c', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: '1b6a7dff84cf798cd429a81f59636c4ce4cb904b', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'd6addfdb808c0596219aec067d67667c83592b48', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '68e892b3f78fe6bb30e841536f0b4121501dd777', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'f47c0af9b2a1ea9529b020b2258d1072c5c927ac', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: '3cd6aee9b8f2a38d01eaf347702d2592015bcb77', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '01d8574e47877e81b10f02159abf7d28bd1cade4', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: 'e3fb52e002ad5f2ccd37df56d93a79b36252790c', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '9dd04dfbcc6a74cbaec96357c758534549f9f978', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: '0d69e1293c5e5876ced1bf747ca254dab687e91e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-progress-indicator-v3-usage", {
         "activeStep": [32],

package/dist/components/dga-progress-indicator-v3.js CHANGED Viewed

@@ -42,7 +42,7 @@ const DgaProgressIndicator = /*@__PURE__*/ proxyCustomElement(class DgaProgressI
     }
     render() {
         // console.log(this.activeStep , "<= active step")
-        return (h("div", { key: 'c080e37a533944d29da5e8186c64d3dfab153dbe', class: "progress-indicator dga-flex", "data-alignment": this.alignment }, h("slot", { key: '911d3a424c0bf52d72043d1af7cf3789ef431373', name: 'progress-indicator-step' })));
+        return (h("div", { key: 'a9879854e3711fd1641a6242de6109d78ea74927', class: "progress-indicator dga-flex", "data-alignment": this.alignment }, h("slot", { key: 'c9d58afbbd14ec50bfce7a28cd989725e5beaa05', name: 'progress-indicator-step' })));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/dga-progress-indicator.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { D as DgaProgressIndicator$1, d as defineCustomElement$1 } from './p-DUvuWu--.js';
+import { D as DgaProgressIndicator$1, d as defineCustomElement$1 } from './p-jepc4M1L.js';
 const DgaProgressIndicator = DgaProgressIndicator$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-quote-usage.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, h } from './p-BhqVmlhr.js';
 import { d as defineCustomElement$5 } from './p-CCxSWERK.js';
 import { d as defineCustomElement$4 } from './p-CjYYybR1.js';
 import { d as defineCustomElement$3 } from './p-DW8Z5VKe.js';
-import { d as defineCustomElement$2 } from './p-CRqVbdzK.js';
+import { d as defineCustomElement$2 } from './p-BapusapL.js';
 const DgaQuoteUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaQuoteUsage extends H {
     constructor() {
@@ -11,7 +11,7 @@ const DgaQuoteUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaQuoteUsage ext
         this.activeStep = 1;
     }
     render() {
-        return (h("div", { key: 'cb447e17357b90a14014fe55a845807dfe95f9c8' }, h("h1", { key: 'a2287112a494870bc1b70d1fe106bd6da74f5086' }, "Quote Example"), h("div", { key: '86982734cee28192a6a898e8ba5de1f4646d9c1b', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: 'cbb219394b34a855a2f40c3ea523c5151e40f7db', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-quote", { key: '3614c152ed03747f8858dc0307dd2b72e3dc0d55', quoteTitle: 'Title of quote', quoteDescription: 'The quote is placed here to highlight a specific saying or to present a brief quote that expresses an important idea or concept.', authorName: "Author's name", authorDescription: 'brief or description.' }), h("dga-quote", { key: '1a78531153367a71175e855428ce645b20c7ce0a', quoteTitle: 'Title of quote', quoteDescription: 'The quote is placed here to highlight a specific saying or to present a brief quote that expresses an important idea or concept.', authorName: "Author's name", authorDescription: 'brief or description.', whiteBackground: true })), h("div", { key: '6fdf557138daa3ac1dbc46265776b3e71982ffae', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
+        return (h("div", { key: '28886b758e705d72eeaf9f3726c070774a146816' }, h("h1", { key: '3fac36404716aac0b8f4071c89e4840ce1f6039a' }, "Quote Example"), h("div", { key: 'f5c06431e43bb9f1801c6d904a10bbb0ebbd8a6e', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: '8dd7c3e6116ef2ab06627535a896a8510c47599b', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-quote", { key: '8edaca2bf342c6ad53215a96d147e41a23857f42', quoteTitle: 'Title of quote', quoteDescription: 'The quote is placed here to highlight a specific saying or to present a brief quote that expresses an important idea or concept.', authorName: "Author's name", authorDescription: 'brief or description.' }), h("dga-quote", { key: '42591f8a0a941b999f5cb3dce2bb1566c36accd3', quoteTitle: 'Title of quote', quoteDescription: 'The quote is placed here to highlight a specific saying or to present a brief quote that expresses an important idea or concept.', authorName: "Author's name", authorDescription: 'brief or description.', whiteBackground: true })), h("div", { key: '7268f09b11b601329bbd4f686aef304732725729', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
     }
 }, [0, "dga-quote-usage", {
         "activeStep": [32]

package/dist/components/dga-quote.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { D as DgaQuote$1, d as defineCustomElement$1 } from './p-CRqVbdzK.js';
+import { D as DgaQuote$1, d as defineCustomElement$1 } from './p-BapusapL.js';
 const DgaQuote = DgaQuote$1;
 const defineCustomElement = defineCustomElement$1;