@platformscode/core 0.0.48 → 0.0.49

package/dist/core/{p-bcdf9168.entry.js → p-a8cf534b.entry.js}

@@ -1 +1 @@
-import{r as a,h as t,H as e,a as n}from"./p-BhVuiKHy.js";import{S as i}from"./p-B6jlKZmF.js";import"./p-BFEqPAFn.js";const d=class{constructor(t){a(this,t),this.sections=[],this.subTitle="sub",this.tocTitle="main",this.rtl=!1,this.activeSectionId="",this.tabRefs=new Map,this.isManuallyScrolling=!1,this.scrollTimeout=null,this.handleScroll=()=>{if(this.isManuallyScrolling)return;const a=window.scrollY||window.pageYOffset,t=window.scrollY||window.pageYOffset,e={},n=t=>{t.forEach((t=>{const i=document.getElementById(t.Target);if(i){const d=i.getBoundingClientRect();e[t.Target]=d.top+a,t.Children&&t.Children.length>0&&n(t.Children)}}))};n(this.sections);const i=this.convertToScrollRanges(e);if(0===i.length)return;let d=i[0].title;for(const{title:a,range:e}of i){const[n,i]=e;if(t+10>=n&&t<i){d=a;break}}d!==this.activeSectionId&&(this.activeSectionId=d)}}sxChanged(){this.sxHandler.processSx(this.sx)}componentWillLoad(){this.defaultActiveId&&(this.activeSectionId=this.defaultActiveId),this.sxHandler=new i(this.el,"dga-table-of-content")}componentDidLoad(){setTimeout((()=>{this.handleScroll(),window.addEventListener("scroll",this.handleScroll)}),300),this.sxHandler.processSx(this.sx)}disconnectedCallback(){window.removeEventListener("scroll",this.handleScroll),this.scrollTimeout&&clearTimeout(this.scrollTimeout),this.sxHandler.cleanup()}convertToScrollRanges(a){const t=Object.keys(a).sort(((t,e)=>a[t]-a[e]));if(0===t.length)return[];const e=[];for(let n=0;n<t.length-1;n++){const i=t[n];e.push({title:i,range:[a[i],a[t[n+1]]]})}const n=t[t.length-1];return e.push({title:n,range:[a[n],1/0]}),e}moveTOSelectedId(a){try{this.activeSectionId=a,this.isManuallyScrolling=!0;const t=document.getElementById(a);if(t){const a=20,e=t.getBoundingClientRect().top+window.pageYOffset-a;window.scrollTo({top:e,behavior:"smooth"}),this.scrollTimeout&&clearTimeout(this.scrollTimeout),this.scrollTimeout=setTimeout((()=>{this.isManuallyScrolling=!1}),1e3)}}catch(a){console.error("Error moving to selected ID:",a),this.isManuallyScrolling=!1}}handleAddPressed(a){const t=this.tabRefs.get(a);null==t||t.classList.add("pressed")}handleRemovePressed(a){const t=this.tabRefs.get(a);null==t||t.classList.remove("pressed")}renderTab(a){return t("li",null,t("a",{ref:t=>t&&this.tabRefs.set(a.Target,t),onClick:t=>{t.preventDefault(),this.moveTOSelectedId(a.Target)},onMouseDown:()=>this.handleAddPressed(a.Target),onMouseUp:()=>this.handleRemovePressed(a.Target),onMouseOut:()=>this.handleRemovePressed(a.Target),class:"table-of-content__tab "+(this.activeSectionId===a.Target?"active":"")},t("span",{class:"table-of-content__tab-label"},a.Name)))}renderSubTabs(a){var e;return t("ul",{class:"table-of-content__tab-sublist"},this.renderTab(a),null===(e=a.Children)||void 0===e?void 0:e.map((a=>t("ul",{class:"table-of-content__tab-sub-sublist"},this.renderTab(a)))))}render(){return t(e,{key:"ac0ce1543b8a4556b22cfdb1f7e8761745c31c10",id:this.sxHandler.getId(),style:this.sxHandler.getStyles()},t("aside",{key:"854fbaa37dc984d9368bc6501035d36046c15c0e",class:"table-of-content "+(this.rtl?"rtl":""),dir:this.rtl?"rtl":"ltr"},t("div",{key:"205782a0e4cadd5e711134f50b41178083fc740c",class:"table-of-content__header"},t("p",{key:"9d75819bd96b5194f84cf24df34140c2be7d82dc",class:"text-sm-regular"},this.subTitle),t("h4",{key:"47869006813d4fa830e53e1bc1b2a3c3d35790a8",class:"text-xl-semibold"},this.tocTitle)),t("div",{key:"125041a9d96ef160f5389fa9e72a5400eec6499f",class:"table-of-content__body"},t("ul",{key:"c8d7cec0a4d30ea91dfd867b132fb633d775f01d",class:"table-of-content__tab-list"},this.sections.map((a=>a.Children?t("div",null,this.renderTab(a),a.Children.map((a=>this.renderSubTabs(a)))):this.renderTab(a)))))))}get el(){return n(this)}static get watchers(){return{sx:["sxChanged"]}}};d.style='html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff") format("woff");font-weight:500;font-style:normal}@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff") format("woff");font-weight:600;font-style:normal}@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:auto}body{font-family:"IBM Plex Sans Arabic"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px "IBM Plex Sans Arabic"}.display-xl-regular{font:400 60px/72px "IBM Plex Sans Arabic"}.display-lg-regular{font:400 48px/60px "IBM Plex Sans Arabic"}.display-md-regular{font:400 36px/44px "IBM Plex Sans Arabic"}.display-sm-regular{font:400 30px/38px "IBM Plex Sans Arabic"}.display-xs-regular{font:400 24px/32px "IBM Plex Sans Arabic"}.text-xl-regular{font:400 20px/30px "IBM Plex Sans Arabic"}.text-lg-regular{font:400 18px/28px "IBM Plex Sans Arabic"}.text-md-regular{font:400 16px/24px "IBM Plex Sans Arabic"}.text-sm-regular,.table-of-content__tab-label{font:400 14px/20px "IBM Plex Sans Arabic"}.text-xs-regular{font:400 12px/18px "IBM Plex Sans Arabic"}.text-2xs-regular{font:400 10px/14px "IBM Plex Sans Arabic"}.display-2xl-medium{font:500 72px/90px "IBM Plex Sans Arabic"}.display-xl-medium{font:500 60px/72px "IBM Plex Sans Arabic"}.display-lg-medium{font:500 48px/60px "IBM Plex Sans Arabic"}.display-md-medium{font:500 36px/44px "IBM Plex Sans Arabic"}.display-sm-medium{font:500 30px/38px "IBM Plex Sans Arabic"}.display-xs-medium{font:500 24px/32px "IBM Plex Sans Arabic"}.text-xl-medium{font:500 20px/30px "IBM Plex Sans Arabic"}.text-lg-medium{font:500 18px/28px "IBM Plex Sans Arabic"}.text-md-medium{font:500 16px/24px "IBM Plex Sans Arabic"}.text-sm-medium{font:500 14px/20px "IBM Plex Sans Arabic"}.text-xs-medium{font:500 12px/18px "IBM Plex Sans Arabic"}.text-2xs-medium{font:500 10px/14px "IBM Plex Sans Arabic"}.display-2xl-semibold{font:600 72px/90px "IBM Plex Sans Arabic"}.display-xl-semibold{font:600 60px/72px "IBM Plex Sans Arabic"}.display-lg-semibold{font:600 48px/60px "IBM Plex Sans Arabic"}.display-md-semibold{font:600 36px/44px "IBM Plex Sans Arabic"}.display-sm-semibold{font:600 30px/38px "IBM Plex Sans Arabic"}.display-xs-semibold{font:600 24px/32px "IBM Plex Sans Arabic"}.text-xl-semibold{font:600 20px/30px "IBM Plex Sans Arabic"}.text-lg-semibold{font:600 18px/28px "IBM Plex Sans Arabic"}.text-md-semibold{font:600 16px/24px "IBM Plex Sans Arabic"}.text-sm-semibold,.table-of-content__tab.selected .table-of-content__tab-label,.table-of-content__tab.active .table-of-content__tab-label{font:600 14px/20px "IBM Plex Sans Arabic"}.text-xs-semibold{font:600 12px/18px "IBM Plex Sans Arabic"}.text-2xs-semibold{font:600 10px/14px "IBM Plex Sans Arabic"}.display-2xl-bold{font:700 72px/90px "IBM Plex Sans Arabic"}.display-xl-bold{font:700 60px/72px "IBM Plex Sans Arabic"}.display-lg-bold{font:700 48px/60px "IBM Plex Sans Arabic"}.display-md-bold{font:700 36px/44px "IBM Plex Sans Arabic"}.display-sm-bold{font:700 30px/38px "IBM Plex Sans Arabic"}.display-xs-bold{font:700 24px/32px "IBM Plex Sans Arabic"}.text-xl-bold{font:700 20px/30px "IBM Plex Sans Arabic"}.text-lg-bold{font:700 18px/28px "IBM Plex Sans Arabic"}.text-md-bold{font:700 16px/24px "IBM Plex Sans Arabic"}.text-sm-bold{font:700 14px/20px "IBM Plex Sans Arabic"}.text-xs-bold{font:700 12px/18px "IBM Plex Sans Arabic"}.text-2xs-bold{font:700 10px/14px "IBM Plex Sans Arabic"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}.table-of-content{display:flex;width:228px;padding:var(--container-padding-desktop) var(--spacing-none);flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.table-of-content__header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.table-of-content__tab-list{list-style:none;padding:0}.table-of-content__tab-sublist{list-style:none;padding:0}.table-of-content__tab-sublist .table-of-content__tab{position:relative;padding-left:calc(var(--spacing-xl) * 2)}.table-of-content__tab-sublist .table-of-content__tab::before{content:"";width:2px;height:100%;background-color:var(--background-neutral-300);display:block;position:absolute;left:16px;top:0}.table-of-content__tab-sublist .table-of-content__tab.active::before,.table-of-content__tab-sublist .table-of-content__tab.active::after{background-color:var(--background-primary)}.table-of-content__tab-sub-sublist{list-style:none;padding:0}.table-of-content__tab-sub-sublist .table-of-content__tab{position:relative;padding-left:calc(var(--spacing-xl) * 3)}.table-of-content__tab-sub-sublist .table-of-content__tab::before{content:"";width:2px;height:100%;background-color:var(--background-neutral-300);display:block;position:absolute;left:16px;top:0}.table-of-content__tab-sub-sublist .table-of-content__tab::after{content:"";width:2px;height:100%;background-color:var(--background-neutral-300);display:block;position:absolute;left:32px;top:0}.table-of-content__tab{display:flex;min-width:140px;padding:0px var(--spacing-md, 8px) 0px var(--spacing-xl);justify-content:center;align-items:center;border-radius:var(--radius-xs);position:relative}.table-of-content__tab-label{padding-block:var(--spacing-sm);flex:1;color:var(--text-primary-paragraph)}.table-of-content__tab::before{display:none;content:"";width:2px;height:100%;background-color:var(--background-neutral-300);border-radius:var(--radius-full);position:absolute;left:0;top:0}.table-of-content__tab-prefix{display:none;height:100%;border-radius:var(--radius-full);background-color:var(--background-primary);width:2px;position:absolute;left:0;top:0}.table-of-content__tab:hover .table-of-content__tab-prefix{display:block;background-color:var(--background-neutral-300)}.table-of-content__tab:hover .table-of-content__tab-label{color:var(--background-neutral-800)}.table-of-content__tab:hover{background-color:var(--background-neutral-100)}.table-of-content__tab:hover::before{background-color:var(--background-neutral-400)}.table-of-content__tab:focus .table-of-content__tab-prefix{display:none}.table-of-content__tab:focus .table-of-content__tab-label{color:var(--background-neutral-800)}.table-of-content__tab:focus{outline:2px solid var(--border-black);background-color:transparent}.table-of-content__tab:focus::after,.table-of-content__tab:focus::before{display:none}.table-of-content__tab.active::before{display:block;background-color:var(--background-primary)}.table-of-content__tab.selected,.table-of-content__tab.active{color:var(--background-neutral-800)}.table-of-content__tab.selected .table-of-content__tab-prefix,.table-of-content__tab.active .table-of-content__tab-prefix{display:block;background-color:var(--background-primary)}.table-of-content__tab.pressed .table-of-content__tab-prefix{display:block;background-color:var(--controls-control-border)}.table-of-content__tab.pressed .table-of-content__tab-label{color:var(--background-neutral-800)}.table-of-content__tab.pressed{outline:none;background-color:var(--button-background-neutral-pressed)}.table-of-content__tab.pressed::before{background-color:var(--background-neutral-800)}.table-of-content.rtl .table-of-content__tab-sublist .table-of-content__tab{padding-left:unset;padding-right:calc(var(--spacing-xl) * 2)}.table-of-content.rtl .table-of-content__tab-sublist .table-of-content__tab::before{left:unset;right:16px}.table-of-content.rtl .table-of-content__tab-sub-sublist .table-of-content__tab{padding-left:unset;padding-right:calc(var(--spacing-xl) * 3)}.table-of-content.rtl .table-of-content__tab-sub-sublist .table-of-content__tab::before{left:unset;right:16px}.table-of-content.rtl .table-of-content__tab-sub-sublist .table-of-content__tab::after{left:unset;right:32px}.table-of-content.rtl .table-of-content__tab::before{left:unset;right:0;top:0}';export{d as nds_table_of_content}
+import{r as a,h as t,H as e,a as n}from"./p-BLSc18AE.js";import{S as i}from"./p-B6jlKZmF.js";import"./p-BFEqPAFn.js";const d=class{constructor(t){a(this,t),this.sections=[],this.subTitle="sub",this.tocTitle="main",this.rtl=!1,this.activeSectionId="",this.tabRefs=new Map,this.isManuallyScrolling=!1,this.scrollTimeout=null,this.handleScroll=()=>{if(this.isManuallyScrolling)return;const a=window.scrollY||window.pageYOffset,t=window.scrollY||window.pageYOffset,e={},n=t=>{t.forEach((t=>{const i=document.getElementById(t.Target);if(i){const d=i.getBoundingClientRect();e[t.Target]=d.top+a,t.Children&&t.Children.length>0&&n(t.Children)}}))};n(this.sections);const i=this.convertToScrollRanges(e);if(0===i.length)return;let d=i[0].title;for(const{title:a,range:e}of i){const[n,i]=e;if(t+10>=n&&t<i){d=a;break}}d!==this.activeSectionId&&(this.activeSectionId=d)}}sxChanged(){this.sxHandler.processSx(this.sx)}componentWillLoad(){this.defaultActiveId&&(this.activeSectionId=this.defaultActiveId),this.sxHandler=new i(this.el,"dga-table-of-content")}componentDidLoad(){setTimeout((()=>{this.handleScroll(),window.addEventListener("scroll",this.handleScroll)}),300),this.sxHandler.processSx(this.sx)}disconnectedCallback(){window.removeEventListener("scroll",this.handleScroll),this.scrollTimeout&&clearTimeout(this.scrollTimeout),this.sxHandler.cleanup()}convertToScrollRanges(a){const t=Object.keys(a).sort(((t,e)=>a[t]-a[e]));if(0===t.length)return[];const e=[];for(let n=0;n<t.length-1;n++){const i=t[n];e.push({title:i,range:[a[i],a[t[n+1]]]})}const n=t[t.length-1];return e.push({title:n,range:[a[n],1/0]}),e}moveTOSelectedId(a){try{this.activeSectionId=a,this.isManuallyScrolling=!0;const t=document.getElementById(a);if(t){const a=20,e=t.getBoundingClientRect().top+window.pageYOffset-a;window.scrollTo({top:e,behavior:"smooth"}),this.scrollTimeout&&clearTimeout(this.scrollTimeout),this.scrollTimeout=setTimeout((()=>{this.isManuallyScrolling=!1}),1e3)}}catch(a){console.error("Error moving to selected ID:",a),this.isManuallyScrolling=!1}}handleAddPressed(a){const t=this.tabRefs.get(a);null==t||t.classList.add("pressed")}handleRemovePressed(a){const t=this.tabRefs.get(a);null==t||t.classList.remove("pressed")}renderTab(a){return t("li",null,t("a",{ref:t=>t&&this.tabRefs.set(a.Target,t),onClick:t=>{t.preventDefault(),this.moveTOSelectedId(a.Target)},onMouseDown:()=>this.handleAddPressed(a.Target),onMouseUp:()=>this.handleRemovePressed(a.Target),onMouseOut:()=>this.handleRemovePressed(a.Target),class:"table-of-content__tab "+(this.activeSectionId===a.Target?"active":"")},t("span",{class:"table-of-content__tab-label"},a.Name)))}renderSubTabs(a){var e;return t("ul",{class:"table-of-content__tab-sublist"},this.renderTab(a),null===(e=a.Children)||void 0===e?void 0:e.map((a=>t("ul",{class:"table-of-content__tab-sub-sublist"},this.renderTab(a)))))}render(){return t(e,{key:"ac0ce1543b8a4556b22cfdb1f7e8761745c31c10",id:this.sxHandler.getId(),style:this.sxHandler.getStyles()},t("aside",{key:"854fbaa37dc984d9368bc6501035d36046c15c0e",class:"table-of-content "+(this.rtl?"rtl":""),dir:this.rtl?"rtl":"ltr"},t("div",{key:"205782a0e4cadd5e711134f50b41178083fc740c",class:"table-of-content__header"},t("p",{key:"9d75819bd96b5194f84cf24df34140c2be7d82dc",class:"text-sm-regular"},this.subTitle),t("h4",{key:"47869006813d4fa830e53e1bc1b2a3c3d35790a8",class:"text-xl-semibold"},this.tocTitle)),t("div",{key:"125041a9d96ef160f5389fa9e72a5400eec6499f",class:"table-of-content__body"},t("ul",{key:"c8d7cec0a4d30ea91dfd867b132fb633d775f01d",class:"table-of-content__tab-list"},this.sections.map((a=>a.Children?t("div",null,this.renderTab(a),a.Children.map((a=>this.renderSubTabs(a)))):this.renderTab(a)))))))}get el(){return n(this)}static get watchers(){return{sx:["sxChanged"]}}};d.style='html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff") format("woff");font-weight:500;font-style:normal}@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff") format("woff");font-weight:600;font-style:normal}@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:auto}body{font-family:"IBM Plex Sans Arabic"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px "IBM Plex Sans Arabic"}.display-xl-regular{font:400 60px/72px "IBM Plex Sans Arabic"}.display-lg-regular{font:400 48px/60px "IBM Plex Sans Arabic"}.display-md-regular{font:400 36px/44px "IBM Plex Sans Arabic"}.display-sm-regular{font:400 30px/38px "IBM Plex Sans Arabic"}.display-xs-regular{font:400 24px/32px "IBM Plex Sans Arabic"}.text-xl-regular{font:400 20px/30px "IBM Plex Sans Arabic"}.text-lg-regular{font:400 18px/28px "IBM Plex Sans Arabic"}.text-md-regular{font:400 16px/24px "IBM Plex Sans Arabic"}.text-sm-regular,.table-of-content__tab-label{font:400 14px/20px "IBM Plex Sans Arabic"}.text-xs-regular{font:400 12px/18px "IBM Plex Sans Arabic"}.text-2xs-regular{font:400 10px/14px "IBM Plex Sans Arabic"}.display-2xl-medium{font:500 72px/90px "IBM Plex Sans Arabic"}.display-xl-medium{font:500 60px/72px "IBM Plex Sans Arabic"}.display-lg-medium{font:500 48px/60px "IBM Plex Sans Arabic"}.display-md-medium{font:500 36px/44px "IBM Plex Sans Arabic"}.display-sm-medium{font:500 30px/38px "IBM Plex Sans Arabic"}.display-xs-medium{font:500 24px/32px "IBM Plex Sans Arabic"}.text-xl-medium{font:500 20px/30px "IBM Plex Sans Arabic"}.text-lg-medium{font:500 18px/28px "IBM Plex Sans Arabic"}.text-md-medium{font:500 16px/24px "IBM Plex Sans Arabic"}.text-sm-medium{font:500 14px/20px "IBM Plex Sans Arabic"}.text-xs-medium{font:500 12px/18px "IBM Plex Sans Arabic"}.text-2xs-medium{font:500 10px/14px "IBM Plex Sans Arabic"}.display-2xl-semibold{font:600 72px/90px "IBM Plex Sans Arabic"}.display-xl-semibold{font:600 60px/72px "IBM Plex Sans Arabic"}.display-lg-semibold{font:600 48px/60px "IBM Plex Sans Arabic"}.display-md-semibold{font:600 36px/44px "IBM Plex Sans Arabic"}.display-sm-semibold{font:600 30px/38px "IBM Plex Sans Arabic"}.display-xs-semibold{font:600 24px/32px "IBM Plex Sans Arabic"}.text-xl-semibold{font:600 20px/30px "IBM Plex Sans Arabic"}.text-lg-semibold{font:600 18px/28px "IBM Plex Sans Arabic"}.text-md-semibold{font:600 16px/24px "IBM Plex Sans Arabic"}.text-sm-semibold,.table-of-content__tab.selected .table-of-content__tab-label,.table-of-content__tab.active .table-of-content__tab-label{font:600 14px/20px "IBM Plex Sans Arabic"}.text-xs-semibold{font:600 12px/18px "IBM Plex Sans Arabic"}.text-2xs-semibold{font:600 10px/14px "IBM Plex Sans Arabic"}.display-2xl-bold{font:700 72px/90px "IBM Plex Sans Arabic"}.display-xl-bold{font:700 60px/72px "IBM Plex Sans Arabic"}.display-lg-bold{font:700 48px/60px "IBM Plex Sans Arabic"}.display-md-bold{font:700 36px/44px "IBM Plex Sans Arabic"}.display-sm-bold{font:700 30px/38px "IBM Plex Sans Arabic"}.display-xs-bold{font:700 24px/32px "IBM Plex Sans Arabic"}.text-xl-bold{font:700 20px/30px "IBM Plex Sans Arabic"}.text-lg-bold{font:700 18px/28px "IBM Plex Sans Arabic"}.text-md-bold{font:700 16px/24px "IBM Plex Sans Arabic"}.text-sm-bold{font:700 14px/20px "IBM Plex Sans Arabic"}.text-xs-bold{font:700 12px/18px "IBM Plex Sans Arabic"}.text-2xs-bold{font:700 10px/14px "IBM Plex Sans Arabic"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}.table-of-content{display:flex;width:228px;padding:var(--container-padding-desktop) var(--spacing-none);flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.table-of-content__header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.table-of-content__tab-list{list-style:none;padding:0}.table-of-content__tab-sublist{list-style:none;padding:0}.table-of-content__tab-sublist .table-of-content__tab{position:relative;padding-left:calc(var(--spacing-xl) * 2)}.table-of-content__tab-sublist .table-of-content__tab::before{content:"";width:2px;height:100%;background-color:var(--background-neutral-300);display:block;position:absolute;left:16px;top:0}.table-of-content__tab-sublist .table-of-content__tab.active::before,.table-of-content__tab-sublist .table-of-content__tab.active::after{background-color:var(--background-primary)}.table-of-content__tab-sub-sublist{list-style:none;padding:0}.table-of-content__tab-sub-sublist .table-of-content__tab{position:relative;padding-left:calc(var(--spacing-xl) * 3)}.table-of-content__tab-sub-sublist .table-of-content__tab::before{content:"";width:2px;height:100%;background-color:var(--background-neutral-300);display:block;position:absolute;left:16px;top:0}.table-of-content__tab-sub-sublist .table-of-content__tab::after{content:"";width:2px;height:100%;background-color:var(--background-neutral-300);display:block;position:absolute;left:32px;top:0}.table-of-content__tab{display:flex;min-width:140px;padding:0px var(--spacing-md, 8px) 0px var(--spacing-xl);justify-content:center;align-items:center;border-radius:var(--radius-xs);position:relative}.table-of-content__tab-label{padding-block:var(--spacing-sm);flex:1;color:var(--text-primary-paragraph)}.table-of-content__tab::before{display:none;content:"";width:2px;height:100%;background-color:var(--background-neutral-300);border-radius:var(--radius-full);position:absolute;left:0;top:0}.table-of-content__tab-prefix{display:none;height:100%;border-radius:var(--radius-full);background-color:var(--background-primary);width:2px;position:absolute;left:0;top:0}.table-of-content__tab:hover .table-of-content__tab-prefix{display:block;background-color:var(--background-neutral-300)}.table-of-content__tab:hover .table-of-content__tab-label{color:var(--background-neutral-800)}.table-of-content__tab:hover{background-color:var(--background-neutral-100)}.table-of-content__tab:hover::before{background-color:var(--background-neutral-400)}.table-of-content__tab:focus .table-of-content__tab-prefix{display:none}.table-of-content__tab:focus .table-of-content__tab-label{color:var(--background-neutral-800)}.table-of-content__tab:focus{outline:2px solid var(--border-black);background-color:transparent}.table-of-content__tab:focus::after,.table-of-content__tab:focus::before{display:none}.table-of-content__tab.active::before{display:block;background-color:var(--background-primary)}.table-of-content__tab.selected,.table-of-content__tab.active{color:var(--background-neutral-800)}.table-of-content__tab.selected .table-of-content__tab-prefix,.table-of-content__tab.active .table-of-content__tab-prefix{display:block;background-color:var(--background-primary)}.table-of-content__tab.pressed .table-of-content__tab-prefix{display:block;background-color:var(--controls-control-border)}.table-of-content__tab.pressed .table-of-content__tab-label{color:var(--background-neutral-800)}.table-of-content__tab.pressed{outline:none;background-color:var(--button-background-neutral-pressed)}.table-of-content__tab.pressed::before{background-color:var(--background-neutral-800)}.table-of-content.rtl .table-of-content__tab-sublist .table-of-content__tab{padding-left:unset;padding-right:calc(var(--spacing-xl) * 2)}.table-of-content.rtl .table-of-content__tab-sublist .table-of-content__tab::before{left:unset;right:16px}.table-of-content.rtl .table-of-content__tab-sub-sublist .table-of-content__tab{padding-left:unset;padding-right:calc(var(--spacing-xl) * 3)}.table-of-content.rtl .table-of-content__tab-sub-sublist .table-of-content__tab::before{left:unset;right:16px}.table-of-content.rtl .table-of-content__tab-sub-sublist .table-of-content__tab::after{left:unset;right:32px}.table-of-content.rtl .table-of-content__tab::before{left:unset;right:0;top:0}';export{d as nds_table_of_content}

