@platformscode/core 0.0.43 → 0.0.44

package/dist/core/{p-9a64b77c.entry.js → p-cec3ccd7.entry.js}

@@ -1 +1 @@
-import{r as t,h as e}from"./p-B4CGwdkg.js";import{s,b as i,f as o}from"./p-CzSbvsrF.js";var c=function(t,e){var s={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0&&(s[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(t);o<i.length;o++)e.indexOf(i[o])<0&&Object.prototype.propertyIsEnumerable.call(t,i[o])&&(s[i[o]]=t[i[o]])}return s};const n=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,this.sortData=(t="up",e,s)=>{if("up"===t){const t=[...this.data.sort(((t,s)=>s[e]>t[e]?1:t[e]>s[e]?-1:0))];this.sortedData=t}else if("down"===t){const t=[...this.data.sort(((t,s)=>t[e]>s[e]?1:s[e]>t[e]?-1:0))];this.sortedData=t}this.cells[s].sort="down"==t?"up":"down"},this.handleSelectedRowChanges=(t,e)=>{const s=[...this.data];s[e].selected=t,this.sortedData=s,this.getSelectedRows&&this.getSelectedRows({selectedRows:s.filter((t=>t.selected)),currentSelectedRow:s[e],currentSelectedRowIndex:e})},this.selectAll=t=>{const e=[...this.data];e.forEach((e=>e.selected=t)),this.sortedData=e,this.getSelectedRows&&this.getSelectedRows({selectedRows:e})}}initializeData(t){if(t&&t.length>0){const e=[...t];this.sortedData=e}}buildComponentProps(t,e,s){const i={};return t.staticProps&&Object.assign(i,t.staticProps),i.rowIndex=s,t.elProperties&&t.elProperties.length>0&&t.elProperties.forEach((t=>{e.hasOwnProperty(t)&&(i[t]=e[t])})),t.propMapping&&Object.entries(t.propMapping).forEach((([t,s])=>{e.hasOwnProperty(s)&&(i[t]=e[s])})),t.elProperties||t.propMapping||Object.assign(i,e),i}componentWillLoad(){this.direction=document.dir?"rtl"===document.dir:!!document.documentElement.lang&&"ar"===document.documentElement.lang,this.initializeData(this.data)}render(){return console.log(this.sortedData,"this.sortedData"),e("div",{key:"079e9b25a69d4ccb34223743196c3590c460b1bb",class:"table-wrapper "+(this.contained?"table-contained":"")},e("table",{key:"3fbc8927e54667422933263af177bcb80579b28e",class:" azm-table "+(this.contained?"table-contained":""),style:{direction:this.direction?"rtl":"ltr"}},e("thead",{key:"54f17d12359a82b994f6d509c0bed6617217a7b9"},e("tr",{key:"cde60b8a2aaf2b51759b52405ef8e2fd52b8d4fe",class:this.rowDivider?"row-divider":""},this.showSelectCheckBox&&e("th",{key:"be65d049eecc7c091483cd77ecda6453169b721d",style:{width:"20px"}},e("dga-checkbox",{key:"4a1dedb3d5ff43d450a4b9dc4c264f937cd796f9",showBorderOnFocusAndFocusOute:!1,value:"true",onChange:t=>this.selectAll(t.target.checked)})),this.cells.map(((t,n)=>{var{sort:a,isSort:r,propertyName:d,type:h}=t,b=c(t,["sort","isSort","propertyName","type"]);return e("th",{key:n},e("span",null,e("span",{class:"text"},b.title),e("span",{class:"icon-wrapper"},r&&"up"==a&&"propertyName"==h&&e("button",{class:"dga-btn dga-btn--sort dga-btn--icon dga-btn--md",onClick:()=>this.sortData("up",d,n)},e("dga-icon",{icon:s,size:16})),r&&(!a||"down"==a)&&"propertyName"==h&&e("button",{class:"dga-btn dga-btn--sort dga-btn--icon dga-btn--md",onClick:()=>this.sortData("down",d,n)},e("dga-icon",{icon:i,size:16})),b.isFilter&&e("button",{class:"dga-btn dga-btn--sort dga-btn--icon dga-btn--md ",onClick:()=>this.pressOnFilter&&this.pressOnFilter(d)},e("dga-icon",{icon:o,size:16})))))})))),e("tbody",{key:"631dfdc0c18b96169746e7d5b0282090411e395f"},this.sortedData.map(((t,s)=>e("tr",{class:`${this.rowDivider?"row-divider":""} ${this.alternate?"alternate":""} ${t.selected?"row-selected":""} `,key:s},this.showSelectCheckBox&&e("td",null,e("dga-checkbox",{name:s+"checkboxSelection",value:t.selected,id:s+"checkboxSelection",showBorderOnFocusAndFocusOute:!1,onChange:t=>this.handleSelectedRowChanges(t.target.checked,s),checked:t.selected})),this.cells.map(((i,o)=>{var{El:n}=i,a=c(i,["El"]);return e("td",{key:o,colSpan:a.colSpan?a.colSpan:1},"element"===a.type&&n?e(n,"string"==typeof n?this.buildComponentProps(a,t,s):Object.assign({},t)):t[a.propertyName])}))))))))}};export{n as dga_data_table}
+import{r as t,h as e}from"./p-B4CGwdkg.js";import{s,b as i,f as o}from"./p-8U4v1m_C.js";var c=function(t,e){var s={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0&&(s[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(t);o<i.length;o++)e.indexOf(i[o])<0&&Object.prototype.propertyIsEnumerable.call(t,i[o])&&(s[i[o]]=t[i[o]])}return s};const n=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,this.sortData=(t="up",e,s)=>{if("up"===t){const t=[...this.data.sort(((t,s)=>s[e]>t[e]?1:t[e]>s[e]?-1:0))];this.sortedData=t}else if("down"===t){const t=[...this.data.sort(((t,s)=>t[e]>s[e]?1:s[e]>t[e]?-1:0))];this.sortedData=t}this.cells[s].sort="down"==t?"up":"down"},this.handleSelectedRowChanges=(t,e)=>{const s=[...this.data];s[e].selected=t,this.sortedData=s,this.getSelectedRows&&this.getSelectedRows({selectedRows:s.filter((t=>t.selected)),currentSelectedRow:s[e],currentSelectedRowIndex:e})},this.selectAll=t=>{const e=[...this.data];e.forEach((e=>e.selected=t)),this.sortedData=e,this.getSelectedRows&&this.getSelectedRows({selectedRows:e})}}initializeData(t){if(t&&t.length>0){const e=[...t];this.sortedData=e}}buildComponentProps(t,e,s){const i={};return t.staticProps&&Object.assign(i,t.staticProps),i.rowIndex=s,t.elProperties&&t.elProperties.length>0&&t.elProperties.forEach((t=>{e.hasOwnProperty(t)&&(i[t]=e[t])})),t.propMapping&&Object.entries(t.propMapping).forEach((([t,s])=>{e.hasOwnProperty(s)&&(i[t]=e[s])})),t.elProperties||t.propMapping||Object.assign(i,e),i}componentWillLoad(){this.direction=document.dir?"rtl"===document.dir:!!document.documentElement.lang&&"ar"===document.documentElement.lang,this.initializeData(this.data)}render(){return console.log(this.sortedData,"this.sortedData"),e("div",{key:"079e9b25a69d4ccb34223743196c3590c460b1bb",class:"table-wrapper "+(this.contained?"table-contained":"")},e("table",{key:"3fbc8927e54667422933263af177bcb80579b28e",class:" azm-table "+(this.contained?"table-contained":""),style:{direction:this.direction?"rtl":"ltr"}},e("thead",{key:"54f17d12359a82b994f6d509c0bed6617217a7b9"},e("tr",{key:"cde60b8a2aaf2b51759b52405ef8e2fd52b8d4fe",class:this.rowDivider?"row-divider":""},this.showSelectCheckBox&&e("th",{key:"be65d049eecc7c091483cd77ecda6453169b721d",style:{width:"20px"}},e("dga-checkbox",{key:"4a1dedb3d5ff43d450a4b9dc4c264f937cd796f9",showBorderOnFocusAndFocusOute:!1,value:"true",onChange:t=>this.selectAll(t.target.checked)})),this.cells.map(((t,n)=>{var{sort:a,isSort:r,propertyName:d,type:h}=t,b=c(t,["sort","isSort","propertyName","type"]);return e("th",{key:n},e("span",null,e("span",{class:"text"},b.title),e("span",{class:"icon-wrapper"},r&&"up"==a&&"propertyName"==h&&e("button",{class:"dga-btn dga-btn--sort dga-btn--icon dga-btn--md",onClick:()=>this.sortData("up",d,n)},e("dga-icon",{icon:s,size:16})),r&&(!a||"down"==a)&&"propertyName"==h&&e("button",{class:"dga-btn dga-btn--sort dga-btn--icon dga-btn--md",onClick:()=>this.sortData("down",d,n)},e("dga-icon",{icon:i,size:16})),b.isFilter&&e("button",{class:"dga-btn dga-btn--sort dga-btn--icon dga-btn--md ",onClick:()=>this.pressOnFilter&&this.pressOnFilter(d)},e("dga-icon",{icon:o,size:16})))))})))),e("tbody",{key:"631dfdc0c18b96169746e7d5b0282090411e395f"},this.sortedData.map(((t,s)=>e("tr",{class:`${this.rowDivider?"row-divider":""} ${this.alternate?"alternate":""} ${t.selected?"row-selected":""} `,key:s},this.showSelectCheckBox&&e("td",null,e("dga-checkbox",{name:s+"checkboxSelection",value:t.selected,id:s+"checkboxSelection",showBorderOnFocusAndFocusOute:!1,onChange:t=>this.handleSelectedRowChanges(t.target.checked,s),checked:t.selected})),this.cells.map(((i,o)=>{var{El:n}=i,a=c(i,["El"]);return e("td",{key:o,colSpan:a.colSpan?a.colSpan:1},"element"===a.type&&n?e(n,"string"==typeof n?this.buildComponentProps(a,t,s):Object.assign({},t)):t[a.propertyName])}))))))))}};export{n as dga_data_table}

