@platformscode/core 0.0.42 → 0.0.44

package/dist/cjs/dga-slider.cjs.entry.js

@@ -2,6 +2,7 @@
 
 var index = require('./index-CgKhFr-4.js');
 var sxHandler = require('./sx-handler-B_o_us-z.js');
+var index$1 = require('./index-11dn1amE.js');
 require('./sx-style-manager-MFMlOw-g.js');
 
 const dgaSliderCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap\"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff\") format(\"woff\");font-weight:400;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff\") format(\"woff\");font-weight:500;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff\") format(\"woff\");font-weight:600;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff\") format(\"woff\");font-weight:700;font-style:normal;font-display:auto}body{font-family:\"IBMPlexSansArabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBMPlexSansArabic\"}.display-xl-regular{font:400 60px/72px \"IBMPlexSansArabic\"}.display-lg-regular{font:400 48px/60px \"IBMPlexSansArabic\"}.display-md-regular{font:400 36px/44px \"IBMPlexSansArabic\"}.display-sm-regular{font:400 30px/38px \"IBMPlexSansArabic\"}.display-xs-regular{font:400 24px/32px \"IBMPlexSansArabic\"}.text-xl-regular{font:400 20px/30px \"IBMPlexSansArabic\"}.text-lg-regular{font:400 18px/28px \"IBMPlexSansArabic\"}.text-md-regular{font:400 16px/24px \"IBMPlexSansArabic\"}.text-sm-regular{font:400 14px/20px \"IBMPlexSansArabic\"}.text-xs-regular{font:400 12px/18px \"IBMPlexSansArabic\"}.text-2xs-regular{font:400 10px/14px \"IBMPlexSansArabic\"}.display-2xl-medium{font:500 72px/90px \"IBMPlexSansArabic\"}.display-xl-medium{font:500 60px/72px \"IBMPlexSansArabic\"}.display-lg-medium{font:500 48px/60px \"IBMPlexSansArabic\"}.display-md-medium{font:500 36px/44px \"IBMPlexSansArabic\"}.display-sm-medium{font:500 30px/38px \"IBMPlexSansArabic\"}.display-xs-medium{font:500 24px/32px \"IBMPlexSansArabic\"}.text-xl-medium{font:500 20px/30px \"IBMPlexSansArabic\"}.text-lg-medium{font:500 18px/28px \"IBMPlexSansArabic\"}.text-md-medium{font:500 16px/24px \"IBMPlexSansArabic\"}.text-sm-medium{font:500 14px/20px \"IBMPlexSansArabic\"}.text-xs-medium{font:500 12px/18px \"IBMPlexSansArabic\"}.text-2xs-medium{font:500 10px/14px \"IBMPlexSansArabic\"}.display-2xl-semibold{font:600 72px/90px \"IBMPlexSansArabic\"}.display-xl-semibold{font:600 60px/72px \"IBMPlexSansArabic\"}.display-lg-semibold{font:600 48px/60px \"IBMPlexSansArabic\"}.display-md-semibold{font:600 36px/44px \"IBMPlexSansArabic\"}.display-sm-semibold{font:600 30px/38px \"IBMPlexSansArabic\"}.display-xs-semibold{font:600 24px/32px \"IBMPlexSansArabic\"}.text-xl-semibold{font:600 20px/30px \"IBMPlexSansArabic\"}.text-lg-semibold{font:600 18px/28px \"IBMPlexSansArabic\"}.text-md-semibold{font:600 16px/24px \"IBMPlexSansArabic\"}.text-sm-semibold{font:600 14px/20px \"IBMPlexSansArabic\"}.text-xs-semibold{font:600 12px/18px \"IBMPlexSansArabic\"}.text-2xs-semibold{font:600 10px/14px \"IBMPlexSansArabic\"}.display-2xl-bold{font:700 72px/90px \"IBMPlexSansArabic\"}.display-xl-bold{font:700 60px/72px \"IBMPlexSansArabic\"}.display-lg-bold{font:700 48px/60px \"IBMPlexSansArabic\"}.display-md-bold{font:700 36px/44px \"IBMPlexSansArabic\"}.display-sm-bold{font:700 30px/38px \"IBMPlexSansArabic\"}.display-xs-bold{font:700 24px/32px \"IBMPlexSansArabic\"}.text-xl-bold{font:700 20px/30px \"IBMPlexSansArabic\"}.text-lg-bold{font:700 18px/28px \"IBMPlexSansArabic\"}.text-md-bold{font:700 16px/24px \"IBMPlexSansArabic\"}.text-sm-bold{font:700 14px/20px \"IBMPlexSansArabic\"}.text-xs-bold{font:700 12px/18px \"IBMPlexSansArabic\"}.text-2xs-bold{font:700 10px/14px \"IBMPlexSansArabic\"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}: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:\"IBMPlexSansArabic\";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:\"IBMPlexSansArabic\";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}";