package/dist/core/p-aaa31ad4.entry.js

@@ -0,0 +1 @@
+import{r as e,h as a}from"./p-BLSc18AE.js";const d=class{constructor(a){e(this,a),this.variant="neutral"}render(){return a("div",{key:"a0a823c098af6df00bd7b77244c48b62c35d062c"},a("h1",{key:"7279a21c6210ed7e50f34280cab77560b87fc19c"},"Button Example"),a("div",{key:"5ff9a3264309e5e118f49fc911a8190e7b257e4b",style:{padding:"50px",display:"flex",gap:"20px"}},a("div",{key:"4a444893cf33503b545e337996154dda2897d26f",style:{display:"flex",flexDirection:"column",gap:"20px"}},a("dga-flex",{key:"67710defbf59ac75d07743749af8f1b7010df23c",direction:"column",spacing:16},a("dga-button-v2",{key:"5a49c8e357f09fe97da31d987021b0c25e0d6ad4",label:"Button",variant:"primary",size:"lg"}),a("dga-button-v2",{key:"75ac62d5c9ee866da8e6d875c17147c202f06bde",label:"Button",variant:"primary",size:"md"}),a("dga-button-v2",{key:"c04493292b27a71bef921e296060a1cb24e4b2dc",label:"Button",variant:"primary",size:"sm"}),a("dga-button-v2",{key:"cdf6e06a1315767f930feac5f7b878496d8998b6",label:"Button",variant:"neutral",size:"lg"}),a("dga-button-v2",{key:"83a3cec32965e051cca67349fdac68cbb0dfb7be",label:"Button",variant:"neutral",size:"md"}),a("dga-button-v2",{key:"196636775a07ef3a2718acfb57480377578e7c19",label:"Button",variant:"neutral",size:"sm"}),a("dga-button-v2",{key:"4bfc065e3fa8d51d946c515ac94fae9c9096e53e",label:"Button",variant:"secondary-solid",size:"lg"}),a("dga-button-v2",{key:"df67f0f26d95b385022b1e9628669c44f0fa7f7b",label:"Button",variant:"secondary-solid",size:"md"}),a("dga-button-v2",{key:"a1fbc40797421d5c3fdd2f51da45f490fb1f47df",label:"Button",variant:"secondary-solid",size:"sm"}),a("dga-button-v2",{key:"a7be0d10c536b46423d1991ab52473eb83f8077d",label:"Button",variant:"primary",destructive:!0,size:"lg"}),a("dga-button-v2",{key:"5fc9845458757d81e3e8201f6b73aa86d996b9f5",label:"Button",variant:"primary",destructive:!0,size:"md"}),a("dga-button-v2",{key:"ce1e0bac6082807fb068bc03be65d6ea0815e683",label:"Button",variant:"primary",destructive:!0,size:"sm"})),a("dga-button-v2",{key:"085bc892a9974e219f8c189a10d269791fd7b509",label:"Button",variant:"primary",onColor:!0},a("dga-button-leading-icon",{key:"9cdc4208b9580b932a753b348cce3adf97d91185",name:"link-square-01",size:16,color:"red"})),a("dga-button-v2",{key:"081442c9a621daa816c3b61f79f1be5970d96abc",label:"Source code",variant:"secondary-outline",leadIcon:!0,leadIconProps:{name:"source-code",variant:"stroke",type:"standard"}}),a("dga-button-v2",{key:"611e212c60ecc8c8be5d6e32f2b3a8f66f2465c4",label:"See live preview",size:"lg",variant:"secondary-outline",trailIcon:!0,trailIconProps:{name:"link-square-01",variant:"stroke",type:"standard"}})),a("div",{key:"4c249cc1ace9143af32d0cfbdad1fb4b6115d403",style:{display:"flex",flexDirection:"column",gap:"20px",backgroundColor:"#074D31",padding:"20px"}},a("nds-button",{key:"d349de388b313edd812dd06cc4bbba01e84f9826",label:"Button",variant:"primary-brand",size:"lg"}),a("nds-button",{key:"e8259893474ec84ffb3a57e260b61bedb7c177d9",label:"Button",variant:"primary-brand",size:"lg",selected:!0}),a("nds-button",{key:"55f2c48d8210c5acffb86d60a832bee70c5e6ca1",leadingIcon:"link-square-01",size:"sm"},a("dga-icon-v2",{key:"8a2526b238a2615673ccabf983bd777d55aeb89f",slot:"leading-icon",name:"source-code",variant:"stroke",type:"rounded",size:16,color:"white"}))),a("dga-icon-v2",{key:"2f8f8e73c4215653357a4eb82a6ccff33da1132c",name:"link-square-01",variant:"stroke",type:"rounded",color:"red"}),a("div",{key:"619560d745c46531287b4bf6a2abc07f74967c5f",style:{display:"flex",flexDirection:"column",gap:"20px"}})))}};export{d as nds_button_usage}

