@platformscode/core 0.0.49 → 0.0.51

package/dist/esm/dga-chip_3.entry.js

@@ -0,0 +1,300 @@
+import { r as registerInstance, h, H as Host, a as getElement } from './index-CzeGxP5_.js';
+import { S as SxStyleManager } from './sx-style-manager-BFEqPAFn.js';
+import { g as guid } from './index-OZG1OajU.js';
+import { i as isRTL } from './dir-CH66vbCC.js';
+import { v as alertCircleStroke, j as helpCircleStroke } from './index-Cl5yg0Zk.js';
+import { S as SxHandler } from './sx-handler-SsJVD279.js';
+
+const dgaChipCss = "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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.text-md-regular{font:400 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-regular{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium,.chip--lg,.chip{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium,.chip--md{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold,.chip--sm{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold{font:700 10px/14px \"IBM Plex Sans Arabic\"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}.chip{display:inline-flex;height:32px;padding:var(--spacing-none) var(--spacing-lg);justify-content:center;align-items:center;gap:var(--spacing-xs);flex-shrink:0;border-radius:var(--radius-sm);cursor:pointer}.chip--lg{height:32px}.chip--md{height:24px}.chip--sm{height:20px}.chip--rounded{border-radius:var(--radius-full)}.chip-icon{display:grid;place-items:center;padding:0}.chip-icon.chip--lg{width:32px;height:32px}.chip-icon.chip--md{width:24px;height:24px}.chip-icon.chip--sm{width:20px;height:20px}.chip--neutral{color:var(--text-default);background:var(--button-background-neutral-default)}.chip--neutral svg{color:currentColor;stroke:currentColor}.chip--neutral:hover{color:var(--text-default);background-color:var(--button-background-neutral-pressed)}.chip--neutral.pressed{color:var(--text-oncolor-primary);background-color:var(--button-background-black-selected)}.chip--neutral.selected{color:var(--text-oncolor-primary);background:var(--chip-background-neutral-selected, #384250)}.chip--success{color:var(--text-primary-sa-flag);background-color:var(--background-primary-50)}.chip--success svg{color:currentColor;stroke:currentColor}.chip--success:hover{color:var(--text-primary-sa-flag);background-color:var(--background-primary-200)}.chip--success.pressed{color:var(--button-background-primary-pressed);background-color:var(--background-primary-400)}.chip--success.selected{color:var(--text-oncolor-primary);background-color:var(--background-primary)}.chip--on-color{color:var(--text-default);background:var(--button-background-oncolor-default)}.chip--on-color svg{color:currentColor;stroke:currentColor}.chip--on-color:hover{background-color:var(--button-background-oncolor-hovered)}.chip--on-color.pressed{background-color:var(--button-background-oncolor-pressed)}.chip--on-color.selected{color:var(--text-default);background:var(--chip-background-on-color-selected, rgba(255, 255, 255, 0.7))}.chip--neutral.disabled,.chip--success.disabled,.chip--on-color.disabled{color:var(--text-default-disabled);background-color:var(--background-disabled)}.chip--neutral:focus-visible,.chip--success:focus-visible,.chip--on-color:focus-visible{border:3px solid var(--icon-default, #161616)}";
+
+const DgaChip = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.variant = 'success';
+        this.size = 'md';
+        this.isSelected = false;
+        this.onChange = () => { };
+        this.pressed = false;
+        this.isSelectedState = this.isSelected;
+        // Generate a unique ID if not provided
+        this.componentId = `dga-button-${Math.random().toString(36).substring(2, 9)}`;
+        // Computed inline styles
+        this.rootStyles = {};
+    }
+    renderIcon(iconName, iconProps) {
+        return h("dga-icon", Object.assign({ name: iconName }, iconProps));
+    }
+    handleSxChange() {
+        this.processStyling();
+    }
+    componentWillLoad() {
+        // Initialize style manager with element reference
+        this.sxStyleManager = new SxStyleManager(this.componentId, this.el);
+    }
+    componentDidLoad() {
+        // Process styling after the component is fully loaded and shadow DOM is ready
+        this.processStyling();
+    }
+    componentDidUpdate() {
+        // Re-process styling after updates
+        this.processStyling();
+    }
+    processStyling() {
+        if (!this.sx)
+            return;
+        // Handle both string and object formats
+        const sxValue = typeof this.sx === 'string' ? JSON.parse(this.sx) : this.sx;
+        this.rootStyles = this.sxStyleManager.processSxProp(sxValue);
+    }
+    disconnectedCallback() {
+        var _a;
+        // Clean up styles when component is removed
+        (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
+    }
+    render() {
+        return (h(Host, { key: 'b438f3af51611f5fa51cd323fda90f3a5a989bdf', id: this.componentId, style: this.rootStyles }, h("span", { key: '926079fa3ddafff4e2865e6808b781af47238999', tabindex: "0", class: `chip chip--${this.variant} chip--${this.size} ${this.rounded ? 'chip--rounded' : ''} ${this.disabled ? 'disabled' : ''} ${this.pressed ? 'pressed' : ''} ${this.isSelected ? "selected" : ""}`, onMouseDown: () => (this.pressed = true), onMouseUp: () => (this.pressed = false), "aria-disabled": this.disabled, onClick: () => {
+                if (this.isSelected) {
+                    this.isSelectedState = false;
+                }
+                else {
+                    this.isSelectedState = true;
+                }
+                this.onChange(this.isSelectedState);
+            } }, this.leadIcon ? h("span", { class: "chip-icon" }, this.renderIcon(this.leadIcon, this.leadIconProps)) : '', this.label, this.trailIcon ? h("span", { class: "chip-icon" }, this.renderIcon(this.trailIcon, this.trailIconProps)) : '', h("slot", { key: '3ebd7f9e8c8f41b578fc5e879d31e7a8cfa6a8aa' }))));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "sx": ["handleSxChange"]
+    }; }
+};
+DgaChip.style = dgaChipCss;
+
+const dgaRadioButtonCss = "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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.text-md-regular{font:400 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-regular,.radio__helper-text{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium,.radio__label{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium,.radio__warning{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold{font:700 10px/14px \"IBM Plex Sans Arabic\"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}:host{width:fit-content}.radio{display:inline-flex;gap:var(--spacing-xl);padding:var(--spacing-md);cursor:pointer;user-select:none}.radio:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--controls-control-neutral-checked)}.radio-main{flex-direction:column;gap:var(--spacing-xs);max-width:382px}.radio-main,.radio-main__content{display:flex;column-gap:var(--spacing-xl)}.radio input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.radio input:checked~.radio-container::before{transform:translate(-50%, -50%) scale(1)}.radio input:hover~.radio-container::after{transform:translate(-50%, -50%) scale(1)}.radio.active input:not(:checked)~.radio-container{background-color:var(--controls-control-pressed)}.radio-container{width:24px;height:24px;min-width:24px;border-radius:var(--radius-full);border:1px solid var(--controls-control-border);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.radio-container::after,.radio-container::before{content:\"\";border-radius:var(--radius-full);background:var(--controls-control-ripple-effect);width:48px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0);z-index:-1;transition:all 0.3s ease-in-out}.radio-container::before{background-color:var(--controls-control-primary-pressed);width:15px;height:15px;z-index:0;transition:all 0.1s ease-in-out}.radio input:disabled~.radio-container{border-color:var(--control-disabled)}.radio input:disabled~.radio-container::before{background-color:var(--control-disabled);transform:translate(-50%, -50%) scale(1)}.radio input:disabled~.radio__label,.radio input:disabled~div>.radio__label,.radio input:disabled~div>.radio__helper-text{color:var(--control-disabled)}.radio__helper-text{color:var(--text-primary-paragraph);margin-block:var(--spacing-xs)}.radio__warning{display:flex;align-items:center;gap:var(--spacing-xl);color:var(--text-error)}.radio__warning-icon{width:16px;height:16px;color:var(--icon-error)}.radio--brand input:checked~.radio-container{border-color:var(--controls-control-primary-checked)}.radio--brand input:checked~.radio-container::before{background-color:var(--controls-control-primary-checked)}.radio--brand input:checked~.radio__label,.radio--brand input:checked~div>.radio__label{color:var(--controls-control-primary-checked)}.radio--brand.active input:checked~.radio-container::before{background-color:var(--controls-control-primary-checked)}.radio--brand input:disabled~.radio-container{border-color:var(--control-disabled)}.radio--brand input:disabled~.radio-container::before{background-color:var(--control-disabled);transform:translate(-50%, -50%) scale(1)}.radio--brand input:disabled~.radio__label,.radio--brand input:disabled~div>.radio__label,.radio--brand input:disabled~div>.radio__helper-text{color:var(--control-disabled)}";
+
+const RadioButton = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.color = 'brand';
+        this.hasHelperText = false;
+        this.disabled = false;
+        this.id = guid();
+        this.value = '';
+        this.checked = false;
+        // New SX prop for custom styling
+        this.sx = {};
+        // Store computed styles
+        this.customStyleSheet = null;
+        this.styleId = '';
+        this.handleActive = () => {
+            var _a;
+            (_a = this.radioLabelRef) === null || _a === void 0 ? void 0 : _a.classList.add('active');
+        };
+        this.handleRemoveActive = () => {
+            var _a;
+            (_a = this.radioLabelRef) === null || _a === void 0 ? void 0 : _a.classList.remove('active');
+        };
+        this.handleFocus = () => {
+            var _a;
+            (_a = this.radioLabelRef) === null || _a === void 0 ? void 0 : _a.classList.add('focus');
+        };
+        this.handleFocusOut = () => {
+            var _a;
+            (_a = this.radioLabelRef) === null || _a === void 0 ? void 0 : _a.classList.remove('focus');
+        };
+        this.handleEscape = (event) => {
+            var _a, _b;
+            if (event.key === 'Escape') {
+                (_b = (_a = this.radioLabelRef) === null || _a === void 0 ? void 0 : _a.querySelector('input')) === null || _b === void 0 ? void 0 : _b.blur();
+                this.handleFocusOut();
+            }
+        };
+    }
+    handleSxChange() {
+        this.processStyles();
+    }
+    componentWillLoad() {
+        // Generate a unique ID for this component instance
+        this.styleId = `dga-radio-${this.id}-styles`;
+        this.processStyles();
+    }
+    componentDidLoad() {
+        window.addEventListener('keydown', this.handleEscape);
+        // Apply styles after the component is loaded
+        this.applyCustomStyles();
+    }
+    disconnectedCallback() {
+        window.removeEventListener('keydown', this.handleEscape);
+        // Remove the style element when component is destroyed
+        if (this.customStyleSheet && this.customStyleSheet.parentNode) {
+            this.customStyleSheet.parentNode.removeChild(this.customStyleSheet);
+        }
+    }
+    applyCustomStyles() {
+        // Remove existing style element if it exists
+        if (this.customStyleSheet && this.customStyleSheet.parentNode) {
+            this.customStyleSheet.parentNode.removeChild(this.customStyleSheet);
+        }
+        // Create a new style element
+        this.customStyleSheet = document.createElement('style');
+        this.customStyleSheet.id = this.styleId;
+        document.head.appendChild(this.customStyleSheet);
+    }
+    processStyles() {
+        if (!this.sx || Object.keys(this.sx).length === 0) {
+            return;
+        }
+        // Convert the sx prop to CSS
+        let cssText = '';
+        // Track if we need to add a style element
+        let hasCustomSelectors = false;
+        // Process each property in sx
+        for (const [key, value] of Object.entries(this.sx)) {
+            // Handle CSS-like selectors (e.g., "& .radio__label")
+            if (key.includes('&')) {
+                hasCustomSelectors = true;
+                const selector = key.replace('&', `#${this.id}`);
+                cssText += `${selector} { `;
+                // Handle objects with multiple CSS properties
+                if (typeof value === 'object') {
+                    for (const [propName, propValue] of Object.entries(value)) {
+                        cssText += `${this.camelToDash(propName)}: ${propValue}; `;
+                    }
+                }
+                else {
+                    // Handle single property value
+                    cssText += `${value}; `;
+                }
+                cssText += `}\n`;
+            }
+        }
+        // If we have custom selectors, apply them as a stylesheet
+        if (hasCustomSelectors) {
+            // Wait for component to be in the DOM
+            setTimeout(() => {
+                if (this.customStyleSheet) {
+                    this.customStyleSheet.textContent = cssText;
+                }
+            }, 0);
+        }
+    }
+    // Helper to convert camelCase to dash-case for CSS properties
+    camelToDash(str) {
+        return str.replace(/([A-Z])/g, (g) => `-${g[0].toLowerCase()}`);
+    }
+    render() {
+        const { el, disabled } = this;
+        const dir = isRTL(el) ? 'rtl' : 'ltr';
+        console.log(dir);
+        // Extract direct style properties (non-selector styles)
+        const inlineStyles = {};
+        for (const [key, value] of Object.entries(this.sx || {})) {
+            if (!key.includes('&')) {
+                inlineStyles[key] = value;
+            }
+        }
+        return (h("label", { key: '48dcabf29679242b631118fd249a0fdb845d2b39', ref: el => (this.radioLabelRef = el), id: this.id, class: `radio ${this.color ? 'radio--' + this.color : ''}`, style: inlineStyles, onMouseDown: this.handleActive, onMouseUp: this.handleRemoveActive, onMouseOut: this.handleRemoveActive, onChange: this.handleRemoveActive, tabindex: disabled ? undefined : 0 }, h("div", { key: '1a3d997e1a72404fbb3eac4bb4bdf30dfcdf105e', class: "radio-main" }, h("div", { key: '0ab51466470fc613d680b7d02a3abbc2ada69863', class: "radio-main__content" }, h("input", { key: '875dc07157fcd7fa1209a0369c0eebd63a08bfc5', type: "radio", name: this.name, value: this.value,
+            // id={this.id}
+            onChange: this.onChange, onInput: this.onInput, disabled: this.disabled,
+            // onFocus={this.handleFocus}
+            // onBlur={this.handleFocusOut}
+            checked: this.checked }), h("div", { key: '67a0745ae4769c8611e1868b7b9588a29716f87d', class: "radio-container" }), (this.label || this.hasHelperText) && h("div", { key: '21466b7e59f2e2d7ff483cb1958b2fc4ea338926', class: "dga-flex-column" }, this.label && h("span", { key: '0290c63e45372bae2584d0cbd6e53e178d454949', class: "radio__label" }, this.label), this.hasHelperText && this.helperText && h("span", { key: '943583fce2cda58ab9fbd6042726e923e3a9b000', class: "radio__helper-text" }, this.helperText))), this.alertMessage && this.alertText && (h("div", { key: '7591d3d4ba18a426c822b732a513c971c8dd4f5b', class: "radio__warning" }, h("span", { key: '0854d05e5ce0dda87578eead95b39c6723e558d8', class: "radio__warning-icon" }, h("dga-icon", { key: '29ab729dc4637642515b61b29dbee85d85971cfd', icon: alertCircleStroke, size: 16 })), h("span", { key: '59de2b012a82ce6485130c74f843ebf9d25cc34b', class: "radio__warning-text" }, this.alertText))))));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "sx": ["handleSxChange"]
+    }; }
+};
+RadioButton.style = dgaRadioButtonCss;
+
+const dgaSliderCss = "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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.text-md-regular{font:400 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-regular{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold{font:700 10px/14px \"IBM Plex Sans Arabic\"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}:host{--thumb-size:12px;--thumb-height:4px}.range-slider-wrapper.small{--thumb-size:12px;--thumb-height:4px}.range-slider-wrapper.medium{--thumb-size:16px;--thumb-height:8px}.range-slider-wrapper{width:93%;position:relative;display:flex;align-items:center;margin:40px calc(var(--thumb-size) / 2);margin-inline:auto;padding-top:1.6rem;height:calc(var(--thumb-size) + 1.6rem)}.range-slider-input-wrapper{width:calc(100% + var(--thumb-size));margin:0 calc(var(--thumb-size) / -2);position:absolute;height:var(--thumb-size);bottom:-15px}.range-slider-control-wrapper{width:100%;position:absolute;height:var(--thumb-size);bottom:-15px}.range-slider-input{position:absolute;width:100%;pointer-events:none;appearance:none;height:100%;opacity:0;z-index:3;padding:0}.range-slider-input::-ms-track{appearance:none;background:transparent;border:transparent}.range-slider-input::-moz-range-track{appearance:none;background:transparent;border:transparent}.range-slider-input:focus::-webkit-slider-runnable-track{appearance:none;background:transparent;border:transparent}.range-slider-input::-ms-thumb{appearance:none;pointer-events:all;width:var(--thumb-size);height:var(--thumb-size);border-radius:0px;border:0 none;cursor:grab;background-color:red}.range-slider-input::-ms-thumb:active{cursor:grabbing}.range-slider-input::-moz-range-thumb{appearance:none;pointer-events:all;width:var(--thumb-size);height:var(--thumb-size);border-radius:0px;border:0 none;cursor:grab;background-color:red}.range-slider-input::-moz-range-thumb:active{cursor:grabbing}.range-slider-input::-webkit-slider-thumb{appearance:none;pointer-events:all;width:var(--thumb-size);height:var(--thumb-size);border-radius:0px;border:0 none;cursor:grab;background-color:red}.range-slider-input::-webkit-slider-thumb:active{cursor:grabbing}.range-slider-rail{position:absolute;width:100%;top:50%;transform:translateY(-50%);height:var(--thumb-height);border-radius:3px;background:var(--background-neutral-100, #f3f4f6)}.range-slider-inner-rail{position:absolute;height:100%;background:var(--background-primary, #1b8354);z-index:1;border-radius:3px}.range-slider-control{width:var(--thumb-size);height:var(--thumb-size);border-radius:50%;position:absolute;background:var(--background-primary, #1b8354);top:50%;margin-left:calc(var(--thumb-size) / -2);transform:translate3d(0, -50%, 0);z-index:2}.range-slider-container h3{color:var(--form-field-text-label, #161616);font-family:\"IBM Plex Sans Arabic\";font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin-bottom:4px}.range-slider-note{bottom:-26px;left:-3px;position:absolute;display:flex;align-items:center;gap:10px}.range-slider-note .range-slider-note-content p{color:var(--text-primary-paragraph, #384250);font-family:\"IBM Plex Sans Arabic\";font-size:12px;font-style:normal;font-weight:400;line-height:normal}.range-slider-number_left{position:absolute;top:50%;transform:translateY(-50%);left:-31px}.range-slider-number_right{position:absolute;top:50%;transform:translateY(-50%);right:-31px}";
+
+const DgaSlider = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.min = 0;
+        this.max = 100;
+        this.step = 1;
+        this.range = true;
+        this.showLabel = true;
+        this.showHelperText = true;
+        // @Prop() rangeValues?: [number,number]=[this.min,this.max];
+        this.size = 'small';
+    }
+    // private minPos: number;
+    // private maxPos: number;
+    // private railColorStyle: { left: string; width: string };
+    calculatePositions() {
+        const minPos = ((this.minValue - this.min) / (this.max - this.min)) * 100;
+        const maxPos = ((this.maxValue - this.min) / (this.max - this.min)) * 100;
+        this.minPos = minPos;
+        this.maxPos = maxPos;
+        this.railColorStyle = !this.range ? { left: '0%', width: `${minPos}%` } : { left: `${minPos}%`, width: `${maxPos - minPos}%` };
+    }
+    componentWillLoad() {
+        this.minValue = this.initialMin !== undefined ? this.initialMin : this.min;
+        this.maxValue = this.initialMax !== undefined ? this.initialMax : this.max;
+        this.calculatePositions();
+        this.sxHandler = new SxHandler(this.el, 'dga-slider');
+    }
+    watchMinValue(newValue) {
+        this.minValue = newValue;
+        this.calculatePositions();
+    }
+    watchMaxValue(newValue) {
+        this.maxValue = newValue;
+        this.calculatePositions();
+    }
+    watchRangeValue() {
+        this.calculatePositions();
+    }
+    watchInitialMin() {
+        this.minValue = this.initialMin !== undefined ? this.initialMin : this.min;
+        this.calculatePositions();
+    }
+    watchInitialMax() {
+        this.maxValue = this.initialMax !== undefined ? this.initialMax : this.max;
+        this.calculatePositions();
+    }
+    handleMinChange(e) {
+        const target = e.target;
+        const newMinVal = this.range ? Math.min(+target.value, this.maxValue - this.step) : Math.min(+target.value);
+        this.minValue = newMinVal;
+        if (this.onChange) {
+            this.onChange({ max: this.maxValue, min: this.minValue });
+        }
+        this.calculatePositions();
+    }
+    handleMaxChange(e) {
+        const target = e.target;
+        const newMaxVal = Math.max(+target.value, this.minValue + this.step);
+        this.maxValue = newMaxVal;
+        if (this.onChange) {
+            this.onChange({ max: this.maxValue, min: this.minValue });
+        }
+        this.calculatePositions();
+    }
+    componentDidLoad() {
+        this.sxHandler.processSx(this.sx);
+    }
+    sxChanged() {
+        this.sxHandler.processSx(this.sx);
+    }
+    disconnectedCallback() {
+        this.sxHandler.cleanup();
+    }
+    render() {
+        return (h(Host, { key: 'c9eb39e2cee7ded7c336f31acb7a3dd5fa525dea', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("div", { key: '1c46b4ee5f8fe79fce63da4f4160f7d3c3499b14', class: `range-slider-wrapper ${this.size}` }, h("div", { key: '8e6a1e642e9abdd4a71dc62e3c8ba66cabe29535', class: "range-slider-input-wrapper" }, h("input", { key: 'e74aab745df2b1dcae9a06a099ebb5827d94b59d', class: "range-slider-input", type: "range", value: this.minValue, min: this.min, max: this.max, step: this.step, onInput: this.handleMinChange.bind(this) }), this.range && (h("input", { key: '03b0d919c6b8a8079697541cdec60da87a52c3d8', class: "range-slider-input", type: "range", value: this.maxValue, min: this.min, max: this.max, step: this.step, onInput: this.handleMaxChange.bind(this) }))), h("div", { key: '83ee6f8edc70c3e967d79fbec7272bf11ff6c2d6', class: "range-slider-container" }, this.showLabel && h("h3", { key: '715f7d0fe0e71740e60b9acb8ebabc40c720c9aa' }, this.label), h("div", { key: '4d8ac20facaeacbc2ae755a4fd25eecfc0ae604b', class: "range-slider-control-wrapper" }, h("div", { key: '09cbd6648163bda08927db6ad9ba2aeff79dd545', class: "range-slider-control", style: { left: `${this.minPos}%` } }), h("div", { key: '8990b15c70636c3d8f36da65aaf9cfd54e53da78', class: "range-slider-rail" }, this.range && h("div", { key: '54ce0d377dc0e908e2ae849772277e87c48afc4b', class: "range-slider-number_left" }, this.minValue), h("div", { key: '7d4ae647c9231761ad42123ec91d5f5f99e714ba', class: "range-slider-inner-rail", style: this.railColorStyle }), this.range && h("div", { key: '5440746c3602ab4842cb3283b1994fd88f3878c0', class: "range-slider-number_right" }, this.maxValue), !this.range && h("div", { key: '488b866421a43287e8bd3f7928a700fa320eeaa2', class: "range-slider-number_right" }, this.minValue)), this.range && h("div", { key: 'ad6d3b921d06310bd4e9fb9a1ad6b6c14a9e7776', class: "range-slider-control", style: { left: `${this.maxPos}%` } }), this.showHelperText && this.helperText && (h("div", { key: 'b61378319a9fd72d90944c383e75195ca5f9a714', class: "range-slider-note" }, h("div", { key: '467faa7f1e317713baac2981209ac9cb794af8e5', class: "range-slider-note-icon" }, h("dga-icon", { key: '5cc3c94950d55a760acf6e4ec7def3c38d15490f', icon: helpCircleStroke, size: 16, color: '#384250' })), h("div", { key: '071f7d7d660ec12e373b38696ad31bfdf0c1933e', class: "range-slider-note-content" }, h("p", { key: 'e1cb7464a49a123e530a96b88362017fa0c13015' }, this.helperText)))))))));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "min": ["watchMinValue"],
+        "max": ["watchMaxValue"],
+        "range": ["watchRangeValue"],
+        "initialMin": ["watchInitialMin"],
+        "initialMax": ["watchInitialMax"],
+        "sx": ["sxChanged"]
+    }; }
+};
+DgaSlider.style = dgaSliderCss;
+
+export { DgaChip as dga_chip, RadioButton as dga_radio_button, DgaSlider as dga_slider };