@@ -81,7 +82,7 @@ const DgaSlider = class {
         this.sxHandler.cleanup();
     }
     render() {
-        return (index.h(index.Host, { key: '8d3bcac4da16796141247932ff3d33b7eec45f96', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, index.h("div", { key: 'd0ef2d04cac6e713448668966ae3dea18840d8f8', class: `range-slider-wrapper ${this.size}` }, index.h("div", { key: 'c5e19cd8378928e4104ee2ddc59235515a2e18e4', class: "range-slider-input-wrapper" }, index.h("input", { key: 'b23d8806be3a96cc9ecd4fc6153ea5ff2fa17a18', 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 && (index.h("input", { key: '45bbdffe4bb2258d482d839169d75a580c8df471', class: "range-slider-input", type: "range", value: this.maxValue, min: this.min, max: this.max, step: this.step, onInput: this.handleMaxChange.bind(this) }))), index.h("div", { key: '48a0752bc2f41b2c17521be14e4fc9b295351bf4', class: "range-slider-container" }, this.showLabel && index.h("h3", { key: '47dadc6766527233801c76fa6d171ddc73d6c12d' }, this.label), index.h("div", { key: '67d89637145b111698e0ee1bdf910c7de8db1568', class: "range-slider-control-wrapper" }, index.h("div", { key: 'f0cddcd03feb908c691e675fb52cdd853de9c51e', class: "range-slider-control", style: { left: `${this.minPos}%` } }), index.h("div", { key: 'b1b8ade03b6c6a0d8654a4f20efd1cd3c55724f3', class: "range-slider-rail" }, this.range && index.h("div", { key: 'de3b6454efcfd5194a83a5a60c6c41d763df3ad0', class: "range-slider-number_left" }, this.minValue), index.h("div", { key: 'a9b94f1c1aa1f6a9c6a8382ca0598aad4644d00a', class: "range-slider-inner-rail", style: this.railColorStyle }), this.range && index.h("div", { key: 'a655e0d70f2e1aaf77e34f972ab2568e9f64adaa', class: "range-slider-number_right" }, this.maxValue), !this.range && index.h("div", { key: 'd9e4a8779cf25785e8eda0aa710a37a733a0f18d', class: "range-slider-number_right" }, this.minValue)), this.range && index.h("div", { key: '3b5d331d2e64f0129e9245cdc9a31b8f0548ecc0', class: "range-slider-control", style: { left: `${this.maxPos}%` } }), this.showHelperText && this.helperText && (index.h("div", { key: 'fb80b6d1717419d9f0b3aae176d204f5b35608e5', class: "range-slider-note" }, index.h("div", { key: 'f82434e22781096834b179f763c4e4d55a4556b4', class: "range-slider-note-icon" }, index.h("svg", { key: 'cd12cd8a4579c2d014bc6ad91e3c2333567f3eb6', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: '2e36faf38369605cfbb6ab4451b6076520c8bfea', "clip-path": "url(#clip0_17869_405)" }, index.h("path", { key: 'e34d754c76cd3c29e5b19c9765faf9728f47b02e', d: "M6.06004 6.00001C6.21678 5.55446 6.52614 5.17875 6.93334 4.93943C7.34055 4.70012 7.8193 4.61264 8.28483 4.69248C8.75035 4.77233 9.17259 5.01436 9.47676 5.3757C9.78093 5.73703 9.94741 6.19436 9.94671 6.66668C9.94671 8.00001 7.94671 8.66668 7.94671 8.66668M8.00004 11.3333H8.00671M14.6667 8.00001C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00001C1.33337 4.31811 4.31814 1.33334 8.00004 1.33334C11.6819 1.33334 14.6667 4.31811 14.6667 8.00001Z", stroke: "#384250", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), index.h("defs", { key: 'b9434daec4336bf0fbabdc90b6e38ac605a4a96e' }, index.h("clipPath", { key: 'fa168ed9fe9cfa32b318641406708b3f6cdfe2bb', id: "clip0_17869_405" }, index.h("rect", { key: '2ad04831ed09d3266ef64d778ba08bce5ff14e07', width: "16", height: "16", fill: "white" }))))), index.h("div", { key: '5c4b5dbe64ef15f218fe2f539a7ee03389ba2acd', class: "range-slider-note-content" }, index.h("p", { key: 'ce602ce84ac58b837fafab89c3dc2e29dbea55c6' }, this.helperText)))))))));
+        return (index.h(index.Host, { key: '634ce1a418bca1b8c4d10ebcb2ac42b693d316ec', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, index.h("div", { key: '535bb2e49187e87482589e43487dae7d8efeba46', class: `range-slider-wrapper ${this.size}` }, index.h("div", { key: '9e48f6b6db0bee88b79448333bfbca77c52fe84d', class: "range-slider-input-wrapper" }, index.h("input", { key: '687999a3202f187bef82a2852a9bfc81608c0fce', 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 && (index.h("input", { key: '41eddb6df2d1d283a9611a30b8640a223b9d32a5', class: "range-slider-input", type: "range", value: this.maxValue, min: this.min, max: this.max, step: this.step, onInput: this.handleMaxChange.bind(this) }))), index.h("div", { key: 'dd8b065bbc2f74f8df0e399032666ae4b4931606', class: "range-slider-container" }, this.showLabel && index.h("h3", { key: '66f4f2ab101ea2abbbbcf14af7a43b64ac123091' }, this.label), index.h("div", { key: '164f104907577bbb1d8f15d4951c567f31110630', class: "range-slider-control-wrapper" }, index.h("div", { key: 'a91b66bb4ed8955bac8f3e4a5b1e5f18da10b8d9', class: "range-slider-control", style: { left: `${this.minPos}%` } }), index.h("div", { key: '7d2508a15013e37021a645e2df91f41e113ff6f4', class: "range-slider-rail" }, this.range && index.h("div", { key: 'ab14ba91f6eee202ec2987405414f6c21ae2e9af', class: "range-slider-number_left" }, this.minValue), index.h("div", { key: 'a58a1ad452482affb9033d7aab9ee75b03046147', class: "range-slider-inner-rail", style: this.railColorStyle }), this.range && index.h("div", { key: 'e127fba12f248ab626ef952de89eb38c778e7b91', class: "range-slider-number_right" }, this.maxValue), !this.range && index.h("div", { key: '9234bb7c6568674e10543025e2812818872c4548', class: "range-slider-number_right" }, this.minValue)), this.range && index.h("div", { key: '6dc9fd771281d287ca64a0ce993949314c5ff337', class: "range-slider-control", style: { left: `${this.maxPos}%` } }), this.showHelperText && this.helperText && (index.h("div", { key: '70c6e13e12d3ccbf884f86c984edfaeab890b7d7', class: "range-slider-note" }, index.h("div", { key: '1b7f3bede19cce8a0b33d4bc2cd69a02ce5cece2', class: "range-slider-note-icon" }, index.h("dga-icon", { key: '55d7fcba58ada15d560a5a0620d39ec1fbf88d71', icon: index$1.helpCircleStroke, size: 16, color: '#384250' })), index.h("div", { key: 'a4b82d677efe0576729a80cf9fe1b503f70a4cf1', class: "range-slider-note-content" }, index.h("p", { key: 'a8e2d021887aa85035e675ed80755a5dd7179fdc' }, this.helperText)))))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/dga-status-tag.cjs.entry.js

@@ -43,7 +43,7 @@ const DgaStatusTag = class {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (index.h(index.Host, { key: '32c50cfdc1c7a8dc8b3f6679e565b9f253192a69', id: this.componentId, style: this.rootStyles }, index.h("span", { key: 'f1b1513a4fe9212c9b5fcb9abc29afa1bac2f1d8', class: `status-tag status-tag--${this.color} status-tag--${this.size} status-tag--${this.status}` }, index.h("span", { key: 'efbd197521054a2b4d6fcc53612441c91e5cfe27', class: "status-tag__indicator" }), this.label, index.h("slot", { key: 'ff5956004bb5d87fa50f7319621d3e0c45e9761e' }))));
+        return (index.h(index.Host, { key: '62e6f83b77a3f165d26d6f3d21eec5552dc9cf56', id: this.componentId, style: this.rootStyles }, index.h("span", { key: '36671503f51b033c3478618357060a2a048f115d', class: `status-tag status-tag--${this.color} status-tag--${this.size} status-tag--${this.status}` }, index.h("span", { key: '56d4dfea9b14d3e31256f76f27a4c46c92b96b87', class: "status-tag__indicator" }), this.label, index.h("slot", { key: '9a98f3ed07d601228a933c2533a746c030657c17' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/dga-structured-list-usage.cjs.entry.js

@@ -7,7 +7,7 @@ const DgaStructuredListUsage = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '8af8dd832806e8928a197fa1988d1d86d1e30011' }, index.h("h1", { key: 'caa4445333d278a053ab424bd89ba765a82da8d4' }, "Structured List Example"), index.h("div", { key: '6089dad32ecf56764f7e23c926066fcd94ad49e8', style: { padding: "50px" } }, index.h("dga-structured-list", { key: '90b31d161cae14b9f478d5235975e82b06b33fbd', cells: [
+        return (index.h("div", { key: '86af68819896ea05f175d13e9223990e24aa525a' }, index.h("h1", { key: 'c3e8992b91b323a25bdb2144267f365211d78d86' }, "Structured List Example"), index.h("div", { key: '746d0c9c6a27b1ac8baa4ee36d3a5fc8fc886a99', style: { padding: "50px" } }, index.h("dga-structured-list", { key: '1002cca429cdec553b5914696e25289c555868b2', cells: [
                 {
                     title: "ID",
                     propertyName: "id",
@@ -22,7 +22,7 @@ const DgaStructuredListUsage = class {
                 { id: 1, name: "Alice", selected: false },
                 { id: 2, name: "Bob", selected: false },
                 { id: 3, name: "Charlie", selected: false },
-            ], rowDivider: true, colDivider: false, selectable: true, getSelectedRows: selectedRows => console.log(selectedRows) }), index.h("dga-structured-list", { key: '20d63169ca065c07a6128e680d5bc988d09409a8', compact: true, cells: [
+            ], rowDivider: true, colDivider: false, selectable: true, getSelectedRows: selectedRows => console.log(selectedRows) }), index.h("dga-structured-list", { key: '60a882facbc2f770cf42468d3df0386924e61448', compact: true, cells: [
                 {
                     title: "ID",
                     propertyName: "id",

package/dist/cjs/dga-structured-list.cjs.entry.js

@@ -84,7 +84,7 @@ const DgaStructuredList = class {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (index.h("div", { key: '79d691fcb4f8c39e32571f48e4364181474c83af', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, index.h("table", { key: 'bc0004889772d9ec97a362a2d98c86f00ffd38aa', class: `azm-structured-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, index.h("thead", { key: 'b443ef28b2414b6b564e3db8fd69c21281f15209' }, index.h("tr", { key: '3075adda8efaf8c73568b6351d5289c03d787ac6', class: `${this.rowDivider ? 'row-divider' : ''}` }, this.cells.map(({ title }, index$1) => (index.h("th", { key: index$1 }, title))))), index.h("tbody", { key: '1ac5bc499fdb1b0c4718f5c41487913d24dbab78' }, this.sortedData.map((row, rowIndex) => (index.h("tr", { class: `${this.rowDivider ? 'row-divider' : ''} ${this.alternate ? 'alternate' : ''}`, key: rowIndex }, this.cells.map(({ El, customAttribute, propertyName, type, colSpan }, cellIndex) => (index.h("td", Object.assign({ key: cellIndex, colSpan: colSpan || 1 }, ((customAttribute === null || customAttribute === void 0 ? void 0 : customAttribute.key) && {
+        return (index.h("div", { key: 'f722433bb95d657b03d8c17e50309ce6b657ec10', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, index.h("table", { key: 'a8ca4e6d981d15f5e18c82f88658ab83f1f12758', class: `azm-structured-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, index.h("thead", { key: '7edad5f62e8a365013678fc4c0b92e276c0052b1' }, index.h("tr", { key: 'c4bb8f7a1feec03cfdd06907bc9655838c7a39e8', class: `${this.rowDivider ? 'row-divider' : ''}` }, this.cells.map(({ title }, index$1) => (index.h("th", { key: index$1 }, title))))), index.h("tbody", { key: '5f61a154348bbf1c7a8055d59c39b7ff64fc4dde' }, this.sortedData.map((row, rowIndex) => (index.h("tr", { class: `${this.rowDivider ? 'row-divider' : ''} ${this.alternate ? 'alternate' : ''}`, key: rowIndex }, this.cells.map(({ El, customAttribute, propertyName, type, colSpan }, cellIndex) => (index.h("td", Object.assign({ key: cellIndex, colSpan: colSpan || 1 }, ((customAttribute === null || customAttribute === void 0 ? void 0 : customAttribute.key) && {
             [customAttribute.key]: customAttribute.value || '',
         }), { class: `${this.compact ? "compact" : ""} ${this.colDivider ? 'col-divider' : ''}` }), index.h("div", null, this.selectable && (index.h("span", null, index.h("input", { type: "checkbox", name: `${rowIndex}checkboxSelection`, checked: row.selected, id: `${rowIndex}checkboxSelection${propertyName}`, onChange: event => this.handleSelectedRowChanges(event.target.checked, rowIndex, propertyName, cellIndex) }))), type === 'element' && El ? index.h(El, Object.assign({}, row)) : row[propertyName])))))))))));
     }

package/dist/cjs/dga-suffix.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CgKhFr-4.js');
-var index$1 = require('./index--xeGXgkU.js');
+var index$1 = require('./index-11dn1amE.js');
 
 const DgaSuffix = class {
     constructor(hostRef) {

package/dist/cjs/dga-switch-usage.cjs.entry.js

@@ -7,7 +7,7 @@ const DgaSwitchUsage = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '52d34b212075830742a834e7dd4534f2870ac23b', style: { padding: '50px', display: 'flex', gap: '50px' } }, index.h("div", { key: '06e4a179e67c6b6758b89b4c8cc8553f4cad6360' }, index.h("h1", { key: '86e107babd43360ddb5a0147305a351e94499c71' }, "Switch Example"), index.h("dga-switch", { key: 'accbf582afa550163096597b523c62a5af62fb0c', label: "Switch Label", checked: true, hasHelperText: true, helperText: "When a Switch needs a further detailed explanation, it goes here.", alertMessage: true, alertText: "Error/Warning message" }))));
+        return (index.h("div", { key: '6253e5888ff04f442bb24684bfeccd305d187e72', style: { padding: '50px', display: 'flex', gap: '50px' } }, index.h("div", { key: '73cfd06f95551ba28dd82b0a947098da942dc1e1' }, index.h("h1", { key: '39aa43e3d0066ac9b694ab5a35f839907480d296' }, "Switch Example"), index.h("dga-switch", { key: '9ec4208779978136b9a4c2680ae5dfc605854975', label: "Switch Label", checked: true, hasHelperText: true, helperText: "When a Switch needs a further detailed explanation, it goes here.", alertMessage: true, alertText: "Error/Warning message" }))));
     }
 };
 

package/dist/cjs/dga-switch.cjs.entry.js

@@ -2,6 +2,7 @@
 
 var index = require('./index-CgKhFr-4.js');
 var sxHandler = require('./sx-handler-B_o_us-z.js');
+var index$1 = require('./index-11dn1amE.js');
 require('./sx-style-manager-MFMlOw-g.js');
 
 const dgaSwitchCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap\"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff\") format(\"woff\");font-weight:400;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff\") format(\"woff\");font-weight:500;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff\") format(\"woff\");font-weight:600;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff\") format(\"woff\");font-weight:700;font-style:normal;font-display:auto}body{font-family:\"IBMPlexSansArabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBMPlexSansArabic\"}.display-xl-regular{font:400 60px/72px \"IBMPlexSansArabic\"}.display-lg-regular{font:400 48px/60px \"IBMPlexSansArabic\"}.display-md-regular{font:400 36px/44px \"IBMPlexSansArabic\"}.display-sm-regular{font:400 30px/38px \"IBMPlexSansArabic\"}.display-xs-regular{font:400 24px/32px \"IBMPlexSansArabic\"}.text-xl-regular{font:400 20px/30px \"IBMPlexSansArabic\"}.text-lg-regular{font:400 18px/28px \"IBMPlexSansArabic\"}.text-md-regular{font:400 16px/24px \"IBMPlexSansArabic\"}.text-sm-regular,.switch__helper-text{font:400 14px/20px \"IBMPlexSansArabic\"}.text-xs-regular{font:400 12px/18px \"IBMPlexSansArabic\"}.text-2xs-regular{font:400 10px/14px \"IBMPlexSansArabic\"}.display-2xl-medium{font:500 72px/90px \"IBMPlexSansArabic\"}.display-xl-medium{font:500 60px/72px \"IBMPlexSansArabic\"}.display-lg-medium{font:500 48px/60px \"IBMPlexSansArabic\"}.display-md-medium{font:500 36px/44px \"IBMPlexSansArabic\"}.display-sm-medium{font:500 30px/38px \"IBMPlexSansArabic\"}.display-xs-medium{font:500 24px/32px \"IBMPlexSansArabic\"}.text-xl-medium{font:500 20px/30px \"IBMPlexSansArabic\"}.text-lg-medium{font:500 18px/28px \"IBMPlexSansArabic\"}.text-md-medium,.switch__label{font:500 16px/24px \"IBMPlexSansArabic\"}.text-sm-medium,.switch__warning{font:500 14px/20px \"IBMPlexSansArabic\"}.text-xs-medium{font:500 12px/18px \"IBMPlexSansArabic\"}.text-2xs-medium{font:500 10px/14px \"IBMPlexSansArabic\"}.display-2xl-semibold{font:600 72px/90px \"IBMPlexSansArabic\"}.display-xl-semibold{font:600 60px/72px \"IBMPlexSansArabic\"}.display-lg-semibold{font:600 48px/60px \"IBMPlexSansArabic\"}.display-md-semibold{font:600 36px/44px \"IBMPlexSansArabic\"}.display-sm-semibold{font:600 30px/38px \"IBMPlexSansArabic\"}.display-xs-semibold{font:600 24px/32px \"IBMPlexSansArabic\"}.text-xl-semibold{font:600 20px/30px \"IBMPlexSansArabic\"}.text-lg-semibold{font:600 18px/28px \"IBMPlexSansArabic\"}.text-md-semibold{font:600 16px/24px \"IBMPlexSansArabic\"}.text-sm-semibold{font:600 14px/20px \"IBMPlexSansArabic\"}.text-xs-semibold{font:600 12px/18px \"IBMPlexSansArabic\"}.text-2xs-semibold{font:600 10px/14px \"IBMPlexSansArabic\"}.display-2xl-bold{font:700 72px/90px \"IBMPlexSansArabic\"}.display-xl-bold{font:700 60px/72px \"IBMPlexSansArabic\"}.display-lg-bold{font:700 48px/60px \"IBMPlexSansArabic\"}.display-md-bold{font:700 36px/44px \"IBMPlexSansArabic\"}.display-sm-bold{font:700 30px/38px \"IBMPlexSansArabic\"}.display-xs-bold{font:700 24px/32px \"IBMPlexSansArabic\"}.text-xl-bold{font:700 20px/30px \"IBMPlexSansArabic\"}.text-lg-bold{font:700 18px/28px \"IBMPlexSansArabic\"}.text-md-bold{font:700 16px/24px \"IBMPlexSansArabic\"}.text-sm-bold{font:700 14px/20px \"IBMPlexSansArabic\"}.text-xs-bold{font:700 12px/18px \"IBMPlexSansArabic\"}.text-2xs-bold{font:700 10px/14px \"IBMPlexSansArabic\"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}.switch{display:flex;gap:var(--spacing-xl);padding:var(--spacing-none);width:fit-content;padding:6px;cursor:pointer}.switch-main__content.disabled>.switch__label,.switch-main__content.disabled>div>.switch__label,.switch-main__content.disabled>div>.switch__helper-text{color:var(--control-disabled)}.switch .switch-wrapper{position:relative;display:inline-block;min-width:48px;height:24px}.switch .switch-wrapper input{opacity:0;width:0;height:0}.switch .switch-wrapper .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:white;border:1px solid black;-webkit-transition:0.4s;transition:0.4s;border-radius:34px}.switch .switch-wrapper .slider:before{position:absolute;content:\"\";height:16px;width:16px;left:4px;bottom:4px;background-color:var(--controls-control-neutral-checked);-webkit-transition:0.4s;transition:0.4s;border-radius:50%}.switch .switch-wrapper input:checked+.slider{background-color:var(--controls-control-primary-checked)}.switch .switch-wrapper input:focus+.slider{box-shadow:0 0 1px var(--controls-control-neutral-pressed);outline:4px solid var(--controls-control-ripple-effect)}.switch .switch-wrapper input:focus+.slider:before{background-color:var(--controls-control-neutral-pressed)}.switch .switch-wrapper input:focus+.slider.slider--active{background-color:var(--controls-control-primary-pressed);outline:4px solid var(--controls-control-ripple-effect)}.switch .switch-wrapper input:hover+.slider{box-shadow:0 0 1px var(--controls-control-neutral-hovered);outline:4px solid var(--controls-control-ripple-effect)}.switch .switch-wrapper input:hover+.slider:before{background-color:var(--controls-control-neutral-hovered)}.switch .switch-wrapper input:hover+.slider.slider--active{background-color:var(--controls-control-primary-hovered);outline:4px solid var(--controls-control-ripple-effect)}.switch .switch-wrapper input:disabled+.slider{box-shadow:0 0 1px var(--controls-control-boarder-disabled) !important;border:1px solid var(--control-disabled) !important;outline:0px solid var(--controls-control-ripple-effect)}.switch .switch-wrapper input:disabled+.slider:before{background-color:var(--control-disabled)}.switch .switch-wrapper input:disabled+.slider.slider--active{background-color:var(--control-disabled) !important;outline:0px solid var(--controls-control-ripple-effect)}.switch .switch-wrapper input:disabled+.slider.slider--active:before{background-color:var(--controls-control-icon-disabled) !important}.switch .switch-wrapper input:checked+.slider:before{-webkit-transform:translateX(16px);-ms-transform:translateX(16px);transform:translateX(24px);background-color:white}.switch .switch-wrapper .slider.round{border-radius:34px}.switch .switch-wrapper .slider.round:before{border-radius:50%}.switch-icon{display:none !important;color:var(--surface-oncolor);font-size:18px !important;font-weight:bolder !important}.switch.focus{border-radius:var(--radius-sm);outline:2px solid var(--border-black)}.switch-main{flex-direction:column;gap:var(--spacing-xs);max-width:382px}.switch-main,.switch-main__content{display:flex;column-gap:var(--spacing-xl)}.switch input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.switch__helper-text{color:var(--text-primary-paragraph);margin-block:var(--spacing-xs)}.switch__warning{display:flex;align-items:center;gap:var(--spacing-xl);margin-left:var(--spacing-3xl);color:var(--text-error)}.switch__warning-icon{width:24px}.switch--brand input:checked~.switch__label,.switch--brand input:checked~div>.switch__label{color:var(--controls-control-primary-checked)}.switch--brand .switch-main__content.disabled .switch-wrapper>.slider--active{background-color:var(--border-disabled)}.switch--brand .switch-main__content.disabled>.switch__label,.switch--brand .switch-main__content.disabled>div>.switch__label,.switch--brand .switch-main__content.disabled>div>.switch__helper-text{color:var(--border-disabled)}.switch--readonly .switch-slider{background-color:transparent !important}.switch--readonly .switch-slider .switch-icon{color:var(--text-primary-paragraph) !important}[dir=rtl] .switch .switch-wrapper .slider:before{left:auto;right:4px}[dir=rtl] .switch .switch-wrapper input:checked+.slider:before{transform:translateX(-24px)}[dir=rtl] .switch .switch__warning{margin-left:0;margin-right:var(--spacing-3xl)}";
@@ -63,7 +64,7 @@ const DgaSwitch = class {
         this.sxHandler = new sxHandler.SxHandler(this.el, 'dga-switch');
     }
     render() {
-        return (index.h(index.Host, { key: 'ba9b37f9628f33216c19e0ab0fd6297fd47a4af8', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, index.h("label", { key: '0e13d24d07611003b8dda659130d6b1cb83406c6', ref: el => (this.labelRef = el), class: `switch ${this.color ? `switch--${this.color}` : ''}`, onMouseDown: this.handleActive, onChange: this.handleRemoveActive }, index.h("div", { key: '9038e7905715e003019ae410d8bdd4f48d7c3ea8', class: "switch-main" }, index.h("div", { key: 'e1975b977c606e54ecd6204e5d6277cf101623c5', class: `switch-main__content ${this.disabled ? 'disabled' : ''}` }, index.h("div", { key: '37c479b73870964b5e3b87db8780f4353a97f48d', class: "switch-wrapper" }, index.h("input", { key: '89b9844185c385ad13ed813c1df1a60257e6bf1a', type: "checkbox", name: this.name, value: this.value, id: this.id, disabled: this.disabled, onFocus: this.handleFocus, onBlur: this.handleFocusOut, onChange: this.onChange, onInput: this.onInput, checked: this.isChecked }), index.h("span", { key: 'd3375662f4318707490e83d3ecad6e5652236c78', class: `slider round ${this.isChecked ? 'slider--active' : 'slider--inactive'}` })), !this.hasHelperText && !this.helperText ? (this.label && index.h("span", { class: "switch__label" }, this.label)) : (index.h("div", { class: "dga-flex-column" }, index.h("span", { class: "switch__label" }, this.label), index.h("span", { class: "switch__helper-text" }, this.helperText)))), this.alertMessage && (index.h("div", { key: '9234fe3bfa83102d071f31e84c6eab540bd40d22', class: "switch__warning" }, index.h("span", { key: '599e8c28199149f632e9dfc5fe2675a4ba2d2bca', class: "switch__warning-icon" }, index.h("svg", { key: '5fb755717ff5ecef1ba0eee73392d3db7c8a27b9', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { key: '166c967368936015cd5e965f71f1460cec795c95', d: "M8 1.33333C4.324 1.33333 1.33333 4.324 1.33333 8C1.33333 11.676 4.324 14.6667 8 14.6667C11.676 14.6667 14.6667 11.676 14.6667 8C14.6667 4.324 11.676 1.33333 8 1.33333ZM8 13.3333C5.05467 13.3333 2.66667 10.9453 2.66667 8C2.66667 5.05467 5.05467 2.66667 8 2.66667C10.9453 2.66667 13.3333 5.05467 13.3333 8C13.3333 10.9453 10.9453 13.3333 8 13.3333ZM7.33333 4H8.66667V8H7.33333V4ZM7.33333 9.33333H8.66667V10.6667H7.33333V9.33333Z", fill: "currentColor" }))), index.h("span", { key: '399df61257674a35ce0541d7ccc04114bf79981a', class: "switch__warning-text" }, this.alertText)))))));
+        return (index.h(index.Host, { key: '22c991196ddfaee20d703d9f84e654206cc4e835', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, index.h("label", { key: 'f921f31173c6ffc73a3a0b61feb641c97f0825d4', ref: el => (this.labelRef = el), class: `switch ${this.color ? `switch--${this.color}` : ''}`, onMouseDown: this.handleActive, onChange: this.handleRemoveActive }, index.h("div", { key: '2aaf568701b6ffc792b3e4cfc361f582239b69af', class: "switch-main" }, index.h("div", { key: '84ca676ebc1b39ed832fcb26d6338e3ea2885b43', class: `switch-main__content ${this.disabled ? 'disabled' : ''}` }, index.h("div", { key: 'ee081cdc57d2fb9e4a93e92003b586f76480697c', class: "switch-wrapper" }, index.h("input", { key: 'b2c81ef90e233a767e20bdaa8feda6a209ac6c0f', type: "checkbox", name: this.name, value: this.value, id: this.id, disabled: this.disabled, onFocus: this.handleFocus, onBlur: this.handleFocusOut, onChange: this.onChange, onInput: this.onInput, checked: this.isChecked }), index.h("span", { key: 'bf57c0a659696af6711f7916801320bc7038c113', class: `slider round ${this.isChecked ? 'slider--active' : 'slider--inactive'}` })), !this.hasHelperText && !this.helperText ? (this.label && index.h("span", { class: "switch__label" }, this.label)) : (index.h("div", { class: "dga-flex-column" }, index.h("span", { class: "switch__label" }, this.label), index.h("span", { class: "switch__helper-text" }, this.helperText)))), this.alertMessage && (index.h("div", { key: 'd6abeb693f01d7afee39c59c27dea61074627c23', class: "switch__warning" }, index.h("span", { key: '2414b7b100bbb34a4c78e4794a0acfec47503dcf', class: "switch__warning-icon" }, index.h("dga-icon", { key: '684b89475a4ca948f045b7cd529ecea7b367d0ef', icon: index$1.alertCircleStroke, size: 16, color: 'currentColor' })), index.h("span", { key: '0bfc9e8754709e02b2c0f8cb3b1deebb637edaaa', class: "switch__warning-text" }, this.alertText)))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/dga-table-body.cjs.entry.js

@@ -119,7 +119,7 @@ const DgaTableBody = class {
     //         this.selected = index;
     //     };
     render() {
-        return (index.h("tbody", { key: '8e8a3dce53d6a8a2161c6cd3a631ef80d975d664' }, index.h("slot", { key: '72774de033b3410dec5162a535b857a910d5007a' })));
+        return (index.h("tbody", { key: 'c33758ed852c5cf3e42ca4876908e34144bde9ca' }, index.h("slot", { key: '7cbfa5ffc8c18bcb50ab658ef58cbf3dd5514544' })));
     }
 };
 

package/dist/cjs/dga-table-of-content-usage.cjs.entry.js

@@ -7,84 +7,84 @@ const DgaTableOfContentUsage = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'f365703736fe68f2bf1b268031025c6637222337', style: {
+        return (index.h("div", { key: '4235969c13c0901497864a19c080b881c89f3106', style: {
                 position: 'relative',
                 width: '100%',
                 maxWidth: '1200px',
                 margin: '0 auto',
                 padding: '20px'
-            } }, index.h("h1", { key: '19a7fc78fd270765feef57f18625fc4fcab9683e' }, "Table of Content Example"), index.h("section", { key: '238c99fd01706a9e87bfb09aa829030e662051a9' }, index.h("div", { key: 'b1aa7090a7d4272a9ae718fe8eb631adf2b7a7ed', id: "section_1", style: {
+            } }, index.h("h1", { key: '57812744b52653690bae1c82820377447bbac352' }, "Table of Content Example"), index.h("section", { key: 'e6e6c34685194bc26bc8db845b4b8c13305a95d3' }, index.h("div", { key: 'f7ca5cd46c66c2332d580c800c1d87eee5aad0d0', id: "section_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "gray",
                 padding: "20px",
                 margin: "20px 0 200px 0"
-            } }, index.h("h2", { key: 'e0e3d8ee6aad27c62d86115316b8d9a5a2172db2' }, "Section 1"), index.h("div", { key: '2c5f6932b71c4944dd1ba964dcd388c7f35d330f', id: "section_1_child_1", style: {
+            } }, index.h("h2", { key: '77090349a1c093203d71f6ad27f13b499466d49b' }, "Section 1"), index.h("div", { key: '55278ef7dbd6fc855b0dd96fece584deb701f898', id: "section_1_child_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(255,0,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h3", { key: '868615fb583491d2164a0758631222aa2a6a7b75' }, "Section 1 Child 1")), index.h("div", { key: '877c8c2eac6126113b5fed21a8c4ffe51cae11ed', id: "section_1_child_2", style: {
+            } }, index.h("h3", { key: '543731a59a609cc453249d05f333d77ced055d9e' }, "Section 1 Child 1")), index.h("div", { key: 'c945df397f08066bfd47e980621b097dfa7a84fa', id: "section_1_child_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h3", { key: 'd01ec3b25413f687495a59eee46e0f95808a6e52' }, "Section 1 Child 2")), index.h("div", { key: '860c1415bd996da440ba88ed771eb199b1aefc82', id: "section_1_child_3", style: {
+            } }, index.h("h3", { key: '89571761de9fa2d8f770e66fa194439301826b99' }, "Section 1 Child 2")), index.h("div", { key: '725630c2a2e692aebe36b095de66a87ea4347d42', id: "section_1_child_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,255,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h3", { key: '94720f9a03a3ea2901ddf1e85b988c43b5a9b0f5' }, "Section 1 Child 3"), index.h("div", { key: '6fcfa0fdd98cc018dafc83732ee0202f923bb340', id: "section_1_sub_child_1", style: {
+            } }, index.h("h3", { key: '01f22e1bc1aada2fc6882906799e9096e85f3319' }, "Section 1 Child 3"), index.h("div", { key: 'd2b11844c506090ff2fceeff92ff092587daf974', id: "section_1_sub_child_1", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h4", { key: '29667e61b8ae34643536129b4942ca9f7945e229' }, "Section 1 Sub Child 1")), index.h("div", { key: '3e7ad4dc25169e094c8270a6a06d31b772fcc722', id: "section_1_sub_child_2", style: {
+            } }, index.h("h4", { key: 'de9540758e1066ac45f04fd0b407d59f4500cca0' }, "Section 1 Sub Child 1")), index.h("div", { key: '59ed68a52799b3b4fdc22053143be8d979e3dd86', id: "section_1_sub_child_2", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h4", { key: '01ceae69186064eef3576f4e21da317b00ae5049' }, "Section 1 Sub Child 2")), index.h("div", { key: '6dc61bd8ef6e6390f0633dd5213246b3173447c7', id: "section_1_sub_child_3", style: {
+            } }, index.h("h4", { key: 'd416339a1f8d87db98694f4c6b425c10363b9529' }, "Section 1 Sub Child 2")), index.h("div", { key: 'd9b88cbdfd304bb23062927bc498f573963730ac', id: "section_1_sub_child_3", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h4", { key: '8a84db32e43d8db3e560fff49e0b09543eb10fed' }, "Section 1 Sub Child 3")))), index.h("div", { key: 'cdbe8e6375363b6db0b6ef27572aad7d58e823a4', id: "section_2", style: {
+            } }, index.h("h4", { key: '08f0cdd47f2308c2bfed7d1e03b8f67f88cf8cf7' }, "Section 1 Sub Child 3")))), index.h("div", { key: '697ae68990684197ead346314fa65fcd0978c1e4', id: "section_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,0,0.8)",
                 color: "white",
                 padding: "20px",
                 margin: "20px 0"
-            } }, index.h("h2", { key: 'd5be890457494b8825a99a60a1e9a4bce7d107be' }, "Section 2")), index.h("div", { key: 'fb89e6916322e1bfaf3e66e9cbb1bee602062240', id: "section_3", style: {
+            } }, index.h("h2", { key: '746248407dec31afaeb9bcba164ca2783ebdb602' }, "Section 2")), index.h("div", { key: '889543050a1a2cdd29f81ed0cdbf48fec10f340f', id: "section_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "brown",
                 padding: "20px",
                 margin: "20px 0"
-            } }, index.h("h2", { key: '6a0474acb65b42530844d3d68aac768827f20311' }, "Section 3"), index.h("div", { key: 'f12ae40d737214b6f8b6cd35311fccbad2f29065', id: "section_3_child_1", style: {
+            } }, index.h("h2", { key: 'ad6a71b3ab783c0e926a0e5088f21956560a02c9' }, "Section 3"), index.h("div", { key: 'c0097f742b6fce96e175da8ab701f258465d9ba2', id: "section_3_child_1", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h3", { key: 'f6a9812f6bd2225f6dd82d6f5ddb7d92263c40e5' }, "Section 3 Child 1")), index.h("div", { key: '8cf241d306e8d1880778ff3b27ceeb0ea0569af6', id: "section_3_child_2", style: {
+            } }, index.h("h3", { key: 'a091498107bc6f7e3be867698c5ed7d3141e2363' }, "Section 3 Child 1")), index.h("div", { key: '0b140195b71559e5c996ca5e12deb3a0998464ac', id: "section_3_child_2", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h3", { key: 'a2071569efb86b10e6b9f18607f1afb8cadcf043' }, "Section 3 Child 2"), index.h("div", { key: '6fe13f4a533a82eaa94e34ce20b6a86556558b3e', id: "section_3_child_2_1", style: {
+            } }, index.h("h3", { key: '4059de3fc243c0b3b50f416fd929c6ac7e2d8412' }, "Section 3 Child 2"), index.h("div", { key: '4ba6da12d0ed516b24b5ce012bc4f7950a1a3838', id: "section_3_child_2_1", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h4", { key: 'ccef8abc44c5317d996d2f1230bdb97f8c68945f' }, "Section 3 Child 2.1")), index.h("div", { key: '2defa94be8314486a7f133137b23908cd8fd0e1e', id: "section_3_child_2_2", style: {
+            } }, index.h("h4", { key: 'cbe760774a21e5f516ae6aa886f8ba8d4948a97d' }, "Section 3 Child 2.1")), index.h("div", { key: '36df9ac2c803eb9c081a5c8c5c272d75c2b5ddda', id: "section_3_child_2_2", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h4", { key: 'b03745ce0d88eefb92286039f3c15c7c017ee656' }, "Section 3 Child 2.2")), index.h("div", { key: '2f29a9acd13c7839f0141901190a2fa2ade9f39b', id: "section_3_child_2_3", style: {
+            } }, index.h("h4", { key: '1e88ee429eaeddc9baaa2c478867973b757cd559' }, "Section 3 Child 2.2")), index.h("div", { key: '2870b8e4f0c8847e497498cb6004d3784bbcc083', id: "section_3_child_2_3", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h4", { key: 'f9d473305d4595d25e0687b03f0cd45b5fcea0fe' }, "Section 3 Child 2.3"))))), index.h("div", { key: '9be479c676d7c9cb272ac15c00daf3007da967bd', style: {
+            } }, index.h("h4", { key: '27ffd66712a7d6628e0233af7f63d6b742191a4d' }, "Section 3 Child 2.3"))))), index.h("div", { key: '310739364e74e38e783dfa8944d2c44914a214aa', style: {
                 position: "fixed",
                 top: "100px",
                 left: "40px",
@@ -92,7 +92,7 @@ const DgaTableOfContentUsage = class {
                 background: "white",
                 borderRadius: "8px",
                 boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
-            } }, index.h("dga-table-of-content", { key: '006c81d35ca96f58494982d7e008c3bcc22fe792', title: "On this Page", subTitle: "Page Title", sections: [
+            } }, index.h("dga-table-of-content", { key: '931222daf1d01433190082a6cb6e35b1bd83bfda', title: "On this Page", subTitle: "Page Title", sections: [
                 {
                     Name: 'Section 1',
                     Target: 'section_1',
@@ -127,7 +127,7 @@ const DgaTableOfContentUsage = class {
                         }
                     ]
                 }
-            ] })), index.h("div", { key: 'dea17559fcb60eb120f6b6ab835b8e2f101a5f23', style: {
+            ] })), index.h("div", { key: '5a727cc21c815af59b5d4ddb19e88b8601b505c8', style: {
                 position: "fixed",
                 top: "100px",
                 right: "40px",
@@ -135,7 +135,7 @@ const DgaTableOfContentUsage = class {
                 background: "white",
                 borderRadius: "8px",
                 boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
-            } }, index.h("dga-table-of-content", { key: '3ecb4eb4ec7ae3bf767df4cadeb20edc43277635', title: "\u0641\u064A \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062D\u0629", subTitle: "[\u0627\u0633\u0645 \u0627\u0644\u0635\u0641\u062D\u0629]", rtl: true, sections: [
+            } }, index.h("dga-table-of-content", { key: '4d44daeef34c0d0609f424afee8dca9fbc808d90', title: "\u0641\u064A \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062D\u0629", subTitle: "[\u0627\u0633\u0645 \u0627\u0644\u0635\u0641\u062D\u0629]", rtl: true, sections: [
                 {
                     Name: 'قسم صفحة',
                     Target: 'section_1',

package/dist/cjs/dga-table-usage.cjs.entry.js

@@ -7,7 +7,7 @@ const DgaTableUsage = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '7e60df79d94e5d55c73b7915bcac778c416aac22' }, index.h("h1", { key: '718ce9785dc840c85ae414dad04be45a477cbe4f' }, "Table Example"), index.h("div", { key: 'd03f6e246ef28c1b3d82d9cd05f2de32b1300460', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '0467ef3fdac4aba61ad52480d635c4a83df066ae', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-data-table", { key: 'a496f4ee79e1e89f535fdc165c51e78a5e1a2611', columns: [
+        return (index.h("div", { key: '9869d7d6e1121ca207bd6bfd0d098844f82220ea' }, index.h("h1", { key: '049136e64614b84b75b5f05352b2016905784111' }, "Table Example"), index.h("div", { key: '56114ab9b2ef312af6a90899e3a1dcb9a7c6e8f5', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '70e43a95c58beea0e3105cccb1b4a9067acc211d', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-data-table", { key: '5f03a5a37afdb6974b6420911da5ffae0a5ad482', columns: [
                 {
                     label: 'Header',
                 },
@@ -63,7 +63,7 @@ const DgaTableUsage = class {
                     price: '962500',
                     selected: false,
                 },
-            ] })), index.h("div", { key: 'db1536d669fe9add6f1792540259e1bf5dfbc785', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            ] })), index.h("div", { key: 'f90c8b628b857e11dbf9cac5aa452e5ffd14dfa8', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/cjs/dga-table.cjs.entry.js

@@ -96,7 +96,7 @@ const DgaTable = class {
         this.sortedData = cloneData;
     }
     render() {
-        return (index.h("div", { key: '12dcb8323266045ffde8d407f4d24a69b6f1cbf0', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, index.h("table", { key: 'd235161e5ff70d099cd4b2ab927c2dbc37581b6d', class: ` azm-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, index.h("slot", { key: 'ea31be8317bbd7a5a0c7ec31425aa74213c46286' }))));
+        return (index.h("div", { key: '8a0ba339376e5bed29d3b6b5a1a502f9e2df7e32', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, index.h("table", { key: '841015f06bcc0348a8b3370262eca685cc936c4c', class: ` azm-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, index.h("slot", { key: 'bcdc3bd79adffdcd888b9cb1cdce7c60985260e5' }))));
     }
 };
 

package/dist/cjs/dga-tabs-usage.cjs.entry.js

@@ -13,7 +13,7 @@ const DgaTabsUsage = class {
         };
     }
     render() {
-        return (index.h("div", { key: '0591d9bf25a4050197a1c3326d1bcebf795d264d', style: { padding: '20px', fontFamily: 'Arial, sans-serif' } }, index.h("h1", { key: 'b305e94f70cf35f7778e42028d2539a108d02fd4' }, "DGA Tabs Component Examples"), index.h("p", { key: '6b37a3c44b8f96ebbf80b487fc2cb1998408d334' }, "Comprehensive examples of the tabs component in various real-world scenarios."), index.h("section", { key: 'e7ba8adbf4f5417e3e81a9db0f3d5e3411aa1456', style: { marginBottom: '40px' } }, index.h("h2", { key: '25b0e0e2f02d70f4008b62ce6a57d78c7ec861a1' }, "1. Website Navigation Menu"), index.h("p", { key: 'f13bd68cfd51c141d7276bf446f576d9a3f310c1' }, "Main navigation for a website with different sections"), index.h("dga-tabs", { key: '37772a5d4796954b12b7c4e6141787c4a7d997bf', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
+        return (index.h("div", { key: 'b9e5006011c68357816fbd44f90775bee5c15f74', style: { padding: '20px', fontFamily: 'Arial, sans-serif' } }, index.h("h1", { key: '469a0da10c9464f4a10309591987311450efce99' }, "DGA Tabs Component Examples"), index.h("p", { key: '6e21ea3b4402e1cb7f06700f2f4d7e3c06d1c908' }, "Comprehensive examples of the tabs component in various real-world scenarios."), index.h("section", { key: '1e8a96030c7e9dcd223d2f6fd555d4e6aa0de228', style: { marginBottom: '40px' } }, index.h("h2", { key: 'd5c74112667073851822fbd0c6ef79e6ca3253e0' }, "1. Website Navigation Menu"), index.h("p", { key: 'ec31bdde70befd72321b2f1a5aacef9cb683c461' }, "Main navigation for a website with different sections"), index.h("dga-tabs", { key: 'f005f009e2445001083253a4e854dbdaf6d46ca3', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
                 {
                     label: 'Home',
                     onClick: () => this.handleTabClick('Home'),
@@ -44,7 +44,7 @@ const DgaTabsUsage = class {
                     tabIcon: "mail-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] })), index.h("section", { key: 'ac30ffa3237d329d51e97f7dc25869317fe1af15', style: { marginBottom: '40px' } }, index.h("h2", { key: 'a99e2b72a6acf73c6a578c3852e1beca8da8c479' }, "2. Dashboard Analytics Tabs"), index.h("p", { key: '97a6c0ae6e4e9b956b9cce289bb3b5ea3829e8df' }, "Analytics dashboard with different data views"), index.h("dga-tabs", { key: '7451a8657a6c0d2bd8fc48c7ae9a233edaef645c', size: "lg", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
+            ] })), index.h("section", { key: '2dc5d526a2e73ce4edf9670f24400c2116a4b76e', style: { marginBottom: '40px' } }, index.h("h2", { key: '569a68e68d0652f9b52c37fdef8b662329bb5cd5' }, "2. Dashboard Analytics Tabs"), index.h("p", { key: 'be018e4e9234ed99f76f601370866286894ed0ae' }, "Analytics dashboard with different data views"), index.h("dga-tabs", { key: '17812b8a0573f4e069cb2d467515e0a8bdcc5dce', size: "lg", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
                 {
                     label: 'Overview',
                     onClick: () => this.handleTabClick('Overview'),
@@ -69,7 +69,7 @@ const DgaTabsUsage = class {
                     tabIcon: "file-chart-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] })), index.h("section", { key: '0689b72936054cb1f2da1930cab43df37e3cc029', style: { marginBottom: '40px' } }, index.h("h2", { key: 'c57ff77efcbd1064f84821a8b01c07ecb349f26a' }, "3. Settings Panel (Vertical Layout)"), index.h("p", { key: 'beffd07210f5ab9e61def74a584f6285c5fd4cc8' }, "User settings panel with vertical tab navigation"), index.h("div", { key: '890a3049f60e0ac77ac81ea500ff098f63608687', style: { display: 'flex', gap: '20px' } }, index.h("dga-tabs", { key: '1a5d721cfcab7eed640fae78e819874186ed1f59', size: "md", orientation: "vertical", flush: false, external: false, divider: true, tabsList: [
+            ] })), index.h("section", { key: 'b1cebc667f463d599266de3c6749796ad8c48377', style: { marginBottom: '40px' } }, index.h("h2", { key: 'dc2915f198a80e649755aad502b25aa54f72b33f' }, "3. Settings Panel (Vertical Layout)"), index.h("p", { key: 'b5e9290d82161528096d59ea601d5b3fac4ef159' }, "User settings panel with vertical tab navigation"), index.h("div", { key: '1990cb061853793b60e02b16657505b366fb0d87', style: { display: 'flex', gap: '20px' } }, index.h("dga-tabs", { key: 'fcdb62f05e91c18127359b6b5ef0ad7296478797', size: "md", orientation: "vertical", flush: false, external: false, divider: true, tabsList: [
                 {
                     label: 'Profile',
                     onClick: () => this.handleTabClick('Profile'),
@@ -100,7 +100,7 @@ const DgaTabsUsage = class {
                     tabIcon: "lock-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] }), index.h("div", { key: 'bc2f58630038644b9b1a8a46883e9f00aa7860ba', style: { padding: '20px', border: '1px solid #ddd', borderRadius: '4px', flex: '1 ' } }, index.h("p", { key: '855fb002401aaeb7652fb15a4a3951650182952e' }, "Content area for the selected tab (", this.activeTab, ") would appear here.")))), index.h("section", { key: '541ae6735b07a74f9477393771c2edc2f8743843', style: { marginBottom: '40px' } }, index.h("h2", { key: 'd8a95543c243fee41e07f0bc1be544ee11042f7e' }, "4. E-commerce Product Information"), index.h("p", { key: '9731d6a371219930aad5a8441dd65dca96ecb64b' }, "Product detail page with different information sections"), index.h("dga-tabs", { key: 'e900cf3532e98a9a710a87c396a9007725384223', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
+            ] }), index.h("div", { key: '2e236e4247a2a13989483fd55ca0cd6504814953', style: { padding: '20px', border: '1px solid #ddd', borderRadius: '4px', flex: '1 ' } }, index.h("p", { key: '02829bc04888052b7ebebab17251be8ec6271aa8' }, "Content area for the selected tab (", this.activeTab, ") would appear here.")))), index.h("section", { key: 'a99409e920c511c42fe2f9560aac4b9a28fd135c', style: { marginBottom: '40px' } }, index.h("h2", { key: 'ae45cb60040c44db68c11ee6ab1bfce366b27b52' }, "4. E-commerce Product Information"), index.h("p", { key: 'efab71a4fe4435e4877b6385b55e6ee2cba83bc8' }, "Product detail page with different information sections"), index.h("dga-tabs", { key: 'f7666308dcf1fdd09bad07c678eedd382e2e769d', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
                 {
                     label: 'Description',
                     onClick: () => this.handleTabClick('Description'),
@@ -131,7 +131,7 @@ const DgaTabsUsage = class {
                     tabIcon: "refresh-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] })), index.h("section", { key: '4c0231c06d95ba0b2e329309f9af076d54635eda', style: { marginBottom: '40px' } }, index.h("h2", { key: 'ad0a701d5425e77b41f6be054ffa2f7c92e45b1a' }, "5. External Navigation Links"), index.h("p", { key: 'ba28ac4ee0cb9f04a53d5373ab1cf286c2ad988d' }, "Tabs that navigate to external pages or different sections"), index.h("dga-tabs", { key: '7d862fb413054675125d7d900658c98c635e8193', size: "md", orientation: "horizontal", flush: false, external: true, divider: true, tabsList: [
+            ] })), index.h("section", { key: '6ac5059f4a5ebeeeb1ebc44db2c04276de87934b', style: { marginBottom: '40px' } }, index.h("h2", { key: '96064a5bfac1f285d1ecd2a33523987baabb4ab3' }, "5. External Navigation Links"), index.h("p", { key: '7d67a5a264645f3bec89eca90e0868405c9f56d0' }, "Tabs that navigate to external pages or different sections"), index.h("dga-tabs", { key: '32e241a3691c04edec546432e00909646f878574', size: "md", orientation: "horizontal", flush: false, external: true, divider: true, tabsList: [
                 {
                     label: 'Documentation',
                     link: '/docs',
@@ -156,7 +156,7 @@ const DgaTabsUsage = class {
                     tabIcon: "github-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] })), index.h("section", { key: '82d9d626e00663238a2033f14fed25a26822aaa4', style: { marginBottom: '40px' } }, index.h("h2", { key: 'b830f3e83310d556bc3225083564d1dd0ed0ca38' }, "6. Many Tabs with Overflow Menu"), index.h("p", { key: 'dd2b7a07b65e08ee1dc067bb6df3d97fddee41e5' }, "Example with more than 5 tabs to demonstrate overflow behavior"), index.h("dga-tabs", { key: '58d95d3e46608a9aba9214f2b0116d93f53ed9c8', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
+            ] })), index.h("section", { key: '3bff938e63c224f81ef69e926da67f93c1aaed1a', style: { marginBottom: '40px' } }, index.h("h2", { key: '8e42d7ae598499469e25014161cc84772f644c5e' }, "6. Many Tabs with Overflow Menu"), index.h("p", { key: '94612d0d50e095b53593149385b92e0299791f74' }, "Example with more than 5 tabs to demonstrate overflow behavior"), index.h("dga-tabs", { key: '82ec39f2b83b8a5327d09d7a01daf1c5262575b2', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
                 {
                     label: 'January',
                     onClick: () => this.handleTabClick('January'),
@@ -205,19 +205,19 @@ const DgaTabsUsage = class {
                     tabIcon: "calendar-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] })), index.h("section", { key: '0fb0a2202dacaf3aaf1569a1af05200e1760b349', style: { marginBottom: '40px' } }, index.h("h2", { key: '3a5b239df81a9d4217cfcda67f314f79faa13d31' }, "7. Different Tab Sizes"), index.h("h3", { key: 'f4c6e85b444c74ecd150b8daef1ee5abf8f1b4f8' }, "Small Size"), index.h("dga-tabs", { key: '1d68badd946653fe4ebcd08bfdea682767f9cf59', size: "sm", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
+            ] })), index.h("section", { key: '922c2260e7afa23932beaa77ae0b6cd8074c2716', style: { marginBottom: '40px' } }, index.h("h2", { key: '4f3c47d8000f38ff0fdd7e6439eec80f2e5f4391' }, "7. Different Tab Sizes"), index.h("h3", { key: 'cb651042cb2eb45a1b78c6138f16beed06f9d7e4' }, "Small Size"), index.h("dga-tabs", { key: 'c0dc09464e0802a163be7ace28e28576d97674a1', size: "sm", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
                 { label: 'Small', onClick: () => this.handleTabClick('Small') },
                 { label: 'Compact', onClick: () => this.handleTabClick('Compact') },
                 { label: 'Minimal', onClick: () => this.handleTabClick('Minimal') }
-            ] }), index.h("h3", { key: '80b81dc8af0d5f5f838067186147c8cc9af6b7e2' }, "Medium Size (Default)"), index.h("dga-tabs", { key: 'ff0f41477f3af42127027804d36be2c798d5550a', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
+            ] }), index.h("h3", { key: 'bccf7571ae1a685a563a720ebafa932cc5e8dcfd' }, "Medium Size (Default)"), index.h("dga-tabs", { key: '93e01aac50fe86e9af3a89ca7cadce2792f2f99b', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
                 { label: 'Medium', onClick: () => this.handleTabClick('Medium') },
                 { label: 'Standard', onClick: () => this.handleTabClick('Standard') },
                 { label: 'Default', onClick: () => this.handleTabClick('Default') }
-            ] }), index.h("h3", { key: 'e0cb239d28faaadb51d4e6926d51370d369387cf' }, "Large Size"), index.h("dga-tabs", { key: '030d13de3cf406754cda715d6d3aa4f70ef4054a', size: "lg", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
+            ] }), index.h("h3", { key: 'b5e2cf6b764cb73f4c77958f2786e62920d6a980' }, "Large Size"), index.h("dga-tabs", { key: '2fb57007b7fac7d0689af12ab5f58b48b8569ced', size: "lg", orientation: "horizontal", flush: false, external: false, divider: true, tabsList: [
                 { label: 'Large', onClick: () => this.handleTabClick('Large') },
                 { label: 'Prominent', onClick: () => this.handleTabClick('Prominent') },
                 { label: 'Bold', onClick: () => this.handleTabClick('Bold') }
-            ] })), index.h("section", { key: '3d7e70da9172f1fd9bf4cf2007ab754e1cb44630', style: { marginBottom: '40px' } }, index.h("h2", { key: 'd930af857aca20ad76de9415eb68994bd150cc42' }, "8. Flush Tabs (No Padding)"), index.h("p", { key: '3263fb9222aebd899501ee82416daffbb33fe9c8' }, "Tabs with flush styling for tight layouts"), index.h("dga-tabs", { key: '8984f72ed6f38c37929a128cf3001226e5a8f884', size: "md", orientation: "horizontal", flush: true, external: false, divider: false, tabsList: [
+            ] })), index.h("section", { key: '0e6f9bafd8a381cbd95ed7303ed585179f66b941', style: { marginBottom: '40px' } }, index.h("h2", { key: '78c2c993cd86b13a7c84c1f1381c0dc50f37d4c8' }, "8. Flush Tabs (No Padding)"), index.h("p", { key: '3e4a64a2adeab9ed886e55c05d806223efd80be8' }, "Tabs with flush styling for tight layouts"), index.h("dga-tabs", { key: '55c9da2a3e0dcbce5c8935aa7bf2c227d671a736', size: "md", orientation: "horizontal", flush: true, external: false, divider: false, tabsList: [
                 {
                     label: 'Flush Tab 1',
                     onClick: () => this.handleTabClick('Flush1'),
@@ -236,7 +236,7 @@ const DgaTabsUsage = class {
                     tabIcon: "square-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] })), index.h("section", { key: 'f0032c6dfe7b5b2446a1406e6f4f8ff6f0098636', style: { marginBottom: '40px' } }, index.h("h2", { key: 'a2b39e768eed846cf3cd26d1c390a49410569fa8' }, "9. Disabled Tabs"), index.h("p", { key: '069cae0c877fcf961a332e2f2b0009ade21d7735' }, "Tabs in disabled state for maintenance or restricted access"), index.h("dga-tabs", { key: '02d54cdda6a0f4b94e34688dba8904a868cb117d', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, disabled: true, tabsList: [
+            ] })), index.h("section", { key: '1bffa2c957b789bde1f9b2c45b61840800232b72', style: { marginBottom: '40px' } }, index.h("h2", { key: 'be302fdab54c05f64033237b0e49b3354563e940' }, "9. Disabled Tabs"), index.h("p", { key: '3e5db287f43d576978cc765f70beb2058ae83d45' }, "Tabs in disabled state for maintenance or restricted access"), index.h("dga-tabs", { key: '172db60f7be7ecb77e57fcd74466183f7dfd1d4b', size: "md", orientation: "horizontal", flush: false, external: false, divider: true, disabled: true, tabsList: [
                 {
                     label: 'Disabled Tab 1',
                     onClick: () => this.handleTabClick('Disabled1'),
@@ -255,7 +255,7 @@ const DgaTabsUsage = class {
                     tabIcon: "lock-01",
                     iconProps: { variant: "stroke", type: "sharp" }
                 }
-            ] })), index.h("section", { key: 'c54905109099f55bb9a6f73a1e8ecc8c964eab32', style: { marginBottom: '40px' } }, index.h("h2", { key: '3d210d801df271d475f2f284f28062e36e6c0917' }, "10. Mobile-Friendly Tabs"), index.h("p", { key: '35fc6023cdd8914a12bcc45eda5864a9c53ec12d' }, "Compact tabs suitable for mobile interfaces"), index.h("dga-tabs", { key: 'fc674ca6857d1b070a52b745508ebdc022cdfb67', size: "sm", orientation: "horizontal", flush: true, external: false, divider: false, tabsList: [
+            ] })), index.h("section", { key: 'd4e5895d58a8b1b674425457d24ac3c42bf15d5b', style: { marginBottom: '40px' } }, index.h("h2", { key: '36ec1bdc0c55c481330d45dd8f03962ead2f579c' }, "10. Mobile-Friendly Tabs"), index.h("p", { key: '73b11082476c26d9f647fa45a666616ab78f215a' }, "Compact tabs suitable for mobile interfaces"), index.h("dga-tabs", { key: '1b7c55bca8de88365cca9e710e82d6ce35215fe6', size: "sm", orientation: "horizontal", flush: true, external: false, divider: false, tabsList: [
                 {
                     label: 'Feed',
                     onClick: () => this.handleTabClick('Feed'),