package/dist/core/{p-f225b2e7.entry.js → p-ab757234.entry.js}

@@ -1 +1 @@
-import{r as a,h as e,H as i,a as d,F as n}from"./p-BhVuiKHy.js";import{S as t}from"./p-B6jlKZmF.js";import{g as p}from"./p-OZG1OajU.js";import"./p-BFEqPAFn.js";const r=class{constructor(e){a(this,e),this.background="brand",this.anchor="left",this.open=!1}componentWillLoad(){this.sxHandler=new t(this.el,"dga-slider")}componentDidLoad(){this.sxHandler.processSx(this.sx)}sxChanged(){this.sxHandler.processSx(this.sx)}disconnectedCallback(){this.sxHandler.cleanup()}render(){return e(i,{key:"8552581bed4593cbe9adf41ad4bb366d6d6db32e",id:this.sxHandler.getId(),style:this.sxHandler.getStyles()},e("div",{key:"3e079d001aabb0872ad3d043123d45c15f168e70",class:`sidepanel sidepanel--${this.anchor} ${this.background?`sidepanel--bg-${this.background}`:""}\n            ${this.overlay?"sidepanel--overlay":""}\n            ${this.border?"sidepanel--border":""}\n            ${this.open?"active":""}\n            `},this.headerLogo&&e("div",{key:"adea17e059c2940e0c5d38685a165b737addb00d",class:"sidepanel__header"},e("img",{key:"428be81dc3b3b556b827ea0209fdfbca2a318d4f",src:this.headerLogo,alt:"logo"})),e("side-panel-menu",{key:"5e0b0e713d0a44ce0144111a82bfd80981ab032d",routes:this.routes}),e("slot",{key:"61a962846a0f192099f477956abc6823c2a24a2c"})))}get el(){return d(this)}static get watchers(){return{sx:["sxChanged"]}}};r.style='html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff") format("woff");font-weight:500;font-style:normal}@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff") format("woff");font-weight:600;font-style:normal}@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:auto}body{font-family:"IBM Plex Sans Arabic"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px "IBM Plex Sans Arabic"}.display-xl-regular{font:400 60px/72px "IBM Plex Sans Arabic"}.display-lg-regular{font:400 48px/60px "IBM Plex Sans Arabic"}.display-md-regular{font:400 36px/44px "IBM Plex Sans Arabic"}.display-sm-regular{font:400 30px/38px "IBM Plex Sans Arabic"}.display-xs-regular{font:400 24px/32px "IBM Plex Sans Arabic"}.text-xl-regular{font:400 20px/30px "IBM Plex Sans Arabic"}.text-lg-regular{font:400 18px/28px "IBM Plex Sans Arabic"}.text-md-regular{font:400 16px/24px "IBM Plex Sans Arabic"}.text-sm-regular,.sidepanel__submenu--sublevel .sidepanel__submenu-tab-label,.sidepanel__menu-tab,.sidepanel__submenu-tab{font:400 14px/20px "IBM Plex Sans Arabic"}.text-xs-regular{font:400 12px/18px "IBM Plex Sans Arabic"}.text-2xs-regular{font:400 10px/14px "IBM Plex Sans Arabic"}.display-2xl-medium{font:500 72px/90px "IBM Plex Sans Arabic"}.display-xl-medium{font:500 60px/72px "IBM Plex Sans Arabic"}.display-lg-medium{font:500 48px/60px "IBM Plex Sans Arabic"}.display-md-medium{font:500 36px/44px "IBM Plex Sans Arabic"}.display-sm-medium{font:500 30px/38px "IBM Plex Sans Arabic"}.display-xs-medium{font:500 24px/32px "IBM Plex Sans Arabic"}.text-xl-medium{font:500 20px/30px "IBM Plex Sans Arabic"}.text-lg-medium{font:500 18px/28px "IBM Plex Sans Arabic"}.text-md-medium{font:500 16px/24px "IBM Plex Sans Arabic"}.text-sm-medium{font:500 14px/20px "IBM Plex Sans Arabic"}.text-xs-medium{font:500 12px/18px "IBM Plex Sans Arabic"}.text-2xs-medium{font:500 10px/14px "IBM Plex Sans Arabic"}.display-2xl-semibold{font:600 72px/90px "IBM Plex Sans Arabic"}.display-xl-semibold{font:600 60px/72px "IBM Plex Sans Arabic"}.display-lg-semibold{font:600 48px/60px "IBM Plex Sans Arabic"}.display-md-semibold{font:600 36px/44px "IBM Plex Sans Arabic"}.display-sm-semibold{font:600 30px/38px "IBM Plex Sans Arabic"}.display-xs-semibold{font:600 24px/32px "IBM Plex Sans Arabic"}.text-xl-semibold{font:600 20px/30px "IBM Plex Sans Arabic"}.text-lg-semibold{font:600 18px/28px "IBM Plex Sans Arabic"}.text-md-semibold{font:600 16px/24px "IBM Plex Sans Arabic"}.text-sm-semibold,.sidepanel__submenu-tab-label,.sidepanel__menu-tab-label{font:600 14px/20px "IBM Plex Sans Arabic"}.text-xs-semibold{font:600 12px/18px "IBM Plex Sans Arabic"}.text-2xs-semibold{font:600 10px/14px "IBM Plex Sans Arabic"}.display-2xl-bold{font:700 72px/90px "IBM Plex Sans Arabic"}.display-xl-bold{font:700 60px/72px "IBM Plex Sans Arabic"}.display-lg-bold{font:700 48px/60px "IBM Plex Sans Arabic"}.display-md-bold{font:700 36px/44px "IBM Plex Sans Arabic"}.display-sm-bold{font:700 30px/38px "IBM Plex Sans Arabic"}.display-xs-bold{font:700 24px/32px "IBM Plex Sans Arabic"}.text-xl-bold{font:700 20px/30px "IBM Plex Sans Arabic"}.text-lg-bold{font:700 18px/28px "IBM Plex Sans Arabic"}.text-md-bold{font:700 16px/24px "IBM Plex Sans Arabic"}.text-sm-bold,.sidepanel__menu-tab.active>.sidepanel__menu-tab-label,.active.sidepanel__submenu-tab>.sidepanel__menu-tab-label,.sidepanel__menu-tab.selected,.selected.sidepanel__submenu-tab,.sidepanel__menu-tab.active,.active.sidepanel__submenu-tab{font:700 14px/20px "IBM Plex Sans Arabic"}.text-xs-bold{font:700 12px/18px "IBM Plex Sans Arabic"}.text-2xs-bold{font:700 10px/14px "IBM Plex Sans Arabic"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}.sidepanel{background-color:var(--colors-base-white);display:flex;flex-direction:column;align-items:flex-start;width:fit-content;min-height:100vh;max-height:100vh;overflow-y:auto;position:fixed;top:0;z-index:99;transition:all 0.4s ease-in-out;transform:translate3d(-100vw, 0, 0);transition:transform 400ms ease-in}.sidepanel--right{left:auto;right:0;transform:translate3d(100vw, 0, 0)}.sidepanel.active{transform:translate3d(0vw, 0, 0)}.sidepanel__header{display:flex;padding:16px var(--spacing-4xl, 32px);align-items:center;width:100%}.sidepanel__header>img{height:32px;width:auto}.sidepanel::-webkit-scrollbar{height:100px;width:calc(8px + 2 * var(--spacing-xs))}.sidepanel::-webkit-scrollbar-track{background-color:transparent;padding:var(--spacing-xs)}.sidepanel::-webkit-scrollbar-thumb{height:100px;border-radius:var(--radius-full);border:var(--spacing-xs) solid transparent;background-color:var(--border-neutral-primary);background-clip:content-box;mix-blend-mode:multiply}.sidepanel__nav-header{margin-inline:var(--spacing-4xl);margin-block:var(--spacing-lg)}.sidepanel ul{list-style:none;padding:0;margin:0}.sidepanel__menu-list{width:100%;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-8xl) var(--spacing-xl) !important}.sidepanel__menu-tab,.sidepanel__submenu-tab{display:flex;padding:var(--spacing-md) var(--spacing-xl);justify-content:center;align-items:center;gap:var(--spacing-md);align-self:stretch;color:var(--colors-gray-neutral-600);text-decoration:none;border-radius:var(--radius-sm);mix-blend-mode:multiply;position:relative;border:2px solid transparent;outline:none}.sidepanel__menu-tab::after,.sidepanel__submenu-tab::after{content:"";width:6px;height:calc(100% - 2 * var(--spacing-sm));position:absolute;top:50%;left:0px;transform:translateY(-50%);border-radius:var(--radius-full);background-color:var(--background-primary);display:none}.sidepanel__menu-tab:hover,.sidepanel__submenu-tab:hover{background-color:var(--background-neutral-50);color:var(--colors-text-primary);border-color:transparent}.sidepanel__menu-tab:hover::after,.sidepanel__submenu-tab:hover::after{display:block;background-color:var(--colors-gray-neutral-400)}.sidepanel__menu-tab:focus,.sidepanel__submenu-tab:focus{background-color:var(--colors-base-white)}.sidepanel__menu-tab:focus::after,.sidepanel__submenu-tab:focus::after{display:none}.sidepanel__menu-tab.selected,.selected.sidepanel__submenu-tab,.sidepanel__menu-tab.active,.active.sidepanel__submenu-tab{background-color:transparent;color:var(--colors-gray-modern-950);font-weight:700}.sidepanel__menu-tab.selected::after,.selected.sidepanel__submenu-tab::after,.sidepanel__menu-tab.active::after,.active.sidepanel__submenu-tab::after{display:block;background-color:var(--background-primary)}.sidepanel__menu-tab.selected .sidepanel__menu-tab-icon,.selected.sidepanel__submenu-tab .sidepanel__menu-tab-icon,.sidepanel__menu-tab.active .sidepanel__menu-tab-icon,.active.sidepanel__submenu-tab .sidepanel__menu-tab-icon{color:#1B8354}.sidepanel__menu-tab.pressed,.pressed.sidepanel__submenu-tab{background-color:var(--border-neutral-primary);color:var(--colors-text-primary);border-color:transparent}.sidepanel__menu-tab.pressed::after,.pressed.sidepanel__submenu-tab::after{display:block;background-color:var(--colors-gray-neutral-600)}.sidepanel__menu-tab.disabled,.disabled.sidepanel__submenu-tab{color:var(--border-neutral-primary);background-color:transparent;border-color:transparent}.sidepanel__menu-tab.disabled::after,.disabled.sidepanel__submenu-tab::after{display:none}.sidepanel__menu-tab-divider{background:var(--border-neutral-primary);height:1px;margin:var(--spacing-md) var(--spacing-xl);display:block}.sidepanel__menu-tab.active+.sidepanel__submenu-list,.active.sidepanel__submenu-tab+.sidepanel__submenu-list{opacity:1;padding-block:3px !important}.sidepanel__menu-tab.active .sidepanel__menu-tab-arrow,.active.sidepanel__submenu-tab .sidepanel__menu-tab-arrow{transform:rotate(180deg)}.sidepanel__menu-tab-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.sidepanel__menu-tab-label{flex:1}.sidepanel__menu-tab-arrow{font-size:20px;transform:rotate(0deg);transition:all 0.4s ease-in-out}.sidepanel__submenu-list{display:block;padding-block:0 !important;max-height:0;overflow-y:hidden;opacity:1 !important;transition:max-height 0.3s ease;margin-left:24px !important}.sidepanel__submenu-tab{justify-content:flex-start;white-space:nowrap}.sidepanel__submenu-tab-label{flex:1}.sidepanel__submenu-tab-icon{font-size:20px;display:flex;align-items:center;justify-content:center}.sidepanel__submenu--sublevel{padding:var(--spacing-md) var(--spacing-xl) var(--spacing-md) calc(var(--spacing-5xl) + var(--spacing-md) / 2)}.sidepanel--bg-gray{background-color:var(--Background-background-neutral-50, #F9FAFB)}.sidepanel--bg-gray .sidepanel__header{background:var(--background-neutral-50, #F9FAFB)}.sidepanel--bg-brand{background-color:var(--background-sa-flag)}.sidepanel--bg-brand .sidepanel__menu-tab,.sidepanel--bg-brand .sidepanel__submenu-tab{mix-blend-mode:normal;color:var(--text-oncolor-primary) !important}.sidepanel--bg-brand .sidepanel__menu-tab-label,.sidepanel--bg-brand .sidepanel__submenu-tab-label{color:var(--text-oncolor-primary) !important}.sidepanel--bg-brand .sidepanel__menu-tab:hover,.sidepanel--bg-brand .sidepanel__submenu-tab:hover{background-color:hsla(var(--colors-alpha-white)/10%);color:var(--colors-text-primary_on-brand);border-color:transparent}.sidepanel--bg-brand .sidepanel__menu-tab:hover::after,.sidepanel--bg-brand .sidepanel__submenu-tab:hover::after{display:block;background-color:hsla(var(--colors-alpha-white)/40%)}.sidepanel--bg-brand .sidepanel__menu-tab:focus,.sidepanel--bg-brand .sidepanel__submenu-tab:focus{background-color:transparent}.sidepanel--bg-brand .sidepanel__menu-tab:focus::after,.sidepanel--bg-brand .sidepanel__submenu-tab:focus::after{display:none}.sidepanel--bg-brand .sidepanel__menu-tab.selected,.sidepanel--bg-brand .sidepanel__menu-tab.active,.sidepanel--bg-brand .sidepanel__submenu-tab.selected,.sidepanel--bg-brand .sidepanel__submenu-tab.active{background-color:hsla(var(--colors-alpha-white)/20%);color:var(--colors-text-primary_on-brand)}.sidepanel--bg-brand .sidepanel__menu-tab.selected::after,.sidepanel--bg-brand .sidepanel__menu-tab.active::after,.sidepanel--bg-brand .sidepanel__submenu-tab.selected::after,.sidepanel--bg-brand .sidepanel__submenu-tab.active::after{display:block;background-color:var(--colors-base-white)}.sidepanel--bg-brand .sidepanel__menu-tab.pressed,.sidepanel--bg-brand .sidepanel__submenu-tab.pressed{background-color:hsla(var(--colors-alpha-white)/30%);color:var(--colors-text-primary_on-brand);border-color:transparent}.sidepanel--bg-brand .sidepanel__menu-tab.pressed::after,.sidepanel--bg-brand .sidepanel__submenu-tab.pressed::after{display:block;background-color:hsla(var(--colors-alpha-white)/60%)}.sidepanel--bg-brand .sidepanel__header{background:var(--background-nav-header, #14573A)}.sidepanel--border{border-right:1px solid var(--colors-border-primary)}.sidepanel--overlay{background:hsla(var(--colors-alpha-white)/80%);box-shadow:4px 16px 24px 0px rgba(0, 0, 0, 0.1);backdrop-filter:blur(12px)}@media only screen and (min-width: 56.25em){.sidepanel--overlay{box-shadow:none}}.sidepanel--overlay-gray{background:hsla(var(--colors-alpha-white)/80%);box-shadow:4px 16px 24px 0px rgba(0, 0, 0, 0.1);backdrop-filter:blur(12px)}.sidepanel--overlay-brand{background:var(--background-sa-flag);box-shadow:0px 24px 48px -12px rgba(16, 24, 40, 0.18);backdrop-filter:blur(12px)}';const o=class{constructor(e){a(this,e),this.routes=[]}render(){return e("ul",{key:"f1dfd6aaa905d328d31c40cccc744befb4dbd471",class:"sidepanel__menu-list"},this.routes.map(((a,i)=>e("li",{key:p()},e("tab-component",{route:a}),i<this.routes.length-1&&e("div",{class:"sidepanel__menu-tab-divider"})))))}},l=class{constructor(e){a(this,e),this.isExpanded=!1}handleExpanded(a){this.isExpanded=a,this.submenuElement.style.maxHeight=a?"fit-content":""}render(){return e(n,{key:"28f3acb9e2c9d45ce937d0ed39abc738cff97852"},e("tab-link",{key:"28f4ddeba015724d378af5dd441a12a9c57b6350",text:this.route.name,type:this.route.children&&this.route.children.length>0?"parent":"child",icon:this.route.icon,link:this.route.path,onExpand:this.handleExpanded.bind(this),disabled:this.route.disabled}),this.route.children&&this.route.children.length>0&&e("ul",{key:"b17de75f45b87a9f63671a027151aebe138b989a",class:"sidepanel__submenu-list",ref:a=>this.submenuElement=a},this.route.children.map(((a,i)=>e("submenu-component",{key:i,route:this.route,childRoute:a,onChildExpanded:a=>{a&&(this.submenuElement.style.maxHeight="fit-content")}})))))}};export{r as dga_drawer,o as side_panel_menu,l as tab_component}
+import{r as a,h as e,H as i,a as d,F as n}from"./p-BLSc18AE.js";import{S as t}from"./p-B6jlKZmF.js";import{g as p}from"./p-OZG1OajU.js";import"./p-BFEqPAFn.js";const r=class{constructor(e){a(this,e),this.background="brand",this.anchor="left",this.open=!1}componentWillLoad(){this.sxHandler=new t(this.el,"dga-slider")}componentDidLoad(){this.sxHandler.processSx(this.sx)}sxChanged(){this.sxHandler.processSx(this.sx)}disconnectedCallback(){this.sxHandler.cleanup()}render(){return e(i,{key:"8552581bed4593cbe9adf41ad4bb366d6d6db32e",id:this.sxHandler.getId(),style:this.sxHandler.getStyles()},e("div",{key:"3e079d001aabb0872ad3d043123d45c15f168e70",class:`sidepanel sidepanel--${this.anchor} ${this.background?`sidepanel--bg-${this.background}`:""}\n            ${this.overlay?"sidepanel--overlay":""}\n            ${this.border?"sidepanel--border":""}\n            ${this.open?"active":""}\n            `},this.headerLogo&&e("div",{key:"adea17e059c2940e0c5d38685a165b737addb00d",class:"sidepanel__header"},e("img",{key:"428be81dc3b3b556b827ea0209fdfbca2a318d4f",src:this.headerLogo,alt:"logo"})),e("side-panel-menu",{key:"5e0b0e713d0a44ce0144111a82bfd80981ab032d",routes:this.routes}),e("slot",{key:"61a962846a0f192099f477956abc6823c2a24a2c"})))}get el(){return d(this)}static get watchers(){return{sx:["sxChanged"]}}};r.style='html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff") format("woff");font-weight:500;font-style:normal}@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff") format("woff");font-weight:600;font-style:normal}@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:auto}body{font-family:"IBM Plex Sans Arabic"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px "IBM Plex Sans Arabic"}.display-xl-regular{font:400 60px/72px "IBM Plex Sans Arabic"}.display-lg-regular{font:400 48px/60px "IBM Plex Sans Arabic"}.display-md-regular{font:400 36px/44px "IBM Plex Sans Arabic"}.display-sm-regular{font:400 30px/38px "IBM Plex Sans Arabic"}.display-xs-regular{font:400 24px/32px "IBM Plex Sans Arabic"}.text-xl-regular{font:400 20px/30px "IBM Plex Sans Arabic"}.text-lg-regular{font:400 18px/28px "IBM Plex Sans Arabic"}.text-md-regular{font:400 16px/24px "IBM Plex Sans Arabic"}.text-sm-regular,.sidepanel__submenu--sublevel .sidepanel__submenu-tab-label,.sidepanel__menu-tab,.sidepanel__submenu-tab{font:400 14px/20px "IBM Plex Sans Arabic"}.text-xs-regular{font:400 12px/18px "IBM Plex Sans Arabic"}.text-2xs-regular{font:400 10px/14px "IBM Plex Sans Arabic"}.display-2xl-medium{font:500 72px/90px "IBM Plex Sans Arabic"}.display-xl-medium{font:500 60px/72px "IBM Plex Sans Arabic"}.display-lg-medium{font:500 48px/60px "IBM Plex Sans Arabic"}.display-md-medium{font:500 36px/44px "IBM Plex Sans Arabic"}.display-sm-medium{font:500 30px/38px "IBM Plex Sans Arabic"}.display-xs-medium{font:500 24px/32px "IBM Plex Sans Arabic"}.text-xl-medium{font:500 20px/30px "IBM Plex Sans Arabic"}.text-lg-medium{font:500 18px/28px "IBM Plex Sans Arabic"}.text-md-medium{font:500 16px/24px "IBM Plex Sans Arabic"}.text-sm-medium{font:500 14px/20px "IBM Plex Sans Arabic"}.text-xs-medium{font:500 12px/18px "IBM Plex Sans Arabic"}.text-2xs-medium{font:500 10px/14px "IBM Plex Sans Arabic"}.display-2xl-semibold{font:600 72px/90px "IBM Plex Sans Arabic"}.display-xl-semibold{font:600 60px/72px "IBM Plex Sans Arabic"}.display-lg-semibold{font:600 48px/60px "IBM Plex Sans Arabic"}.display-md-semibold{font:600 36px/44px "IBM Plex Sans Arabic"}.display-sm-semibold{font:600 30px/38px "IBM Plex Sans Arabic"}.display-xs-semibold{font:600 24px/32px "IBM Plex Sans Arabic"}.text-xl-semibold{font:600 20px/30px "IBM Plex Sans Arabic"}.text-lg-semibold{font:600 18px/28px "IBM Plex Sans Arabic"}.text-md-semibold{font:600 16px/24px "IBM Plex Sans Arabic"}.text-sm-semibold,.sidepanel__submenu-tab-label,.sidepanel__menu-tab-label{font:600 14px/20px "IBM Plex Sans Arabic"}.text-xs-semibold{font:600 12px/18px "IBM Plex Sans Arabic"}.text-2xs-semibold{font:600 10px/14px "IBM Plex Sans Arabic"}.display-2xl-bold{font:700 72px/90px "IBM Plex Sans Arabic"}.display-xl-bold{font:700 60px/72px "IBM Plex Sans Arabic"}.display-lg-bold{font:700 48px/60px "IBM Plex Sans Arabic"}.display-md-bold{font:700 36px/44px "IBM Plex Sans Arabic"}.display-sm-bold{font:700 30px/38px "IBM Plex Sans Arabic"}.display-xs-bold{font:700 24px/32px "IBM Plex Sans Arabic"}.text-xl-bold{font:700 20px/30px "IBM Plex Sans Arabic"}.text-lg-bold{font:700 18px/28px "IBM Plex Sans Arabic"}.text-md-bold{font:700 16px/24px "IBM Plex Sans Arabic"}.text-sm-bold,.sidepanel__menu-tab.active>.sidepanel__menu-tab-label,.active.sidepanel__submenu-tab>.sidepanel__menu-tab-label,.sidepanel__menu-tab.selected,.selected.sidepanel__submenu-tab,.sidepanel__menu-tab.active,.active.sidepanel__submenu-tab{font:700 14px/20px "IBM Plex Sans Arabic"}.text-xs-bold{font:700 12px/18px "IBM Plex Sans Arabic"}.text-2xs-bold{font:700 10px/14px "IBM Plex Sans Arabic"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}.sidepanel{background-color:var(--colors-base-white);display:flex;flex-direction:column;align-items:flex-start;width:fit-content;min-height:100vh;max-height:100vh;overflow-y:auto;position:fixed;top:0;z-index:99;transition:all 0.4s ease-in-out;transform:translate3d(-100vw, 0, 0);transition:transform 400ms ease-in}.sidepanel--right{left:auto;right:0;transform:translate3d(100vw, 0, 0)}.sidepanel.active{transform:translate3d(0vw, 0, 0)}.sidepanel__header{display:flex;padding:16px var(--spacing-4xl, 32px);align-items:center;width:100%}.sidepanel__header>img{height:32px;width:auto}.sidepanel::-webkit-scrollbar{height:100px;width:calc(8px + 2 * var(--spacing-xs))}.sidepanel::-webkit-scrollbar-track{background-color:transparent;padding:var(--spacing-xs)}.sidepanel::-webkit-scrollbar-thumb{height:100px;border-radius:var(--radius-full);border:var(--spacing-xs) solid transparent;background-color:var(--border-neutral-primary);background-clip:content-box}.sidepanel__nav-header{margin-inline:var(--spacing-4xl);margin-block:var(--spacing-lg)}.sidepanel ul{list-style:none;padding:0;margin:0}.sidepanel__menu-list{width:100%;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-8xl) var(--spacing-xl) !important}.sidepanel__menu-tab,.sidepanel__submenu-tab{display:flex;padding:var(--spacing-md) var(--spacing-xl);justify-content:center;align-items:center;gap:var(--spacing-md);align-self:stretch;color:var(--colors-gray-neutral-600);text-decoration:none;border-radius:var(--radius-sm);position:relative;border:2px solid transparent;outline:none}.sidepanel__menu-tab::after,.sidepanel__submenu-tab::after{content:"";width:6px;height:calc(100% - 2 * var(--spacing-sm));position:absolute;top:50%;left:0px;transform:translateY(-50%);border-radius:var(--radius-full);background-color:var(--background-primary);display:none}.sidepanel__menu-tab:hover,.sidepanel__submenu-tab:hover{background-color:var(--background-neutral-50);color:var(--colors-text-primary);border-color:transparent}.sidepanel__menu-tab:hover::after,.sidepanel__submenu-tab:hover::after{display:block;background-color:var(--colors-gray-neutral-400)}.sidepanel__menu-tab:focus,.sidepanel__submenu-tab:focus{background-color:var(--colors-base-white)}.sidepanel__menu-tab:focus::after,.sidepanel__submenu-tab:focus::after{display:none}.sidepanel__menu-tab.selected,.selected.sidepanel__submenu-tab,.sidepanel__menu-tab.active,.active.sidepanel__submenu-tab{background-color:transparent;color:var(--colors-gray-modern-950);font-weight:700}.sidepanel__menu-tab.selected::after,.selected.sidepanel__submenu-tab::after,.sidepanel__menu-tab.active::after,.active.sidepanel__submenu-tab::after{display:block;background-color:var(--background-primary)}.sidepanel__menu-tab.selected .sidepanel__menu-tab-icon,.selected.sidepanel__submenu-tab .sidepanel__menu-tab-icon,.sidepanel__menu-tab.active .sidepanel__menu-tab-icon,.active.sidepanel__submenu-tab .sidepanel__menu-tab-icon{color:#1B8354}.sidepanel__menu-tab.pressed,.pressed.sidepanel__submenu-tab{background-color:var(--border-neutral-primary);color:var(--colors-text-primary);border-color:transparent}.sidepanel__menu-tab.pressed::after,.pressed.sidepanel__submenu-tab::after{display:block;background-color:var(--colors-gray-neutral-600)}.sidepanel__menu-tab.disabled,.disabled.sidepanel__submenu-tab{color:var(--border-neutral-primary);background-color:transparent;border-color:transparent}.sidepanel__menu-tab.disabled::after,.disabled.sidepanel__submenu-tab::after{display:none}.sidepanel__menu-tab-divider{background:var(--border-neutral-primary);height:1px;margin:var(--spacing-md) var(--spacing-xl);display:block}.sidepanel__menu-tab.active+.sidepanel__submenu-list,.active.sidepanel__submenu-tab+.sidepanel__submenu-list{opacity:1;padding-block:3px !important}.sidepanel__menu-tab.active .sidepanel__menu-tab-arrow,.active.sidepanel__submenu-tab .sidepanel__menu-tab-arrow{transform:rotate(180deg)}.sidepanel__menu-tab-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.sidepanel__menu-tab-label{flex:1}.sidepanel__menu-tab-arrow{font-size:20px;transform:rotate(0deg);transition:all 0.4s ease-in-out}.sidepanel__submenu-list{display:block;padding-block:0 !important;max-height:0;overflow-y:hidden;opacity:1 !important;transition:max-height 0.3s ease;margin-left:24px !important}.sidepanel__submenu-tab{justify-content:flex-start;white-space:nowrap}.sidepanel__submenu-tab-label{flex:1}.sidepanel__submenu-tab-icon{font-size:20px;display:flex;align-items:center;justify-content:center}.sidepanel__submenu--sublevel{padding:var(--spacing-md) var(--spacing-xl) var(--spacing-md) calc(var(--spacing-5xl) + var(--spacing-md) / 2)}.sidepanel--bg-gray{background-color:var(--Background-background-neutral-50, #F9FAFB)}.sidepanel--bg-gray .sidepanel__header{background:var(--background-neutral-50, #F9FAFB)}.sidepanel--bg-brand{background-color:var(--background-sa-flag)}.sidepanel--bg-brand .sidepanel__menu-tab,.sidepanel--bg-brand .sidepanel__submenu-tab{color:var(--text-oncolor-primary) !important}.sidepanel--bg-brand .sidepanel__menu-tab-label,.sidepanel--bg-brand .sidepanel__submenu-tab-label{color:var(--text-oncolor-primary) !important}.sidepanel--bg-brand .sidepanel__menu-tab:hover,.sidepanel--bg-brand .sidepanel__submenu-tab:hover{background-color:hsla(var(--colors-alpha-white)/10%);color:var(--colors-text-primary_on-brand);border-color:transparent}.sidepanel--bg-brand .sidepanel__menu-tab:hover::after,.sidepanel--bg-brand .sidepanel__submenu-tab:hover::after{display:block;background-color:hsla(var(--colors-alpha-white)/40%)}.sidepanel--bg-brand .sidepanel__menu-tab:focus,.sidepanel--bg-brand .sidepanel__submenu-tab:focus{background-color:transparent}.sidepanel--bg-brand .sidepanel__menu-tab:focus::after,.sidepanel--bg-brand .sidepanel__submenu-tab:focus::after{display:none}.sidepanel--bg-brand .sidepanel__menu-tab.selected,.sidepanel--bg-brand .sidepanel__menu-tab.active,.sidepanel--bg-brand .sidepanel__submenu-tab.selected,.sidepanel--bg-brand .sidepanel__submenu-tab.active{background-color:hsla(var(--colors-alpha-white)/20%);color:var(--colors-text-primary_on-brand)}.sidepanel--bg-brand .sidepanel__menu-tab.selected::after,.sidepanel--bg-brand .sidepanel__menu-tab.active::after,.sidepanel--bg-brand .sidepanel__submenu-tab.selected::after,.sidepanel--bg-brand .sidepanel__submenu-tab.active::after{display:block;background-color:var(--colors-base-white)}.sidepanel--bg-brand .sidepanel__menu-tab.pressed,.sidepanel--bg-brand .sidepanel__submenu-tab.pressed{background-color:hsla(var(--colors-alpha-white)/30%);color:var(--colors-text-primary_on-brand);border-color:transparent}.sidepanel--bg-brand .sidepanel__menu-tab.pressed::after,.sidepanel--bg-brand .sidepanel__submenu-tab.pressed::after{display:block;background-color:hsla(var(--colors-alpha-white)/60%)}.sidepanel--bg-brand .sidepanel__header{background:var(--background-nav-header, #14573A)}.sidepanel--border{border-right:1px solid var(--colors-border-primary)}.sidepanel--overlay{background:hsla(var(--colors-alpha-white)/80%);box-shadow:4px 16px 24px 0px rgba(0, 0, 0, 0.1);backdrop-filter:blur(12px)}@media only screen and (min-width: 56.25em){.sidepanel--overlay{box-shadow:none}}.sidepanel--overlay-gray{background:hsla(var(--colors-alpha-white)/80%);box-shadow:4px 16px 24px 0px rgba(0, 0, 0, 0.1);backdrop-filter:blur(12px)}.sidepanel--overlay-brand{background:var(--background-sa-flag);box-shadow:0px 24px 48px -12px rgba(16, 24, 40, 0.18);backdrop-filter:blur(12px)}';const o=class{constructor(e){a(this,e),this.routes=[]}render(){return e("ul",{key:"a696170de6b4b01644a881dd298d16d3b4df90af",class:"sidepanel__menu-list"},this.routes.map(((a,i)=>e("li",{key:p()},e("tab-component",{route:a}),i<this.routes.length-1&&e("div",{class:"sidepanel__menu-tab-divider"})))))}},l=class{constructor(e){a(this,e),this.isExpanded=!1}handleExpanded(a){this.isExpanded=a,this.submenuElement.style.maxHeight=a?"fit-content":""}render(){return e(n,{key:"b9eb28eb0e5582ad145c0126b01b76feb8c6b9e5"},e("tab-link",{key:"105520edf7df8c57721784333a64aa06f2d4fe84",text:this.route.name,type:this.route.children&&this.route.children.length>0?"parent":"child",icon:this.route.icon,link:this.route.path,onExpand:this.handleExpanded.bind(this),disabled:this.route.disabled}),this.route.children&&this.route.children.length>0&&e("ul",{key:"3a742a8119e7ad5d0b50ab532025d10665508aa8",class:"sidepanel__submenu-list",ref:a=>this.submenuElement=a},this.route.children.map(((a,i)=>e("submenu-component",{key:i,route:this.route,childRoute:a,onChildExpanded:a=>{a&&(this.submenuElement.style.maxHeight="fit-content")}})))))}};export{r as dga_drawer,o as side_panel_menu,l as tab_component}

