@platformscode/core 0.0.34 → 0.0.37

package/dist/collection/components/dga-checkbox/dga-checkbox.js

@@ -1,6 +1,7 @@
 import { h } from "@stencil/core";
 import { guid } from "../../utils";
 import { isRTL } from "../../utils/rtl";
+import { tick03SolidRoundedIcon, alertCircleStrokeRoundedIcon, remove01SolidRoundedIcon, minusSignSolidRoundedIcon } from "../../assets/icons/index";
 export class DgaCheckbox {
     constructor() {
         this.color = 'brand';
@@ -51,18 +52,18 @@ export class DgaCheckbox {
         const { el, disabled } = this;
         const dir = isRTL(el) ? 'rtl' : 'ltr';
         console.log(dir);
-        return (h("label", { key: 'fb6b969aef155dde4f2d738de3ea9ff5265a6e94', ref: el => (this.labelRef = el), class: `checkbox ${this.color ? `checkbox--${this.color}` : ''} checkbox--${this.size}`,
+        return (h("label", { key: '914bef532c5b8db2f14286da148559cfb9e01a05', ref: el => (this.labelRef = el), class: `checkbox ${this.color ? `checkbox--${this.color}` : ''} checkbox--${this.size}`,
             // onMouseDown={this.handleActive}
             // onMouseUp={this.handleRemoveActive}
             // onMouseOut={this.handleRemoveActive}
             // onChange={() => this.handleRemoveActive}
             //   htmlFor={id}
-            tabindex: disabled ? undefined : 0 }, h("div", { key: 'ea7e331063fa602c0623a54730ed5372478bcadc', class: "checkbox-main" }, h("div", { key: '7fd46f7b864cbb0fd6dff1cc811f8750a9b90a4b', class: "checkbox-main__content" }, h("input", { key: '8b91b1d4d92f466fcaf482a6430355d01ec12970', type: "checkbox", name: this.name, value: this.value, disabled: this.disabled, onFocus: this.handleFocus, onBlur: this.handleFocusOut, onChange: e => {
+            tabindex: disabled ? undefined : 0 }, h("div", { key: '9da5b55a5d2f723c855b8763d23dac56a053b4c3', class: "checkbox-main" }, h("div", { key: 'b495d64ead27edc57fdfc14ea8d1fcfcc4f5f9ac', class: "checkbox-main__content" }, h("input", { key: '551676bc6b093fede2803a2be402d1fc0764218f', type: "checkbox", name: this.name, value: this.value, disabled: this.disabled, onFocus: this.handleFocus, onBlur: this.handleFocusOut, onChange: e => {
                 var _a;
                 (_a = this.onChange) === null || _a === void 0 ? void 0 : _a.call(this, e);
                 const target = e.target;
                 this.isChecked = target.checked;
-            }, onInput: this.onInput, checked: this.isChecked }), h("div", { key: '0861a898baed971cfa05bebd78e2e144d2f93e2b', class: "checkbox-container" }, h("span", { key: '479121d60813596ed911796343bc7c8a4923cc17', class: "checkbox-icon checkbox__checked-icon", style: { display: this.isChecked ? 'inline-block' : 'none' } }, this.Indeterminate ? h("dga-icon", { name: "minus-sign", variant: 'solid' }) : h("dga-icon", { name: "tick-03", variant: 'solid' })), h("span", { key: 'c7ddd8a5b5d76ba1fd01fca3f36bb47444167d4f', class: "checkbox-icon checkbox__indeterminate-icon", style: { display: this.isChecked ? 'none' : 'inline-block' } }, h("dga-icon", { key: '4c79a608383ea3b82c87af7e43967e1c5a699c05', name: 'remove-01', variant: 'solid' }))), !this.helperText ? (this.label && h("span", { class: "checkbox__label" }, this.label)) : (h("div", { class: "dga-flex-column" }, h("span", { class: "checkbox__label" }, this.label), h("span", { class: "checkbox__helper-text" }, this.helperText)))), this.alertMessage && (h("div", { key: '3a65415389abd1cf4d2d58562983340e56d33fc5', class: "checkbox__warning" }, h("span", { key: '5b54b220259eeff1437b05e016817d82396d4597', class: "checkbox__warning-icon" }, h("dga-icon", { key: '4d37f4f3d94087a541708f7f9e528f30e30b7815', name: 'alert-circle', variant: 'stroke', type: 'rounded', size: 16 })), h("span", { key: '7e09ae705af6c739745aa1e33857b325fbd1acba', class: "checkbox__warning-text" }, this.alertText))))));
+            }, onInput: this.onInput, checked: this.isChecked }), h("div", { key: '73271ba2c977965bc2f0adfa36a8a5c38bfa50d6', class: "checkbox-container" }, h("span", { key: 'e923228b8e5b0c284c43ddf780d63869035a12c8', class: "checkbox-icon checkbox__checked-icon", style: { display: this.isChecked ? 'inline-block' : 'none' } }, this.Indeterminate ? h("dga-icon", { icon: minusSignSolidRoundedIcon }) : h("dga-icon", { icon: tick03SolidRoundedIcon })), h("span", { key: '6a5d54480965d27fe58febee30b25f44b3bf10a8', class: "checkbox-icon checkbox__indeterminate-icon", style: { display: this.isChecked ? 'none' : 'inline-block' } }, h("dga-icon", { key: 'd7fd216760b839fae1c39c3cd1774fcaea918e92', icon: remove01SolidRoundedIcon }))), !this.helperText ? (this.label && h("span", { class: "checkbox__label" }, this.label)) : (h("div", { class: "dga-flex-column" }, h("span", { class: "checkbox__label" }, this.label), h("span", { class: "checkbox__helper-text" }, this.helperText)))), this.alertMessage && (h("div", { key: '491e606096b61f29761871b03750771673ae5f4f', class: "checkbox__warning" }, h("span", { key: 'c5c9d4941f05c095168fb0c88eb76c236b662d1c', class: "checkbox__warning-icon" }, h("dga-icon", { key: 'd87ef6bab51cdb6d2cf5e045a5e236d64e4fa8b1', icon: alertCircleStrokeRoundedIcon, size: 16 })), h("span", { key: 'e76e886ef019852b2b5a0eb4dbac9e14aefb05d7', class: "checkbox__warning-text" }, this.alertText))))));
     }
     static get is() { return "dga-checkbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-chip/dga-chip.js

@@ -45,7 +45,7 @@ export class DgaChip {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: 'b45e82abd297ad28cd4b4c91fc1bd520592c53ee', id: this.componentId, style: this.rootStyles }, h("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 = true), onMouseUp: () => (this.pressed = false), "aria-disabled": this.disabled, onClick: () => {
+        return (h(Host, { key: 'ee09ba2577425c1ac2afe7254b563cc57935ae64', id: this.componentId, style: this.rootStyles }, h("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 = true), onMouseUp: () => (this.pressed = false), "aria-disabled": this.disabled, onClick: () => {
                 if (this.isSelected) {
                     this.isSelectedState = false;
                 }
@@ -53,7 +53,7 @@ export class DgaChip {
                     this.isSelectedState = true;
                 }
                 this.onChange(this.isSelectedState);
-            } }, this.leadIcon ? h("span", { class: "chip-icon" }, this.renderIcon(this.leadIcon, this.leadIconProps)) : '', this.label, this.trailIcon ? h("span", { class: "chip-icon" }, this.renderIcon(this.trailIcon, this.trailIconProps)) : '', h("slot", { key: 'c3c0fc376ae83a4fbc6fcac51f4f3c59e5a6c038' }))));
+            } }, this.leadIcon ? h("span", { class: "chip-icon" }, this.renderIcon(this.leadIcon, this.leadIconProps)) : '', this.label, this.trailIcon ? h("span", { class: "chip-icon" }, this.renderIcon(this.trailIcon, this.trailIconProps)) : '', h("slot", { key: '8b8433a505dbac68b7635578bd85104dda657a4d' }))));
     }
     static get is() { return "dga-chip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-circular-progress-bar/dga-circular-progress-bar.js

@@ -1,4 +1,5 @@
 import { h } from "@stencil/core";
+import { checkmarkCircle02SolidRoundedIcon, multiplicationSignCircleSolidRoundedIcon } from "../../assets/icons/index";
 export class DgaCircularProgressBar {
     constructor() {
         this.RTL = false;
@@ -18,7 +19,7 @@ export class DgaCircularProgressBar {
         const radius = (this.sizes[this.size] - strokeWidth) / 2;
         const dashArray = 2 * Math.PI * radius;
         const dashOffset = dashArray * (1 - this.percentage / 100);
-        return (h("div", { key: 'e37e0ea67750fef5535663a11ea279db7fa26454', class: "circular-progress-bar", "aria-size": this.size, dir: this.RTL ? 'rtl' : 'ltr' }, h("div", { key: '026b717cfa4615502652e44fd2ac505ad73aefef', class: "circular-progress-bar__label" }, this.variant === 'success' && h("dga-icon", { key: 'd84686dbccc514155d5b3be72cf2a9d313f29d1a', name: "checkmark-circle-02", variant: "solid", size: 20 }), this.variant === 'error' && h("dga-icon", { key: 'c43a9bd393964b007a0912f5a740be20211036b3', name: "multiplication-sign-circle", variant: "solid", size: 20 }), this.variant !== 'success' && this.variant !== 'error' && h("h4", { key: 'be8f41389df617410af3e2010ba4997e2119d599', class: "circular-progress-bar__label--percentage" }, this.percentage, "%"), this.text && h("h5", { key: '229ba0e2f5a8c79775f459227509860482cfe3aa', class: `circular-progress-bar__label--text ${this.variant}` }, this.text)), h("svg", { key: '0a549076968dd040d85725fa197e864cba53a56c', width: this.sizes[this.size], height: this.sizes[this.size], viewBox: `0 0 ${this.sizes[this.size]} ${this.sizes[this.size]}` }, h("circle", { key: '90ef67df6cd8c18e7f55ab975eab24c54ad6a5bb', class: "track", fill: "none", stroke: "#e6e6e6", r: radius, cx: this.sizes[this.size] / 2, cy: this.sizes[this.size] / 2, "stroke-width": strokeWidth }), h("circle", { key: '66e5dfedb38baf33bf96a30ad6f3381dfea390b8', class: `tail tail--${this.variant}`, fill: "none", stroke: "currentColor", r: radius, cx: this.sizes[this.size] / 2, cy: this.sizes[this.size] / 2, "stroke-width": strokeWidth, "stroke-linecap": 'round', "stroke-dasharray": dashArray, "stroke-dashoffset": dashOffset, transform: `rotate(-180 ${this.sizes[this.size] / 2} ${this.sizes[this.size] / 2})`, style: {
+        return (h("div", { key: 'e19eea82b29577b3b5a10744310baeb68bd065f4', class: "circular-progress-bar", "aria-size": this.size, dir: this.RTL ? 'rtl' : 'ltr' }, h("div", { key: '4debad3d859108b85e7aabfb13dc070f78aa22a5', class: "circular-progress-bar__label" }, this.variant === 'success' && h("dga-icon", { key: '04e3531bdb853df778c2fd9baa460ef4eb1b5e63', icon: checkmarkCircle02SolidRoundedIcon, size: 20 }), this.variant === 'error' && h("dga-icon", { key: 'fff85de7aa2b8805f077809d7c0380c1ac517d1d', icon: multiplicationSignCircleSolidRoundedIcon, size: 20 }), this.variant !== 'success' && this.variant !== 'error' && h("h4", { key: 'd261b201b5fb077a67afc7c6a24206aa1e9ea4f8', class: "circular-progress-bar__label--percentage" }, this.percentage, "%"), this.text && h("h5", { key: '41561b7f2b2610e8e24da433dc56e5e6f3297c2f', class: `circular-progress-bar__label--text ${this.variant}` }, this.text)), h("svg", { key: '904e53f8b7a900e66d33eaa0da2604ea9e6fa10d', width: this.sizes[this.size], height: this.sizes[this.size], viewBox: `0 0 ${this.sizes[this.size]} ${this.sizes[this.size]}` }, h("circle", { key: 'e11d4f89a63659d2fb29f9b49a07453bfac3a519', class: "track", fill: "none", stroke: "#e6e6e6", r: radius, cx: this.sizes[this.size] / 2, cy: this.sizes[this.size] / 2, "stroke-width": strokeWidth }), h("circle", { key: '58ce3b502c3a46420b12ce66690f82dc2dff5bce', class: `tail tail--${this.variant}`, fill: "none", stroke: "currentColor", r: radius, cx: this.sizes[this.size] / 2, cy: this.sizes[this.size] / 2, "stroke-width": strokeWidth, "stroke-linecap": 'round', "stroke-dasharray": dashArray, "stroke-dashoffset": dashOffset, transform: `rotate(-180 ${this.sizes[this.size] / 2} ${this.sizes[this.size] / 2})`, style: {
                 transition: 'stroke-dashoffset 0.5s ease',
             } }))));
     }

package/dist/collection/components/dga-codeSnippet/dga-codeSnippet.js

@@ -35,17 +35,17 @@ export class CodeSnippet {
         }
     }
     render() {
-        return (h("div", { key: 'c8b8f6966d3a5697d391710ec7c49a7c7812d6dc', class: "code-snippet-container" }, this.showTabList && (h("div", { key: 'e12158c24ef3271e4d42ae37d59b3295d59bcb6b', class: "code-snippet-tabs" }, h("dga-tabs", { key: 'b34b729e67baf2ebf06059bda346422a07e73604', divider: true, orientation: "horizontal", size: "lg", tabsList: Object.keys(this.snippets).map(tab => ({
+        return (h("div", { key: 'e7653cd02a9bfef1e634bcde97ca4071ad053903', class: "code-snippet-container" }, this.showTabList && (h("div", { key: 'eeb88c21e84685c1a0962df44b57cf9b84d9a196', class: "code-snippet-tabs" }, h("dga-tabs", { key: 'd957965b304b1f5f795bcee249574adeb211e5c2', divider: true, orientation: "horizontal", size: "lg", tabsList: Object.keys(this.snippets).map(tab => ({
                 label: tab,
                 onClick: () => this.handleTabClick(tab),
-            })) }))), h("pre", { key: 'c27a625639f0331d7d062de7867d58baa7b5f343', class: "code-snippet-code-display" }, h("dga-button-v2", { key: 'c3e27261b30dbe7f50636a5f2dea31fc9dc7c9b0', size: "lg", iconOnly: true, variant: 'subtle', leadIcon: true, leadIconProps: {
+            })) }))), h("pre", { key: '80a8983dcf3e98ce0d751c8e1a548b5ef75c89be', class: "code-snippet-code-display" }, h("dga-button-v2", { key: '7d4215c943bb965eb46116b6e832e53bbf318bf3', size: "lg", iconOnly: true, variant: 'subtle', leadIcon: true, leadIconProps: {
                 name: 'copy-01',
                 size: 24,
                 color: '#161616',
                 variant: 'stroke',
-            }, class: `code-snippet-icon ${this.type}`, onClick: () => this.handleCopy(), onColor: false }), h("code", { key: 'cf5a2a615b327b37e1e1cbd29ad9fedc6b78b2d9', style: {
+            }, class: `code-snippet-icon ${this.type}`, onClick: () => this.handleCopy(), onColor: false }), h("code", { key: 'b3b0132873647ca920fdd88f0060b31d7e562018', style: {
                 height: this.showButton && this.type === 'multi-line' && !this.showMore ? '150px' : 'auto',
-            } }, this.renderWithLineNumbers(this.snippets[this.activeTab])), this.showButton && this.type === 'multi-line' && (h("div", { key: '5935a319d08f6d09a09aedd0d92dcda804d27885', class: "code-snippet-wrapper" }, h("dga-button-v2", { key: '5b6a869a8930a807c2a4f95b8a5c4cba95643b4a', label: this.showMore ? 'Show Less' : 'Show More', size: "md", trailIcon: true, variant: 'subtle', trailIconProps: { name: !this.showMore ? 'arrow-down-01' : 'arrow-up-01', size: 20, color: '#161616', variant: 'stroke' }, onClick: () => (this.showMore = !this.showMore), onColor: false }))))));
+            } }, this.renderWithLineNumbers(this.snippets[this.activeTab])), this.showButton && this.type === 'multi-line' && (h("div", { key: 'be3fc5e867acc53320f6015ea85b92b6f3715230', class: "code-snippet-wrapper" }, h("dga-button-v2", { key: '102edbfd001741c2913ef59bd7708454b428ac6c', label: this.showMore ? 'Show Less' : 'Show More', size: "md", trailIcon: true, variant: 'subtle', trailIconProps: { name: !this.showMore ? 'arrow-down-01' : 'arrow-up-01', size: 20, color: '#161616', variant: 'stroke' }, onClick: () => (this.showMore = !this.showMore), onColor: false }))))));
     }
     static get is() { return "dga-codesnippet"; }
     static get originalStyleUrls() {

package/dist/collection/components/dga-collapse/dga-collapse.js

@@ -35,7 +35,7 @@ export class DgaCollapse {
     }
     render() {
         const styles = Object.assign(Object.assign({ overflow: 'hidden', transition: `height ${this.transitionDuration} ${this.transitionType}`, height: `${this.height}px` }, (this.height === 'auto' ? { height: 'auto' } : {})), this.customStyle);
-        return (h("div", { key: '9715bed0f6b0c892fc33ea1264b010a47e8876c3', ref: (el) => this.containerRef = el, "aria-hidden": !this.open, style: styles }, h("slot", { key: '2b7465b46183841607468dd39d13ec3d4b356ca6' })));
+        return (h("div", { key: 'b9bac899c18eaaed83b77a6a806c3cfb6b01aa7f', ref: (el) => this.containerRef = el, "aria-hidden": !this.open, style: styles }, h("slot", { key: '2686d02d09c2c6a5b83ff4aee5820d1d8660df6f' })));
     }
     static get is() { return "dga-collapse"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-content-switcher/dga-content-switcher-item.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaContentSwitcherItem {
     render() {
-        return h("slot", { key: '98721cdda8e2c8e9386f1d1bf5f67c5745f580b1' });
+        return h("slot", { key: '44990e27f2aad3127b4df028976b38ec87ec92c5' });
     }
     static get is() { return "dga-content-switcher-item"; }
     static get properties() {

package/dist/collection/components/dga-content-switcher/dga-content-switcher-panel.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaContentSwitcherPanel {
     render() {
-        return (h("div", { key: 'dc4acdb1cb410fa9b98033c237a3512f36feaebf', class: "content-switcher-panel", hidden: this.value !== this.index }, h("slot", { key: 'da6642b7fb04e23668b84593d70f1d6881f63d8b' })));
+        return (h("div", { key: 'a22c2f91076dd8135722c0f1e618b769af067cb7', class: "content-switcher-panel", hidden: this.value !== this.index }, h("slot", { key: 'dbb50bb83bb6770d1714280ff30ea6e858c31a2e' })));
     }
     static get is() { return "dga-content-switcher-panel"; }
     static get properties() {

package/dist/collection/components/dga-content-switcher/dga-content-switcher.js

@@ -26,7 +26,7 @@ export class DgaContentSwitcher {
         };
     }
     render() {
-        return (h("div", { key: '224b50a52ff908b5ac25889adbb2447314ee83e0', class: "content-switcher" }, h("div", { key: 'c09f715a4127180acc5a47d7a4a3a1e4cabeedaf', class: "content-switcher__items" }, this.items.map((item, index) => {
+        return (h("div", { key: '8eeaed1bb66e6030793111fa46c14032ba1056fd', class: "content-switcher" }, h("div", { key: '7a9d7bcb4aba55703e6a7b16b7903007a0f87238', class: "content-switcher__items" }, this.items.map((item, index) => {
             const selected = index === this.selected;
             const itemType = index === 0 ? 'first' : index === this.items.length - 1 ? 'last' : 'mid';
             const className = `content-switcher__item content-switcher__item--${itemType} ${this.onColor ? 'content-switcher__item--on-color' : ''} content-switcher__item--${this.size} ${selected ? 'content-switcher__item--selected' : ''}`;

package/dist/collection/components/dga-data-table/dga-data-table-usage.js

@@ -4,7 +4,7 @@ export class DgaDateFieldUsage {
         this.value = '';
     }
     render() {
-        return (h("div", { key: '4a966af0678e0aeae7ca40589118f49d2104dff7' }, h("h1", { key: '827019410828d74f2b637573baaa82b5333df531' }, "Date Field Example"), h("div", { key: '748a2518c18cb0bf5d1b6f88eca3b7f3fd7e996c', style: { padding: '50px' } }, h("div", { key: 'b6b94257b16fd991b83ab83a70635a13514606ec', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("dga-data-table", { key: '88c3f44778987104bee445643c1331aec4a86c84', cells: [
+        return (h("div", { key: '810bae158ef077da2ee827fd53fe55b09c46cc36' }, h("h1", { key: '54b812c6333913cb0b4b4c1c097e155e5929043b' }, "Date Field Example"), h("div", { key: 'ea62559b37226897da2b0f5f3ba1957fb8059317', style: { padding: '50px' } }, h("div", { key: 'feef0a2caaca75a5c2fd0a6a07f8274ae2efdd41', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("dga-data-table", { key: '32767430dda85dcfaeed3316c3455aa5df79e7d3', cells: [
                 {
                     colSpan: 1,
                     isFilter: true,

package/dist/collection/components/dga-data-table/dga-data-table.js

@@ -11,6 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { h } from "@stencil/core";
+import { sortByUp02StrokeRoundedIcon, sortByDown02StrokeRoundedIcon, filterStrokeRoundedIcon } from "../../assets/icons/index";
 export class DgaDataTable {
     constructor() {
         this.data = [
@@ -178,10 +179,10 @@ export class DgaDataTable {
     //     };
     render() {
         console.log(this.sortedData, "this.sortedData");
-        return (h("div", { key: 'c5ea921d3d6e2e2243580ecdad7fccdd33c9006c', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: '3199bd207fa5b6380a7a81a25aa88b145994780a', class: ` azm-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("thead", { key: 'fd721a77cc6a1317ff7cfe51accb891d45b347cc' }, h("tr", { key: '2f512fed798c1dd2eba7bcd3b809e707beab30fe', class: `${this.rowDivider ? 'row-divider' : ''}` }, this.showSelectCheckBox && (h("th", { key: '8c7333bac1364db924628b7038de8ead3c7afb3d', style: { width: '20px' } }, h("dga-checkbox", { key: '87544b9e54f65d526f67970fb3c2ef75e28a39ee', showBorderOnFocusAndFocusOute: false, value: 'true', onChange: (event) => this.selectAll(event.target.checked) }))), this.cells.map((_a, index) => {
+        return (h("div", { key: 'ca80ee05b1e8811160d8b85bbb54f0208f77bfed', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: 'a8d003be75250e95b99ca4b3d1607e9401475556', class: ` azm-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("thead", { key: '53afb8f7b61363f1d562fa7085c87f1be580f5a2' }, h("tr", { key: 'dc7c8ff4a0f35ef093760750e82f6354e19d607e', class: `${this.rowDivider ? 'row-divider' : ''}` }, this.showSelectCheckBox && (h("th", { key: 'c00258e111a02335c07974e47aa5cc13d52a0dab', style: { width: '20px' } }, h("dga-checkbox", { key: '69b172e3261ed1cb4a6b1aa77cedf72ad03c3b20', showBorderOnFocusAndFocusOute: false, value: 'true', onChange: (event) => this.selectAll(event.target.checked) }))), this.cells.map((_a, index) => {
             var { sort, isSort, propertyName, type } = _a, header = __rest(_a, ["sort", "isSort", "propertyName", "type"]);
-            return (h("th", { key: index }, h("span", null, h("span", { class: "text" }, header.title), h("span", { class: "icon-wrapper" }, isSort && sort == 'up' && type == 'propertyName' && (h("button", { class: "dga-btn dga-btn--sort dga-btn--icon dga-btn--md", onClick: () => this.sortData('up', propertyName, index) }, h("dga-icon", { name: "sort-by-up-02", variant: 'stroke', type: 'rounded', size: 16 }))), isSort && (!sort || sort == 'down') && type == 'propertyName' && (h("button", { class: "dga-btn dga-btn--sort dga-btn--icon dga-btn--md", onClick: () => this.sortData('down', propertyName, index) }, h("dga-icon", { name: "sort-by-down-02", variant: 'stroke', type: 'rounded', size: 16 }))), header.isFilter && (h("button", { class: "dga-btn dga-btn--sort dga-btn--icon dga-btn--md ", onClick: () => this.pressOnFilter && this.pressOnFilter(propertyName) }, h("dga-icon", { name: "filter", variant: 'stroke', type: 'rounded', size: 16 })))))));
-        }))), h("tbody", { key: 'e9f5104ca53e1066cfa55957b23ff8c10004fd79' }, this.sortedData.map((row, rowIndex) => (h("tr", { class: `${this.rowDivider ? 'row-divider' : ''} ${this.alternate ? 'alternate' : ''} ${row.selected ? 'row-selected' : ''} `, key: rowIndex }, this.showSelectCheckBox && (h("td", null, h("dga-checkbox", { name: rowIndex + 'checkboxSelection', value: row.selected, id: rowIndex + 'checkboxSelection', showBorderOnFocusAndFocusOute: false, onChange: event => this.handleSelectedRowChanges(event.target.checked, rowIndex), checked: row.selected }))), this.cells.map((_a, cellIndex) => {
+            return (h("th", { key: index }, h("span", null, h("span", { class: "text" }, header.title), h("span", { class: "icon-wrapper" }, isSort && sort == 'up' && type == 'propertyName' && (h("button", { class: "dga-btn dga-btn--sort dga-btn--icon dga-btn--md", onClick: () => this.sortData('up', propertyName, index) }, h("dga-icon", { icon: sortByUp02StrokeRoundedIcon, size: 16 }))), isSort && (!sort || sort == 'down') && type == 'propertyName' && (h("button", { class: "dga-btn dga-btn--sort dga-btn--icon dga-btn--md", onClick: () => this.sortData('down', propertyName, index) }, h("dga-icon", { icon: sortByDown02StrokeRoundedIcon, size: 16 }))), header.isFilter && (h("button", { class: "dga-btn dga-btn--sort dga-btn--icon dga-btn--md ", onClick: () => this.pressOnFilter && this.pressOnFilter(propertyName) }, h("dga-icon", { icon: filterStrokeRoundedIcon, size: 16 })))))));
+        }))), h("tbody", { key: 'cc476bc9fc8888f2466bfdbef2711523b17e3de7' }, this.sortedData.map((row, rowIndex) => (h("tr", { class: `${this.rowDivider ? 'row-divider' : ''} ${this.alternate ? 'alternate' : ''} ${row.selected ? 'row-selected' : ''} `, key: rowIndex }, this.showSelectCheckBox && (h("td", null, h("dga-checkbox", { name: rowIndex + 'checkboxSelection', value: row.selected, id: rowIndex + 'checkboxSelection', showBorderOnFocusAndFocusOute: false, onChange: event => this.handleSelectedRowChanges(event.target.checked, rowIndex), checked: row.selected }))), this.cells.map((_a, cellIndex) => {
             var { El } = _a, cell = __rest(_a, ["El"]);
             return (h("td", { key: cellIndex, colSpan: cell.colSpan ? cell.colSpan : 1 }, cell.type === "element" && El ? (typeof El === 'string' ? (
             // Create element dynamically with props

package/dist/collection/components/dga-data-table/dga-table.body.js

@@ -115,7 +115,7 @@ export class DgaTableBody {
     //         this.selected = index;
     //     };
     render() {
-        return (h("tbody", { key: '2f74cf4f9e23109d4c842dc6ea19725dac7f6d2e' }, h("slot", { key: '3fc25cf21934bfb17ca634248adfe83b7cbd7436' })));
+        return (h("tbody", { key: '8e8a3dce53d6a8a2161c6cd3a631ef80d975d664' }, h("slot", { key: '72774de033b3410dec5162a535b857a910d5007a' })));
     }
     static get is() { return "dga-table-body"; }
     static get properties() {

package/dist/collection/components/dga-data-table/dga-table.js

@@ -92,7 +92,7 @@ export class DgaTable {
         this.sortedData = cloneData;
     }
     render() {
-        return (h("div", { key: '8e94be66fc1151acf00ede8441b1c96436b111d9', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: 'e3e91108267b1cb9e383a93ed4404cd77d94610b', class: ` azm-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("slot", { key: 'd43e32ddf5f1060bf26d933b14dd53ccc044b8f0' }))));
+        return (h("div", { key: '12dcb8323266045ffde8d407f4d24a69b6f1cbf0', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: 'd235161e5ff70d099cd4b2ab927c2dbc37581b6d', class: ` azm-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("slot", { key: 'ea31be8317bbd7a5a0c7ec31425aa74213c46286' }))));
     }
     static get is() { return "dga-table"; }
     static get properties() {

package/dist/collection/components/dga-date-field/dga-date-field.js

@@ -1,6 +1,7 @@
 import { h } from "@stencil/core";
 import { guid } from "../../utils";
 import { formatDate, isValidDate } from "../dga-datepicker/dateUtils";
+import { alertCircleSolidRoundedIcon } from "../../assets/icons/index";
 export class DgaDateField {
     constructor() {
         this.placeholder = "DD/MM/YYYY";
@@ -107,10 +108,10 @@ export class DgaDateField {
             'input--disabled': this.disabled,
             'readOnly': this.readonly
         };
-        return (h("div", { key: '1e2e5f5355b2699eca2cd78dbcd1add24a068d41', class: { "dga-form-control": true, "dga-form-control--fullwidth": this.fullwidth } }, this.label &&
-            h("dga-label", { key: '6b89aab074716fe6bc8bbcc5b616eec5bc0f020b', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: '26f9f2079286b18003a3a538b1e38d62242bcfcb', class: Object.keys(inputClasses).filter(key => inputClasses[key]).join(' '), ref: el => this.inputContainerRef = el }, this.icon && (h("span", { key: '487674f71c2582041e940b7f5159c1dd74ae8e7b', class: "input__icon" }, h("dga-icon", { key: 'f7ce4772c9864456ae135286723e2f3f2e068a9b', name: this.icon.name, variant: this.icon.variant, type: this.icon.type, size: 20 }))), h("input", { key: '1dcfc477ec0ce375bcb083b451d1254c5d3108b2', ref: (el) => (this.inputEl = el), name: this.name, value: this.inputValue, type: "text", class: "input__field", placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, onFocus: this.handleFocus, onBlur: this.handleBlur, onInput: this.handleInput, onMouseDown: () => this.isActive = true, onMouseUp: () => this.isActive = false, onMouseOut: () => this.isActive = false }), h("dga-button-v2", { key: 'd8b0c1056641f1d07423c0d96190e08d7b7fd136', variant: "transparent", iconOnly: true, leadIcon: true, leadIconProps: { name: 'calendar-03', variant: 'stroke', type: 'rounded' }, onClick: this.handleOpenDatepickerPopup }), this.error && (h("span", { key: '075cd959b934124150470113674940e123f4aeb8', class: "input__feedback-icon input__feedback-icon--error" }, h("dga-icon", { key: '92b45d0c15db5f2eaf6896c27316f04306afd4d8', name: "alert-circle", variant: "solid" })))), (this.errorMessage || this.helperText) &&
-            h("dga-helper-text", { key: '7a2dc1258b3cbe5670b97efd94570803d23c1738', helperText: this.errorMessage || this.helperText, error: this.error }), this.isDatepickerOpen &&
-            h("div", { key: '8aa4c831076f7fd368f5909ee44954d8d7645e1c', class: "date-picker-dropdown", ref: el => this.datepickerRef = el }, h("dga-datepicker", Object.assign({ key: '4f44033e5003db01b15b5b1377fcf88f761399e3' }, this.datepickerOptions, { value: this.selectedDate, onChange: this.handleDatepickerChange, style: { width: "fit-content", display: "block" } })))));
+        return (h("div", { key: 'ac304baaf8ec1f5286a4be53a0c27704e620d269', class: { "dga-form-control": true, "dga-form-control--fullwidth": this.fullwidth } }, this.label &&
+            h("dga-label", { key: 'd344f92666daf85ecd35ccde15062b8b7880a7a5', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: '780e5814287987da88862d34d711c4c7cbc99ca8', class: Object.keys(inputClasses).filter(key => inputClasses[key]).join(' '), ref: el => this.inputContainerRef = el }, this.icon && (h("span", { key: 'a6c322f7d04489ae651f215cd1d1a2d9a8516274', class: "input__icon" }, h("dga-icon", { key: '6353b218fcdefa15e192a68aecfa9efcd802773b', name: this.icon.name, variant: this.icon.variant, type: this.icon.type, size: 20 }))), h("input", { key: '58273bef7c00b54fa1946a11623e36d8c0ae8fd9', ref: (el) => (this.inputEl = el), name: this.name, value: this.inputValue, type: "text", class: "input__field", placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, onFocus: this.handleFocus, onBlur: this.handleBlur, onInput: this.handleInput, onMouseDown: () => this.isActive = true, onMouseUp: () => this.isActive = false, onMouseOut: () => this.isActive = false }), h("dga-button-v2", { key: 'c2816fa5c44e50a140db53a8074c90ae9923da30', variant: "transparent", iconOnly: true, leadIcon: true, leadIconProps: { name: 'calendar-03', variant: 'stroke', type: 'rounded' }, onClick: this.handleOpenDatepickerPopup }), this.error && (h("span", { key: '1073913a48e3f71726455f44507ec7eafbcf9964', class: "input__feedback-icon input__feedback-icon--error" }, h("dga-icon", { key: '63f3b2bd2bc1f7bc33e37a27051638686aa76f5d', icon: alertCircleSolidRoundedIcon })))), (this.errorMessage || this.helperText) &&
+            h("dga-helper-text", { key: 'ef17a1f66dbbe5d99701ea4380f67ba6ccf334ab', helperText: this.errorMessage || this.helperText, error: this.error }), this.isDatepickerOpen &&
+            h("div", { key: '464184bd4b93a54410994cb564b4bff4205b0302', class: "date-picker-dropdown", ref: el => this.datepickerRef = el }, h("dga-datepicker", Object.assign({ key: '8166078360cf22e4f197ae0fb674d37f5610237a' }, this.datepickerOptions, { value: this.selectedDate, onChange: this.handleDatepickerChange, style: { width: "fit-content", display: "block" } })))));
     }
     static get is() { return "dga-date-field"; }
     static get originalStyleUrls() {

package/dist/collection/components/dga-datepicker/DateCell.js

@@ -35,7 +35,7 @@ export class DateCell {
             className += ' date-cell--mid-range--first-child';
         if (this.isLastRangeChild)
             className += ' date-cell--mid-range--last-child';
-        return (h("button", { key: 'd00f05d30198257fbd4d40e0df8eb9c561966b2a', type: "button", class: className, onClick: () => this.handleClick(), onMouseDown: this.handleAddPressed, onMouseUp: this.handleRemovePressed, onMouseOut: this.handleRemovePressed, disabled: !this.isCurrentMonth }, h("div", { key: 'f91aee28a6d686a1767d450aaec3060f588b8121', class: "date-cell__label" }, h("span", { key: 'cfb00f366b54d3d76fcdb7880c1063808625a083' }, this.date.getDate()))));
+        return (h("button", { key: '1aff134c81adbf407c68a8cb01ebec06c230f55b', type: "button", class: className, onClick: () => this.handleClick(), onMouseDown: this.handleAddPressed, onMouseUp: this.handleRemovePressed, onMouseOut: this.handleRemovePressed, disabled: !this.isCurrentMonth }, h("div", { key: 'fb611f9d9808a30f47f5d558fef21fca22ec28d1', class: "date-cell__label" }, h("span", { key: '9e1aedf28e847f49a57f4189bb74c916ce5f9f88' }, this.date.getDate()))));
     }
     static get is() { return "date-cell"; }
     static get originalStyleUrls() {

package/dist/collection/components/dga-datepicker/MonthNavigator.js

@@ -80,21 +80,21 @@ export class MonthNavigator {
         }
     }
     render() {
-        return (h("div", { key: 'd013e3fe41e41d6f6da82bdb460c6c607abdaa2d', class: "date-picker__navigator" }, h("div", { key: '5698eeb674f489c8a36ef6f6df4a59d943de65ae', class: "date-picker__navigator-label" }, this.currentMonth.toLocaleDateString(this.RTL ? 'ar' : 'default', {
+        return (h("div", { key: 'd5d6f91dd8b63d62391662e3e445bd380745c168', class: "date-picker__navigator" }, h("div", { key: '124d03584f1b45185532bdf57f4394ee8fa63907', class: "date-picker__navigator-label" }, this.currentMonth.toLocaleDateString(this.RTL ? 'ar' : 'default', {
             month: 'long',
             // year: 'numeric',
-        }), " ", h("span", { key: '4ec3cf77600f773a880bc7412f31296b3cc30ba0', class: "year-selector", onClick: this.toggleYearsDropdown, style: {
+        }), " ", h("span", { key: 'f061c07ce0753df7b59945acd2f09247d3a284e0', class: "year-selector", onClick: this.toggleYearsDropdown, style: {
                 cursor: 'pointer',
                 position: 'relative',
                 display: 'inline-flex',
                 alignItems: 'center'
             } }, this.currentMonth.getFullYear(), this.isYearsDropdownOpen && (
         // {true && (
-        h("ul", { key: '4a919ae107fa5b770c152e3aa12e765f1a26eb1f', class: "dga-breadcrumb-dropdown", ref: (el) => this.yearDropdownRef = el }, this.yearsList.map(year => (h("li", { key: year, class: `dga-breadcrumb-dropdown-item ${year === this.currentMonth.getFullYear() ? 'selected-year' : ''}` }, h("a", { onClick: (e) => this.handleYearSelect(year, e) }, h("span", { class: "link__label" }, year))))))))), this.showArrows && (h("div", { key: '0cb18c3aa2c5c6f1b7415343eec9897c26fcf7a1', class: "date-picker__navigator-buttons" }, h("dga-button-v2", { key: 'f1699ce886002859434435b7ec0f4b9c0ead66fc', variant: "subtle", size: "lg", iconOnly: true, leadIcon: true, leadIconProps: {
+        h("ul", { key: '2fbc6bccb80527cf248e8b2b34a07effb3ebadc0', class: "dga-breadcrumb-dropdown", ref: (el) => this.yearDropdownRef = el }, this.yearsList.map(year => (h("li", { key: year, class: `dga-breadcrumb-dropdown-item ${year === this.currentMonth.getFullYear() ? 'selected-year' : ''}` }, h("a", { onClick: (e) => this.handleYearSelect(year, e) }, h("span", { class: "link__label" }, year))))))))), this.showArrows && (h("div", { key: '5d881c9ab91d4d8d2c66d816ff6c455de4050ee5', class: "date-picker__navigator-buttons" }, h("dga-button-v2", { key: '3226b006b436517ec9aee877e856557666efe47d', variant: "subtle", size: "lg", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'arrow-left-02',
                 variant: 'stroke',
                 type: 'rounded',
-            }, onClick: this.handlePrevClick }), h("dga-button-v2", { key: '973ce7cbb9ebf940049f21bf336915b689b907f2', variant: "subtle", size: "lg", iconOnly: true, leadIcon: true, leadIconProps: {
+            }, onClick: this.handlePrevClick }), h("dga-button-v2", { key: '3967c5314bceb125bb9bef98aab255e0b7672fc0', variant: "subtle", size: "lg", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'arrow-right-02',
                 variant: 'stroke',
                 type: 'rounded',

package/dist/collection/components/dga-datepicker/dga-datepicker.js

@@ -139,10 +139,10 @@ export class DgaDatepicker {
         }
     }
     render() {
-        return (h(Host, { key: '8db917857f03f58ca7c9c8b9659e7b3f973be442' }, h("div", { key: '3358b09d7240f9a32a0a9e616f5632033d5d08e5', class: "date-picker-root dga-flex-column", "data-dual-view": this.dualMonthView, dir: this.RTL ? 'rtl' : 'ltr' }, h("div", { key: '1dbdcb04e55ce6334e57770a25a8a58ab37ecf76', class: "dga-flex" }, this.qickOptions && this.range && (h("div", { key: 'c4010a694b77607b0f199983438e2cefe20c2805', class: "date-picker-root__quick-options" }, h("span", { key: '4a7424a6a4d287bff105e6ff9d07f8608fd71e20', class: "text-md-regular" }, this.RTL ? 'اختصارات' : 'Qick options'), h("ul", { key: 'bb9e1ec7f9d1a791b6a0158dfbe28b2ce535fe0a', class: "options-list" }, defaultStaticRanges.map(({ label, range }) => (h("li", { key: label[this.RTL ? 'ar' : 'en'] }, h("button", { class: "text-md-medium", onClick: () => {
+        return (h(Host, { key: '3e8b9fa4beb613d2832ef1b4f551619e0e27eeb4' }, h("div", { key: '02da1c2d5a0437e1eb5deff72020d8fcfae22df8', class: "date-picker-root dga-flex-column", "data-dual-view": this.dualMonthView, dir: this.RTL ? 'rtl' : 'ltr' }, h("div", { key: '72271b59dc9718679a25c215a4dd19dc339e3f35', class: "dga-flex" }, this.qickOptions && this.range && (h("div", { key: 'ecfe1b606194a33a1dfc64aa1cdd81be6460685e', class: "date-picker-root__quick-options" }, h("span", { key: '11a62db0f632227e1e3d2c9a60d97e8bb59d49e4', class: "text-md-regular" }, this.RTL ? 'اختصارات' : 'Qick options'), h("ul", { key: '431728488f23b2df37e2def731d2d7a524caf00d', class: "options-list" }, defaultStaticRanges.map(({ label, range }) => (h("li", { key: label[this.RTL ? 'ar' : 'en'] }, h("button", { class: "text-md-medium", onClick: () => {
                 this.rangeDates = range();
                 console.log(range, "rrrrrrrrrrrrrrrrrrrraaaaaaaaaaaaaaaaaange");
-            } }, label[this.RTL ? 'ar' : 'en']))))))), h("div", { key: 'db7c99dcfcf4891a9004dbac0ab1847ed9c39b92', class: "date-picker-root__main" }, this.inputField && (h("div", { key: 'ffb88e02288b20001d43647facc47bc261a3fb91', class: "date-picker-root__main__inputs" }, h("dga-text-input", { key: '2a55ce68d1d6924efb935e867a180f851af0b373', placeholder: "Month DD, YYYY", name: "startDate", value: this.inputDates.startDate, onChange: (e) => this.handleInputDate(e), onBlur: (e) => {
+            } }, label[this.RTL ? 'ar' : 'en']))))))), h("div", { key: '954b123940bf9ca05e05b7c18b7554bc5409c7c9', class: "date-picker-root__main" }, this.inputField && (h("div", { key: '1bd382f3cabd095c4c1e56961f5a85a961ddafb7', class: "date-picker-root__main__inputs" }, h("dga-text-input", { key: 'b72ad320b64fa7ce0ee62002fcd623a3988b961f', placeholder: "Month DD, YYYY", name: "startDate", value: this.inputDates.startDate, onChange: (e) => this.handleInputDate(e), onBlur: (e) => {
                 if (validateInputDate(e.target.value)) {
                     const date = new Date(e.target.value);
                     if (this.range) {
@@ -165,7 +165,7 @@ export class DgaDatepicker {
                         this.selectedDate = date;
                     }
                 }
-            } }), this.range && (h("dga-text-input", { key: 'c985ecf962ff78c655bf95597e1e15bccb25f450', placeholder: "Month DD, YYYY", name: "endDate", value: this.inputDates.endDate, onChange: (e) => this.handleInputDate(e), onBlur: (e) => {
+            } }), this.range && (h("dga-text-input", { key: 'f24c1c43bbd7f2bd1399c7c66b1fa947e7a14345', placeholder: "Month DD, YYYY", name: "endDate", value: this.inputDates.endDate, onChange: (e) => this.handleInputDate(e), onBlur: (e) => {
                 if (validateInputDate(e.target.value)) {
                     const date = new Date(e.target.value);
                     if (this.range) {
@@ -199,19 +199,19 @@ export class DgaDatepicker {
                         this.selectedDate = date;
                     }
                 }
-            } })))), h("div", { key: 'd7e170c002081529e456acd420944b5dcd506ffa', class: "date-picker-root__main__content-wrapper" }, h("div", { key: 'd74007b3e7cddc538f8fbf401c0280d030924c50', class: "date-picker" }, h("month-navigator", { key: 'dead35aaddbf8df75a78ee68bd2d77e3d6aa79f5', RTL: this.RTL, currentMonth: this.currentMonth, onChange: (date) => this.handleChangeMonth(date), showArrows: !this.dualMonthView }), h("div", { key: '57d6d8ec37e48d3c100e2a5aaddb7e95a615a0d4', class: "date-picker__weekdays" }, daysMap[this.RTL ? 'ar' : 'en'].map((day) => (h("div", { key: day, class: "date-picker__weekday" }, day)))), h("div", { key: '16fca643c9288d54eb493cd0075849b866508363', class: "date-picker__date-grid" }, this.days.map((date) => (h("date-cell", { key: date.toString(), date: date, isCurrentMonth: date.getMonth() === this.currentMonth.getMonth(), isSelected: (this.range)
+            } })))), h("div", { key: '341b7f73903de240ffa5b153b727b2c3dcc4c1c2', class: "date-picker-root__main__content-wrapper" }, h("div", { key: '691dc3d7225af890cb1672e368f7960bde06ed86', class: "date-picker" }, h("month-navigator", { key: '68d578183244569f9217b2708805ce29a3b8847f', RTL: this.RTL, currentMonth: this.currentMonth, onChange: (date) => this.handleChangeMonth(date), showArrows: !this.dualMonthView }), h("div", { key: '5e19fea13626d88ea7c1ea789202d3aa63352833', class: "date-picker__weekdays" }, daysMap[this.RTL ? 'ar' : 'en'].map((day) => (h("div", { key: day, class: "date-picker__weekday" }, day)))), h("div", { key: '1b0ee65e66a1707ef60f2df716db253e1a88b323', class: "date-picker__date-grid" }, this.days.map((date) => (h("date-cell", { key: date.toString(), date: date, isCurrentMonth: date.getMonth() === this.currentMonth.getMonth(), isSelected: (this.range)
                 ? (!!this.rangeDates.startDate &&
                     compareDatesWithoutTime(date, this.rangeDates.startDate)) ||
                     (!!this.rangeDates.endDate &&
                         compareDatesWithoutTime(date, this.rangeDates.endDate))
                 : this.selectedDate
                     ? compareDatesWithoutTime(date, this.selectedDate)
-                    : false, isToday: new Date().toDateString() === date.toDateString(), isFirstRangeChild: this.isFirstRangeChild(date), isLastRangeChild: this.isLastRangeChild(date), midRange: this.isMidRange(date), onSelect: (date) => this.handleSelectDate(date) }))))), this.dualMonthView && (h("div", { key: '167541e1cdc2f61bb05d5d1eb64f7c34af14c67d', class: "date-picker" }, h("month-navigator", { key: '8dfa08053327639089883c9f1616d91b1783b661', currentMonth: this.nextMonth, onChange: (date) => {
+                    : false, isToday: new Date().toDateString() === date.toDateString(), isFirstRangeChild: this.isFirstRangeChild(date), isLastRangeChild: this.isLastRangeChild(date), midRange: this.isMidRange(date), onSelect: (date) => this.handleSelectDate(date) }))))), this.dualMonthView && (h("div", { key: '21cf779cbf7894aea02384538e04139f4f28b5e4', class: "date-picker" }, h("month-navigator", { key: 'e145acadde4bb7e475f109f624bda09e39317d43', currentMonth: this.nextMonth, onChange: (date) => {
                 const newMonth = date.getMonth() === this.currentMonth.getMonth()
                     ? new Date(this.currentMonth.getFullYear(), this.currentMonth.getMonth() - 1)
                     : new Date(this.currentMonth.getFullYear(), this.currentMonth.getMonth() + 1);
                 this.handleChangeMonth(newMonth);
-            }, showArrows: true }), h("div", { key: '9723f8cd9fa767c87c0da259b07d1dfd6729ddef', class: "date-picker__weekdays" }, ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((day) => (h("div", { key: day, class: "date-picker__weekday" }, day)))), h("div", { key: 'c625f216d6585f4f59bdfe72dcf161eff8b59357', class: "date-picker__date-grid" }, this.nextMonthDays.map((date) => (h("date-cell", { key: date.toString(), date: date, isCurrentMonth: date.getMonth() === this.nextMonth.getMonth(), isSelected: this.range
+            }, showArrows: true }), h("div", { key: '62460dd802203b5897d6901d558c7eda7192ce9e', class: "date-picker__weekdays" }, ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((day) => (h("div", { key: day, class: "date-picker__weekday" }, day)))), h("div", { key: '5b6d193b92a1418df4ef9fb9dd1a98784725bce5', class: "date-picker__date-grid" }, this.nextMonthDays.map((date) => (h("date-cell", { key: date.toString(), date: date, isCurrentMonth: date.getMonth() === this.nextMonth.getMonth(), isSelected: this.range
                 ? (!!this.rangeDates.startDate &&
                     date.getTime() ===
                         this.rangeDates.startDate.getTime()) ||
@@ -219,7 +219,7 @@ export class DgaDatepicker {
                         date.getTime() === this.rangeDates.endDate.getTime())
                 : this.selectedDate
                     ? date.getTime() === this.selectedDate.getTime()
-                    : false, isToday: new Date().toDateString() === date.toDateString(), midRange: this.isMidRange(date), isFirstRangeChild: this.isFirstRangeChild(date), isLastRangeChild: this.isLastRangeChild(date), onSelect: (date) => this.handleSelectDate(date) }))))))))), this.submitButton && (h("div", { key: 'ffb069e43577931b8a382ec3b7293c7fc4263869', class: "date-picker-root__main__buttons" }, h("dga-button-v2", { key: 'c92e0c1980b0b206257d5cb3bd0a2e8967645dc9', label: "Cancel", onClick: this.onCancel, size: "lg", variant: "secondary-outline" }), h("dga-button-v2", { key: '5c38f9defb84a2e7a63e4bc8364b5bc412fb9b87', label: "Submit", onClick: this.onSubmit, size: "lg", variant: "neutral" }))))));
+                    : false, isToday: new Date().toDateString() === date.toDateString(), midRange: this.isMidRange(date), isFirstRangeChild: this.isFirstRangeChild(date), isLastRangeChild: this.isLastRangeChild(date), onSelect: (date) => this.handleSelectDate(date) }))))))))), this.submitButton && (h("div", { key: '58e9870cd35e1db2068ae8668bef0aa0508df376', class: "date-picker-root__main__buttons" }, h("dga-button-v2", { key: 'e69913e478885924c4d7c34652cbb913de3a95b0', label: "Cancel", onClick: this.onCancel, size: "lg", variant: "secondary-outline" }), h("dga-button-v2", { key: 'b20a8c2a35ba2e292483fbfbd96c4d6754616d5e', label: "Submit", onClick: this.onSubmit, size: "lg", variant: "neutral" }))))));
     }
     static get is() { return "dga-datepicker"; }
     static get originalStyleUrls() {