package/dist/esm/dga-circle-skeleton_4.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-BLSc18AE.js';
+import { r as registerInstance, h } from './index-CzeGxP5_.js';
 
 const styleCss$3 = "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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.text-md-regular{font:400 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-regular{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold{font:700 10px/14px \"IBM Plex Sans Arabic\"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}.line_text{width:277px;border-radius:var(--radius-md, 8px);animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.line_text.type1{background:linear-gradient(90deg, rgba(229, 231, 235, 0.2) 0%, rgba(210, 214, 219, 0.2) 50%, rgba(157, 164, 174, 0.2) 100%)}.line_text.type2{background:linear-gradient(90deg, rgba(157, 164, 174, 0.2) 0%, rgba(210, 214, 219, 0.2) 49.5%, rgba(229, 231, 235, 0.2) 100%)}.line_text.lg{height:22px}.line_text.sm{height:14px}.rectangle_text{border-radius:var(--radius-sm, 4px);animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.rectangle_text.type1{background:linear-gradient(90deg, rgba(229, 231, 235, 0.2) 0%, rgba(210, 214, 219, 0.2) 50%, rgba(157, 164, 174, 0.2) 100%)}.rectangle_text.type2{background:linear-gradient(90deg, rgba(157, 164, 174, 0.2) 0%, rgba(210, 214, 219, 0.2) 49.5%, rgba(229, 231, 235, 0.2) 100%)}.rectangle_text.lg{height:40px;width:320px}.rectangle_text.lg.short{height:40px;width:90px}.rectangle_text.md{height:32px;width:320px}.rectangle_text.md.short{height:32px;width:75px}.rectangle_text.sm{height:24px;width:320px}.rectangle_text.sm.short{height:24px;width:59px}.circle_skeleton{border-radius:100%;animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.circle_skeleton.type1{background:linear-gradient(90deg, rgba(229, 231, 235, 0.2) 0%, rgba(210, 214, 219, 0.2) 50%, rgba(157, 164, 174, 0.2) 100%)}.circle_skeleton.type2{background:linear-gradient(90deg, rgba(157, 164, 174, 0.2) 0%, rgba(210, 214, 219, 0.2) 49.5%, rgba(229, 231, 235, 0.2) 100%)}.square_skeleton{animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.square_skeleton.type1{background:linear-gradient(90deg, rgba(229, 231, 235, 0.2) 0%, rgba(210, 214, 219, 0.2) 50%, rgba(157, 164, 174, 0.2) 100%)}.square_skeleton.type2{background:linear-gradient(90deg, rgba(157, 164, 174, 0.2) 0%, rgba(210, 214, 219, 0.2) 49.5%, rgba(229, 231, 235, 0.2) 100%)}.chart_and_content,.image_content_and_button,.image_profile_content{width:fit-content}.chart_and_content .wrapper,.image_content_and_button .wrapper,.image_profile_content .wrapper{display:flex;flex-direction:column;gap:24px;justify-content:center;align-items:center}.chart_and_content .wrapper .line_wrapper,.image_content_and_button .wrapper .line_wrapper,.image_profile_content .wrapper .line_wrapper{display:flex;flex-direction:column;gap:12px}.chart_and_content .wrapper .last,.image_content_and_button .wrapper .last,.image_profile_content .wrapper .last{margin-inline-end:auto}.chart_and_content .wrapper .first,.image_content_and_button .wrapper .first,.image_profile_content .wrapper .first{margin-inline-end:auto;display:flex;gap:4px;align-items:center}.image_button_and_text,.icon_and_list{width:fit-content}.image_button_and_text .wrapper,.icon_and_list .wrapper{display:flex;gap:11px;align-items:center}.image_button_and_text .wrapper .right,.icon_and_list .wrapper .right{display:flex;flex-direction:column;gap:10px}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}";
 