package/dist/core/p-ab9005bd.entry.js

@@ -0,0 +1 @@
+import{r as a,h as t,H as i,a as d}from"./p-BLSc18AE.js";import{S as e}from"./p-BFEqPAFn.js";const p=class{constructor(t){a(this,t),this.type="icon",this.size=32,this.square=!1,this.border=!1,this.text="AB",this.imgUrl="/assets/avatar-img.png",this.alt="",this.componentId=`dga-button-${Math.random().toString(36).substring(2,9)}`,this.rootStyles={}}renderChildComponent(){var a,i,d,e;return"initials"===this.type?t("span",{class:"dga-avatar__text"},this.text):"image"===this.type?t("img",{class:"dga-avatar__img",src:this.imgUrl,alt:this.alt}):"icon"===this.type?t("div",{class:"dga-avatar__icon"},t("dga-icon",{icon:(null===(a=this.icon)||void 0===a?void 0:a.name)||"",variant:null===(i=this.icon)||void 0===i?void 0:i.variant,type:null===(d=this.icon)||void 0===d?void 0:d.type,color:null===(e=this.icon)||void 0===e?void 0:e.color})):void 0}handleSxChange(){this.processStyling()}componentWillLoad(){this.sxStyleManager=new e(this.componentId,this.el)}componentDidLoad(){this.processStyling()}componentDidUpdate(){this.processStyling()}processStyling(){if(!this.sx)return;const a="string"==typeof this.sx?JSON.parse(this.sx):this.sx;this.rootStyles=this.sxStyleManager.processSxProp(a)}disconnectedCallback(){var a;null===(a=this.sxStyleManager)||void 0===a||a.cleanup()}render(){return t(i,{key:"c35e7be94cc165e3fe49f08e3e3cc026d434763f",part:"dga-avatar-root",id:this.componentId,style:Object.assign({},this.rootStyles)},t("div",{key:"5a7152b6a8da9d633569fa319566541c5168b4e4",class:{"dga-avatar":!0,[`dga-avatar--${this.type}`]:!0,[`dga-avatar--${this.size}`]:!0,"dga-avatar--square":this.square,"dga-avatar--border":this.border}},this.renderChildComponent()))}get el(){return d(this)}static get watchers(){return{sx:["handleSxChange"]}}};p.style='html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff") format("woff");font-weight:500;font-style:normal}@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff") format("woff");font-weight:600;font-style:normal}@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:auto}body{font-family:"IBM Plex Sans Arabic"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px "IBM Plex Sans Arabic"}.display-xl-regular{font:400 60px/72px "IBM Plex Sans Arabic"}.display-lg-regular{font:400 48px/60px "IBM Plex Sans Arabic"}.display-md-regular,.dga-avatar--120 .dga-avatar__text{font:400 36px/44px "IBM Plex Sans Arabic"}.display-sm-regular,.dga-avatar--80 .dga-avatar__text{font:400 30px/38px "IBM Plex Sans Arabic"}.display-xs-regular{font:400 24px/32px "IBM Plex Sans Arabic"}.text-xl-regular{font:400 20px/30px "IBM Plex Sans Arabic"}.text-lg-regular{font:400 18px/28px "IBM Plex Sans Arabic"}.text-md-regular{font:400 16px/24px "IBM Plex Sans Arabic"}.text-sm-regular{font:400 14px/20px "IBM Plex Sans Arabic"}.text-xs-regular{font:400 12px/18px "IBM Plex Sans Arabic"}.text-2xs-regular{font:400 10px/14px "IBM Plex Sans Arabic"}.display-2xl-medium{font:500 72px/90px "IBM Plex Sans Arabic"}.display-xl-medium{font:500 60px/72px "IBM Plex Sans Arabic"}.display-lg-medium{font:500 48px/60px "IBM Plex Sans Arabic"}.display-md-medium{font:500 36px/44px "IBM Plex Sans Arabic"}.display-sm-medium{font:500 30px/38px "IBM Plex Sans Arabic"}.display-xs-medium{font:500 24px/32px "IBM Plex Sans Arabic"}.text-xl-medium,.dga-avatar--68 .dga-avatar__text{font:500 20px/30px "IBM Plex Sans Arabic"}.text-lg-medium{font:500 18px/28px "IBM Plex Sans Arabic"}.text-md-medium,.dga-avatar--48 .dga-avatar__text{font:500 16px/24px "IBM Plex Sans Arabic"}.text-sm-medium{font:500 14px/20px "IBM Plex Sans Arabic"}.text-xs-medium{font:500 12px/18px "IBM Plex Sans Arabic"}.text-2xs-medium{font:500 10px/14px "IBM Plex Sans Arabic"}.display-2xl-semibold{font:600 72px/90px "IBM Plex Sans Arabic"}.display-xl-semibold{font:600 60px/72px "IBM Plex Sans Arabic"}.display-lg-semibold{font:600 48px/60px "IBM Plex Sans Arabic"}.display-md-semibold{font:600 36px/44px "IBM Plex Sans Arabic"}.display-sm-semibold{font:600 30px/38px "IBM Plex Sans Arabic"}.display-xs-semibold{font:600 24px/32px "IBM Plex Sans Arabic"}.text-xl-semibold{font:600 20px/30px "IBM Plex Sans Arabic"}.text-lg-semibold{font:600 18px/28px "IBM Plex Sans Arabic"}.text-md-semibold{font:600 16px/24px "IBM Plex Sans Arabic"}.text-sm-semibold,.dga-avatar--40 .dga-avatar__text{font:600 14px/20px "IBM Plex Sans Arabic"}.text-xs-semibold,.dga-avatar--32 .dga-avatar__text{font:600 12px/18px "IBM Plex Sans Arabic"}.text-2xs-semibold{font:600 10px/14px "IBM Plex Sans Arabic"}.display-2xl-bold{font:700 72px/90px "IBM Plex Sans Arabic"}.display-xl-bold{font:700 60px/72px "IBM Plex Sans Arabic"}.display-lg-bold{font:700 48px/60px "IBM Plex Sans Arabic"}.display-md-bold{font:700 36px/44px "IBM Plex Sans Arabic"}.display-sm-bold{font:700 30px/38px "IBM Plex Sans Arabic"}.display-xs-bold{font:700 24px/32px "IBM Plex Sans Arabic"}.text-xl-bold{font:700 20px/30px "IBM Plex Sans Arabic"}.text-lg-bold{font:700 18px/28px "IBM Plex Sans Arabic"}.text-md-bold{font:700 16px/24px "IBM Plex Sans Arabic"}.text-sm-bold{font:700 14px/20px "IBM Plex Sans Arabic"}.text-xs-bold{font:700 12px/18px "IBM Plex Sans Arabic"}.text-2xs-bold,.dga-avatar--24 .dga-avatar__text{font:700 10px/14px "IBM Plex Sans Arabic"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}.dga-avatar{position:relative;border-radius:var(--radius-full);border:2px solid var(--border-white, #FFF);display:flex;align-items:center;justify-content:center;background:var(--button-background-neutral-default);overflow:hidden}.dga-avatar--initials{color:var(--text-default, #161616)}.dga-avatar--image img{width:100%;height:100%;object-fit:cover}.dga-avatar--square{border-radius:var(--radius-8)}.dga-avatar--square.dga-avatar--border::after{border-radius:var(--radius-8)}.dga-avatar--border::after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;border-radius:var(--radius-full);border:1px solid var(--alpha-black-20, rgba(22, 22, 22, 0.2))}.dga-avatar--120{width:120px;height:120px;border-width:4px}.dga-avatar--120.dga-avatar--border::after{border-width:2px}.dga-avatar--120 .dga-avatar__text{text-transform:uppercase}.dga-avatar--120 .dga-avatar__icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;font-size:80px}.dga-avatar--120 .dga-avatar__icon>*{width:100%;height:100%;font-size:80px}.dga-avatar--80{width:80px;height:80px}.dga-avatar--80 .dga-avatar__text{text-transform:uppercase}.dga-avatar--80 .dga-avatar__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;font-size:56px}.dga-avatar--80 .dga-avatar__icon>*{width:100%;height:100%;font-size:56px}.dga-avatar--68{width:68px;height:68px}.dga-avatar--68 .dga-avatar__text{text-transform:uppercase}.dga-avatar--68 .dga-avatar__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:40px}.dga-avatar--68 .dga-avatar__icon>*{width:100%;height:100%;font-size:40px}.dga-avatar--48{width:48px;height:48px}.dga-avatar--48 .dga-avatar__text{text-transform:uppercase}.dga-avatar--48 .dga-avatar__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:32px}.dga-avatar--48 .dga-avatar__icon>*{width:100%;height:100%;font-size:32px}.dga-avatar--40{width:40px;height:40px}.dga-avatar--40 .dga-avatar__text{text-transform:uppercase}.dga-avatar--40 .dga-avatar__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:32px}.dga-avatar--40 .dga-avatar__icon>*{width:100%;height:100%;font-size:32px}.dga-avatar--32{width:32px;height:32px}.dga-avatar--32 .dga-avatar__text{text-transform:uppercase}.dga-avatar--32 .dga-avatar__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:24px}.dga-avatar--32 .dga-avatar__icon>*{width:100%;height:100%;font-size:24px}.dga-avatar--24{width:24px;height:24px}.dga-avatar--24 .dga-avatar__text{text-transform:uppercase}.dga-avatar--24 .dga-avatar__icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:16px}.dga-avatar--24 .dga-avatar__icon>*{width:100%;height:100%;font-size:16px}';export{p as dga_avatar}

