@platformscode/core 0.0.43 → 0.0.45

package/dist/esm/dga-progress-indicator_2.entry.js

@@ -28,7 +28,7 @@ const DgaProgressIndicator = class {
         this.updateInternalActiveStep();
     }
     render() {
-        return (h("div", { key: 'e3f33c409c99c76bf9d5b742b7691b562a8a490c', class: "progress-indicator dga-flex", "data-alignment": this.alignment, "data-progress-key": this.componentKey }, h("slot", { key: '6dd6439980a5b85a67d142ea68fcb5bfe1e8008a', name: 'progress-indicator-step' })));
+        return (h("div", { key: '1e8bc3551149ad574ac7753640b526a48d0e0cb2', class: "progress-indicator dga-flex", "data-alignment": this.alignment, "data-progress-key": this.componentKey }, h("slot", { key: 'e4eab086c31c5953e494269f63a6627a09da775b', name: 'progress-indicator-step' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -101,7 +101,7 @@ const DgaProgressIndicatorStep = class {
         return currentStep.toString();
     }
     render() {
-        return (h("div", { key: 'aefa8b3de485cd680b113d810ad23efbec59c4d7', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: 'bd3f05e617713811c6ad839b0f62f256ed16e399', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '8e7fd1cacb3ba89ca65b51342ee528976c82f8a3', class: "step-label", "data-state": this.labelState }, h("span", { key: '27ba058dd4ff8fcaccfae89b35e9f9826df2b71b', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: 'ded1e2ca0776961b628b1030a6516019b23cd75e', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: 'c72973d7ae85a68855bc1359a19db957f73e2906', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: '3a54081c28289a076882b358e26ecb1058057d9c', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: '659ad1c346eda2a2491e693c3e148094d7a6f632', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
+        return (h("div", { key: 'affa0220089b9f047d3a3bbda58d0907abe594d2', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '0ee4e4e91116d566629a5717c25dc9536a5f93e6', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '1ddc3d40c34d8c5bb4f1f456c56078e07bf26afe', class: "step-label", "data-state": this.labelState }, h("span", { key: 'bbe8ccbd30182ad0e8ecfcfe8c94c740cf95f567', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: '0801db3538ebf6580f92bb1a6b3016519e4d4e90', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: '65a4bb939479a0d55d9773f67f61763f0aa606e1', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: '734e5faff729317ddd7cb2e6d944e97084fa4af8', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: 'e01d4d488544c0f793f7f36810c1f79f37951a37', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/dga-quote-usage.entry.js

@@ -6,7 +6,7 @@ const DgaQuoteUsage = class {
         this.activeStep = 1;
     }
     render() {
-        return (h("div", { key: '7b59d5cd7223387ec9ecaf09ae430cd5fa031665' }, h("h1", { key: 'c559eb076b7986f94c1bdbe8813692219cd85206' }, "Quote Example"), h("div", { key: 'fdd12b17fbd6083a322bf11b6b7d591876711099', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: '33fe8a38ca236161d916a9e334586a752f10e2e6', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-quote", { key: 'a8997e3d3f0bca7f9529bac03e0e8ed90d682234', quoteTitle: 'Title of quote', quoteDescription: 'The quote is placed here to highlight a specific saying or to present a brief quote that expresses an important idea or concept.', authorName: "Author's name", authorDescription: 'brief or description.' }), h("dga-quote", { key: '9a27f63db1512dc033c546b9e2a5cc86e25e1fc6', quoteTitle: 'Title of quote', quoteDescription: 'The quote is placed here to highlight a specific saying or to present a brief quote that expresses an important idea or concept.', authorName: "Author's name", authorDescription: 'brief or description.', whiteBackground: true })), h("div", { key: '7b7fb07e6b082f02a58d87cdebaf03660d5cbc45', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
+        return (h("div", { key: '0f5e171190c7b86c420d10bfe48cc0928cc78d11' }, h("h1", { key: 'ce51d10a56094e67cda24a3534fac5bf6c661607' }, "Quote Example"), h("div", { key: 'c27e903bb18527eed0e71219e42cdd189a18f131', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: 'b4ce3a02e63fcbc7eee43e451faee215cea9c435', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-quote", { key: 'e27bc799c5fd7d28f98033f9cb0f936ece6d7f34', quoteTitle: 'Title of quote', quoteDescription: 'The quote is placed here to highlight a specific saying or to present a brief quote that expresses an important idea or concept.', authorName: "Author's name", authorDescription: 'brief or description.' }), h("dga-quote", { key: '7a755cdc2c176bfbb71472a4d58266d06e7b38ec', quoteTitle: 'Title of quote', quoteDescription: 'The quote is placed here to highlight a specific saying or to present a brief quote that expresses an important idea or concept.', authorName: "Author's name", authorDescription: 'brief or description.', whiteBackground: true })), h("div", { key: 'fbcf1828a0507abf02a12e120ca915f3e8eabf75', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
     }
 };
 

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

@@ -32,7 +32,7 @@ const DgaQuote = class {
         this.sxHandler.cleanup();
     }
     render() {
-        return (h("div", { key: '07dd772dbecb2357d9b415f9d0634b8026dcd545', class: { 'dga-quote': true, 'dga-quote--white-bg': this.whiteBackground } }, h("div", { key: '6610e95353f3401a7ff3611c95fd5265940cb6ae', class: "dga-quote__body" }, h("dga-flex", { key: '0ac4e007538c281e0f77354f6b075cb1c721186e', spacing: 9 }, h("span", { key: '058665944ad2a598a97c578e469feeccaff80356', class: "quote-icon" }, "\u201D"), h("dga-flex", { key: '72675b554aae7b2818776565b5a687a7617c960f', direction: "column", spacing: 16 }, this.showQuoteTitle && h("h2", { key: 'ae55478db2150cbe3fe3958084a022c16ab1dbfe', class: "dga-quote__body-title" }, this.quoteTitle), this.showQuoteDescription && h("p", { key: '161e595a53136e146d2fc4aabd4380b10812d1ba', class: "dga-quote__body-desc" }, this.quoteDescription)))), this.showAuthorDetails && (h("div", { key: '3a3073a56b54bfe6d84e7fd1f1e2879d65684a91', class: "dga-quote__auther-details" }, h("dga-flex", { key: 'ca7ced49fdf2dc3f0e5047d13cc1736948b1b9e3', direction: "row", spacing: 16, align: "center" }, this.showAvatar && h("dga-avatar", { key: '1dd0ab142f1bfb671971289b468cc5802d7735a4', size: 80, type: "image", border: false, imgUrl: this.avatarSrc }), h("dga-flex", { key: 'a48f41654eafe4c267749edc87fa839043f2c170', direction: "column", spacing: 8 }, h("h3", { key: 'dd46a2f0c41206e1fa49dd7d6d6c0f2cb7c9a95e', class: "auther-title" }, this.authorName), h("p", { key: '14c40e6d46e0a2baaa64646e911c2aebc8b3dfcd', class: "auther-desc" }, this.authorDescription))), h("span", { key: '6905a5bbd199c912c81b2ddf5ce5d4fd2c56ebbc', class: "quote-icon" }, "\u201C")))));
+        return (h("div", { key: 'a542578ad58f74e1b42272648cf448e1826a154e', class: { 'dga-quote': true, 'dga-quote--white-bg': this.whiteBackground } }, h("div", { key: 'e089de1328df29880f00df54a72678a0dfa65777', class: "dga-quote__body" }, h("dga-flex", { key: '3517346819d663fd6d4708861dd922af8512f898', spacing: 9 }, h("span", { key: 'cd63cab950ac5f94f3a98cbba14f4c0b19aa3cb8', class: "quote-icon" }, "\u201D"), h("dga-flex", { key: 'f1d89abec5f13f66c26d955c6bfaf4a160a332e1', direction: "column", spacing: 16 }, this.showQuoteTitle && h("h2", { key: '1750e719ce9531cc3440b16a29e07ddd82cbc64f', class: "dga-quote__body-title" }, this.quoteTitle), this.showQuoteDescription && h("p", { key: '125aa13d554df0b0acfaae61725fff98402449f9', class: "dga-quote__body-desc" }, this.quoteDescription)))), this.showAuthorDetails && (h("div", { key: '62f44982c5477ff7692b30e9e21ed1e496b4b1c0', class: "dga-quote__auther-details" }, h("dga-flex", { key: '0a9defe53c6c6dd92eba45a2e7d175c85de4051b', direction: "row", spacing: 16, align: "center" }, this.showAvatar && h("dga-avatar", { key: '39f9bfc4247f9947f1d1eb0b7bf84f67e9dee64b', size: 80, type: "image", border: false, imgUrl: this.avatarSrc }), h("dga-flex", { key: '31cea0f24158038d970b13ab8d0b1c98692dde8e', direction: "column", spacing: 8 }, h("h3", { key: '4d73bf9e4925995e4199701e65c3527b692a3ff5', class: "auther-title" }, this.authorName), h("p", { key: '563ebaeb25f024c4e141ba27bcd0c8ff5017800b', class: "auther-desc" }, this.authorDescription))), h("span", { key: '0d76249de51ba6e401cc5389e6e3cfe5e6343657', class: "quote-icon" }, "\u201C")))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/dga-radial-stepper-usage.entry.js

@@ -15,7 +15,7 @@ const DgaRadialStepperUsage = class {
         this.activeStep = Number(target.value); // Convert the string value to a number
     }
     render() {
-        return (h("div", { key: '3bfd206db81ed99dae9ec22401ce166ab9ea202d' }, h("h1", { key: 'e0ebc16837cf106a013ba87d0e6335a561a8ea89' }, "Radial Stepper Example"), h("div", { key: '4d62785358273ec5b138e2ae73a48f97fa255805', style: { padding: '50px', gap: '20px' } }, h("div", { key: 'a4c02d5dae77954998556f79d2f85138ac2f0ab7', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radial-stepper", { key: '46515a109fefa768232d04f46169729ff592e002', size: "120px", activeStep: this.activeStep, steps: [
+        return (h("div", { key: '7dde24c3c3404df8c1c18780cc4dbb41a9231a8f' }, h("h1", { key: '884cdcec120e8cabf0205200ebd59f7db7582238' }, "Radial Stepper Example"), h("div", { key: 'fe01138f4874e62fac6bda1408a21edde55695ba', style: { padding: '50px', gap: '20px' } }, h("div", { key: '317aa5e8031fa991157b6ea09f4ef793880a977a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radial-stepper", { key: 'f53f6b8287bc746dbfbaf39be882fa0d6ca46f22', size: "120px", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -40,7 +40,7 @@ const DgaRadialStepperUsage = class {
                     showPreStep: true,
                     showNextStep: true
                 }
-            ] }), h("dga-radial-stepper", { key: '7eb636bc195cf435c17cd9a45fbdcc306210e415', size: "80px", color: "success", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: '3d9548ca3447f62310ed192a0aaf4dbb978707b2', size: "80px", color: "success", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -65,7 +65,7 @@ const DgaRadialStepperUsage = class {
                     showPreStep: true,
                     showNextStep: true
                 }
-            ] }), h("dga-radial-stepper", { key: '1b6c497328a00e4975a09fbbacddc7db4faa71f3', variant: 'neutral', size: "64px", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: '6fae3b9e4f8f8747e2e5c53dbaad10c617af6e7e', variant: 'neutral', size: "64px", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -90,7 +90,7 @@ const DgaRadialStepperUsage = class {
                     showPreStep: true,
                     showNextStep: true
                 }
-            ] }), h("dga-radial-stepper", { key: 'e1eea3d7c88b596ce0e38c2150f2ac0aa7970e8e', size: "48px", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: 'fb320e0e15fe91da526336ab36eecfd77307cd8f', size: "48px", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -115,7 +115,7 @@ const DgaRadialStepperUsage = class {
                     showPreStep: true,
                     showNextStep: true
                 }
-            ] }), h("dga-radial-stepper", { key: '598021ae613ccabbf08d5533ffc440e8becb250c', size: "40px", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: '3160feddcf3b9ca54bcbce8c322ea25bda630458', size: "40px", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -140,10 +140,10 @@ const DgaRadialStepperUsage = class {
                     showPreStep: true,
                     showNextStep: true
                 }
-            ] }), h("div", { key: '1fedca41452567be59be5c385a6755d56d80461f', style: {
+            ] }), h("div", { key: '37ecbc90f37f85a8883485a5cebb7e49e1a9f16f', style: {
                 backgroundColor: "#1B8354",
                 padding: "40px"
-            } }, h("dga-radial-stepper", { key: 'ae1299b79c91f475dd75ef211930cd64a39b0589', variant: "on-color", size: "120px", activeStep: this.activeStep, steps: [
+            } }, h("dga-radial-stepper", { key: '2ad72c7b1815901b39b1ead0e31eee503a773ffe', variant: "on-color", size: "120px", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -180,7 +180,7 @@ const DgaRadialStepperUsage = class {
                     showPreStep: true,
                     showNextStep: true
                 }
-            ], RTL: true })), h("button", { key: 'abe42640524b6901e6152fc9a411b8838344bd68', onClick: () => (this.activeStep += 1) }, "Next"), h("button", { key: '72142c1d3494195ecdd122b9f79e9a622f34d093', onClick: () => (this.activeStep -= 1) }, "Prev"), h("input", { key: '87c2d846e13106f4b8b5ddc7f0b4ba7eb7c2e152', type: "range", min: "0", max: "100", value: this.percentage, onInput: e => this.handleInputChange(e) })))));
+            ], RTL: true })), h("button", { key: '6cd5ebe934a8d4a88d809c842835dfa23e28f4f1', onClick: () => (this.activeStep += 1) }, "Next"), h("button", { key: '7d4714bcdef33edd2243c7a406fd096c859e42c7', onClick: () => (this.activeStep -= 1) }, "Prev"), h("input", { key: 'c44663f4d08b68a811334fce6cd6eb5715178f4d', type: "range", min: "0", max: "100", value: this.percentage, onInput: e => this.handleInputChange(e) })))));
     }
 };
 

package/dist/esm/dga-radio-button-usage.entry.js

@@ -7,11 +7,11 @@ const DgaRadioButtonUsage = class {
         this.activeRadio = "radion-1";
     }
     render() {
-        return (h("div", { key: '62906a14468b7d4a28d5700a18e317179f575868' }, h("h1", { key: '2e82948b03e30e7d040d414e29789ec4ee5e39c9' }, "RadioButton Example"), h("div", { key: '7597141a32352ef8f384e3438432bc26ff4ab02c', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '37a55e92273fb92763583d9073961e85eae65a53', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radio-button", { key: '83e8156712c8950be1a07dcc889c13530b7e4c43',
+        return (h("div", { key: 'f8290d15769b798b71b82a92678138d3b02acdd3' }, h("h1", { key: '71f79f12c90c774fa4578f41d25e2dbb04b739ea' }, "RadioButton Example"), h("div", { key: 'e3ea018905304d92e8e0f8c829b6f875e312a31b', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'ba8af4d312fe61024e1e1b4877f1a66760ac03c4', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radio-button", { key: '840a3f1f27ecfccb3c6005169025825d30287159',
             // id="radio1"
-            label: "Radio Label 1", hasHelperText: true, helperText: "When a selection needs a further detailed explanation, it goes here.", alertMessage: true, alertText: "Error/Warning message", name: "radio", value: 'radion-1', checked: this.activeRadio === 'radion-1', onChange: (e) => this.activeRadio = e.target.value }), h("dga-radio-button", { key: '9e8464f3ecbd9bbdb7acd171fb76cbd926f04481',
+            label: "Radio Label 1", hasHelperText: true, helperText: "When a selection needs a further detailed explanation, it goes here.", alertMessage: true, alertText: "Error/Warning message", name: "radio", value: 'radion-1', checked: this.activeRadio === 'radion-1', onChange: (e) => this.activeRadio = e.target.value }), h("dga-radio-button", { key: 'ef0b9ba29906d50a5b12c4f2361f42f2c75b7863',
             // id="radio2"
-            label: "Radio Label 2", hasHelperText: true, helperText: "When a selection needs a further detailed explanation, it goes here.", alertMessage: true, alertText: "Error/Warning message", name: "radio", value: 'radion-2', checked: this.activeRadio === 'radion-2', onChange: (e) => this.activeRadio = e.target.value })), h("div", { key: '2c165379c18f2434a6eaea9b6dd372b332a62f21', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            label: "Radio Label 2", hasHelperText: true, helperText: "When a selection needs a further detailed explanation, it goes here.", alertMessage: true, alertText: "Error/Warning message", name: "radio", value: 'radion-2', checked: this.activeRadio === 'radion-2', onChange: (e) => this.activeRadio = e.target.value })), h("div", { key: '13c126f85368b96cdf3581f9936e15fa063f3786', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/esm/dga-radio-button.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, a as getElement } from './index-B4CGwdkg.js';
 import { g as guid } from './index-OZG1OajU.js';
 import { i as isRTL } from './dir-CH66vbCC.js';
-import { k as alertCircleStroke } from './index-CzSbvsrF.js';
+import { p as alertCircleStroke } from './index-8U4v1m_C.js';
 
 const dgaRadioButtonCss = "@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,.radio__helper-text{font:400 14px/20px \"IBMPlexSansArabic\"}.text-xs-regular{font:400 12px/18px \"IBMPlexSansArabic\"}.text-2xs-regular{font:400 10px/14px \"IBMPlexSansArabic\"}.display-2xl-medium{font:500 72px/90px \"IBMPlexSansArabic\"}.display-xl-medium{font:500 60px/72px \"IBMPlexSansArabic\"}.display-lg-medium{font:500 48px/60px \"IBMPlexSansArabic\"}.display-md-medium{font:500 36px/44px \"IBMPlexSansArabic\"}.display-sm-medium{font:500 30px/38px \"IBMPlexSansArabic\"}.display-xs-medium{font:500 24px/32px \"IBMPlexSansArabic\"}.text-xl-medium{font:500 20px/30px \"IBMPlexSansArabic\"}.text-lg-medium{font:500 18px/28px \"IBMPlexSansArabic\"}.text-md-medium,.radio__label{font:500 16px/24px \"IBMPlexSansArabic\"}.text-sm-medium,.radio__warning{font:500 14px/20px \"IBMPlexSansArabic\"}.text-xs-medium{font:500 12px/18px \"IBMPlexSansArabic\"}.text-2xs-medium{font:500 10px/14px \"IBMPlexSansArabic\"}.display-2xl-semibold{font:600 72px/90px \"IBMPlexSansArabic\"}.display-xl-semibold{font:600 60px/72px \"IBMPlexSansArabic\"}.display-lg-semibold{font:600 48px/60px \"IBMPlexSansArabic\"}.display-md-semibold{font:600 36px/44px \"IBMPlexSansArabic\"}.display-sm-semibold{font:600 30px/38px \"IBMPlexSansArabic\"}.display-xs-semibold{font:600 24px/32px \"IBMPlexSansArabic\"}.text-xl-semibold{font:600 20px/30px \"IBMPlexSansArabic\"}.text-lg-semibold{font:600 18px/28px \"IBMPlexSansArabic\"}.text-md-semibold{font:600 16px/24px \"IBMPlexSansArabic\"}.text-sm-semibold{font:600 14px/20px \"IBMPlexSansArabic\"}.text-xs-semibold{font:600 12px/18px \"IBMPlexSansArabic\"}.text-2xs-semibold{font:600 10px/14px \"IBMPlexSansArabic\"}.display-2xl-bold{font:700 72px/90px \"IBMPlexSansArabic\"}.display-xl-bold{font:700 60px/72px \"IBMPlexSansArabic\"}.display-lg-bold{font:700 48px/60px \"IBMPlexSansArabic\"}.display-md-bold{font:700 36px/44px \"IBMPlexSansArabic\"}.display-sm-bold{font:700 30px/38px \"IBMPlexSansArabic\"}.display-xs-bold{font:700 24px/32px \"IBMPlexSansArabic\"}.text-xl-bold{font:700 20px/30px \"IBMPlexSansArabic\"}.text-lg-bold{font:700 18px/28px \"IBMPlexSansArabic\"}.text-md-bold{font:700 16px/24px \"IBMPlexSansArabic\"}.text-sm-bold{font:700 14px/20px \"IBMPlexSansArabic\"}.text-xs-bold{font:700 12px/18px \"IBMPlexSansArabic\"}.text-2xs-bold{font:700 10px/14px \"IBMPlexSansArabic\"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}:host{width:fit-content}.radio{display:inline-flex;gap:var(--spacing-xl);padding:var(--spacing-md);cursor:pointer;user-select:none}.radio:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--controls-control-neutral-checked)}.radio-main{flex-direction:column;gap:var(--spacing-xs);max-width:382px}.radio-main,.radio-main__content{display:flex;column-gap:var(--spacing-xl)}.radio input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.radio input:checked~.radio-container::before{transform:translate(-50%, -50%) scale(1)}.radio input:hover~.radio-container::after{transform:translate(-50%, -50%) scale(1)}.radio.active input:not(:checked)~.radio-container{background-color:var(--controls-control-pressed)}.radio-container{width:24px;height:24px;min-width:24px;border-radius:var(--radius-full);border:1px solid var(--controls-control-border);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.radio-container::after,.radio-container::before{content:\"\";border-radius:var(--radius-full);background:var(--controls-control-ripple-effect);width:48px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0);z-index:-1;transition:all 0.3s ease-in-out}.radio-container::before{background-color:var(--controls-control-primary-pressed);width:15px;height:15px;z-index:0;transition:all 0.1s ease-in-out}.radio input:disabled~.radio-container{border-color:var(--control-disabled)}.radio input:disabled~.radio-container::before{background-color:var(--control-disabled);transform:translate(-50%, -50%) scale(1)}.radio input:disabled~.radio__label,.radio input:disabled~div>.radio__label,.radio input:disabled~div>.radio__helper-text{color:var(--control-disabled)}.radio__helper-text{color:var(--text-primary-paragraph);margin-block:var(--spacing-xs)}.radio__warning{display:flex;align-items:center;gap:var(--spacing-xl);color:var(--text-error)}.radio__warning-icon{width:16px;height:16px;color:var(--icon-error)}.radio--brand input:checked~.radio-container{border-color:var(--controls-control-primary-checked)}.radio--brand input:checked~.radio-container::before{background-color:var(--controls-control-primary-checked)}.radio--brand input:checked~.radio__label,.radio--brand input:checked~div>.radio__label{color:var(--controls-control-primary-checked)}.radio--brand.active input:checked~.radio-container::before{background-color:var(--controls-control-primary-checked)}.radio--brand input:disabled~.radio-container{border-color:var(--control-disabled)}.radio--brand input:disabled~.radio-container::before{background-color:var(--control-disabled);transform:translate(-50%, -50%) scale(1)}.radio--brand input:disabled~.radio__label,.radio--brand input:disabled~div>.radio__label,.radio--brand input:disabled~div>.radio__helper-text{color:var(--control-disabled)}";
 

package/dist/esm/dga-rating-usage.entry.js

@@ -7,9 +7,9 @@ const DgaRatingUsage = class {
         this.rating = 2.5;
     }
     render() {
-        return (h("div", { key: 'c1387a2f19bb2cfaa4ef4c86fc70abcdf98aa5da', dir: "rtl" }, h("h1", { key: '72aaefac87149c684c7b2b60dab6e14a28025092' }, "Rating Example"), h("div", { key: 'f49ecb0f804fd5441f34da21889749172014c918', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '185994d202c61108e248dcade8b4be7ca2b744ed', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: '5135732fd29e9e1a28bd856d6c266b414c4a7cd2', onClick: () => (this.rating += 1) }, "Increase ", this.rating), h("dga-rating", { key: 'a549107cd0023f828106e9bd24887a40a58d40fe', onChange: val => {
+        return (h("div", { key: '782488428869ac1efaf9a2cdc6f2182669b3e6eb', dir: "rtl" }, h("h1", { key: 'fafe2b9b86f2ee8898e71a8166eaac33d6d56849' }, "Rating Example"), h("div", { key: '94d996191501be9d442302c229e765362c17e7f6', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'f02c8604259fcb3f376cac86ee433bae9a7f070f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: '648cfcac9222058384bf5e16c0d7e54d6981897e', onClick: () => (this.rating += 1) }, "Increase ", this.rating), h("dga-rating", { key: '3e8688b8664f5954ca8113c6f2c67b972d4a74d8', onChange: val => {
                 this.rating = val;
-            }, value: this.rating, size: "lg" }), h("dga-rating", { key: 'c14ceff74a64cfa7669f2ae804a09b5c79668436', onChange: val => (this.rating = val), value: 2.5, size: "md" }), h("dga-rating", { key: '01b77dad97fb3992f1e5383d760042560886b273', onChange: val => (this.rating = val), value: this.rating, size: "sm" })), h("div", { key: '19ae50c0e073d9a25c7ed112f66af89df062a238', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            }, value: this.rating, size: "lg" }), h("dga-rating", { key: '4472759ebb0ce333f48c198c8c3de480cb6170fb', onChange: val => (this.rating = val), value: 2.5, size: "md" }), h("dga-rating", { key: '20d8676dbbf325e00311ac67d15c7a11a1574e0f', onChange: val => (this.rating = val), value: this.rating, size: "sm" })), h("div", { key: 'c42fa3a429021483a004290fbc850d4ddb645979', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

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

@@ -98,13 +98,13 @@ const DgaRating = class {
         }
     }
     render() {
-        return (h(Host, { key: 'c4040b1879ade1225365dd4863688d3dae39eb3b' }, h("span", { key: '5a45f09416d5c451fd077e125696f83404254f6e', class: `dga-rating dga-rating--${this.size}`, ref: el => (this.rootRef = el), onMouseMove: (event) => this.handleMouseMove(event), onMouseLeave: (event) => this.handleClear(event), dir: isElementRTL(this.el) ? 'rtl' : 'ltr' }, Array.from({ length: this.max }, (_, index) => index + 1).map(value => {
+        return (h(Host, { key: '23710fca1daa1a15853f3bf69605e1ccf6b172b7' }, h("span", { key: '9b72616c20001d829cc7a31d85a76c4008cdadca', class: `dga-rating dga-rating--${this.size}`, ref: el => (this.rootRef = el), onMouseMove: (event) => this.handleMouseMove(event), onMouseLeave: (event) => this.handleClear(event), dir: isElementRTL(this.el) ? 'rtl' : 'ltr' }, Array.from({ length: this.max }, (_, index) => index + 1).map(value => {
             const colorMapper = {
                 default: 'var(--background-secondary)',
                 brand: 'var(--background-primary)',
             };
-            // Detect RTL for half-star positioning
-            const isRTL = isElementRTL(this.el) ? 'rtl' : 'ltr';
+            // Half-star clip: start edge of star in LTR is left, in RTL is right
+            const isRTL = isElementRTL(this.el);
             const showHalfStar = this.hover > 0 ? this.hover == value - 0.5 : this.rating == value - 0.5;
             return (h("span", { class: `dga-rating__star ${this.pressed === value ? 'dga-rating__star--pressed' : ''}`, onMouseDown: () => (this.pressed = value), onMouseUp: () => (this.pressed = -1) }, h("label", { htmlFor: `star-${value - 0.5}`, style: Object.assign({ width: showHalfStar ? '50%' : '0%', overflow: 'hidden', position: 'absolute' }, (isRTL ? { right: '0' } : { left: '0' })), class: "dga-rating__star__label" }, h("span", { class: "dga-rating__star__label-icon" }, h("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M22.1839 3.93733C22.8987 2.38758 25.1013 2.38759 25.8161 3.93733L30.3024 13.6635C30.5937 14.2952 31.1923 14.73 31.883 14.8119L42.5195 16.0731C44.2143 16.274 44.8949 18.3688 43.6419 19.5275L35.7781 26.7998C35.2674 27.272 35.0388 27.9757 35.1744 28.6579L37.2618 39.1636C37.5944 40.8375 35.8125 42.1321 34.3233 41.2985L24.9769 36.0668C24.3699 35.7271 23.6301 35.7271 23.0231 36.0668L13.6767 41.2985C12.1875 42.1321 10.4056 40.8375 10.7382 39.1636L12.8256 28.6579C12.9612 27.9757 12.7326 27.272 12.2219 26.7998L4.35805 19.5275C3.10505 18.3688 3.78569 16.274 5.48048 16.0731L16.117 14.8119C16.8077 14.73 17.4063 14.2952 17.6976 13.6635L22.1839 3.93733Z", style: {
                     fill: colorMapper[this.variant],

package/dist/esm/dga-search-box-usage.entry.js

@@ -6,7 +6,7 @@ const DgaSearchBoxUsage = class {
         this.value = 'test';
     }
     render() {
-        return (h("div", { key: 'c470e35bbe0426ca814e07234cfeda1c7dc0aee5' }, h("h1", { key: '25b99581887c5739c07105b22b590d51fda26bb6' }, "Search Box Example"), h("div", { key: '0e7a2d8dc1e5b598f3ea5ece01b49b6f5d504861', style: { padding: '50px' } }, h("div", { key: '7dbfdea7041582285a17e43c3f2f580471be39a4', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("dga-search-box", { key: 'f2cc6f9a4d32283004199758900653f2c8d4ecae', variant: 'default', value: this.value, placeholder: 'test placeholder', onChange: (e) => {
+        return (h("div", { key: '8cec930e2c2399b200a0d28769d5728443475cd6' }, h("h1", { key: '9ea3dc64a9f2b0e2c032eecf2c28309f48eb5864' }, "Search Box Example"), h("div", { key: 'a99f3cc0054c0da736d72e4fe1f5c4f84673eaae', style: { padding: '50px' } }, h("div", { key: '6664e83cc23774963d7fa3715069615a327c6183', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("dga-search-box", { key: '214e2e3553cf19454847b87fb1953eade2d9f6d1', variant: 'default', value: this.value, placeholder: 'test placeholder', onChange: (e) => {
                 const target = e.target;
                 console.log("search changed");
                 this.value = target.value;

package/dist/esm/dga-search-box_2.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, a as getElement } from './index-B4CGwdkg.js';
 import { g as guid } from './index-OZG1OajU.js';
 import { i as isRTL } from './dir-CH66vbCC.js';
-import { p as cancel01Stroke, q as mic01Stroke } from './index-CzSbvsrF.js';
+import { v as search01Stroke, w as cancel01Stroke, x as mic01Stroke } from './index-8U4v1m_C.js';
 import { S as SxHandler } from './sx-handler-SsJVD279.js';
 import './sx-style-manager-BFEqPAFn.js';
 
@@ -115,12 +115,12 @@ const DgaSearchBox = class {
     render() {
         const { el } = this;
         const dir = isRTL(el) ? 'rtl' : 'ltr';
-        return (h(Host, { key: 'b10ccef922f81c7ff2b64436621b4fa19e0cf83f', dir: dir }, h("div", { key: '319376a296e30f5cb0e6d514c630a233001dba29', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: 'b2257e92abe6e5eb95754c2df3a79bdb4bb176f0', class: "dga-label" }, this.label), h("div", { key: '45269d6fe0dc7630619fc4cc378504932baf21cb', class: `dga-search-box dga-search-box--${this.size} ${this.error ? 'dga-search-box--error' : ''} ${this.variant !== 'default' ? `dga-search-box--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'dga-search-box--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, this.icon && (h("span", { key: 'bf33a792a07f2e75d939e99da1381ab89520354d', class: "dga-search-box__icon" }, h("svg", { key: '39aaca3c8a76ca6ff58a1f66166b02706753c4dd', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '41dcfdeba9c405e77a7c477749bc0e860e5bb61a', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.16675 1.04163C4.67943 1.04163 1.04175 4.67931 1.04175 9.16663C1.04175 13.6539 4.67943 17.2916 9.16675 17.2916C11.1854 17.2916 13.0322 16.5554 14.4531 15.3369L17.8915 18.7752C18.1356 19.0193 18.5313 19.0193 18.7754 18.7752C19.0194 18.5312 19.0194 18.1354 18.7754 17.8914L15.337 14.453C16.5556 13.032 17.2917 11.1853 17.2917 9.16663C17.2917 4.67931 13.6541 1.04163 9.16675 1.04163ZM2.29175 9.16663C2.29175 5.36967 5.36979 2.29163 9.16675 2.29163C12.9637 2.29163 16.0417 5.36967 16.0417 9.16663C16.0417 12.9636 12.9637 16.0416 9.16675 16.0416C5.36979 16.0416 2.29175 12.9636 2.29175 9.16663Z", fill: "#161616" })))), h("input", { key: 'd77feee603aca1b02afb8b4dc4c073ac7fed579a', value: this.value, name: this.name, type: "text", onFocus: () => (this.isFocused = true), onBlur: e => {
+        return (h(Host, { key: '5af711c7caa02aac6a74eb28082cd57853bde57b', dir: dir }, h("div", { key: '7585f21351cd496eee9ed93d1c647206513603e6', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: '8428528bd9993bfdd971544cd9cc8c07871a83d7', class: "dga-label" }, this.label), h("div", { key: '958ca0e652fb0db779373fd1542a3217f99b7de2', class: `dga-search-box dga-search-box--${this.size} ${this.error ? 'dga-search-box--error' : ''} ${this.variant !== 'default' ? `dga-search-box--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'dga-search-box--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, this.icon && (h("span", { key: 'b4ec8d7b25466c8dcda1b0fd218b7ff641fe6726', class: "dga-search-box__icon" }, h("dga-icon", { key: '0db41312a87009f9c05372bc6309fec81153663e', icon: search01Stroke, size: 20, color: '#161616' }))), h("input", { key: '7479dc8da6b2f77a2324482734142f73c86c8650', value: this.value, name: this.name, type: "text", onFocus: () => (this.isFocused = true), onBlur: e => {
                 this.isFocused = false;
                 this.onBlur.emit(e);
             }, class: "dga-search-box__field", placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onInput: event => {
                 this.handleInputChange(event);
-            } }), h("div", { key: '1575275bf2ab98cf1b2e7c522eeec05714d01c49', class: "dga-search-box__actions" }, this.value.length > 0 && (h(Fragment, { key: '3c53a5304a6ecb17e2610df6dc67bf986f0d98d3' }, h("button", { key: '2a433a8916ffe3ad77201151e1e62dc13adb59c8', class: "dga-search-box__action-btn", onClick: this.handleResetInput }, h("dga-icon", { key: 'c8f289fbbaf521d5e7127df513ece49e8d9ae44d', icon: cancel01Stroke, size: 20 })), h("svg", { key: '70630bd8de9c5652e8bbc4dcad3ef00fccc6243c', xmlns: "http://www.w3.org/2000/svg", width: "1", height: "26", viewBox: "0 0 1 26", fill: "none" }, h("rect", { key: '59a16a700b5ed7ce8aae721766953803d2c536f5', x: "1", y: "0.5", width: "25", height: "1", transform: "rotate(90 1 0.5)", fill: "#D2D6DB" })))), this.showTrailingIcon && (h("dga-tooltip", { key: 'efcf0190e1e69d1f0ddd7fcfbccd099dd26fbc77', tooltipTitle: isRTL(el) ? "البحث عن طريق الصوت" : "Search by voice", direction: "bottom", beakAlignment: "center", beakPlacement: "top" }, h("button", { key: 'd8fad0f1d87f2f0636bd7b0cdb1e13dd333cf256', class: "dga-search-box__search-btn", onClick: () => this.startListening(), disabled: this.isListening }, this.isListening ? (h("span", { class: "dga-search-box__icon" }, h("dga-icon", { icon: mic01Stroke, size: 20 }))) : (h("span", { class: "dga-search-box__icon" }, h("dga-icon", { icon: mic01Stroke, size: 20 })))))))))));
+            } }), h("div", { key: '259281abaf0ed9e7c5345d5da4e19a150b6f5a10', class: "dga-search-box__actions" }, this.value.length > 0 && (h(Fragment, { key: 'e55ae5d3f76a1457e0862e82f88041c9cf3ea9e2' }, h("button", { key: 'e1891e76f7e3f4415955fb4968a28fca70bd9e5b', class: "dga-search-box__action-btn", onClick: this.handleResetInput }, h("dga-icon", { key: 'b14637077568423526e67e9ebb9fb1d642408f96', icon: cancel01Stroke, size: 20 })), h("svg", { key: '2513d100a6d79ce41c32e8ad1d7226be9c341c92', xmlns: "http://www.w3.org/2000/svg", width: "1", height: "26", viewBox: "0 0 1 26", fill: "none" }, h("rect", { key: 'f8fdfaf85e890028886ce6ef7e16cab31641d1e0', x: "1", y: "0.5", width: "25", height: "1", transform: "rotate(90 1 0.5)", fill: "#D2D6DB" })))), this.showTrailingIcon && (h("dga-tooltip", { key: '904676e06160d9451cf94ae1ffa7380371d81adc', tooltipTitle: isRTL(el) ? "البحث عن طريق الصوت" : "Search by voice", direction: "bottom", beakAlignment: "center", beakPlacement: "top" }, h("button", { key: 'd0a5bb409e1b8f002cd7529a3f1c62ddcd1a7299', class: "dga-search-box__search-btn", onClick: () => this.startListening(), disabled: this.isListening }, this.isListening ? (h("span", { class: "dga-search-box__icon" }, h("dga-icon", { icon: mic01Stroke, size: 20 }))) : (h("span", { class: "dga-search-box__icon" }, h("dga-icon", { icon: mic01Stroke, size: 20 })))))))))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/dga-second-nav-header-usage.entry.js

@@ -6,36 +6,36 @@ const DgaSecondNavHeaderUsage = class {
         this.activeStep = 1;
     }
     render() {
-        return (h("div", { key: '1d79feaf90fd226e947f56663b5f6654801f87c9', style: {
+        return (h("div", { key: 'e0998ce414e9ba26884088d8f28cc546382cc3da', style: {
                 display: "flex",
                 flexDirection: "column",
                 gap: "20px"
-            } }, h("dga-second-nav-header", { key: '6bd13337564ccd4e9ea35d1145e9c198222859d3' }, h("dga-second-nav-header-actions", { key: 'b8e93c814df2c7cb40aefb2b83e3fc19fc92fca2' }, h("dga-button-v2", { key: '450d4c39c271bcef231fb86c0142df6b4955ee0b', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
+            } }, h("dga-second-nav-header", { key: '80a6c4c8246e8011fc37eac25f3c47d2204fb0b5' }, h("dga-second-nav-header-actions", { key: '03bc6da4e80d86b48505b218681a70205a676ef5' }, h("dga-button-v2", { key: 'ec3cf8c0d74ec58b77565a6363c78122f68aea75', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'mic-01',
                 type: 'rounded',
                 variant: 'stroke',
                 color: '#FFFFFF'
-            } }), h("dga-button-v2", { key: '12e37342c309767c225d878bbb328980bf72cfd7', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), h("dga-button-v2", { key: '422229642a5f268fefaaaa635fb799305eb4bd2b', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'zoom-in-area',
                 type: 'rounded',
                 variant: 'stroke',
                 color: '#FFFFFF'
-            } }), h("dga-button-v2", { key: '8f9d77d5b390f8dea7a85e8ac0dcc333eb004fac', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), h("dga-button-v2", { key: 'af063512c7b3e4b05ce6c60d14fceb5b4382dda4', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'zoom-out-area',
                 type: 'rounded',
                 variant: 'stroke',
                 color: '#FFFFFF'
-            } }), h("dga-button-v2", { key: '6c181429134fffc6eebdf398dd6758ae118e99d3', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), h("dga-button-v2", { key: '1d992966eea3d0b5e591a8953266c31aa1addc3f', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'view',
                 type: 'rounded',
                 variant: 'stroke',
                 color: '#FFFFFF'
-            } })), h("dga-second-nav-header-content", { key: 'ba0e9274b2cb4f02e903fd389d603b64c84e4aff' }, h("dga-second-nav-header-item", { key: '6bd5c4006a232332c0456bffae372bd342ec49ca', label: 'Cloudy' }, h("dga-icon", { key: '5749be65d40a191160d5d8481823213c30375888', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: 'bfdd59bc097ff81db4442aad6ec65f3454ecec8b', label: '21 Jan 2024' }, h("dga-icon", { key: '8c98ecddbcba261eb25af76ab55d41210a23df43', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-second-nav-header", { key: '279179dcb780559e2a650d1b1c3e7c81b944b11b', variant: "gray" }, h("dga-second-nav-header-actions", { key: 'c86a9b9dd7e0b51902913dcfe29b2a25132601b6' }, h("dga-button-v2", { key: '554f02e9fc6329202ba5233d9ecee6b7ef2b0cd5', label: 'Button', variant: "transparent", leadIcon: true, leadIconProps: {
+            } })), h("dga-second-nav-header-content", { key: '1d83a005db5c057f3ed5212a381a711eb2062138' }, h("dga-second-nav-header-item", { key: '70b1a555d20e08ed7eb72dcab3519942f2f482ca', label: 'Cloudy' }, h("dga-icon", { key: '0d76d63fa557694efb3e71dcdc5a5c4501b01272', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: '5d7495e6eee989a0b63b608ea3d3ace36d6bfbef', label: '21 Jan 2024' }, h("dga-icon", { key: '1e803161d5941d106209060d230298767a044cac', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-second-nav-header", { key: '549dcd513d1713195e2476258442c17bd4062566', variant: "gray" }, h("dga-second-nav-header-actions", { key: 'c05653eefccece47723381f9b216b2cb514736a2' }, h("dga-button-v2", { key: '70524bcb07572fddafc44529dcfbda05de76e513', label: 'Button', variant: "transparent", leadIcon: true, leadIconProps: {
                 name: 'mic-01',
                 type: 'rounded',
                 variant: 'stroke',
                 color: '#FFFFFF'
-            }, size: 'sm', iconOnly: true })), h("dga-second-nav-header-content", { key: '7534622392357bf01df27f6263b87c73f53ac330' }, h("dga-second-nav-header-item", { key: '06151257651dd459adba508e14635328ee1cd174', label: 'Cloudy' }, h("dga-icon", { key: '8f9bdd698af200a439edddd5ad63ea032bb28d4b', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: '04f2ad8a3c639764271b5fa1ad80b345ef96ddc3', label: '21 Jan 2024' }, h("dga-icon", { key: '87d114b08a6e3460562e2821e824d3a4eee87445', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-nav-header", { key: '6fbc4a2232295b331f68d53e0e5a85220fa49eae', fullWidth: true, divider: true }, h("dga-nav-header-main", { key: 'd2c6de9a788df1c9b49443ceb916c719c2f4e4cd', collapsed: true }, h("dga-nav-header-logos", { key: '5b15076d3e7206923c1c52902a89c94b796102c0', logoSrc: "https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg", govSrc: "https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg", logoLink: "#", govLink: "#" }), h("dga-nav-header-menu", { key: '2a472df4d0d0a36af98b8ccd2503171b0d3a9108' }, h("dga-nav-header-link", { key: '8ca3c0bd58425fb6de1cf00d36fb4be5d23f10f3', label: "Item  1", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: '7f0a64c4629f1248cea99d98e4e8b1901985e09e', label: "Item  2", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: '6fe69be26812f89c9318c30aac6ce97940aa014d', label: "Item  3", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: 'f6abed279d008971cd4ea22e71c84dc84527fd0e', label: "Item  4", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "))), h("dga-nav-header-actions", { key: 'ef55682c2b6ca60b24a4a39363a60a9e1b7f0f43' }, h("dga-header-action-btn", { key: 'c2373c492ac0514ab2eed2a50bb6edf1ac212341', label: "Search", icon: "search-01" }), h("dga-header-action-btn", { key: '54218d4575f0ad6733b28c0c7a46b154f392ecf1', label: "\u0639\u0631\u0628\u064A", icon: "translation" }), h("dga-header-action-btn", { key: '0b86dcf99442e223cf7067a3f08100ed987fa47b', label: "Login", icon: "user" })))));
+            }, size: 'sm', iconOnly: true })), h("dga-second-nav-header-content", { key: '641d487d840b8fcf64309c357cdf5880ee2a0891' }, h("dga-second-nav-header-item", { key: 'e28cc0271d2aeabf97201dd958526e1148873f79', label: 'Cloudy' }, h("dga-icon", { key: '98490a6b79b296859591f095798de3b117f3896e', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: 'f09b0c0ca43720b2d5c32126cffd4f628aab1d9c', label: '21 Jan 2024' }, h("dga-icon", { key: '69904e65017218434e99d98d41cfc138320d6b1c', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-nav-header", { key: '31283dd0ebfce42f428c5683db4eb567a024bdde', fullWidth: true, divider: true }, h("dga-nav-header-main", { key: '3e48efeaa4a338aa4f0068ed7401af7a56bcd831', collapsed: true }, h("dga-nav-header-logos", { key: 'e1470b046c0a52fef88c400e3840549fb204c6df', logoSrc: "https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg", govSrc: "https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg", logoLink: "#", govLink: "#" }), h("dga-nav-header-menu", { key: '5ecb0b8e99f7fb0f6fbc195e4c25685a56ae45e5' }, h("dga-nav-header-link", { key: '3edc22d086d99017278285bc4364dbc9de38b86a', label: "Item  1", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: 'd3453dd4dfa30c04a54e0c0d93452a8dbf5b5e66', label: "Item  2", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: 'd49241681e8ea985e36abf19971dad482a167c02', label: "Item  3", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: '74af8dbb11c6bc1549499e122b04900b93b1df83', label: "Item  4", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "))), h("dga-nav-header-actions", { key: '31a052689377c8b7907cd20f2dc67c2c79d17dba' }, h("dga-header-action-btn", { key: '553f5a6e52b557396212e28edca0f1c1e8e92133', label: "Search", icon: "search-01" }), h("dga-header-action-btn", { key: '9309ddbe9e800d3c5f0e8381bf5b7041d885fefc', label: "\u0639\u0631\u0628\u064A", icon: "translation" }), h("dga-header-action-btn", { key: 'ce039e010fb33cdfe2c0b370ec63007bc528c469', label: "Login", icon: "user" })))));
     }
 };
 

package/dist/esm/dga-skeleton-usage.entry.js

@@ -5,7 +5,7 @@ const LineSkeleton = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '13689d7473e63220e19a6c8e30d18877db38092a' }, h("dga-line-skeleton", { key: '4374e1af0a74c1ae1fbae198df31d5a51df9c81d' }), h("dga-circle-skeleton", { key: '7ce5c2365e10110f807ccaaf843038a63ec44b0d' }), h("dga-rectangle-skeleton", { key: 'dfe62ba6ecd9e955b024faaeef26028dbdbbe0ec' }), h("dga-square-skeleton", { key: '5ab742d263c93c03ededdf58bd957ae5dea84d75' }), h("dga-skeleton-component", { key: '16b4fcc9bec8047a414938bd1c95f721bb4ad8b7' })));
+        return (h("div", { key: '7590a8ae30db6250a373c43246e702b9fe30f290' }, h("dga-line-skeleton", { key: 'a55dc3bcdbb1aa6f86986757207d364efb1ad467' }), h("dga-circle-skeleton", { key: '61450e0bccfce55b486f775a93b641cf62dc7fd8' }), h("dga-rectangle-skeleton", { key: '245f4feb092285889a855fbe09925bd6514d5a76' }), h("dga-square-skeleton", { key: '2b6fe3c19bcdde1320d393f233f8fbe9f5d3f428' }), h("dga-skeleton-component", { key: '59a50d96dfa8ea372e17321004da29a053875857' })));
     }
 };