@@ -9,7 +9,7 @@ const CircleSkeleton = class {
         this.width = '80px';
     }
     render() {
-        return (h("div", { key: 'eacae5262c7f412ee68cfc896c77eb0646309867', style: { width: this.width, height: this.width }, class: `circle_skeleton type${this.type}` }));
+        return (h("div", { key: '23d9d449c3b5a3272908d1811b37541583b24a93', style: { width: this.width, height: this.width }, class: `circle_skeleton type${this.type}` }));
     }
 };
 CircleSkeleton.style = styleCss$3;
@@ -23,7 +23,7 @@ const LineSkeleton = class {
         this.type = '1';
     }
     render() {
-        return (h("div", { key: '745af7b961925df4430a53cab8a9ad280bcd1359', class: `line_text ${this.size} type${this.type}` }));
+        return (h("div", { key: '4e7847fe2df567382855572897f5c3958b7525f9', class: `line_text ${this.size} type${this.type}` }));
     }
 };
 LineSkeleton.style = styleCss$2;
@@ -38,7 +38,7 @@ const RectangleSkeleton = class {
         this.width = 'long';
     }
     render() {
-        return (h("div", { key: '6d15b74c5a7d339bb0986b5d74a1ea5c1ade5752', class: `rectangle_text ${this.size} type${this.type} ${this.width}` }));
+        return (h("div", { key: '1f9a725b8a942706810028df42f9afd21db782c7', class: `rectangle_text ${this.size} type${this.type} ${this.width}` }));
     }
 };
 RectangleSkeleton.style = styleCss$1;
@@ -64,7 +64,7 @@ const SquareSkeleton = class {
         return borderRadiusMapper[this.width] || '';
     }
     render() {
-        return (h("div", { key: '0b3917ffa19a707f48cb9fae6904983ee0b43307' }, h("div", { key: '256525b2cee8fd8ff14642bca60db7c00148d4c5', style: { width: this.width, height: this.width }, class: `square_skeleton type${this.type} ${this.getBorderRadius()}` })));
+        return (h("div", { key: 'ec53f88065750fb119da6711034ccc2d3ef818bc' }, h("div", { key: 'a752b7b91eeae5fc5469721bba303953c412ed8b', style: { width: this.width, height: this.width }, class: `square_skeleton type${this.type} ${this.getBorderRadius()}` })));
     }
 };
 SquareSkeleton.style = styleCss;