package/dist/core/p-abd6a9be.entry.js

@@ -0,0 +1 @@
+import{r as e,h as a}from"./p-BLSc18AE.js";const d=class{constructor(a){e(this,a),this.value=""}render(){return a("div",{key:"59bf0214f91b9e4b9e3164831e268f50626675b3"},a("h1",{key:"5057135b21ac144ac466bae941404e69a09f7d99"},"Number Input Example"),a("div",{key:"306d8d3063191d0c63184d387a416258f98ca78b",style:{padding:"50px"}},a("div",{key:"ad32fcdb720a8cd1cc3e030bb64229455fde5fab",style:{display:"flex",flexDirection:"column",gap:"16px"}},a("dga-number-input",{key:"5c11440d13170f43571c11df938df46df59c6427",size:"lg",variant:"default",label:"Label",value:0,required:!0,helperText:"test"}),a("dga-number-input",{key:"96eff096adb1a83f2b91f48a331220dc1c9ccb6f",size:"lg",variant:"darker",label:"Label",value:0,required:!0,helperText:"test"}),a("dga-number-input",{key:"799ffdffc28a0fe520cafccb50dc63762d808648",size:"lg",variant:"lighter",label:"Label",value:0,required:!0,helperText:"test"}),a("dga-number-input",{key:"b29fcee888a9d7d61382ffc6b851a591457cedfd",size:"lg",variant:"darker",label:"Label",value:0,required:!0,helperText:"test"}),a("dga-label",{key:"2cf13921d95dd13de4c41753f991461632816252",label:"Mandatory Text Input"}),a("dga-label",{key:"9cf793edaac957222dd1fa287e07010c3d9572a0",label:"Mandatory Text Input",required:!0}))))}};export{d as dga_number_input_usage}

package/dist/core/{p-2052af79.entry.js → p-aefa1b4c.entry.js}