package/dist/core/{p-0fc4f354.entry.js → p-ceef3713.entry.js}

@@ -1 +1 @@
-import{r as a,h as e}from"./p-B4CGwdkg.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:"0591d9bf25a4050197a1c3326d1bcebf795d264d",style:{padding:"20px",fontFamily:"Arial, sans-serif"}},e("h1",{key:"b305e94f70cf35f7778e42028d2539a108d02fd4"},"DGA Tabs Component Examples"),e("p",{key:"6b37a3c44b8f96ebbf80b487fc2cb1998408d334"},"Comprehensive examples of the tabs component in various real-world scenarios."),e("section",{key:"e7ba8adbf4f5417e3e81a9db0f3d5e3411aa1456",style:{marginBottom:"40px"}},e("h2",{key:"25b0e0e2f02d70f4008b62ce6a57d78c7ec861a1"},"1. Website Navigation Menu"),e("p",{key:"f13bd68cfd51c141d7276bf446f576d9a3f310c1"},"Main navigation for a website with different sections"),e("dga-tabs",{key:"37772a5d4796954b12b7c4e6141787c4a7d997bf",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"}}]})),e("section",{key:"ac30ffa3237d329d51e97f7dc25869317fe1af15",style:{marginBottom:"40px"}},e("h2",{key:"a99e2b72a6acf73c6a578c3852e1beca8da8c479"},"2. Dashboard Analytics Tabs"),e("p",{key:"97a6c0ae6e4e9b956b9cce289bb3b5ea3829e8df"},"Analytics dashboard with different data views"),e("dga-tabs",{key:"7451a8657a6c0d2bd8fc48c7ae9a233edaef645c",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:"0689b72936054cb1f2da1930cab43df37e3cc029",style:{marginBottom:"40px"}},e("h2",{key:"c57ff77efcbd1064f84821a8b01c07ecb349f26a"},"3. Settings Panel (Vertical Layout)"),e("p",{key:"beffd07210f5ab9e61def74a584f6285c5fd4cc8"},"User settings panel with vertical tab navigation"),e("div",{key:"890a3049f60e0ac77ac81ea500ff098f63608687",style:{display:"flex",gap:"20px"}},e("dga-tabs",{key:"1a5d721cfcab7eed640fae78e819874186ed1f59",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:"bc2f58630038644b9b1a8a46883e9f00aa7860ba",style:{padding:"20px",border:"1px solid #ddd",borderRadius:"4px",flex:"1 "}},e("p",{key:"855fb002401aaeb7652fb15a4a3951650182952e"},"Content area for the selected tab (",this.activeTab,") would appear here.")))),e("section",{key:"541ae6735b07a74f9477393771c2edc2f8743843",style:{marginBottom:"40px"}},e("h2",{key:"d8a95543c243fee41e07f0bc1be544ee11042f7e"},"4. E-commerce Product Information"),e("p",{key:"9731d6a371219930aad5a8441dd65dca96ecb64b"},"Product detail page with different information sections"),e("dga-tabs",{key:"e900cf3532e98a9a710a87c396a9007725384223",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:"4c0231c06d95ba0b2e329309f9af076d54635eda",style:{marginBottom:"40px"}},e("h2",{key:"ad0a701d5425e77b41f6be054ffa2f7c92e45b1a"},"5. External Navigation Links"),e("p",{key:"ba28ac4ee0cb9f04a53d5373ab1cf286c2ad988d"},"Tabs that navigate to external pages or different sections"),e("dga-tabs",{key:"7d862fb413054675125d7d900658c98c635e8193",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:"82d9d626e00663238a2033f14fed25a26822aaa4",style:{marginBottom:"40px"}},e("h2",{key:"b830f3e83310d556bc3225083564d1dd0ed0ca38"},"6. Many Tabs with Overflow Menu"),e("p",{key:"dd2b7a07b65e08ee1dc067bb6df3d97fddee41e5"},"Example with more than 5 tabs to demonstrate overflow behavior"),e("dga-tabs",{key:"58d95d3e46608a9aba9214f2b0116d93f53ed9c8",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:"0fb0a2202dacaf3aaf1569a1af05200e1760b349",style:{marginBottom:"40px"}},e("h2",{key:"3a5b239df81a9d4217cfcda67f314f79faa13d31"},"7. Different Tab Sizes"),e("h3",{key:"f4c6e85b444c74ecd150b8daef1ee5abf8f1b4f8"},"Small Size"),e("dga-tabs",{key:"1d68badd946653fe4ebcd08bfdea682767f9cf59",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:"80b81dc8af0d5f5f838067186147c8cc9af6b7e2"},"Medium Size (Default)"),e("dga-tabs",{key:"ff0f41477f3af42127027804d36be2c798d5550a",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:"e0cb239d28faaadb51d4e6926d51370d369387cf"},"Large Size"),e("dga-tabs",{key:"030d13de3cf406754cda715d6d3aa4f70ef4054a",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:"3d7e70da9172f1fd9bf4cf2007ab754e1cb44630",style:{marginBottom:"40px"}},e("h2",{key:"d930af857aca20ad76de9415eb68994bd150cc42"},"8. Flush Tabs (No Padding)"),e("p",{key:"3263fb9222aebd899501ee82416daffbb33fe9c8"},"Tabs with flush styling for tight layouts"),e("dga-tabs",{key:"8984f72ed6f38c37929a128cf3001226e5a8f884",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:"f0032c6dfe7b5b2446a1406e6f4f8ff6f0098636",style:{marginBottom:"40px"}},e("h2",{key:"a2b39e768eed846cf3cd26d1c390a49410569fa8"},"9. Disabled Tabs"),e("p",{key:"069cae0c877fcf961a332e2f2b0009ade21d7735"},"Tabs in disabled state for maintenance or restricted access"),e("dga-tabs",{key:"02d54cdda6a0f4b94e34688dba8904a868cb117d",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:"c54905109099f55bb9a6f73a1e8ecc8c964eab32",style:{marginBottom:"40px"}},e("h2",{key:"3d210d801df271d475f2f284f28062e36e6c0917"},"10. Mobile-Friendly Tabs"),e("p",{key:"35fc6023cdd8914a12bcc45eda5864a9c53ec12d"},"Compact tabs suitable for mobile interfaces"),e("dga-tabs",{key:"fc674ca6857d1b070a52b745508ebdc022cdfb67",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-B4CGwdkg.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:"b9e5006011c68357816fbd44f90775bee5c15f74",style:{padding:"20px",fontFamily:"Arial, sans-serif"}},a("h1",{key:"469a0da10c9464f4a10309591987311450efce99"},"DGA Tabs Component Examples"),a("p",{key:"6e21ea3b4402e1cb7f06700f2f4d7e3c06d1c908"},"Comprehensive examples of the tabs component in various real-world scenarios."),a("section",{key:"1e8a96030c7e9dcd223d2f6fd555d4e6aa0de228",style:{marginBottom:"40px"}},a("h2",{key:"d5c74112667073851822fbd0c6ef79e6ca3253e0"},"1. Website Navigation Menu"),a("p",{key:"ec31bdde70befd72321b2f1a5aacef9cb683c461"},"Main navigation for a website with different sections"),a("dga-tabs",{key:"f005f009e2445001083253a4e854dbdaf6d46ca3",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"}}]})),a("section",{key:"2dc5d526a2e73ce4edf9670f24400c2116a4b76e",style:{marginBottom:"40px"}},a("h2",{key:"569a68e68d0652f9b52c37fdef8b662329bb5cd5"},"2. Dashboard Analytics Tabs"),a("p",{key:"be018e4e9234ed99f76f601370866286894ed0ae"},"Analytics dashboard with different data views"),a("dga-tabs",{key:"17812b8a0573f4e069cb2d467515e0a8bdcc5dce",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:"b1cebc667f463d599266de3c6749796ad8c48377",style:{marginBottom:"40px"}},a("h2",{key:"dc2915f198a80e649755aad502b25aa54f72b33f"},"3. Settings Panel (Vertical Layout)"),a("p",{key:"b5e9290d82161528096d59ea601d5b3fac4ef159"},"User settings panel with vertical tab navigation"),a("div",{key:"1990cb061853793b60e02b16657505b366fb0d87",style:{display:"flex",gap:"20px"}},a("dga-tabs",{key:"fcdb62f05e91c18127359b6b5ef0ad7296478797",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:"2e236e4247a2a13989483fd55ca0cd6504814953",style:{padding:"20px",border:"1px solid #ddd",borderRadius:"4px",flex:"1 "}},a("p",{key:"02829bc04888052b7ebebab17251be8ec6271aa8"},"Content area for the selected tab (",this.activeTab,") would appear here.")))),a("section",{key:"a99409e920c511c42fe2f9560aac4b9a28fd135c",style:{marginBottom:"40px"}},a("h2",{key:"ae45cb60040c44db68c11ee6ab1bfce366b27b52"},"4. E-commerce Product Information"),a("p",{key:"efab71a4fe4435e4877b6385b55e6ee2cba83bc8"},"Product detail page with different information sections"),a("dga-tabs",{key:"f7666308dcf1fdd09bad07c678eedd382e2e769d",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:"6ac5059f4a5ebeeeb1ebc44db2c04276de87934b",style:{marginBottom:"40px"}},a("h2",{key:"96064a5bfac1f285d1ecd2a33523987baabb4ab3"},"5. External Navigation Links"),a("p",{key:"7d67a5a264645f3bec89eca90e0868405c9f56d0"},"Tabs that navigate to external pages or different sections"),a("dga-tabs",{key:"32e241a3691c04edec546432e00909646f878574",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:"3bff938e63c224f81ef69e926da67f93c1aaed1a",style:{marginBottom:"40px"}},a("h2",{key:"8e42d7ae598499469e25014161cc84772f644c5e"},"6. Many Tabs with Overflow Menu"),a("p",{key:"94612d0d50e095b53593149385b92e0299791f74"},"Example with more than 5 tabs to demonstrate overflow behavior"),a("dga-tabs",{key:"82ec39f2b83b8a5327d09d7a01daf1c5262575b2",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:"922c2260e7afa23932beaa77ae0b6cd8074c2716",style:{marginBottom:"40px"}},a("h2",{key:"4f3c47d8000f38ff0fdd7e6439eec80f2e5f4391"},"7. Different Tab Sizes"),a("h3",{key:"cb651042cb2eb45a1b78c6138f16beed06f9d7e4"},"Small Size"),a("dga-tabs",{key:"c0dc09464e0802a163be7ace28e28576d97674a1",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:"bccf7571ae1a685a563a720ebafa932cc5e8dcfd"},"Medium Size (Default)"),a("dga-tabs",{key:"93e01aac50fe86e9af3a89ca7cadce2792f2f99b",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:"b5e2cf6b764cb73f4c77958f2786e62920d6a980"},"Large Size"),a("dga-tabs",{key:"2fb57007b7fac7d0689af12ab5f58b48b8569ced",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:"0e6f9bafd8a381cbd95ed7303ed585179f66b941",style:{marginBottom:"40px"}},a("h2",{key:"78c2c993cd86b13a7c84c1f1381c0dc50f37d4c8"},"8. Flush Tabs (No Padding)"),a("p",{key:"3e4a64a2adeab9ed886e55c05d806223efd80be8"},"Tabs with flush styling for tight layouts"),a("dga-tabs",{key:"55c9da2a3e0dcbce5c8935aa7bf2c227d671a736",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:"1bffa2c957b789bde1f9b2c45b61840800232b72",style:{marginBottom:"40px"}},a("h2",{key:"be302fdab54c05f64033237b0e49b3354563e940"},"9. Disabled Tabs"),a("p",{key:"3e5db287f43d576978cc765f70beb2058ae83d45"},"Tabs in disabled state for maintenance or restricted access"),a("dga-tabs",{key:"172db60f7be7ecb77e57fcd74466183f7dfd1d4b",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:"d4e5895d58a8b1b674425457d24ac3c42bf15d5b",style:{marginBottom:"40px"}},a("h2",{key:"36ec1bdc0c55c481330d45dd8f03962ead2f579c"},"10. Mobile-Friendly Tabs"),a("p",{key:"73b11082476c26d9f647fa45a666616ab78f215a"},"Compact tabs suitable for mobile interfaces"),a("dga-tabs",{key:"1b7c55bca8de88365cca9e710e82d6ce35215fe6",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-d007f402.entry.js

@@ -0,0 +1 @@
+import{r as a,h as t}from"./p-B4CGwdkg.js";const e=class{constructor(t){a(this,t)}render(){return t("div",{key:"bc589750c960a0448e189c195ba1369eaa28cef7",style:{margin:"10px"}},t("floating-button",{key:"7bd9e6d440a3468f408134020dcada03f2430ed2",variant:"secondary-solid"}),t("div",{key:"f238a60b0105c32625ab387221621877f62a87d6",style:{marginTop:"10px"}},t("floating-button",{key:"d6c3b83917d3293008d68bd32f7b28597726033b",variant:"primary-neutral",iconOnly:!0})))}};export{e as dga_floating_button_usage}

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

@@ -0,0 +1 @@
+import{r as a,h as e}from"./p-B4CGwdkg.js";const i=class{constructor(e){a(this,e),this.variant="neutral"}render(){return e("div",{key:"e19620ec4a5afb6f7742aaa7da01c98b7b16a6a5"},e("h1",{key:"c8b0867d78bc53b33de1d83da60a69464b27caf1"},"Notification Example"),e("div",{key:"66eaee8935357f73109840536d95db6be97b3864",style:{padding:"50px",display:"flex",gap:"20px"}},e("div",{key:"0ac8e3e00c259e636bc864743c56bb6aafc91120",style:{display:"flex",flexDirection:"column",gap:"20px"}},e("dga-notification",{key:"803c0a8addb748e2b432b39aeb985843f5a56433",leadText:"This is a very important banner message that requires attention",variant:this.variant,dismissable:!0}),e("dga-notification",{key:"66c356aecfffe3b612cf9e75a5ae7bee347ef5ac",leadText:"This is a very important banner message that requires attention",variant:"critical",dismissable:!0}),e("dga-notification",{key:"2ffe078f28506b4ed0c723cda973c0bdf29657a5",leadText:"This is a very important banner message that requires attention",variant:"info",dismissable:!0}),e("dga-notification",{key:"192204edbe700713799a1d18a76417161cb8d56f",leadText:"This is a very important banner message that requires attention",variant:"success",dismissable:!0}),e("dga-notification",{key:"7141778c7839f032b3169e0ab5ecf41f27240659",leadText:"This is a very important banner message that requires attention",variant:"warning",dismissable:!0})),e("div",{key:"700ed8a0c247b2c195927aba2f514b1bcc60b16e",style:{display:"flex",flexDirection:"column",gap:"20px"}})))}};export{i as dga_notification_usage}

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

@@ -0,0 +1 @@
+import{r as t,h as s,H as e,a as i}from"./p-B4CGwdkg.js";import{g as a}from"./p-OZG1OajU.js";import{S as h}from"./p-BFEqPAFn.js";import{k as d,g as c,e as n}from"./p-8U4v1m_C.js";const r=class{constructor(s){t(this,s),this.helperText="",this.error=!1}render(){var t;return s("div",{key:"7ed1239af523e8b18fd5d92c069e0a6272cbdae9",class:"dga-helper-text "+(this.error?"dga-helper-text--error":"")},s("span",{key:"122be0bb93141b41b2aac62ef064290881f8555c",class:"dga-helper-text__icon"},this.helperTextIcon&&(null===(t=this.helperTextIcon)||void 0===t?void 0:t.name)&&s("dga-icon",{key:"1189d580b7bb40c0d1b94a7c2854d533296bcb60",name:this.helperTextIcon.name,variant:this.helperTextIcon.variant,type:this.helperTextIcon.type,size:16})),s("span",{key:"7059ad5cc1cedc76fc4c5bd961abc4bc47093154",class:"dga-helper-text__desc"},this.helperText))}},o=class{constructor(s){t(this,s),this.label="",this.variant="default",this.size="md",this.disabled=!1,this.required=!1}render(){return s("label",{key:"b5f66b333601ce749b29f1910094b0a59a000e8f",class:`dga-label dga-label--${this.size} ${this.disabled?"disabled":""}`},this.required&&s("span",{key:"396d392b5d3a610463fe9dabb695f2564cf2e74e",class:"star"},"*"),this.label)}},l={success:s("dga-icon",{icon:n}),error:s("dga-icon",{icon:c}),warning:s("dga-icon",{icon:d})},b=class{constructor(s){t(this,s),this.size="lg",this.type="text",this.variant="default",this.error=!1,this.feedbackIcon=!1,this.feedbackIconType="success",this.feedbackIconRing=!1,this.helperText="",this.disabled=!1,this.readonly=!1,this.required=!1,this.fullwidth=!0,this.name=a(),this.value="",this.isActive=!1,this.isFocused=!1,this.componentId=`dga-button-${Math.random().toString(36).substring(2,9)}`,this.rootStyles={}}valueChanged(t,s){t!==s&&(this.textInputEl.value=t)}handleSxChange(){this.processStyling()}componentWillLoad(){this.sxStyleManager=new h(this.componentId,this.el)}componentDidLoad(){this.processStyling()}componentDidUpdate(){this.processStyling()}processStyling(){if(!this.sx)return;const t="string"==typeof this.sx?JSON.parse(this.sx):this.sx;this.rootStyles=this.sxStyleManager.processSxProp(t)}disconnectedCallback(){var t;null===(t=this.sxStyleManager)||void 0===t||t.cleanup()}render(){return s(e,{key:"a6ad42987caab879069e90776ee2e99d53e589e0",id:this.componentId,style:this.rootStyles},s("div",{key:"30e879fd8493609ecbe82799926965a83cd0e0e9",class:{"dga-form-control":!0,"dga-form-control--fullwidth":this.fullwidth}},this.label&&s("dga-label",{key:"2cd5ce9a3d6bffb4355e175d29185ac62ca8c21d",label:this.label,size:this.size,required:this.required,disabled:this.disabled}),s("div",{key:"7be085d60d130c6961ebfe619fb3565caf7714ed",class:`input input--${this.size} ${this.error?"input--error":""} ${"default"!==this.variant?`input--${this.variant}`:""} ${this.isActive?"active":""} ${this.isFocused?"focus":""} ${this.disabled?"input--disabled":""} ${this.readonly?"readOnly":""}`,ref:t=>this.inputContainerRef=t},s("slot",{key:"2d59ffc44b3d81254522d08f8d0c9eb30a219fdc",name:"prefix"}),this.icon&&s("span",{key:"757000195e13ad3bdecc4f1c61059d7cd2a4afea",class:"input__icon"},s("dga-icon",{key:"d1824ca85bf69ecd8770a66f5e5696de5f3c3587",name:this.icon.name,variant:this.icon.variant,type:this.icon.type,size:20})),s("input",{key:"693281027327c7ab87a66c620194392daa766cee",ref:t=>this.textInputEl=t,value:this.value,name:this.name,type:this.type,onFocus:()=>this.isFocused=!0,onBlur:t=>{this.isFocused=!1,this.onBlur(t)},class:"input__field",placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,onMouseDown:()=>this.isActive=!0,onMouseUp:()=>this.isActive=!1,onMouseOut:()=>this.isActive=!1,onChange:this.onChange,onInput:this.onInput}),this.error?s("span",{class:"input__feedback-icon input__feedback-icon--error "+(this.feedbackIconRing?"input__feedback-icon--ring":"")}):this.feedbackIcon?s("span",{class:`input__feedback-icon input__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing?"input__feedback-icon--ring":""}`},l[this.feedbackIconType]):null,s("slot",{key:"5163553412c092790fe95de086b640d875b1a561",name:"suffix"})," "),this.helperText&&s("dga-helper-text",{key:"d59d526bc2d81bf30b69118930d398f79e228881",helperText:this.helperText,helperTextIcon:this.helperTextIcon,error:this.error})))}get el(){return i(this)}static get watchers(){return{value:["valueChanged"],sx:["handleSxChange"]}}};export{r as dga_helper_text,o as dga_label,b as dga_text_input}

package/dist/core/{p-d0d21a28.entry.js → p-d279cb1e.entry.js}

@@ -1 +1 @@
-import{h as a,r as e,H as t,a as d}from"./p-B4CGwdkg.js";import{g as i}from"./p-OZG1OajU.js";import{S as r}from"./p-BFEqPAFn.js";import{h as n,d as p,c as o}from"./p-CzSbvsrF.js";const g={success:a("dga-icon",{icon:o,variant:"solid"}),error:a("dga-icon",{icon:p,variant:"solid"}),warning:a("dga-icon",{icon:n,variant:"solid"})},l=class{constructor(a){e(this,a),this.variant="default",this.error=!1,this.feedbackIcon=!1,this.feedbackIconType="success",this.feedbackIconRing=!1,this.disabled=!1,this.readonly=!1,this.scrollbar=!0,this.fullwidth=!0,this.resize=!0,this.cols=50,this.rows=4,this.name=i(),this.value="",this.isActive=!1,this.isFocused=!1,this.componentId=`dga-button-${Math.random().toString(36).substring(2,9)}`,this.rootStyles={}}valueChanged(a,e){a!==e&&(this.textAreaEl.value=a)}handleSxChange(){this.processStyling()}componentWillLoad(){this.sxStyleManager=new r(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 a(t,{key:"238dfdaab7c1abcd3e483e919e42050163b4406e",id:this.componentId,style:this.rootStyles},a("div",{key:"1869300bbe5f96e8b5cb4ba14b29e3f5d0a6610e",class:{"dga-form-control":!0,"dga-form-control--fullwidth":this.fullwidth}},this.label&&a("label",{key:"9fac63744b4050b7cec12fddd9c2c07e2fc2b787",class:"dga-label"},this.label),a("div",{key:"c2cb8250b55fe6bd5e0052247fd17a21e9bd117d",class:`dga-textarea dga-textarea--lg ${this.error?"dga-textarea--error":""} ${"default"!==this.variant?`dga-textarea--${this.variant}`:""} ${this.isActive?"active":""} ${this.isFocused?"focus":""} ${this.disabled?"disabled":""}`,ref:a=>this.inputContainerRef=a,"data-error":this.error},a("textarea",{key:"6e62c6205f85f18eb667b977ba6f3193ef6ba647",ref:a=>this.textAreaEl=a,onFocus:()=>this.isFocused=!0,onBlur:()=>this.isFocused=!1,class:`dga-textarea__field ${this.resize?"dga-textarea__field--resize":""} ${this.scrollbar?"":"dga-textarea__field--hidden-scrollbar"}`,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,rows:this.rows&&this.rows,cols:this.cols&&this.cols,onMouseDown:()=>this.isActive=!0,onMouseUp:()=>this.isActive=!1,onMouseOut:()=>this.isActive=!1,onChange:this.onChange,onInput:this.onInput,name:this.name,value:this.value}),this.error?a("span",{class:"dga-textarea__feedback-icon dga-textarea__feedback-icon--error "+(this.feedbackIconRing?"dga-textarea__feedback-icon--ring":"")},g.error):this.feedbackIcon?a("span",{class:`dga-textarea__feedback-icon dga-textarea__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing?"dga-textarea__feedback-icon--ring":""}`},g[this.feedbackIconType]):null)))}get el(){return d(this)}static get watchers(){return{value:["valueChanged"],sx:["handleSxChange"]}}};l.style='@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff") format("woff");font-weight:500;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff") format("woff");font-weight:600;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:auto}body{font-family:"IBMPlexSansArabic"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px "IBMPlexSansArabic"}.display-xl-regular{font:400 60px/72px "IBMPlexSansArabic"}.display-lg-regular{font:400 48px/60px "IBMPlexSansArabic"}.display-md-regular{font:400 36px/44px "IBMPlexSansArabic"}.display-sm-regular{font:400 30px/38px "IBMPlexSansArabic"}.display-xs-regular{font:400 24px/32px "IBMPlexSansArabic"}.text-xl-regular{font:400 20px/30px "IBMPlexSansArabic"}.text-lg-regular{font:400 18px/28px "IBMPlexSansArabic"}.text-md-regular,.dga-textarea__field::placeholder,.dga-textarea__field{font:400 16px/24px "IBMPlexSansArabic"}.text-sm-regular,.dga-textarea--lg .dga-textarea__field,.dga-textarea--lg .dga-textarea__field::placeholder,.dga-form-control>.dga-label{font:400 14px/20px "IBMPlexSansArabic"}.text-xs-regular{font:400 12px/18px "IBMPlexSansArabic"}.text-2xs-regular{font:400 10px/14px "IBMPlexSansArabic"}.display-2xl-medium{font:500 72px/90px "IBMPlexSansArabic"}.display-xl-medium{font:500 60px/72px "IBMPlexSansArabic"}.display-lg-medium{font:500 48px/60px "IBMPlexSansArabic"}.display-md-medium{font:500 36px/44px "IBMPlexSansArabic"}.display-sm-medium{font:500 30px/38px "IBMPlexSansArabic"}.display-xs-medium{font:500 24px/32px "IBMPlexSansArabic"}.text-xl-medium{font:500 20px/30px "IBMPlexSansArabic"}.text-lg-medium{font:500 18px/28px "IBMPlexSansArabic"}.text-md-medium{font:500 16px/24px "IBMPlexSansArabic"}.text-sm-medium{font:500 14px/20px "IBMPlexSansArabic"}.text-xs-medium{font:500 12px/18px "IBMPlexSansArabic"}.text-2xs-medium{font:500 10px/14px "IBMPlexSansArabic"}.display-2xl-semibold{font:600 72px/90px "IBMPlexSansArabic"}.display-xl-semibold{font:600 60px/72px "IBMPlexSansArabic"}.display-lg-semibold{font:600 48px/60px "IBMPlexSansArabic"}.display-md-semibold{font:600 36px/44px "IBMPlexSansArabic"}.display-sm-semibold{font:600 30px/38px "IBMPlexSansArabic"}.display-xs-semibold{font:600 24px/32px "IBMPlexSansArabic"}.text-xl-semibold{font:600 20px/30px "IBMPlexSansArabic"}.text-lg-semibold{font:600 18px/28px "IBMPlexSansArabic"}.text-md-semibold{font:600 16px/24px "IBMPlexSansArabic"}.text-sm-semibold{font:600 14px/20px "IBMPlexSansArabic"}.text-xs-semibold{font:600 12px/18px "IBMPlexSansArabic"}.text-2xs-semibold{font:600 10px/14px "IBMPlexSansArabic"}.display-2xl-bold{font:700 72px/90px "IBMPlexSansArabic"}.display-xl-bold{font:700 60px/72px "IBMPlexSansArabic"}.display-lg-bold{font:700 48px/60px "IBMPlexSansArabic"}.display-md-bold{font:700 36px/44px "IBMPlexSansArabic"}.display-sm-bold{font:700 30px/38px "IBMPlexSansArabic"}.display-xs-bold{font:700 24px/32px "IBMPlexSansArabic"}.text-xl-bold{font:700 20px/30px "IBMPlexSansArabic"}.text-lg-bold{font:700 18px/28px "IBMPlexSansArabic"}.text-md-bold{font:700 16px/24px "IBMPlexSansArabic"}.text-sm-bold{font:700 14px/20px "IBMPlexSansArabic"}.text-xs-bold{font:700 12px/18px "IBMPlexSansArabic"}.text-2xs-bold{font:700 10px/14px "IBMPlexSansArabic"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md,.dga-textarea.focus{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-form-control{display:flex;flex-direction:column;width:320px}.dga-form-control--fullwidth{width:100%}.dga-form-control>.dga-label{margin-bottom:8px;color:var(--form-field-text-label)}.dga-textarea{display:inline-flex;justify-content:flex-start;border-radius:var(--radius-sm);gap:var(--spacing-xs);border:1px solid var(--form-field-border-default);background:var(--form-field-background-default);overflow:hidden;position:relative}.dga-textarea:hover{border-color:var(--form-field-border-hovered)}.dga-textarea[data-error=true]{border-color:red}.dga-textarea::after{content:"";position:absolute;bottom:0;left:50%;width:0%;height:2px;transform:translateX(-50%);background-color:var(--form-field-border-pressed);transition:width 0.2s ease-in-out}.dga-textarea__field{background-color:transparent;border:0;outline:0;height:100%;width:100%;color:var(--form-field-text-filled);padding:var(--spacing-lg) var(--spacing-xl);resize:none;position:relative}.dga-textarea__field::placeholder{color:var(--form-field-text-placeholder)}.dga-textarea__field[disabled]{cursor:not-allowed}.dga-textarea__field--hidden-scrollbar ::-webkit-scrollbar{display:none}.dga-textarea__field--hidden-scrollbar{-ms-overflow-style:none;scrollbar-width:none;}.dga-textarea__field--resize{resize:vertical}.dga-textarea.focus::after{width:100%}.dga-textarea.active::after{width:50%}.dga-textarea--readonly,.dga-textarea--readonly:hover,.dga-textarea--disabled,.dga-textarea--disabled:hover{border-color:var(--input-text-disabled);box-shadow:none !important}.dga-textarea--readonly::after,.dga-textarea--disabled::after{display:none}.dga-textarea--readonly .dga-textarea__field,.dga-textarea--readonly .dga-textarea__field::placeholder,.dga-textarea--disabled .dga-textarea__field,.dga-textarea--disabled .dga-textarea__field::placeholder{color:var(--colors-text-primary)}.dga-textarea--disabled .dga-textarea__field,.dga-textarea--disabled .dga-textarea__field::placeholder{color:var(--input-text-disabled)}.dga-textarea--disabled .dga-textarea__icon span,.dga-textarea--disabled .dga-textarea__prefix--subtle-text,.dga-textarea--disabled .dga-textarea__prefix--solid-text{color:var(--input-text-disabled)}.dga-textarea__icon{height:100%;display:inline-flex;align-items:center}.dga-textarea__icon span{color:var(--colors-gray-neutral-700);font-size:20px}.dga-textarea__feedback-icon{height:fit-content;display:inline-flex;align-items:center;position:absolute;top:12px;right:16px}.dga-textarea__feedback-icon span{font-size:20px;position:relative;z-index:0}.dga-textarea__feedback-icon--success{color:var(--text-success)}.dga-textarea__feedback-icon--success span::after{background-color:var(--colors-brand-100)}.dga-textarea__feedback-icon--error{color:var(--form-field-border-error)}.dga-textarea__feedback-icon--error span::after{background-color:var(--form-field-border-error)}.dga-textarea__feedback-icon--warning{color:var(--text-warning)}.dga-textarea__feedback-icon--warning span::after{background-color:var(--colors-warning-100)}.dga-textarea__feedback-icon--warning-triangle{color:var(--text-warning)}.dga-textarea__feedback-icon--warning-triangle span::after{width:0 !important;height:0 !important;transform:scale(1) !important;border:12px solid rgba(0, 0, 0, 0);border-top:0;border-bottom:20px solid var(--colors-warning-100);border-radius:0px !important;left:-2px !important;top:-1px !important}.dga-textarea__feedback-icon--ring span::after{content:"";display:block;width:100%;height:100%;transform:scale(1.16);position:absolute;top:0;left:0;border-radius:var(--radius-full);z-index:-1}[dir=rtl] .dga-textarea__feedback-icon{right:auto;left:16px}.dga-textarea__dropdown-btn.open+.dga-textarea__dropdown-list{z-index:2;opacity:1;padding-block:var(--spacing-md);max-height:376px;pointer-events:auto;overflow-y:auto}.dga-textarea--lighter{border:0}.dga-textarea--lighter:hover{border:1px solid var(--form-field-border-default)}.dga-textarea--lighter.focus{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default)}.dga-textarea--lighter.active{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-darker)}.dga-textarea--darker{border:0;background-color:var(--form-field-background-darker)}.dga-textarea--darker:hover{border:1px solid var(--form-field-border-default)}.dga-textarea--darker.focus{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default)}.dga-textarea--darker.active{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default)}.dga-textarea--error,.dga-textarea--error:hover{outline-color:var(--form-field-border-error);border:1px solid var(--form-field-border-error)}.dga-textarea--error::after{background-color:var(--form-field-border-error)}.dga-textarea--lg{height:auto;min-height:96px}.dga-textarea--lg__feedback-icon span{font-size:20px}.dga-textarea.disabled{opacity:0.6}';export{l as dga_textarea}
+import{h as a,r as e,H as t,a as d}from"./p-B4CGwdkg.js";import{g as i}from"./p-OZG1OajU.js";import{S as r}from"./p-BFEqPAFn.js";import{k as n,g as p,e as o}from"./p-8U4v1m_C.js";const g={success:a("dga-icon",{icon:o,variant:"solid"}),error:a("dga-icon",{icon:p,variant:"solid"}),warning:a("dga-icon",{icon:n,variant:"solid"})},l=class{constructor(a){e(this,a),this.variant="default",this.error=!1,this.feedbackIcon=!1,this.feedbackIconType="success",this.feedbackIconRing=!1,this.disabled=!1,this.readonly=!1,this.scrollbar=!0,this.fullwidth=!0,this.resize=!0,this.cols=50,this.rows=4,this.name=i(),this.value="",this.isActive=!1,this.isFocused=!1,this.componentId=`dga-button-${Math.random().toString(36).substring(2,9)}`,this.rootStyles={}}valueChanged(a,e){a!==e&&(this.textAreaEl.value=a)}handleSxChange(){this.processStyling()}componentWillLoad(){this.sxStyleManager=new r(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 a(t,{key:"7b779d8776d7dc8137abc15cc349379711f08f62",id:this.componentId,style:this.rootStyles},a("div",{key:"72a424700236e2f842ac214d3ac00a6442899ce3",class:{"dga-form-control":!0,"dga-form-control--fullwidth":this.fullwidth}},this.label&&a("label",{key:"07e657ce190629e9da5984d8b761c6e7af7ec9de",class:"dga-label"},this.label),a("div",{key:"daa6c17ed3931f4beb0706917f8ac68ce23fa05b",class:`dga-textarea dga-textarea--lg ${this.error?"dga-textarea--error":""} ${"default"!==this.variant?`dga-textarea--${this.variant}`:""} ${this.isActive?"active":""} ${this.isFocused?"focus":""} ${this.disabled?"disabled":""}`,ref:a=>this.inputContainerRef=a,"data-error":this.error},a("textarea",{key:"18a7be6253d07804f05d8b7483e8c9273d5d7a90",ref:a=>this.textAreaEl=a,onFocus:()=>this.isFocused=!0,onBlur:()=>this.isFocused=!1,class:`dga-textarea__field ${this.resize?"dga-textarea__field--resize":""} ${this.scrollbar?"":"dga-textarea__field--hidden-scrollbar"}`,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,rows:this.rows&&this.rows,cols:this.cols&&this.cols,onMouseDown:()=>this.isActive=!0,onMouseUp:()=>this.isActive=!1,onMouseOut:()=>this.isActive=!1,onChange:this.onChange,onInput:this.onInput,name:this.name,value:this.value}),this.error?a("span",{class:"dga-textarea__feedback-icon dga-textarea__feedback-icon--error "+(this.feedbackIconRing?"dga-textarea__feedback-icon--ring":"")},g.error):this.feedbackIcon?a("span",{class:`dga-textarea__feedback-icon dga-textarea__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing?"dga-textarea__feedback-icon--ring":""}`},g[this.feedbackIconType]):null)))}get el(){return d(this)}static get watchers(){return{value:["valueChanged"],sx:["handleSxChange"]}}};l.style='@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff") format("woff");font-weight:500;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff") format("woff");font-weight:600;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:auto}body{font-family:"IBMPlexSansArabic"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px "IBMPlexSansArabic"}.display-xl-regular{font:400 60px/72px "IBMPlexSansArabic"}.display-lg-regular{font:400 48px/60px "IBMPlexSansArabic"}.display-md-regular{font:400 36px/44px "IBMPlexSansArabic"}.display-sm-regular{font:400 30px/38px "IBMPlexSansArabic"}.display-xs-regular{font:400 24px/32px "IBMPlexSansArabic"}.text-xl-regular{font:400 20px/30px "IBMPlexSansArabic"}.text-lg-regular{font:400 18px/28px "IBMPlexSansArabic"}.text-md-regular,.dga-textarea__field::placeholder,.dga-textarea__field{font:400 16px/24px "IBMPlexSansArabic"}.text-sm-regular,.dga-textarea--lg .dga-textarea__field,.dga-textarea--lg .dga-textarea__field::placeholder,.dga-form-control>.dga-label{font:400 14px/20px "IBMPlexSansArabic"}.text-xs-regular{font:400 12px/18px "IBMPlexSansArabic"}.text-2xs-regular{font:400 10px/14px "IBMPlexSansArabic"}.display-2xl-medium{font:500 72px/90px "IBMPlexSansArabic"}.display-xl-medium{font:500 60px/72px "IBMPlexSansArabic"}.display-lg-medium{font:500 48px/60px "IBMPlexSansArabic"}.display-md-medium{font:500 36px/44px "IBMPlexSansArabic"}.display-sm-medium{font:500 30px/38px "IBMPlexSansArabic"}.display-xs-medium{font:500 24px/32px "IBMPlexSansArabic"}.text-xl-medium{font:500 20px/30px "IBMPlexSansArabic"}.text-lg-medium{font:500 18px/28px "IBMPlexSansArabic"}.text-md-medium{font:500 16px/24px "IBMPlexSansArabic"}.text-sm-medium{font:500 14px/20px "IBMPlexSansArabic"}.text-xs-medium{font:500 12px/18px "IBMPlexSansArabic"}.text-2xs-medium{font:500 10px/14px "IBMPlexSansArabic"}.display-2xl-semibold{font:600 72px/90px "IBMPlexSansArabic"}.display-xl-semibold{font:600 60px/72px "IBMPlexSansArabic"}.display-lg-semibold{font:600 48px/60px "IBMPlexSansArabic"}.display-md-semibold{font:600 36px/44px "IBMPlexSansArabic"}.display-sm-semibold{font:600 30px/38px "IBMPlexSansArabic"}.display-xs-semibold{font:600 24px/32px "IBMPlexSansArabic"}.text-xl-semibold{font:600 20px/30px "IBMPlexSansArabic"}.text-lg-semibold{font:600 18px/28px "IBMPlexSansArabic"}.text-md-semibold{font:600 16px/24px "IBMPlexSansArabic"}.text-sm-semibold{font:600 14px/20px "IBMPlexSansArabic"}.text-xs-semibold{font:600 12px/18px "IBMPlexSansArabic"}.text-2xs-semibold{font:600 10px/14px "IBMPlexSansArabic"}.display-2xl-bold{font:700 72px/90px "IBMPlexSansArabic"}.display-xl-bold{font:700 60px/72px "IBMPlexSansArabic"}.display-lg-bold{font:700 48px/60px "IBMPlexSansArabic"}.display-md-bold{font:700 36px/44px "IBMPlexSansArabic"}.display-sm-bold{font:700 30px/38px "IBMPlexSansArabic"}.display-xs-bold{font:700 24px/32px "IBMPlexSansArabic"}.text-xl-bold{font:700 20px/30px "IBMPlexSansArabic"}.text-lg-bold{font:700 18px/28px "IBMPlexSansArabic"}.text-md-bold{font:700 16px/24px "IBMPlexSansArabic"}.text-sm-bold{font:700 14px/20px "IBMPlexSansArabic"}.text-xs-bold{font:700 12px/18px "IBMPlexSansArabic"}.text-2xs-bold{font:700 10px/14px "IBMPlexSansArabic"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md,.dga-textarea.focus{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-form-control{display:flex;flex-direction:column;width:320px}.dga-form-control--fullwidth{width:100%}.dga-form-control>.dga-label{margin-bottom:8px;color:var(--form-field-text-label)}.dga-textarea{display:inline-flex;justify-content:flex-start;border-radius:var(--radius-sm);gap:var(--spacing-xs);border:1px solid var(--form-field-border-default);background:var(--form-field-background-default);overflow:hidden;position:relative}.dga-textarea:hover{border-color:var(--form-field-border-hovered)}.dga-textarea[data-error=true]{border-color:red}.dga-textarea::after{content:"";position:absolute;bottom:0;left:50%;width:0%;height:2px;transform:translateX(-50%);background-color:var(--form-field-border-pressed);transition:width 0.2s ease-in-out}.dga-textarea__field{background-color:transparent;border:0;outline:0;height:100%;width:100%;color:var(--form-field-text-filled);padding:var(--spacing-lg) var(--spacing-xl);resize:none;position:relative}.dga-textarea__field::placeholder{color:var(--form-field-text-placeholder)}.dga-textarea__field[disabled]{cursor:not-allowed}.dga-textarea__field--hidden-scrollbar ::-webkit-scrollbar{display:none}.dga-textarea__field--hidden-scrollbar{-ms-overflow-style:none;scrollbar-width:none;}.dga-textarea__field--resize{resize:vertical}.dga-textarea.focus::after{width:100%}.dga-textarea.active::after{width:50%}.dga-textarea--readonly,.dga-textarea--readonly:hover,.dga-textarea--disabled,.dga-textarea--disabled:hover{border-color:var(--input-text-disabled);box-shadow:none !important}.dga-textarea--readonly::after,.dga-textarea--disabled::after{display:none}.dga-textarea--readonly .dga-textarea__field,.dga-textarea--readonly .dga-textarea__field::placeholder,.dga-textarea--disabled .dga-textarea__field,.dga-textarea--disabled .dga-textarea__field::placeholder{color:var(--colors-text-primary)}.dga-textarea--disabled .dga-textarea__field,.dga-textarea--disabled .dga-textarea__field::placeholder{color:var(--input-text-disabled)}.dga-textarea--disabled .dga-textarea__icon span,.dga-textarea--disabled .dga-textarea__prefix--subtle-text,.dga-textarea--disabled .dga-textarea__prefix--solid-text{color:var(--input-text-disabled)}.dga-textarea__icon{height:100%;display:inline-flex;align-items:center}.dga-textarea__icon span{color:var(--colors-gray-neutral-700);font-size:20px}.dga-textarea__feedback-icon{height:fit-content;display:inline-flex;align-items:center;position:absolute;top:12px;right:16px}.dga-textarea__feedback-icon span{font-size:20px;position:relative;z-index:0}.dga-textarea__feedback-icon--success{color:var(--text-success)}.dga-textarea__feedback-icon--success span::after{background-color:var(--colors-brand-100)}.dga-textarea__feedback-icon--error{color:var(--form-field-border-error)}.dga-textarea__feedback-icon--error span::after{background-color:var(--form-field-border-error)}.dga-textarea__feedback-icon--warning{color:var(--text-warning)}.dga-textarea__feedback-icon--warning span::after{background-color:var(--colors-warning-100)}.dga-textarea__feedback-icon--warning-triangle{color:var(--text-warning)}.dga-textarea__feedback-icon--warning-triangle span::after{width:0 !important;height:0 !important;transform:scale(1) !important;border:12px solid rgba(0, 0, 0, 0);border-top:0;border-bottom:20px solid var(--colors-warning-100);border-radius:0px !important;left:-2px !important;top:-1px !important}.dga-textarea__feedback-icon--ring span::after{content:"";display:block;width:100%;height:100%;transform:scale(1.16);position:absolute;top:0;left:0;border-radius:var(--radius-full);z-index:-1}[dir=rtl] .dga-textarea__feedback-icon{right:auto;left:16px}.dga-textarea__dropdown-btn.open+.dga-textarea__dropdown-list{z-index:2;opacity:1;padding-block:var(--spacing-md);max-height:376px;pointer-events:auto;overflow-y:auto}.dga-textarea--lighter{border:0}.dga-textarea--lighter:hover{border:1px solid var(--form-field-border-default)}.dga-textarea--lighter.focus{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default)}.dga-textarea--lighter.active{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-darker)}.dga-textarea--darker{border:0;background-color:var(--form-field-background-darker)}.dga-textarea--darker:hover{border:1px solid var(--form-field-border-default)}.dga-textarea--darker.focus{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default)}.dga-textarea--darker.active{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default)}.dga-textarea--error,.dga-textarea--error:hover{outline-color:var(--form-field-border-error);border:1px solid var(--form-field-border-error)}.dga-textarea--error::after{background-color:var(--form-field-border-error)}.dga-textarea--lg{height:auto;min-height:96px}.dga-textarea--lg__feedback-icon span{font-size:20px}.dga-textarea.disabled{opacity:0.6}';export{l as dga_textarea}

package/dist/core/{p-94769efd.entry.js → p-d2930c38.entry.js}

@@ -1 +1 @@
-import{r as a,h as e,H as i,a as n,F as d}from"./p-B4CGwdkg.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:"852c1b553acf13987eed86c49d6f237e119fc378",id:this.sxHandler.getId(),style:this.sxHandler.getStyles()},e("div",{key:"bfaa54d3f169a759aef88eb857f491bcc06f1857",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:"c480128121823c203d9acfa71e32f2ea244849bb",class:"sidepanel__header"},e("img",{key:"423d3ed5fb4efc982b2a4a43e34eb9356980de7a",src:this.headerLogo,alt:"logo"})),e("side-panel-menu",{key:"59a4b075643abf8ec329ec9dd69e046b9263a870",routes:this.routes}),e("slot",{key:"6748cf132fc0e7872e030f10a7e0dcae25125ce4"})))}get el(){return n(this)}static get watchers(){return{sx:["sxChanged"]}}};r.style='@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff") format("woff");font-weight:500;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff") format("woff");font-weight:600;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:auto}body{font-family:"IBMPlexSansArabic"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px "IBMPlexSansArabic"}.display-xl-regular{font:400 60px/72px "IBMPlexSansArabic"}.display-lg-regular{font:400 48px/60px "IBMPlexSansArabic"}.display-md-regular{font:400 36px/44px "IBMPlexSansArabic"}.display-sm-regular{font:400 30px/38px "IBMPlexSansArabic"}.display-xs-regular{font:400 24px/32px "IBMPlexSansArabic"}.text-xl-regular{font:400 20px/30px "IBMPlexSansArabic"}.text-lg-regular{font:400 18px/28px "IBMPlexSansArabic"}.text-md-regular{font:400 16px/24px "IBMPlexSansArabic"}.text-sm-regular,.sidepanel__submenu--sublevel .sidepanel__submenu-tab-label,.sidepanel__menu-tab,.sidepanel__submenu-tab{font:400 14px/20px "IBMPlexSansArabic"}.text-xs-regular{font:400 12px/18px "IBMPlexSansArabic"}.text-2xs-regular{font:400 10px/14px "IBMPlexSansArabic"}.display-2xl-medium{font:500 72px/90px "IBMPlexSansArabic"}.display-xl-medium{font:500 60px/72px "IBMPlexSansArabic"}.display-lg-medium{font:500 48px/60px "IBMPlexSansArabic"}.display-md-medium{font:500 36px/44px "IBMPlexSansArabic"}.display-sm-medium{font:500 30px/38px "IBMPlexSansArabic"}.display-xs-medium{font:500 24px/32px "IBMPlexSansArabic"}.text-xl-medium{font:500 20px/30px "IBMPlexSansArabic"}.text-lg-medium{font:500 18px/28px "IBMPlexSansArabic"}.text-md-medium{font:500 16px/24px "IBMPlexSansArabic"}.text-sm-medium{font:500 14px/20px "IBMPlexSansArabic"}.text-xs-medium{font:500 12px/18px "IBMPlexSansArabic"}.text-2xs-medium{font:500 10px/14px "IBMPlexSansArabic"}.display-2xl-semibold{font:600 72px/90px "IBMPlexSansArabic"}.display-xl-semibold{font:600 60px/72px "IBMPlexSansArabic"}.display-lg-semibold{font:600 48px/60px "IBMPlexSansArabic"}.display-md-semibold{font:600 36px/44px "IBMPlexSansArabic"}.display-sm-semibold{font:600 30px/38px "IBMPlexSansArabic"}.display-xs-semibold{font:600 24px/32px "IBMPlexSansArabic"}.text-xl-semibold{font:600 20px/30px "IBMPlexSansArabic"}.text-lg-semibold{font:600 18px/28px "IBMPlexSansArabic"}.text-md-semibold{font:600 16px/24px "IBMPlexSansArabic"}.text-sm-semibold,.sidepanel__submenu-tab-label,.sidepanel__menu-tab-label{font:600 14px/20px "IBMPlexSansArabic"}.text-xs-semibold{font:600 12px/18px "IBMPlexSansArabic"}.text-2xs-semibold{font:600 10px/14px "IBMPlexSansArabic"}.display-2xl-bold{font:700 72px/90px "IBMPlexSansArabic"}.display-xl-bold{font:700 60px/72px "IBMPlexSansArabic"}.display-lg-bold{font:700 48px/60px "IBMPlexSansArabic"}.display-md-bold{font:700 36px/44px "IBMPlexSansArabic"}.display-sm-bold{font:700 30px/38px "IBMPlexSansArabic"}.display-xs-bold{font:700 24px/32px "IBMPlexSansArabic"}.text-xl-bold{font:700 20px/30px "IBMPlexSansArabic"}.text-lg-bold{font:700 18px/28px "IBMPlexSansArabic"}.text-md-bold{font:700 16px/24px "IBMPlexSansArabic"}.text-sm-bold,.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 "IBMPlexSansArabic"}.text-xs-bold{font:700 12px/18px "IBMPlexSansArabic"}.text-2xs-bold{font:700 10px/14px "IBMPlexSansArabic"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}.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:"e6802b4146ea18f488fef4ad1eecab41406856d0",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(d,{key:"f96fed2445b1ce13f075b17d98ccf633392c4a5d"},e("tab-link",{key:"fc954108ea3362ec1f88e2f589eaabed66555f71",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:"8930324f8cc5a68d6debad06def1acf21732ab16",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 n,F as d}from"./p-B4CGwdkg.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:"852c1b553acf13987eed86c49d6f237e119fc378",id:this.sxHandler.getId(),style:this.sxHandler.getStyles()},e("div",{key:"bfaa54d3f169a759aef88eb857f491bcc06f1857",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:"c480128121823c203d9acfa71e32f2ea244849bb",class:"sidepanel__header"},e("img",{key:"423d3ed5fb4efc982b2a4a43e34eb9356980de7a",src:this.headerLogo,alt:"logo"})),e("side-panel-menu",{key:"59a4b075643abf8ec329ec9dd69e046b9263a870",routes:this.routes}),e("slot",{key:"6748cf132fc0e7872e030f10a7e0dcae25125ce4"})))}get el(){return n(this)}static get watchers(){return{sx:["sxChanged"]}}};r.style='@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff") format("woff");font-weight:500;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff") format("woff");font-weight:600;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:auto}body{font-family:"IBMPlexSansArabic"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px "IBMPlexSansArabic"}.display-xl-regular{font:400 60px/72px "IBMPlexSansArabic"}.display-lg-regular{font:400 48px/60px "IBMPlexSansArabic"}.display-md-regular{font:400 36px/44px "IBMPlexSansArabic"}.display-sm-regular{font:400 30px/38px "IBMPlexSansArabic"}.display-xs-regular{font:400 24px/32px "IBMPlexSansArabic"}.text-xl-regular{font:400 20px/30px "IBMPlexSansArabic"}.text-lg-regular{font:400 18px/28px "IBMPlexSansArabic"}.text-md-regular{font:400 16px/24px "IBMPlexSansArabic"}.text-sm-regular,.sidepanel__submenu--sublevel .sidepanel__submenu-tab-label,.sidepanel__menu-tab,.sidepanel__submenu-tab{font:400 14px/20px "IBMPlexSansArabic"}.text-xs-regular{font:400 12px/18px "IBMPlexSansArabic"}.text-2xs-regular{font:400 10px/14px "IBMPlexSansArabic"}.display-2xl-medium{font:500 72px/90px "IBMPlexSansArabic"}.display-xl-medium{font:500 60px/72px "IBMPlexSansArabic"}.display-lg-medium{font:500 48px/60px "IBMPlexSansArabic"}.display-md-medium{font:500 36px/44px "IBMPlexSansArabic"}.display-sm-medium{font:500 30px/38px "IBMPlexSansArabic"}.display-xs-medium{font:500 24px/32px "IBMPlexSansArabic"}.text-xl-medium{font:500 20px/30px "IBMPlexSansArabic"}.text-lg-medium{font:500 18px/28px "IBMPlexSansArabic"}.text-md-medium{font:500 16px/24px "IBMPlexSansArabic"}.text-sm-medium{font:500 14px/20px "IBMPlexSansArabic"}.text-xs-medium{font:500 12px/18px "IBMPlexSansArabic"}.text-2xs-medium{font:500 10px/14px "IBMPlexSansArabic"}.display-2xl-semibold{font:600 72px/90px "IBMPlexSansArabic"}.display-xl-semibold{font:600 60px/72px "IBMPlexSansArabic"}.display-lg-semibold{font:600 48px/60px "IBMPlexSansArabic"}.display-md-semibold{font:600 36px/44px "IBMPlexSansArabic"}.display-sm-semibold{font:600 30px/38px "IBMPlexSansArabic"}.display-xs-semibold{font:600 24px/32px "IBMPlexSansArabic"}.text-xl-semibold{font:600 20px/30px "IBMPlexSansArabic"}.text-lg-semibold{font:600 18px/28px "IBMPlexSansArabic"}.text-md-semibold{font:600 16px/24px "IBMPlexSansArabic"}.text-sm-semibold,.sidepanel__submenu-tab-label,.sidepanel__menu-tab-label{font:600 14px/20px "IBMPlexSansArabic"}.text-xs-semibold{font:600 12px/18px "IBMPlexSansArabic"}.text-2xs-semibold{font:600 10px/14px "IBMPlexSansArabic"}.display-2xl-bold{font:700 72px/90px "IBMPlexSansArabic"}.display-xl-bold{font:700 60px/72px "IBMPlexSansArabic"}.display-lg-bold{font:700 48px/60px "IBMPlexSansArabic"}.display-md-bold{font:700 36px/44px "IBMPlexSansArabic"}.display-sm-bold{font:700 30px/38px "IBMPlexSansArabic"}.display-xs-bold{font:700 24px/32px "IBMPlexSansArabic"}.text-xl-bold{font:700 20px/30px "IBMPlexSansArabic"}.text-lg-bold{font:700 18px/28px "IBMPlexSansArabic"}.text-md-bold{font:700 16px/24px "IBMPlexSansArabic"}.text-sm-bold,.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 "IBMPlexSansArabic"}.text-xs-bold{font:700 12px/18px "IBMPlexSansArabic"}.text-2xs-bold{font:700 10px/14px "IBMPlexSansArabic"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}.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:"1a90543c32ed292f8680be93b898e4128b7515a0",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(d,{key:"80b133e8baeb5c1d0531153f1f2f521bc8cbed79"},e("tab-link",{key:"bcd51261e7d2dd2687964519192b28547f1e7d04",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:"43b9cfdf1e48635d9e867e12d999564b22f10627",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-dd18f15d.entry.js

@@ -0,0 +1 @@
+import{r as e,h as d}from"./p-B4CGwdkg.js";const c=class{constructor(d){e(this,d),this.variant="neutral",this.open=!1}render(){return d("div",{key:"62e1572dda1b54d93050523db8f520d172169dd6"},d("h1",{key:"1db1b12dc2fb010155c2b6a18e0208ac63e24cc8"},"Collapse Example"),d("div",{key:"15dcd3ff0564c7e1ae3848b4838df4e0fa772104",style:{padding:"50px",display:"flex",gap:"20px"}},d("div",{key:"eec9ccc145725aa84be87f3382d94e9a2f4faed9",style:{display:"flex",flexDirection:"column",gap:"20px"}},d("div",{key:"d841bd0d6551cce30f8d3530c6fb2dc5e775b802",style:{display:"flex",justifyContent:"center"}},d("button",{key:"c6d7e21df766232f524dcf4c84212500bdca6557",onClick:()=>this.open=!0},"open"),d("button",{key:"d690cae570704c502a586ff28ebc2269736c4758",onClick:()=>this.open=!1},"close"))),d("dga-collapse",{key:"846ff554a19e36857f575e2d4b26150727ebe18d",open:this.open,"transition-duration":"0.1s"},d("div",{key:"936110742053806ec6bf55e4cde4552c5dade54b"},"Your content here")),d("div",{key:"94f1ffda6dd584704ec2484cf527bf9364dc533c",style:{display:"flex",flexDirection:"column",gap:"20px"}})))}};export{c as dga_collapse_usage}

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

@@ -0,0 +1 @@
+import{r as e,h as t}from"./p-B4CGwdkg.js";const i=class{constructor(t){e(this,t)}render(){return t("div",{key:"8db57f2e0a6544e2ce9e054099b826aed97ea15c"},t("h1",{key:"d4346b50e6630fe597aca8a2869a395f1cc0c674"},"List Example"),t("div",{key:"ec79864ad333edcfaae2b4bdb0ea9278c7185106",style:{padding:"50px",display:"flex",gap:"20px"}},t("div",{key:"692a3127ae0df2a53b2a179d6de47cc6c1473e74",style:{display:"flex",flexDirection:"column",gap:"20px"}},t("dga-list-v2",{key:"7c99bbb377387a8471f7ec9fc5d1b8391329f618",type:"ordered",color:"neutral"},t("dga-list-item",{key:"176e5452f4568694803bff6ce01f5ce196615340",type:"ordered",level:"one",itemNumber:"1-",itemText:"List item"}),t("dga-list-item",{key:"00b980f700316f3178cd68fd5db9cf483333a361",type:"ordered",level:"two",itemLetter:"a-",itemText:"List item"}),t("dga-list-item",{key:"d7d413ddd06f0590952e81c06f03e3a36e42bd1c",type:"ordered",level:"two",itemLetter:"b-",itemText:"List item"}),t("dga-list-item",{key:"41b627fedff2b3395dfc01d4bb1b23a936b4f1d0",type:"ordered",level:"one",itemNumber:"2-",itemText:"List item"}),t("dga-list-item",{key:"286fb71cf5b60a78443ed2673b9d75ce67246ea7",type:"ordered",level:"two",itemLetter:"a-",itemText:"List item"})),t("dga-list-v2",{key:"21cdd0b30741495cc5fea6f7b7a9431e09888bfa",type:"unordered",color:"neutral"},t("dga-list-item",{key:"4c8d437b8fdc9aa1b3f8ed44f7e5b4c0cbdd93ac",type:"unordered",level:"one",itemText:"List item"}),t("dga-list-item",{key:"54a20882507fef620070d8d568725f3ebc18f1f2",type:"unordered",level:"two",itemText:"List item"}),t("dga-list-item",{key:"0e861dd0254a874947122608a0db9405559b1a3f",type:"unordered",level:"two",itemText:"List item"})),t("dga-list-v2",{key:"46c40db17e103689343af422eae1c7204f988910",type:"with-icon",color:"neutral"},t("dga-list-item",{key:"16a30bf6a79dcb1f92d7a266d2ecf88233fada28",type:"with-icon",level:"one",icon:'<i  class="hgi-stroke hgi-checkmark-circle-02"></i>',itemText:"List item"}),t("dga-list-item",{key:"3aab9bcdfa3e014f96a1d2a310136bd7307241be",type:"with-icon",level:"two",icon:'<i  class="hgi-stroke hgi-checkmark-circle-02"></i>',itemText:"List item"}),t("dga-list-item",{key:"8a125fd2677e3bc7469099a55ed5ec18254eadd5",type:"with-icon",level:"two",icon:'<i  class="hgi-stroke hgi-checkmark-circle-02"></i>',itemText:"List item"})))))}};export{i as dga_list_usage}

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

@@ -0,0 +1 @@
+import{r as e,h as a,F as r}from"./p-B4CGwdkg.js";const d=class{constructor(a){e(this,a),this.activeStep=1,this.minValue=10,this.maxValue=100}render(){return a(r,{key:"c54e33b53534727bdc279650f269b7dc64d577d0"},a("br",{key:"420965ddab0eb7f63a2ecbdab54ab79fff72287f"}),a("dga-slider",{key:"ffe6133c041890129bcbf6ad7db964999a9559e1",min:this.minValue,max:this.maxValue,step:1,range:!0,size:"medium",helperText:"Helper Text Example",label:"Test",sx:{backgroundColor:"yellow",marginTop:"200px",".range-slider-inner-rail":{backgroundColor:"red"}}}),";",a("br",{key:"2aeafd36a7c2babf74950f549045c58e476afdba"}),this.minValue," - ",this.maxValue,a("dga-slider",{key:"98abe80d312d9509e0f11f6f8c0562797b9bd105"}))}};export{d as dga_slider_usage}

package/dist/core/{p-4f67210b.entry.js → p-dfd9e7e3.entry.js}

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