@@ -1 +1 @@
-import{r as a,h as i}from"./p-BhVuiKHy.js";import{j as e}from"./p-BKYXZxHx.js";const d=class{constructor(i){a(this,i),this.RTL=!1,this.percentage=0,this.size="small",this.progressStyle="neutral",this.showLabel=!0,this.showHelperText=!0,this.error=!1,this.success=!1,this.label="label",this.helperText="Help Text"}render(){const a={small:"sm",medium:"md",large:"lg"};let d=this.error?"error":this.success?"success":this.progressStyle,p=this.percentage;const t={neutral:i("dga-icon",{key:"4f0966bb2b12304260eae2ccdc49068c64f200e1",icon:e,size:16,color:"#384250"}),primary:i("svg",{key:"ec6608c7d30e2bdcc8011e4590a363a31278fce8",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{key:"62f1a3b32e51e37c5f075bdc433c1c495b86dd92","fill-rule":"evenodd","clip-rule":"evenodd",d:"M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334Z",fill:"white"}),i("path",{key:"64a047267f4fa867ae3a26db28026850944c1ce7","fill-rule":"evenodd","clip-rule":"evenodd",d:"M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334ZM4.70017 7.41423C4.43982 7.67458 4.43982 8.09669 4.70017 8.35704L6.58578 10.2427C6.84613 10.503 7.26824 10.503 7.52859 10.2427L11.2998 6.47143C11.5602 6.21108 11.5602 5.78897 11.2998 5.52862C11.0395 5.26827 10.6174 5.26827 10.357 5.52862L7.05719 8.82845L5.64297 7.41423C5.38263 7.15388 4.96052 7.15388 4.70017 7.41423Z",fill:"#067647"})),error:i("svg",{key:"320a0dc8bb610f6d9cb7622697757b5929541f3b",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{key:"5c1bb6232838fca9f9df5ef5a1e743c9ff1951dc","fill-rule":"evenodd","clip-rule":"evenodd",d:"M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334Z",fill:"white"}),i("path",{key:"1adcfefc7366ff337bb2be42438f104fdee2d786","fill-rule":"evenodd","clip-rule":"evenodd",d:"M15.3334 8.00002C15.3334 12.0502 12.0502 15.3334 8.00002 15.3334C3.94989 15.3334 0.666687 12.0502 0.666687 8.00002C0.666687 3.94989 3.94989 0.666687 8.00002 0.666687C12.0502 0.666687 15.3334 3.94989 15.3334 8.00002ZM5.80471 4.862C5.54445 4.60158 5.12225 4.60158 4.862 4.862C4.60158 5.12225 4.60158 5.54445 4.862 5.80471L7.05715 8.00002L4.862 10.1953C4.60158 10.4556 4.60158 10.8778 4.862 11.138C5.12225 11.3985 5.54445 11.3985 5.80471 11.138L8.00002 8.94289L10.1953 11.138C10.4556 11.3985 10.8778 11.3985 11.138 11.138C11.3985 10.8778 11.3985 10.4556 11.138 10.1953L8.94289 8.00002L11.138 5.80471C11.3985 5.54445 11.3985 5.12225 11.138 4.862C10.8778 4.60158 10.4556 4.60158 10.1953 4.862L8.00002 7.05715L5.80471 4.862Z",fill:"#B42318"}))};return i("div",{key:"9e574016c4a11c9ca1ed1511205614f68cd51781",class:"progress-wrapper",style:{direction:this.RTL?"rtl":"ltr"}},this.showLabel&&i("h3",{key:"e5e8d6297d513a6f1b5133a18da209179fe27720",class:`${a[this.size]}`},this.label),i("div",{key:"84bfcdf375ee06780205b2c04403f2d52ccf61c7",class:`progress-bar-container ${a[this.size]}`,title:`${p.toString()}%`},i("div",{key:"aee0c4092dca86b782297538f8a2640bf46e20b2",class:`progress-bar ${d}`,style:{width:`${p}%`}},"large"===this.size&&p>8&&i("span",{key:"e6aa21c64a2e233bd8aa45a71b96db287fa57771",class:"progress-bar-text"},p,"%"))),this.showHelperText&&i("div",{key:"58687128632456c7494cb3bed565a7cdd2ea30b7",class:"progress-bar__note"},i("div",{key:"ac74bd928daec504f8663840d2e442064dbdee5c",class:"icon"},this.error?t.error:this.success?t.primary:t.neutral),i("div",{key:"33775b5dd18a34b136f94fa8a55431b82be554f2",class:"content"},i("p",{key:"37e425d5d02df667f43f47146344de55e85e781e",class:`progress-bar-content ${this.success&&"success"} ${this.error&&"error"} ${a[this.size]}`},this.helperText))))}};d.style='html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff") format("woff");font-weight:500;font-style:normal}@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff") format("woff");font-weight:600;font-style:normal}@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:auto}body{font-family:"IBM Plex Sans Arabic"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px "IBM Plex Sans Arabic"}.display-xl-regular{font:400 60px/72px "IBM Plex Sans Arabic"}.display-lg-regular{font:400 48px/60px "IBM Plex Sans Arabic"}.display-md-regular{font:400 36px/44px "IBM Plex Sans Arabic"}.display-sm-regular{font:400 30px/38px "IBM Plex Sans Arabic"}.display-xs-regular{font:400 24px/32px "IBM Plex Sans Arabic"}.text-xl-regular{font:400 20px/30px "IBM Plex Sans Arabic"}.text-lg-regular{font:400 18px/28px "IBM Plex Sans Arabic"}.text-md-regular{font:400 16px/24px "IBM Plex Sans Arabic"}.text-sm-regular{font:400 14px/20px "IBM Plex Sans Arabic"}.text-xs-regular{font:400 12px/18px "IBM Plex Sans Arabic"}.text-2xs-regular{font:400 10px/14px "IBM Plex Sans Arabic"}.display-2xl-medium{font:500 72px/90px "IBM Plex Sans Arabic"}.display-xl-medium{font:500 60px/72px "IBM Plex Sans Arabic"}.display-lg-medium{font:500 48px/60px "IBM Plex Sans Arabic"}.display-md-medium{font:500 36px/44px "IBM Plex Sans Arabic"}.display-sm-medium{font:500 30px/38px "IBM Plex Sans Arabic"}.display-xs-medium{font:500 24px/32px "IBM Plex Sans Arabic"}.text-xl-medium{font:500 20px/30px "IBM Plex Sans Arabic"}.text-lg-medium{font:500 18px/28px "IBM Plex Sans Arabic"}.text-md-medium{font:500 16px/24px "IBM Plex Sans Arabic"}.text-sm-medium{font:500 14px/20px "IBM Plex Sans Arabic"}.text-xs-medium{font:500 12px/18px "IBM Plex Sans Arabic"}.text-2xs-medium{font:500 10px/14px "IBM Plex Sans Arabic"}.display-2xl-semibold{font:600 72px/90px "IBM Plex Sans Arabic"}.display-xl-semibold{font:600 60px/72px "IBM Plex Sans Arabic"}.display-lg-semibold{font:600 48px/60px "IBM Plex Sans Arabic"}.display-md-semibold{font:600 36px/44px "IBM Plex Sans Arabic"}.display-sm-semibold{font:600 30px/38px "IBM Plex Sans Arabic"}.display-xs-semibold{font:600 24px/32px "IBM Plex Sans Arabic"}.text-xl-semibold{font:600 20px/30px "IBM Plex Sans Arabic"}.text-lg-semibold{font:600 18px/28px "IBM Plex Sans Arabic"}.text-md-semibold{font:600 16px/24px "IBM Plex Sans Arabic"}.text-sm-semibold{font:600 14px/20px "IBM Plex Sans Arabic"}.text-xs-semibold{font:600 12px/18px "IBM Plex Sans Arabic"}.text-2xs-semibold{font:600 10px/14px "IBM Plex Sans Arabic"}.display-2xl-bold{font:700 72px/90px "IBM Plex Sans Arabic"}.display-xl-bold{font:700 60px/72px "IBM Plex Sans Arabic"}.display-lg-bold{font:700 48px/60px "IBM Plex Sans Arabic"}.display-md-bold{font:700 36px/44px "IBM Plex Sans Arabic"}.display-sm-bold{font:700 30px/38px "IBM Plex Sans Arabic"}.display-xs-bold{font:700 24px/32px "IBM Plex Sans Arabic"}.text-xl-bold{font:700 20px/30px "IBM Plex Sans Arabic"}.text-lg-bold{font:700 18px/28px "IBM Plex Sans Arabic"}.text-md-bold{font:700 16px/24px "IBM Plex Sans Arabic"}.text-sm-bold{font:700 14px/20px "IBM Plex Sans Arabic"}.text-xs-bold{font:700 12px/18px "IBM Plex Sans Arabic"}.text-2xs-bold{font:700 10px/14px "IBM Plex Sans Arabic"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}.progress-wrapper{display:flex;flex-direction:column;gap:4px}.progress-wrapper h3{color:var(--form-field-text-label, #161616);font-size:14px;font-style:normal;font-weight:400;line-height:20px;font-family:"IBM Plex Sans Arabic"}.progress-wrapper .progress-bar__note{display:flex;align-items:center;gap:8px}.progress-wrapper .progress-bar__note .icon{height:16px;width:16px}.progress-wrapper .progress-bar__note .content p{color:var(--text-primary-paragraph, #384250);font-family:"IBM Plex Sans Arabic";font-size:12px;font-style:normal;font-weight:400;line-height:normal;margin:0}.progress-wrapper .progress-bar__note .content p.error{color:var(--text-error, #B42318)}.progress-wrapper .progress-bar__note .content p.success{color:var(--text-success, #067647)}.progress-bar-container{overflow:hidden;width:100%;background:var(--background-neutral-100, #f3f4f6);border-radius:4px;overflow:hidden;position:relative}.progress-bar-container.sm{height:4px}.progress-bar-container.md{height:8px}.progress-bar-container.lg{height:16px;border-radius:8px}.progress-bar-container.lg .progress-bar{border-radius:8px}.progress-bar-container .progress-bar{height:100%;display:flex;align-items:center;justify-content:flex-end;color:white;font-weight:bold;border-radius:4px;transition:width 0.5s ease-in-out}.progress-bar-container .progress-bar.primary{background:var(--background-primary, #1b8354)}.progress-bar-container .progress-bar.neutral{background:var(--button-background-black-selected, #384250)}.progress-bar-container .progress-bar.error{background:var(--background-error, #d92d20);color:var(--text-error, #B42318)}.progress-bar-container .progress-bar.success{background:var(--background-success, #079455);color:var(--text-success, #067647)}.progress-bar-container .progress-bar .progress-bar-text{color:#fff;font-family:"IBM Plex Sans Arabic";font-size:12px;font-style:normal;font-weight:400;line-height:normal;padding:0 8px}';export{d as dga_linear_progress_bar}
+import{r as a,h as i}from"./p-BLSc18AE.js";import{h as d}from"./p-BeGjGURp.js";const e=class{constructor(i){a(this,i),this.RTL=!1,this.percentage=0,this.size="small",this.progressStyle="neutral",this.showLabel=!0,this.showHelperText=!0,this.error=!1,this.success=!1,this.label="label",this.helperText="Help Text"}render(){const a={small:"sm",medium:"md",large:"lg"};let e=this.error?"error":this.success?"success":this.progressStyle,p=this.percentage;const t={neutral:i("dga-icon",{key:"78d6026f112bd80e6c2b99f2be5ef4f78caedac2",icon:d,size:16,color:"#384250"}),primary:i("svg",{key:"9e70dba73911dad3690715901795447fc65232eb",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{key:"eb4a1a819f14fde8d1b097708f85967fdb6d01cc","fill-rule":"evenodd","clip-rule":"evenodd",d:"M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334Z",fill:"white"}),i("path",{key:"f787d69a6c3de2ea558d5c4223abad57d1672c98","fill-rule":"evenodd","clip-rule":"evenodd",d:"M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334ZM4.70017 7.41423C4.43982 7.67458 4.43982 8.09669 4.70017 8.35704L6.58578 10.2427C6.84613 10.503 7.26824 10.503 7.52859 10.2427L11.2998 6.47143C11.5602 6.21108 11.5602 5.78897 11.2998 5.52862C11.0395 5.26827 10.6174 5.26827 10.357 5.52862L7.05719 8.82845L5.64297 7.41423C5.38263 7.15388 4.96052 7.15388 4.70017 7.41423Z",fill:"#067647"})),error:i("svg",{key:"c33bfd46ee7d6ccc0747115ff588227ce636b995",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{key:"f3639bdd8d4a58093b64e7b2742f65dd40f3e574","fill-rule":"evenodd","clip-rule":"evenodd",d:"M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334Z",fill:"white"}),i("path",{key:"beb6af2075961b8e924d32c163269632a08a1eca","fill-rule":"evenodd","clip-rule":"evenodd",d:"M15.3334 8.00002C15.3334 12.0502 12.0502 15.3334 8.00002 15.3334C3.94989 15.3334 0.666687 12.0502 0.666687 8.00002C0.666687 3.94989 3.94989 0.666687 8.00002 0.666687C12.0502 0.666687 15.3334 3.94989 15.3334 8.00002ZM5.80471 4.862C5.54445 4.60158 5.12225 4.60158 4.862 4.862C4.60158 5.12225 4.60158 5.54445 4.862 5.80471L7.05715 8.00002L4.862 10.1953C4.60158 10.4556 4.60158 10.8778 4.862 11.138C5.12225 11.3985 5.54445 11.3985 5.80471 11.138L8.00002 8.94289L10.1953 11.138C10.4556 11.3985 10.8778 11.3985 11.138 11.138C11.3985 10.8778 11.3985 10.4556 11.138 10.1953L8.94289 8.00002L11.138 5.80471C11.3985 5.54445 11.3985 5.12225 11.138 4.862C10.8778 4.60158 10.4556 4.60158 10.1953 4.862L8.00002 7.05715L5.80471 4.862Z",fill:"#B42318"}))};return i("div",{key:"161eb9a4a1b0bea04d5ae742ab69a211e2708aff",class:"progress-wrapper",style:{direction:this.RTL?"rtl":"ltr"}},this.showLabel&&i("h3",{key:"5d80affb94aa0dc700a6da1f4d08d22d243d8568",class:`${a[this.size]}`},this.label),i("div",{key:"2c86413756141cd140f439d8777dd8b0f5195ab7",class:`progress-bar-container ${a[this.size]}`,title:`${p.toString()}%`},i("div",{key:"5a4ba5250bd256c2cb5f78add3d02e4749da4112",class:`progress-bar ${e}`,style:{width:`${p}%`}},"large"===this.size&&p>8&&i("span",{key:"9d301102d872632879dc36abbc4d27e6849c9921",class:"progress-bar-text"},p,"%"))),this.showHelperText&&i("div",{key:"596691efaf614a081d6261c58afd33d6e4707aaf",class:"progress-bar__note"},i("div",{key:"1cf04ce13c23cb9e99129c3dcc59129607099491",class:"icon"},this.error?t.error:this.success?t.primary:t.neutral),i("div",{key:"1e99c404435028238cb5808f9a66073b4e6061c4",class:"content"},i("p",{key:"6e904b1099c19db42ee30bad5b095569a2f34908",class:`progress-bar-content ${this.success&&"success"} ${this.error&&"error"} ${a[this.size]}`},this.helperText))))}};e.style='html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff") format("woff");font-weight:500;font-style:normal}@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff") format("woff");font-weight:600;font-style:normal}@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:auto}body{font-family:"IBM Plex Sans Arabic"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px "IBM Plex Sans Arabic"}.display-xl-regular{font:400 60px/72px "IBM Plex Sans Arabic"}.display-lg-regular{font:400 48px/60px "IBM Plex Sans Arabic"}.display-md-regular{font:400 36px/44px "IBM Plex Sans Arabic"}.display-sm-regular{font:400 30px/38px "IBM Plex Sans Arabic"}.display-xs-regular{font:400 24px/32px "IBM Plex Sans Arabic"}.text-xl-regular{font:400 20px/30px "IBM Plex Sans Arabic"}.text-lg-regular{font:400 18px/28px "IBM Plex Sans Arabic"}.text-md-regular{font:400 16px/24px "IBM Plex Sans Arabic"}.text-sm-regular{font:400 14px/20px "IBM Plex Sans Arabic"}.text-xs-regular{font:400 12px/18px "IBM Plex Sans Arabic"}.text-2xs-regular{font:400 10px/14px "IBM Plex Sans Arabic"}.display-2xl-medium{font:500 72px/90px "IBM Plex Sans Arabic"}.display-xl-medium{font:500 60px/72px "IBM Plex Sans Arabic"}.display-lg-medium{font:500 48px/60px "IBM Plex Sans Arabic"}.display-md-medium{font:500 36px/44px "IBM Plex Sans Arabic"}.display-sm-medium{font:500 30px/38px "IBM Plex Sans Arabic"}.display-xs-medium{font:500 24px/32px "IBM Plex Sans Arabic"}.text-xl-medium{font:500 20px/30px "IBM Plex Sans Arabic"}.text-lg-medium{font:500 18px/28px "IBM Plex Sans Arabic"}.text-md-medium{font:500 16px/24px "IBM Plex Sans Arabic"}.text-sm-medium{font:500 14px/20px "IBM Plex Sans Arabic"}.text-xs-medium{font:500 12px/18px "IBM Plex Sans Arabic"}.text-2xs-medium{font:500 10px/14px "IBM Plex Sans Arabic"}.display-2xl-semibold{font:600 72px/90px "IBM Plex Sans Arabic"}.display-xl-semibold{font:600 60px/72px "IBM Plex Sans Arabic"}.display-lg-semibold{font:600 48px/60px "IBM Plex Sans Arabic"}.display-md-semibold{font:600 36px/44px "IBM Plex Sans Arabic"}.display-sm-semibold{font:600 30px/38px "IBM Plex Sans Arabic"}.display-xs-semibold{font:600 24px/32px "IBM Plex Sans Arabic"}.text-xl-semibold{font:600 20px/30px "IBM Plex Sans Arabic"}.text-lg-semibold{font:600 18px/28px "IBM Plex Sans Arabic"}.text-md-semibold{font:600 16px/24px "IBM Plex Sans Arabic"}.text-sm-semibold{font:600 14px/20px "IBM Plex Sans Arabic"}.text-xs-semibold{font:600 12px/18px "IBM Plex Sans Arabic"}.text-2xs-semibold{font:600 10px/14px "IBM Plex Sans Arabic"}.display-2xl-bold{font:700 72px/90px "IBM Plex Sans Arabic"}.display-xl-bold{font:700 60px/72px "IBM Plex Sans Arabic"}.display-lg-bold{font:700 48px/60px "IBM Plex Sans Arabic"}.display-md-bold{font:700 36px/44px "IBM Plex Sans Arabic"}.display-sm-bold{font:700 30px/38px "IBM Plex Sans Arabic"}.display-xs-bold{font:700 24px/32px "IBM Plex Sans Arabic"}.text-xl-bold{font:700 20px/30px "IBM Plex Sans Arabic"}.text-lg-bold{font:700 18px/28px "IBM Plex Sans Arabic"}.text-md-bold{font:700 16px/24px "IBM Plex Sans Arabic"}.text-sm-bold{font:700 14px/20px "IBM Plex Sans Arabic"}.text-xs-bold{font:700 12px/18px "IBM Plex Sans Arabic"}.text-2xs-bold{font:700 10px/14px "IBM Plex Sans Arabic"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}.progress-wrapper{display:flex;flex-direction:column;gap:4px}.progress-wrapper h3{color:var(--form-field-text-label, #161616);font-size:14px;font-style:normal;font-weight:400;line-height:20px;font-family:"IBM Plex Sans Arabic"}.progress-wrapper .progress-bar__note{display:flex;align-items:center;gap:8px}.progress-wrapper .progress-bar__note .icon{height:16px;width:16px}.progress-wrapper .progress-bar__note .content p{color:var(--text-primary-paragraph, #384250);font-family:"IBM Plex Sans Arabic";font-size:12px;font-style:normal;font-weight:400;line-height:normal;margin:0}.progress-wrapper .progress-bar__note .content p.error{color:var(--text-error, #B42318)}.progress-wrapper .progress-bar__note .content p.success{color:var(--text-success, #067647)}.progress-bar-container{overflow:hidden;width:100%;background:var(--background-neutral-100, #f3f4f6);border-radius:4px;overflow:hidden;position:relative}.progress-bar-container.sm{height:4px}.progress-bar-container.md{height:8px}.progress-bar-container.lg{height:16px;border-radius:8px}.progress-bar-container.lg .progress-bar{border-radius:8px}.progress-bar-container .progress-bar{height:100%;display:flex;align-items:center;justify-content:flex-end;color:white;font-weight:bold;border-radius:4px;transition:width 0.5s ease-in-out}.progress-bar-container .progress-bar.primary{background:var(--background-primary, #1b8354)}.progress-bar-container .progress-bar.neutral{background:var(--button-background-black-selected, #384250)}.progress-bar-container .progress-bar.error{background:var(--background-error, #d92d20);color:var(--text-error, #B42318)}.progress-bar-container .progress-bar.success{background:var(--background-success, #079455);color:var(--text-success, #067647)}.progress-bar-container .progress-bar .progress-bar-text{color:#fff;font-family:"IBM Plex Sans Arabic";font-size:12px;font-style:normal;font-weight:400;line-height:normal;padding:0 8px}';export{e as dga_linear_progress_bar}

package/dist/core/{p-469b8cdc.entry.js → p-b0ffb1f6.entry.js}

@@ -1 +1 @@
-import{r as a,h as e}from"./p-BhVuiKHy.js";const t=class{constructor(e){a(this,e),this.activeTab="Home",this.handleTabClick=a=>{console.log(`Tab clicked: ${a}`),this.activeTab=a}}render(){return e("div",{key:"a4ca5ed4579e034c19b930089d6c41b467579fff",style:{padding:"20px",fontFamily:"Arial, sans-serif"}},e("h1",{key:"757ebc6f847505cbe7e84d2aaf13d8ab9b09f9fc"},"DGA Tabs Component Examples"),e("p",{key:"6dbb06ed9a610544b8a17ca6f59d311311239b6c"},"Comprehensive examples of the tabs component in various real-world scenarios."),e("section",{key:"f70f26a3ee9c5a70bf7eaf3422063ca258d88900",style:{marginBottom:"40px"}},e("h2",{key:"cd457f26d61deec47d5af56bc6b3fa237fbac155"},"1. Website Navigation Menu"),e("p",{key:"e3195699c2b53c220714392885302c04b7083a81"},"Main navigation for a website with different sections"),e("dga-tabs",{key:"70e3d74bcf7a40f75fc886ced3bb5199001bfc80",size:"md",orientation:"horizontal",flush:!1,external:!1,divider:!0,tabsList:[{label:"Home",onClick:()=>this.handleTabClick("Home"),tabIcon:"home-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Products",onClick:()=>this.handleTabClick("Products"),tabIcon:"package-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Services",onClick:()=>this.handleTabClick("Services"),tabIcon:"settings-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"About Us",onClick:()=>this.handleTabClick("About"),tabIcon:"users-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Contact",onClick:()=>this.handleTabClick("Contact"),tabIcon:"mail-01",iconProps:{variant:"stroke",type:"sharp"}}]}),"fdfff",e("dga-tabs",{key:"864b496d0c0ce6760a7915aa0c38156afe1cf5d3",size:"md",orientation:"horizontal",flush:!1,external:!1,divider:!0})),e("section",{key:"879284dda87bbdf9e9d9cb799f8a03659badabb1",style:{marginBottom:"40px"}},e("h2",{key:"8a7559b483db9a904a1f1d593e78d24944085c61"},"2. Dashboard Analytics Tabs"),e("p",{key:"3a78e2a85893f849958c82bd34573bf818564cbb"},"Analytics dashboard with different data views"),e("dga-tabs",{key:"2c6ebb63ce6ed2ac347391d5e6e9811803d3b2f0",size:"lg",orientation:"horizontal",flush:!1,external:!1,divider:!0,tabsList:[{label:"Overview",onClick:()=>this.handleTabClick("Overview"),tabIcon:"chart-line-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Sales",onClick:()=>this.handleTabClick("Sales"),tabIcon:"trending-up-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Users",onClick:()=>this.handleTabClick("Users"),tabIcon:"user-group-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Reports",onClick:()=>this.handleTabClick("Reports"),tabIcon:"file-chart-01",iconProps:{variant:"stroke",type:"sharp"}}]})),e("section",{key:"4ed39a6955ca8577d1be7112a8898f0d00edf6fc",style:{marginBottom:"40px"}},e("h2",{key:"269985f5a141ea8d0b005a8c6fcb3d847f4f31cc"},"3. Settings Panel (Vertical Layout)"),e("p",{key:"a19795efcf45941ac14ea5166d70d54464f65576"},"User settings panel with vertical tab navigation"),e("div",{key:"38b44214ba7709507c02b2f67b9c0c85a5e11e6f",style:{display:"flex",gap:"20px"}},e("dga-tabs",{key:"ffd144c706c009c8b126c45ee50d64e611e23bd7",size:"md",orientation:"vertical",flush:!1,external:!1,divider:!0,tabsList:[{label:"Profile",onClick:()=>this.handleTabClick("Profile"),tabIcon:"user-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Security",onClick:()=>this.handleTabClick("Security"),tabIcon:"shield-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Notifications",onClick:()=>this.handleTabClick("Notifications"),tabIcon:"bell-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Billing",onClick:()=>this.handleTabClick("Billing"),tabIcon:"credit-card-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Privacy",onClick:()=>this.handleTabClick("Privacy"),tabIcon:"lock-01",iconProps:{variant:"stroke",type:"sharp"}}]}),e("div",{key:"16fc393a34de331ee08a21c3eb876386dae40a4f",style:{padding:"20px",border:"1px solid #ddd",borderRadius:"4px",flex:"1 "}},e("p",{key:"017f97e7e3d035cbe6d2d03a1bdaa8bcbc6c44f1"},"Content area for the selected tab (",this.activeTab,") would appear here.")))),e("section",{key:"07d8707c441ef2d1334a2b7b4c1289a4a5c73baa",style:{marginBottom:"40px"}},e("h2",{key:"4e394e0065d843a3adf05670e65b64fab269ffe8"},"4. E-commerce Product Information"),e("p",{key:"eee7cf4221987e23325e28741cc7653ec788dd48"},"Product detail page with different information sections"),e("dga-tabs",{key:"4c3c574565022a8fe0875f0deafe8a550d595c80",size:"md",orientation:"horizontal",flush:!1,external:!1,divider:!0,tabsList:[{label:"Description",onClick:()=>this.handleTabClick("Description"),tabIcon:"file-text-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Specifications",onClick:()=>this.handleTabClick("Specifications"),tabIcon:"list-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Reviews",onClick:()=>this.handleTabClick("Reviews"),tabIcon:"star-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Shipping",onClick:()=>this.handleTabClick("Shipping"),tabIcon:"truck-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Returns",onClick:()=>this.handleTabClick("Returns"),tabIcon:"refresh-01",iconProps:{variant:"stroke",type:"sharp"}}]})),e("section",{key:"e22407ea8f9f268c1508ae75c4be972c57ac1a4a",style:{marginBottom:"40px"}},e("h2",{key:"7151fd91c39659e4b593bd31fe3ae48a9d08b030"},"5. External Navigation Links"),e("p",{key:"374426a7f720b09d2f3ffcad9d8176a344376f9f"},"Tabs that navigate to external pages or different sections"),e("dga-tabs",{key:"f344d088de19a64993d13a05a2d5a3bcd74e7f7d",size:"md",orientation:"horizontal",flush:!1,external:!0,divider:!0,tabsList:[{label:"Documentation",link:"/docs",tabIcon:"book-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"API Reference",link:"/api",tabIcon:"code-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Examples",link:"/examples",tabIcon:"folder-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"GitHub",link:"https://github.com",tabIcon:"github-01",iconProps:{variant:"stroke",type:"sharp"}}]})),e("section",{key:"b99af312677d02912ec4d9d21f503804bc469169",style:{marginBottom:"40px"}},e("h2",{key:"04d5156b015ea76aef3d9b3c693b986e0b3da2a7"},"6. Many Tabs with Overflow Menu"),e("p",{key:"355bca42b03f5c51b31becc188b80cabc9b8a655"},"Example with more than 5 tabs to demonstrate overflow behavior"),e("dga-tabs",{key:"7191d34b5774a37bf87bddf5338bcfd574c74fba",size:"md",orientation:"horizontal",flush:!1,external:!1,divider:!0,tabsList:[{label:"January",onClick:()=>this.handleTabClick("January"),tabIcon:"calendar-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"February",onClick:()=>this.handleTabClick("February"),tabIcon:"calendar-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"March",onClick:()=>this.handleTabClick("March"),tabIcon:"calendar-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"April",onClick:()=>this.handleTabClick("April"),tabIcon:"calendar-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"May",onClick:()=>this.handleTabClick("May"),tabIcon:"calendar-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"June",onClick:()=>this.handleTabClick("June"),tabIcon:"calendar-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"July",onClick:()=>this.handleTabClick("July"),tabIcon:"calendar-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"August",onClick:()=>this.handleTabClick("August"),tabIcon:"calendar-01",iconProps:{variant:"stroke",type:"sharp"}}]})),e("section",{key:"7173952579b0e83d24d4292d51b595ddd56d3c98",style:{marginBottom:"40px"}},e("h2",{key:"e57857e6f4dd7cb44d0bb9f5bb76bebbc55f3ed3"},"7. Different Tab Sizes"),e("h3",{key:"570dfb2b0cd3e1b9bee6ad6be6d690a38703fb80"},"Small Size"),e("dga-tabs",{key:"16f664609f34267a8fcc7df0632913b11d27fe86",size:"sm",orientation:"horizontal",flush:!1,external:!1,divider:!0,tabsList:[{label:"Small",onClick:()=>this.handleTabClick("Small")},{label:"Compact",onClick:()=>this.handleTabClick("Compact")},{label:"Minimal",onClick:()=>this.handleTabClick("Minimal")}]}),e("h3",{key:"5078bc3b915111c393ccabc4a93244ae6fe77c4d"},"Medium Size (Default)"),e("dga-tabs",{key:"ab5e38aba6f12a5d2b90ebe9f2a28052d8ff0d41",size:"md",orientation:"horizontal",flush:!1,external:!1,divider:!0,tabsList:[{label:"Medium",onClick:()=>this.handleTabClick("Medium")},{label:"Standard",onClick:()=>this.handleTabClick("Standard")},{label:"Default",onClick:()=>this.handleTabClick("Default")}]}),e("h3",{key:"99e1137e6301e8b9f0d9da4f8d3d9c25b90d5069"},"Large Size"),e("dga-tabs",{key:"eba65ba91ae7f18221a739678f765b09c06ff428",size:"lg",orientation:"horizontal",flush:!1,external:!1,divider:!0,tabsList:[{label:"Large",onClick:()=>this.handleTabClick("Large")},{label:"Prominent",onClick:()=>this.handleTabClick("Prominent")},{label:"Bold",onClick:()=>this.handleTabClick("Bold")}]})),e("section",{key:"3158351aeade4d67da027da339e053c3bdd848c6",style:{marginBottom:"40px"}},e("h2",{key:"8e357900c72fb7fbb23cbe09499e1ae52ff852de"},"8. Flush Tabs (No Padding)"),e("p",{key:"f739899797cf4d38c2b8d8a27e9dd7aa0be6bcd5"},"Tabs with flush styling for tight layouts"),e("dga-tabs",{key:"13cce50a725c1ca1bc34d572820ccc6b89cb1fdd",size:"md",orientation:"horizontal",flush:!0,external:!1,divider:!1,tabsList:[{label:"Flush Tab 1",onClick:()=>this.handleTabClick("Flush1"),tabIcon:"square-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Flush Tab 2",onClick:()=>this.handleTabClick("Flush2"),tabIcon:"square-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Flush Tab 3",onClick:()=>this.handleTabClick("Flush3"),tabIcon:"square-01",iconProps:{variant:"stroke",type:"sharp"}}]})),e("section",{key:"c659c18ecc43055df670758afad1e5f7ce4c20b5",style:{marginBottom:"40px"}},e("h2",{key:"1fb58355458ba0709ca9faef2d3bb45ecad7eca0"},"9. Disabled Tabs"),e("p",{key:"a0e97f29d2ff16c3d280a91890e5229458bf2507"},"Tabs in disabled state for maintenance or restricted access"),e("dga-tabs",{key:"c50107fefee4afc65157154b8acb39580b2cd07d",size:"md",orientation:"horizontal",flush:!1,external:!1,divider:!0,disabled:!0,tabsList:[{label:"Disabled Tab 1",onClick:()=>this.handleTabClick("Disabled1"),tabIcon:"lock-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Disabled Tab 2",onClick:()=>this.handleTabClick("Disabled2"),tabIcon:"lock-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Disabled Tab 3",onClick:()=>this.handleTabClick("Disabled3"),tabIcon:"lock-01",iconProps:{variant:"stroke",type:"sharp"}}]})),e("section",{key:"026f1190722234fda843a20bdc586727b39df9fb",style:{marginBottom:"40px"}},e("h2",{key:"6188e718fcd2a42f520cda20129a73b7db8fc078"},"10. Mobile-Friendly Tabs"),e("p",{key:"f8b68387240f5653be0f16b411df3fc024472329"},"Compact tabs suitable for mobile interfaces"),e("dga-tabs",{key:"2605c9625b1705cb74f36abbc2dfe468b1193fd4",size:"sm",orientation:"horizontal",flush:!0,external:!1,divider:!1,tabsList:[{label:"Feed",onClick:()=>this.handleTabClick("Feed"),tabIcon:"rss-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Messages",onClick:()=>this.handleTabClick("Messages"),tabIcon:"message-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Profile",onClick:()=>this.handleTabClick("Profile"),tabIcon:"user-01",iconProps:{variant:"stroke",type:"sharp"}}]})))}};export{t as dga_tabs_usage}
+import{r as e,h as a}from"./p-BLSc18AE.js";const t=class{constructor(a){e(this,a),this.activeTab="Home",this.handleTabClick=e=>{console.log(`Tab clicked: ${e}`),this.activeTab=e}}render(){return a("div",{key:"af6521941a232f3c5829e6b78ecc754baf8fcc10",style:{padding:"20px",fontFamily:"Arial, sans-serif"}},a("h1",{key:"115fc7279e40e0dc0070395988d189dceaf77def"},"DGA Tabs Component Examples"),a("p",{key:"449c47c463804514bb49a9a70d2959f2e282ad35"},"Comprehensive examples of the tabs component in various real-world scenarios."),a("section",{key:"2eeb618fd678781d5b4d37d99f586ea2214ec0ef",style:{marginBottom:"40px"}},a("h2",{key:"edb66ea26a9ae4f06aef44754ab1293302655736"},"1. Website Navigation Menu"),a("p",{key:"31e5335d48b329dff19cb34e1c2bb16de6449400"},"Main navigation for a website with different sections"),a("dga-tabs",{key:"ba0f1961fabee8a1feeaa5b2fce20528df8b2b26",size:"md",orientation:"horizontal",flush:!1,external:!1,divider:!0,tabsList:[{label:"Home",onClick:()=>this.handleTabClick("Home"),tabIcon:"home-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Products",onClick:()=>this.handleTabClick("Products"),tabIcon:"package-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Services",onClick:()=>this.handleTabClick("Services"),tabIcon:"settings-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"About Us",onClick:()=>this.handleTabClick("About"),tabIcon:"users-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Contact",onClick:()=>this.handleTabClick("Contact"),tabIcon:"mail-01",iconProps:{variant:"stroke",type:"sharp"}}]}),"fdfff",a("dga-tabs",{key:"e739dead759814d479122f8dc36aa98aeb992109",size:"md",orientation:"horizontal",flush:!1,external:!1,divider:!0})),a("section",{key:"eeab0e9c41b433f81ef07f47a7435e663a2d654b",style:{marginBottom:"40px"}},a("h2",{key:"aee43eb258cd262080b15eff53154ff23aa5b517"},"2. Dashboard Analytics Tabs"),a("p",{key:"64bc1255112b8c031a3a3bf14a41c9ce5bf40fd3"},"Analytics dashboard with different data views"),a("dga-tabs",{key:"5201fe3db7f11c1c157429ee2f1f7c63e71be986",size:"lg",orientation:"horizontal",flush:!1,external:!1,divider:!0,tabsList:[{label:"Overview",onClick:()=>this.handleTabClick("Overview"),tabIcon:"chart-line-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Sales",onClick:()=>this.handleTabClick("Sales"),tabIcon:"trending-up-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Users",onClick:()=>this.handleTabClick("Users"),tabIcon:"user-group-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Reports",onClick:()=>this.handleTabClick("Reports"),tabIcon:"file-chart-01",iconProps:{variant:"stroke",type:"sharp"}}]})),a("section",{key:"c5c24f6121188807afb3951302201140aaca07ce",style:{marginBottom:"40px"}},a("h2",{key:"036e05054747a64db1b5de124d75cc16e0cb87a6"},"3. Settings Panel (Vertical Layout)"),a("p",{key:"2a47984dbfbb4f52e38176b7f6cd0117cb43e690"},"User settings panel with vertical tab navigation"),a("div",{key:"ebd1f2b5dd68d9ee773a4361fae6c9001eb7268d",style:{display:"flex",gap:"20px"}},a("dga-tabs",{key:"2a0cd8d35ec75058e4c3e38fce1c6616d29cd23c",size:"md",orientation:"vertical",flush:!1,external:!1,divider:!0,tabsList:[{label:"Profile",onClick:()=>this.handleTabClick("Profile"),tabIcon:"user-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Security",onClick:()=>this.handleTabClick("Security"),tabIcon:"shield-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Notifications",onClick:()=>this.handleTabClick("Notifications"),tabIcon:"bell-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Billing",onClick:()=>this.handleTabClick("Billing"),tabIcon:"credit-card-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Privacy",onClick:()=>this.handleTabClick("Privacy"),tabIcon:"lock-01",iconProps:{variant:"stroke",type:"sharp"}}]}),a("div",{key:"702c50d6ed5cd6b2e1d6323dc82b00271294d39f",style:{padding:"20px",border:"1px solid #ddd",borderRadius:"4px",flex:"1 "}},a("p",{key:"cb21d117d6ed90f9deafc40d7856c3dbe97acc2b"},"Content area for the selected tab (",this.activeTab,") would appear here.")))),a("section",{key:"5ad4dd6bdd86bc837f9f5e9e036ab2a9e29b75c7",style:{marginBottom:"40px"}},a("h2",{key:"54194fe843ca660e19f5606fca968848d593772b"},"4. E-commerce Product Information"),a("p",{key:"05f761fc4fe8186435779796268efb7919fc255b"},"Product detail page with different information sections"),a("dga-tabs",{key:"b7b94da36e552eb6651ad12ab7a5d4a4389323e8",size:"md",orientation:"horizontal",flush:!1,external:!1,divider:!0,tabsList:[{label:"Description",onClick:()=>this.handleTabClick("Description"),tabIcon:"file-text-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Specifications",onClick:()=>this.handleTabClick("Specifications"),tabIcon:"list-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Reviews",onClick:()=>this.handleTabClick("Reviews"),tabIcon:"star-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Shipping",onClick:()=>this.handleTabClick("Shipping"),tabIcon:"truck-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Returns",onClick:()=>this.handleTabClick("Returns"),tabIcon:"refresh-01",iconProps:{variant:"stroke",type:"sharp"}}]})),a("section",{key:"bf22309f3d1eba70dbbe929db67f608011560a5e",style:{marginBottom:"40px"}},a("h2",{key:"6b48a29c9025f597a53956c7f472cae3808df2f8"},"5. External Navigation Links"),a("p",{key:"3c2aac4b83dba7972d09dbb81d1414c4f717cd6a"},"Tabs that navigate to external pages or different sections"),a("dga-tabs",{key:"653e14b5a4645bf126c8b101115b215eaafd9e11",size:"md",orientation:"horizontal",flush:!1,external:!0,divider:!0,tabsList:[{label:"Documentation",link:"/docs",tabIcon:"book-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"API Reference",link:"/api",tabIcon:"code-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Examples",link:"/examples",tabIcon:"folder-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"GitHub",link:"https://github.com",tabIcon:"github-01",iconProps:{variant:"stroke",type:"sharp"}}]})),a("section",{key:"304606f79e023c616adb9b6a8bd9dc3550fc5183",style:{marginBottom:"40px"}},a("h2",{key:"9c0aadfd3d57d89dc8a1e877d49f809a333b54ee"},"6. Many Tabs with Overflow Menu"),a("p",{key:"ffd0501916196f9bbb790d34c5390e36a008cba3"},"Example with more than 5 tabs to demonstrate overflow behavior"),a("dga-tabs",{key:"b0f092659ab4df8bd349fb50d7dd35d270e7f972",size:"md",orientation:"horizontal",flush:!1,external:!1,divider:!0,tabsList:[{label:"January",onClick:()=>this.handleTabClick("January"),tabIcon:"calendar-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"February",onClick:()=>this.handleTabClick("February"),tabIcon:"calendar-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"March",onClick:()=>this.handleTabClick("March"),tabIcon:"calendar-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"April",onClick:()=>this.handleTabClick("April"),tabIcon:"calendar-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"May",onClick:()=>this.handleTabClick("May"),tabIcon:"calendar-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"June",onClick:()=>this.handleTabClick("June"),tabIcon:"calendar-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"July",onClick:()=>this.handleTabClick("July"),tabIcon:"calendar-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"August",onClick:()=>this.handleTabClick("August"),tabIcon:"calendar-01",iconProps:{variant:"stroke",type:"sharp"}}]})),a("section",{key:"b3c9b2cb3f8e2d7f9cf2881944633e68c49c39a1",style:{marginBottom:"40px"}},a("h2",{key:"aec44b6961614120237815e9715cd9ebd92f7b89"},"7. Different Tab Sizes"),a("h3",{key:"8c87cbcf54dde95389353138998a7f707d1be5cd"},"Small Size"),a("dga-tabs",{key:"68a1ca659a146dfbe5f416d7c2239ec3298c12c3",size:"sm",orientation:"horizontal",flush:!1,external:!1,divider:!0,tabsList:[{label:"Small",onClick:()=>this.handleTabClick("Small")},{label:"Compact",onClick:()=>this.handleTabClick("Compact")},{label:"Minimal",onClick:()=>this.handleTabClick("Minimal")}]}),a("h3",{key:"5ab3d2210f4d7f1567532d4405341abf8da13988"},"Medium Size (Default)"),a("dga-tabs",{key:"3e229a680f897f8e40bb4430f5dd82864b33100c",size:"md",orientation:"horizontal",flush:!1,external:!1,divider:!0,tabsList:[{label:"Medium",onClick:()=>this.handleTabClick("Medium")},{label:"Standard",onClick:()=>this.handleTabClick("Standard")},{label:"Default",onClick:()=>this.handleTabClick("Default")}]}),a("h3",{key:"5c2b3593d676177738c798fff4ac878df7dc8ed5"},"Large Size"),a("dga-tabs",{key:"422b3e801a87283c3956a4528121112d55938a32",size:"lg",orientation:"horizontal",flush:!1,external:!1,divider:!0,tabsList:[{label:"Large",onClick:()=>this.handleTabClick("Large")},{label:"Prominent",onClick:()=>this.handleTabClick("Prominent")},{label:"Bold",onClick:()=>this.handleTabClick("Bold")}]})),a("section",{key:"22dcf55e90ec7ca189e796e3cd556606375293ee",style:{marginBottom:"40px"}},a("h2",{key:"bbd382467bd541767e3eeed85a6b7950c115f9b3"},"8. Flush Tabs (No Padding)"),a("p",{key:"cf77dd42a35f3e4e6e9826c1c14dcf1eb732a041"},"Tabs with flush styling for tight layouts"),a("dga-tabs",{key:"454aa4ec646bc97b323ceefa0509cba8a775fa37",size:"md",orientation:"horizontal",flush:!0,external:!1,divider:!1,tabsList:[{label:"Flush Tab 1",onClick:()=>this.handleTabClick("Flush1"),tabIcon:"square-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Flush Tab 2",onClick:()=>this.handleTabClick("Flush2"),tabIcon:"square-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Flush Tab 3",onClick:()=>this.handleTabClick("Flush3"),tabIcon:"square-01",iconProps:{variant:"stroke",type:"sharp"}}]})),a("section",{key:"a4dd2c0f561e52800d3696ea4245bea889ea52bf",style:{marginBottom:"40px"}},a("h2",{key:"95faec8370c0624653e405e8e16c4030125e1c68"},"9. Disabled Tabs"),a("p",{key:"6938e18c405122b89e3a4f6c1ab7abe211266987"},"Tabs in disabled state for maintenance or restricted access"),a("dga-tabs",{key:"2c8d55f3ded3c0a59c62fd04b6bcc1fb55b52a2a",size:"md",orientation:"horizontal",flush:!1,external:!1,divider:!0,disabled:!0,tabsList:[{label:"Disabled Tab 1",onClick:()=>this.handleTabClick("Disabled1"),tabIcon:"lock-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Disabled Tab 2",onClick:()=>this.handleTabClick("Disabled2"),tabIcon:"lock-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Disabled Tab 3",onClick:()=>this.handleTabClick("Disabled3"),tabIcon:"lock-01",iconProps:{variant:"stroke",type:"sharp"}}]})),a("section",{key:"b96edc45a18613d9c802f456a0c60a5a889d1f6f",style:{marginBottom:"40px"}},a("h2",{key:"34e9fc81e3e0dcc90fbc8c418d66574d4864dc1d"},"10. Mobile-Friendly Tabs"),a("p",{key:"de57b486614aa79df140aa290b0c67ca2c034bed"},"Compact tabs suitable for mobile interfaces"),a("dga-tabs",{key:"6a1454aa2d8c30be2d8e6159ac253a1403f66f35",size:"sm",orientation:"horizontal",flush:!0,external:!1,divider:!1,tabsList:[{label:"Feed",onClick:()=>this.handleTabClick("Feed"),tabIcon:"rss-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Messages",onClick:()=>this.handleTabClick("Messages"),tabIcon:"message-01",iconProps:{variant:"stroke",type:"sharp"}},{label:"Profile",onClick:()=>this.handleTabClick("Profile"),tabIcon:"user-01",iconProps:{variant:"stroke",type:"sharp"}}]})))}};export{t as dga_tabs_usage}

package/dist/core/{p-d971c9ed.entry.js → p-b441316f.entry.js}

@@ -1 +1 @@
-import{r as t,h as e}from"./p-BhVuiKHy.js";const s=class{constructor(e){t(this,e),this.data=[{selected:!0},{selected:!0}],this.rowDivider=!0,this.showSelectCheckBox=!0,this.alternate=!0,this.cells=[{propertyName:"test",isFilter:!1,isSort:!1,title:"Test",type:"propertyName",colSpan:1},{propertyName:"test",isFilter:!1,isSort:!1,title:"Test",type:"propertyName",colSpan:1}],this.contained=!0,this.sortedData=[],this.direction=!1}componentDidLoad(){this.direction=document.dir?"rtl"===document.dir:!!document.documentElement.lang&&"ar"===document.documentElement.lang}componentDidUpdate(){const t=[...this.data.map((t=>(t.selected=!1,t)))];this.sortedData=t}render(){return e("div",{key:"f1d1ca5641ef3da824d37f45bdd804fba90a0a75",class:"table-wrapper "+(this.contained?"table-contained":"")},e("table",{key:"ddab82fd0bc409b6f8f851e6cf8dc7e1a33097d9",class:" azm-table "+(this.contained?"table-contained":""),style:{direction:this.direction?"rtl":"ltr"}},e("slot",{key:"d206296cddd14ab6863fee91dac155623ec809f8"})))}};export{s as dga_table}
+import{r as t,h as e}from"./p-BLSc18AE.js";const s=class{constructor(e){t(this,e),this.data=[{selected:!0},{selected:!0}],this.rowDivider=!0,this.showSelectCheckBox=!0,this.alternate=!0,this.cells=[{propertyName:"test",isFilter:!1,isSort:!1,title:"Test",type:"propertyName",colSpan:1},{propertyName:"test",isFilter:!1,isSort:!1,title:"Test",type:"propertyName",colSpan:1}],this.contained=!0,this.sortedData=[],this.direction=!1}componentDidLoad(){this.direction=document.dir?"rtl"===document.dir:!!document.documentElement.lang&&"ar"===document.documentElement.lang}componentDidUpdate(){const t=[...this.data.map((t=>(t.selected=!1,t)))];this.sortedData=t}render(){return e("div",{key:"9ca8290b89d1ed34e3e0e6b46d72706eb4f3a449",class:"table-wrapper "+(this.contained?"table-contained":"")},e("table",{key:"2ea9b4d7e3924c8557d6cfdff2f178b7c53af7b9",class:" azm-table "+(this.contained?"table-contained":""),style:{direction:this.direction?"rtl":"ltr"}},e("slot",{key:"b68d4d24e96676ef9d9231013beeb3a73dd61d7e"})))}};export{s as dga_table}