@platformscode/core 0.0.43 → 0.0.45

package/dist/collection/components/dga-menu/dga-menu-list.js

@@ -0,0 +1,18 @@
+import { h, Host } from "@stencil/core";
+export class DgaMenuList {
+    render() {
+        return (h(Host, { key: '70660c489837cc007ef2dd8a5c30d2b50b7fcb2c' }, h("slot", { key: 'c8172f32be01093b9d01ab53e25d2c991cd0ba31' })));
+    }
+    static get is() { return "dga-menu-list"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["dga-menu-list.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["dga-menu-list.css"]
+        };
+    }
+}

package/dist/collection/components/dga-menu/dga-menu-v2.js

@@ -43,7 +43,7 @@ export class DgaMenuV2 {
         };
     }
     render() {
-        return (h(Fragment, { key: '6693f1b83a2c0dc22eb78b9cc06d6816f1296d21' }, this.open && (h("ul", { key: 'aeedfaf5a642f1847e7bdfd8db1cf07ff813cabf', class: "menu", style: this.menuStyle, role: "menu", "aria-hidden": !this.open }, h("slot", { key: '427676e44ac227d3761ab208e24a618f622f27f7' })))));
+        return (h(Fragment, { key: '3baab3e95d7ecc16dcefde1d0c9c4a54b5b1d9a1' }, this.open && (h("ul", { key: '248e2b73a145036fba753d9a00218945dbd2b400', class: "menu", style: this.menuStyle, role: "menu", "aria-hidden": !this.open }, h("slot", { key: 'a2387ec3302c375d25a8a882373c4434abd95120' })))));
     }
     static get is() { return "dga-menu-v2"; }
     static get encapsulation() { return "shadow"; }

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

@@ -30,7 +30,7 @@ export class DgaMenu {
         };
     }
     render() {
-        return (h(Fragment, { key: '26bddcf78184796ce02fcf705488bdd613cf6949' }, this.open && this.anchorEl && (h("ul", { key: '6c65291898e68652253898973e165b59093c7aa1', class: "menu", style: this.getMenuStyle() }, h("slot", { key: '8aae03b4774f80523c472f18d8d023db87d2590b' })))));
+        return (h(Fragment, { key: '8138f82cd1f35a05b549dfdad0ee9cf1e547ef72' }, this.open && this.anchorEl && (h("ul", { key: '0a64088429fec52ce8fa6ea88edfec7d963b1ffc', class: "menu", style: this.getMenuStyle() }, h("slot", { key: '2307a8e5377df63ac97b56e87d9ff39c82853a73' })))));
     }
     static get is() { return "dga-menu"; }
     static get properties() {

package/dist/collection/components/dga-metric/dga-metric-chart-v2.js

@@ -1,158 +1,3 @@
-// import { Component, h, Prop } from '@stencil/core';
-// @Component({
-//   tag: 'reusable-chart',
-//   // styleUrl: 'reusable-chart.css',
-//   // shadow: true,
-// })
-// export class ReusableChart {
-//   // Props to make the chart reusable
-//   @Prop() width: number = 330;
-//   @Prop() height: number = 66;
-//   @Prop() strokeColor: string = '#067647';
-//   @Prop() fillColor: string = '#079455';
-//   @Prop() strokeWidth: number = 2;
-//   @Prop() opacity: number = 0.2;
-//   // Data prop for passing an array of data points
-//   @Prop() data: number[] = [];
-//   // A method to generate a path based on the data
-//   generatePath(): string {
-//     if (!this.data || this.data.length === 0) {
-//       return '';
-//     }
-//     const maxValue = Math.max(...this.data);
-//     const minValue = Math.min(...this.data);
-//     const verticalScale = this.height / (maxValue - minValue);
-//     const horizontalScale = this.width / (this.data.length - 1);
-//     return this.data
-//       .map((value, index) => {
-//         const x = index * horizontalScale;
-//         const y = this.height - (value - minValue) * verticalScale;
-//         return `${index === 0 ? 'M' : 'L'} ${x} ${y}`;
-//       })
-//       .join(' ');
-//   }
-//   render() {
-//     const pathD = this.generatePath();
-//     return (
-//       <svg
-//         width={this.width}
-//         height={this.height}
-//         viewBox={`0 0 ${this.width} ${this.height}`}
-//         fill="none"
-//         xmlns="http://www.w3.org/2000/svg"
-//       >
-//         {/* Mask for clipping */}
-//         <mask
-//           id="mask0"
-//           style={{ maskType: 'alpha' }}
-//           maskUnits="userSpaceOnUse"
-//           x="1"
-//           y="1"
-//           width={this.width - 2}
-//           height={this.height - 2}
-//         >
-//           <rect
-//             width={this.width - 2}
-//             height={this.height - 2}
-//             transform="translate(1 1)"
-//             fill="url(#paint0_linear)"
-//           />
-//         </mask>
-//         <g mask="url(#mask0)">
-//           {/* Dynamic path generated from data */}
-//           <path
-//             d={pathD}
-//             fill={this.fillColor}
-//             opacity={this.opacity}
-//           />
-//         </g>
-//         {/* Border or outline path */}
-//         <path
-//           d={pathD}
-//           stroke={this.strokeColor}
-//           stroke-width={this.strokeWidth}
-//           stroke-linecap="round"
-//           stroke-linejoin="round"
-//         />
-//         <defs>
-//           <linearGradient
-//             id="paint0_linear"
-//             x1="164"
-//             y1="0"
-//             x2="164"
-//             y2="64"
-//             gradientUnits="userSpaceOnUse"
-//           >
-//             <stop />
-//             <stop offset="1" stop-opacity="0" />
-//           </linearGradient>
-//         </defs>
-//       </svg>
-//     );
-//   }
-// }
-// import { Component, Prop, h } from '@stencil/core';
-// @Component({
-//   tag: 'dga-realistic-chart',
-//   // styleUrl: 'dga-chart.css',
-//   shadow: true,
-// })
-// export class DgaRealisticChart {
-//   @Prop() data: number[] = [];
-//   @Prop() width: number = 330;
-//   @Prop() height: number = 66;
-//   private calculatePath(): string {
-//     // Function to generate SVG path based on data
-//     const maxData = Math.max(...this.data);
-//     const minData = Math.min(...this.data);
-//     const range = maxData - minData || 1;
-//     const scaleX = this.width / (this.data.length - 1);
-//     const scaleY = this.height / range;
-//     return this.data
-//       .map((point, i) => {
-//         const x = i * scaleX;
-//         const y = this.height - (point - minData) * scaleY;
-//         return `${i === 0 ? 'M' : 'L'} ${x} ${y}`;
-//       })
-//       .join(' ');
-//   }
-//   render() {
-//     const pathData = this.calculatePath();
-//     return (
-//       <svg width={this.width} height={this.height} viewBox={`0 0 ${this.width} ${this.height}`} xmlns="http://www.w3.org/2000/svg">
-//         <mask id="mask0" maskUnits="userSpaceOnUse" x="1" y="1" width={this.width - 2} height={this.height - 2}>
-//           <rect width={this.width - 2} height={this.height - 2} fill="url(#paint0_linear)" />
-//         </mask>
-//         <g mask="url(#mask0)">
-//           <path
-//             d={pathData}
-//             opacity="0.2"
-//             fill="#079455"
-//           />
-//         </g>
-//         <path
-//           d={pathData}
-//           stroke="#067647"
-//           stroke-width="2"
-//           stroke-linecap="round"
-//           stroke-linejoin="round"
-//         />
-//         {/* Optional marker */}
-//         <g opacity="0.2">
-//           <rect x="210.786" y="3.78571" width="20.4286" height="20.4286" rx="10.2143" stroke="#067647" stroke-width="1.57143" />
-//         </g>
-//         <rect x="215.786" y="8.78571" width="10.4286" height="10.4286" rx="5.21429" fill="white" />
-//         <rect x="215.786" y="8.78571" width="10.4286" height="10.4286" rx="5.21429" stroke="#067647" stroke-width="1.57143" />
-//         <defs>
-//           <linearGradient id="paint0_linear" x1="164" y1="0" x2="164" y2="64" gradientUnits="userSpaceOnUse">
-//             <stop />
-//             <stop offset="1" stop-opacity="0" />
-//           </linearGradient>
-//         </defs>
-//       </svg>
-//     );
-//   }
-// }
 import { h } from "@stencil/core";
 export class DgaMetricChartV2 {
     constructor() {
@@ -216,7 +61,7 @@ export class DgaMetricChartV2 {
     }
     render() {
         const { x: markerX, y: markerY } = this.currentMarkerPos;
-        return (h("svg", { key: '21cb7639e1bb84c5a07cd7228503c6db8b88960c', width: this.width, height: this.height, viewBox: "0 0 130 66", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("defs", { key: '5fbdc79365affcc8eff80dedd4a5a6a2e03001f8' }, h("linearGradient", { key: 'cacaafbb7da16fdbc8e23f15d0f089210ce9573f', id: "gradientMask", x1: "64", y1: "0", x2: "64", y2: "64", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '50db3958dd54b513043360dfd29baa76a157bd50' }), h("stop", { key: '8f99ff9c56ccc69cb24689ea464311cf3fc9d5ef', offset: "1", "stop-opacity": "0" })), h("mask", { key: '6cab4fc69cd585ed810ce6e7c79531f37ce32ea9', id: "chartMask", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "1", y: "1", width: "128", height: "64" }, h("rect", { key: '84c771ca83db1990d02db3c1604eab70619fd380', width: "128", height: "64", transform: "translate(1 1)", fill: "url(#gradientMask)" }))), h("g", { key: '5b83567dfc8cff62ba9610fbd6088847991dc11a', mask: "url(#chartMask)" }, h("path", { key: 'ef3226d18157e6d3551981bc2f28d0e373297109', opacity: "0.2", d: this.areaD, fill: this.fillColor })), h("path", { key: '9751032b599180fb3350879dbccacedd35cde80a', d: this.pathD, stroke: this.strokeColor, "stroke-width": this.strokeWidth, "stroke-linecap": "round", "stroke-linejoin": "round", fill: "none" }), this.showMarker && (h("g", { key: 'a0a87660359ed63d98a5c187a263563d06db5f1a', transform: `translate(${markerX}, ${markerY})` }, h("g", { key: 'aba29f5af07db2022089691c10b509003664e2da', opacity: "0.2" }, h("rect", { key: '60d64614d2fe846eb57cff6c7af88e77e8dc2da7', width: "20", height: "20", rx: "10", stroke: this.strokeColor, "stroke-width": this.strokeWidth })), h("rect", { key: '6b0269e79dac44fab9456f89bc4bb8f5493de5b0', x: "5", y: "5", width: "10", height: "10", rx: "5", fill: "white" }), h("rect", { key: 'd3f2b7ab612f3554b51ada107af3966fd426d1c8', x: "5", y: "5", width: "10", height: "10", rx: "5", stroke: this.strokeColor, "stroke-width": this.strokeWidth })))));
+        return (h("svg", { key: '61295f4b1633aa57c77ca55a7ffc09b5d69ac3bf', width: this.width, height: this.height, viewBox: "0 0 130 66", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("defs", { key: 'dbc5febd01f61f26d058b280d1e1a307014af782' }, h("linearGradient", { key: '202b1b5e3611e66e5015121e28831637644d1283', id: "gradientMask", x1: "64", y1: "0", x2: "64", y2: "64", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'beb93332b61e578121dfdcad5fb0579287b7be17' }), h("stop", { key: '6bf4366472f3a662eb0b62ed5bd0e2f6815deac4', offset: "1", "stop-opacity": "0" })), h("mask", { key: '82ae03585494883ed04f911bc964a0fda69ee9bb', id: "chartMask", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "1", y: "1", width: "128", height: "64" }, h("rect", { key: 'a60fb5d602352d5cd382a8c8fddbbd115fd20341', width: "128", height: "64", transform: "translate(1 1)", fill: "url(#gradientMask)" }))), h("g", { key: '8f560ce20d4984d96cf5bbf361dc911083bd4018', mask: "url(#chartMask)" }, h("path", { key: '3341ae6de91fd75f3ac17132209c6008f7ff4ec8', opacity: "0.2", d: this.areaD, fill: this.fillColor })), h("path", { key: 'dea4c54841b2e27c133ccbee5490c1fff1a14744', d: this.pathD, stroke: this.strokeColor, "stroke-width": this.strokeWidth, "stroke-linecap": "round", "stroke-linejoin": "round", fill: "none" }), this.showMarker && (h("g", { key: 'a44c3c11fe7019683048be916cbe342eb78efe65', transform: `translate(${markerX}, ${markerY})` }, h("g", { key: '27d3b6532b6b030e1551259fc0218831e3859b27', opacity: "0.2" }, h("rect", { key: '531bcffb90505d9f94c74f702340541267120f1f', width: "20", height: "20", rx: "10", stroke: this.strokeColor, "stroke-width": this.strokeWidth })), h("rect", { key: 'e99e32a340fbe239f6a7a63d5f2af5a73eead7fc', x: "5", y: "5", width: "10", height: "10", rx: "5", fill: "white" }), h("rect", { key: 'd3299793a8de81b6b0001f08661ab3c596e8b09c', x: "5", y: "5", width: "10", height: "10", rx: "5", stroke: this.strokeColor, "stroke-width": this.strokeWidth })))));
     }
     static get is() { return "dga-metric-chart-v2"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-metric/dga-metric-chart.js

@@ -57,7 +57,7 @@ export class DgaMetricChart {
     render() {
         const linePath = this.getLinePath();
         const areaPath = this.getAreaPath();
-        return (h("svg", { key: '6e0e53da9e43dfed03b40b987a62f83893ea546a', width: this.width, height: this.height, viewBox: `0 0 ${this.width} ${this.height}` }, h("defs", { key: '7d5cf14f37fd3273a262abc279017136407e7334' }, h("linearGradient", { key: '5e1d5bfe2c22e62b37e6aa76b92b3f17f43c53c3', id: "areaGradient", x1: "0", x2: "0", y1: "0", y2: "1" }, h("stop", { key: 'e8a9ef5cb36775b8e8883941c828ec70090c7d5a', offset: "0%", "stop-color": this.fillColor, "stop-opacity": "0.25" }), h("stop", { key: '76df9718b5edb53c6a24585f0a9b9d101b400579', offset: "100%", "stop-color": this.fillColor, "stop-opacity": "0" }))), h("path", { key: '5f2f736807d130c7fd3b0f7c802d5d1249b5c698', d: areaPath, fill: "url(#areaGradient)" }), h("path", { key: '830d65dc2186a1616f8c05eb2856e80f21814cde', d: linePath, fill: "none", stroke: this.lineColor, "stroke-width": "2" }), this.showMarker && this.getPoints().map((point) => (h("circle", { cx: point.x, cy: point.y, r: "4", fill: "white", stroke: this.lineColor, "stroke-width": "2" })))));
+        return (h("svg", { key: 'e8c92a07bc783cf346245b5c0fd45fa20d5a4d38', width: this.width, height: this.height, viewBox: `0 0 ${this.width} ${this.height}` }, h("defs", { key: '0a6963dafb66578199bfb0cf5a4c068fb6dbccaa' }, h("linearGradient", { key: 'c0e3943bb8c1916df90aec6e91c0af86abcdf50b', id: "areaGradient", x1: "0", x2: "0", y1: "0", y2: "1" }, h("stop", { key: '3644f8867f235f896946c534ed380c2d9881b994', offset: "0%", "stop-color": this.fillColor, "stop-opacity": "0.25" }), h("stop", { key: '78cc31e950d3bc06df1932f2c96989f25f55296e', offset: "100%", "stop-color": this.fillColor, "stop-opacity": "0" }))), h("path", { key: 'd40cacebc52b608f71284ee05a810227a71ab545', d: areaPath, fill: "url(#areaGradient)" }), h("path", { key: '800293db958132d8ff65546c57d434596eb48113', d: linePath, fill: "none", stroke: this.lineColor, "stroke-width": "2" }), this.showMarker && this.getPoints().map((point) => (h("circle", { cx: point.x, cy: point.y, r: "4", fill: "white", stroke: this.lineColor, "stroke-width": "2" })))));
     }
     static get is() { return "dga-metric-chart"; }
     static get properties() {

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

@@ -18,15 +18,15 @@ export class DgaModal {
         HideModal(this.name);
     }
     render() {
-        return (h("dialog", Object.assign({ key: 'f57d498569adb2b89bdc33197cbf8ae764b6b8df', onClick: e => this.handleClickOutside(e), ref: el => (this.dialogRef = el),
+        return (h("dialog", Object.assign({ key: '802128287bccc94a93e50032567befa043234170', onClick: e => this.handleClickOutside(e), ref: el => (this.dialogRef = el),
             //   id={name ? name : guid()}
             // style={{ display: this.show ? 'flex' : 'none' }}
-            class: `dga-flex-align-${this.position}` }, (this.open && { open: this.open }), { hidden: !this.open }), h("div", { key: 'ef6a317a0546c7b2d14df18cbeb3b76fc8fd0a68', class: "modal", ref: el => (this.containergRef = el), onClick: e => e.stopPropagation() }, h("div", { key: '1985a20d22dd1ffe4c38b1f7d36901cd132c1b68', class: "modal__header" }, h("div", { key: '498498cfaade220c098e8a181dfc5f50ff1b727c', class: "modal__icon", style: this.alignmentCenter ? { justifyContent: 'center', width: '100%', display: 'flex' } : {} }, h("dga-featured-icon", Object.assign({ key: 'a3845d39b318ac13295b8c3c3e33b3d77f33de0f' }, this.featuredIconProps))), this.closeButton && (h("div", { key: '46c1b2a7da3ed32da774c2c2c8d76effd11a7916', class: "modal__close" }, h("dga-button-v2", { key: '66172f11f5e57da13ac87654c9f5e8076c21cfd5', size: 'md', iconOnly: true, leadIcon: true, leadIconProps: {
+            class: `dga-flex-align-${this.position}` }, (this.open && { open: this.open }), { hidden: !this.open }), h("div", { key: '9f0b386c5e88a64b1ec33f5de5ba43b1cd134524', class: "modal", ref: el => (this.containergRef = el), onClick: e => e.stopPropagation() }, h("div", { key: '0c25c1fb504656be6548afa3e8a4467323b7fabc', class: "modal__header" }, h("div", { key: '0294cf57de405bd08fac065e9d4a7dbf6336cff7', class: "modal__icon", style: this.alignmentCenter ? { justifyContent: 'center', width: '100%', display: 'flex' } : {} }, h("dga-featured-icon", Object.assign({ key: '2120c0a89d4d3735937c678d1a290f13322c86b5' }, this.featuredIconProps))), this.closeButton && (h("div", { key: '65af15743f691348da329605bb654b62bfec83c8', class: "modal__close" }, h("dga-button-v2", { key: '7ba015a98064416320e69a341d7e222d36bce1e4', size: 'md', iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'multiplication-sign',
                 variant: 'stroke',
                 color: "#161616",
                 type: 'rounded'
-            }, onClick: this.onClose, variant: 'subtle' })))), h("div", { key: '6dd80ba57bf783a17aa623d44f063a9eb401b905', class: "modal__body" }, this.modalTitle && (h("h4", { key: 'c3fad574495aa19dd08d5bbfa9fe811894c269cb', class: "modal__heading", style: this.alignmentCenter ? { textAlign: 'center', width: '100%' } : {} }, this.modalTitle)), h("slot", { key: '360a741c37e7970be31c963d7e37b48212d03feb' })), h("div", { key: '6882e7e55e3d248cb7b1b4e95d86aae4f12bd396', class: "modal__actions", style: Object.assign(Object.assign({ display: 'flex', width: '100%', justifyContent: this.alignmentCenter ? 'center' : this.buttonsList.length > 2 ? 'flex-start' : 'space-between' }, (!this.alignmentCenter &&
+            }, onClick: this.onClose, variant: 'subtle' })))), h("div", { key: 'db636c0283755d51add1b4be66c30d391d471a08', class: "modal__body" }, this.modalTitle && (h("h4", { key: 'a8aa778b55fae213d40f61c55f79cb7ef90a211b', class: "modal__heading", style: this.alignmentCenter ? { textAlign: 'center', width: '100%' } : {} }, this.modalTitle)), h("slot", { key: '436c20023a77452756527e07ae183aac7041a3f3' })), h("div", { key: 'a4ebea51ee06fffea84cb4f44c5f8bf317023efb', class: "modal__actions", style: Object.assign(Object.assign({ display: 'flex', width: '100%', justifyContent: this.alignmentCenter ? 'center' : this.buttonsList.length > 2 ? 'flex-start' : 'space-between' }, (!this.alignmentCenter &&
                 this.buttonsList.length == 2 && {
                 justifyContent: this.secondBtnPosition == 'left' ? 'flex-start' : 'space-between',
             })), { flexDirection: this.actionStack ? 'column' : 'row' }) }, this.buttonsList.length > 0 &&

package/dist/collection/components/dga-modal-v2/dga-modal-actions.js

@@ -11,12 +11,12 @@ export class DgaModal {
         this.buttonsList = [];
     }
     render() {
-        return (h("div", { key: '917da3b25b852033fd2764d9006e3cf4192c4611', class: "modal__actions", style: {
+        return (h("div", { key: 'a00ce062118d9d77de1f94f1b4635637c773d49a', class: "modal__actions", style: {
                 display: 'flex',
                 width: '100%',
                 justifyContent: this.alignmentCenter ? 'center' : this.buttonsList.length > 2 ? 'flex-start' : 'space-between',
                 flexDirection: this.actionStack ? 'column' : 'row',
-            } }, h("slot", { key: '43b923378e17e3e5f856505362930008b7b9bee8' })));
+            } }, h("slot", { key: 'e749d55607acf3d5ec9adc7193d4b0b316ba3262' })));
     }
     static get is() { return "dga-modal-actions"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-modal-v2/dga-modal-body.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaModal {
     render() {
-        return (h("div", { key: '881d9bbcf8e6da5cca75cac84c910ad719e13826', class: "dga-modal__body" }, h("slot", { key: '32d3302c5f439ef88959dab28be38d706ef434a5' })));
+        return (h("div", { key: 'fac4785425531aa021e9eaaa07db412adb35984e', class: "dga-modal__body" }, h("slot", { key: 'a72a494979bd339b3d0a20dd9e33de8c3e45bbc8' })));
     }
     static get is() { return "dga-modal-body"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-modal-v2/dga-modal-header.js

@@ -31,7 +31,7 @@ export class DgaModal {
         });
     }
     render() {
-        return (h("div", { key: '33091668f8d1ffbdc360cc7bce97e032a82fff2d', class: "modal__header" }, h("slot", { key: '8df35b13806ccba2ad6d2fc3f5908479b5717944' })));
+        return (h("div", { key: '4bd0e97f8268e740b761f48a42f9fbd71328c8d2', class: "modal__header" }, h("slot", { key: '172925a8859b379fdc4443a796a8621a44ff6de2' })));
     }
     static get is() { return "dga-modal-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-modal-v2/dga-modal-title.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaModalTitle {
     render() {
-        return (h("h4", { key: '45eeadb4659bcb298e57fc188b66581645906bf9', class: "dga-modal__title" }, h("slot", { key: '51d3d23ed648679fe002f02fdb961904f8598e5b' })));
+        return (h("h4", { key: 'ec18bd29b3fa34f5cd1af89865f0464547bf318d', class: "dga-modal__title" }, h("slot", { key: '9855c31251d40b9f7d19cd5c2b0a83200cb976d0' })));
     }
     static get is() { return "dga-modal-title"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-modal-v2/dga-modal-v2.js

@@ -33,12 +33,12 @@ export class DgaModal {
         });
     }
     render() {
-        return (h("dialog", Object.assign({ key: '15f4274a2cf22af74a0472cc3ac75f46373b9eec', onClick: e => this.handleClickOutside(e), ref: el => (this.dialogRef = el), class: `dga-flex-align-${this.position}` }, (this.open && { open: this.open }), { hidden: !this.open }), h("div", { key: '15d03cc35ea194128005006998372a91f3a81a59', class: "modal", ref: el => (this.containergRef = el), onClick: e => e.stopPropagation() }, this.showCloseButton && (h("div", { key: 'c32ffbaf640869cd5e0dd3f82b2ac5d980269eb7', class: "modal__close-btn" }, h("dga-button-v2", { key: '6b613b9c7e8c79486519167e6c65849851d2c160', size: "md", iconOnly: true, leadIcon: true, leadIconProps: {
+        return (h("dialog", Object.assign({ key: '910fca105db1da0503ca2c064dc3b75cabd03d2a', onClick: e => this.handleClickOutside(e), ref: el => (this.dialogRef = el), class: `dga-flex-align-${this.position}` }, (this.open && { open: this.open }), { hidden: !this.open }), h("div", { key: 'ab995885a34b3246f1ceb197bfabcd29f8b71033', class: "modal", ref: el => (this.containergRef = el), onClick: e => e.stopPropagation() }, this.showCloseButton && (h("div", { key: 'd88f8036a025459bb58a2ebe7e4a5fe1832c9ce4', class: "modal__close-btn" }, h("dga-button-v2", { key: 'dc23baea5e1ce9571c261c3b208cbee64f7bef83', size: "md", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'Cancel01Icon',
                 variant: 'stroke',
                 color: '#161616',
                 type: 'rounded',
-            }, onClick: this.onClose, variant: "subtle" }))), h("slot", { key: '4d3d74220786ccb62bb79f39f695f8e4c17c10f3', name: "modal-header" }), h("slot", { key: 'a3023667bb230d7fec2cdefc2adbd2dc836ed8cb', name: "modal-body" }), h("slot", { key: '4b035d72dc18a05997ca6f2d7c7cf44cb938fe45', name: "modal-actions" }))));
+            }, onClick: this.onClose, variant: "subtle" }))), h("slot", { key: '5fd27f1aa885c184b1509cd07467d28609b56d3e', name: "modal-header" }), h("slot", { key: '63ce2f4f9c87f00133469c1a6aa832247ecc2065', name: "modal-body" }), h("slot", { key: 'e9e31d52260fcfcd852c3f35c942b8af3e9335f9', name: "modal-actions" }))));
     }
     static get is() { return "dga-modal-v2"; }
     static get encapsulation() { return "shadow"; }

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

@@ -46,11 +46,11 @@ export class DgaNotification {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: '5695a46a8595787bf61d0b9c1be468d4b93bd41b', id: this.componentId, style: this.rootStyles }, h("div", { key: '910d28212c1af28081451853426d49d52633d5b3', class: `notification notification--${this.variant}`, role: "alert" }, h("div", { key: '8138f2543871f028338cc1eaf5204c10292710e8', class: "notification__content" }, this.icon && h("div", { key: '667fe91658d982df1e42437fef034d542870d31a', class: "notification__icon" }, h("dga-icon", { key: 'b8a1cb8a02814e2f5e49ac126bddb844464b96bb', icon: this.icons[this.variant], size: 24 })), this.leadText && h("strong", { key: '1e4e8d15f60a7739491e9f48cc1d54a421edb875', class: "notification__lead-text" }, this.leadText, ": "), h("p", { key: '1ef96acc14d8f515ecb25e9f231a1f7f884eaaa4' }, this.content), this.link && (h("a", { key: 'd5d3235862c97b89ba948ec54cbc325f66b53acd', onClick: () => {
+        return (h(Host, { key: 'e76cc8f3a8e91c96f7b5982e39fc59bae7b56577', id: this.componentId, style: this.rootStyles }, h("div", { key: '83851be58096663efcc21a46decb8be32580f91e', class: `notification notification--${this.variant}`, role: "alert" }, h("div", { key: '1e9c92ebfe2d43ffe299c07b973be5eb133b178b', class: "notification__content" }, this.icon && h("div", { key: 'b4757a1bb0bf7e404b3ce97a847f63df8acb4644', class: "notification__icon" }, h("dga-icon", { key: 'd4f0d0e1c6a5c266bd17c5e38b1f166fc19de83f', icon: this.icons[this.variant], size: 24 })), this.leadText && h("strong", { key: 'e49f69631b27abcb7a6a01d144dd0bb160fe1a15', class: "notification__lead-text" }, this.leadText, ": "), h("p", { key: '4fb66baf267265394b91eadddab8bc850f7b36da' }, this.content), this.link && (h("a", { key: 'f970db60d13e759dcd25cabe228419dc43c9f59d', onClick: () => {
                 this.navigateTo && this.navigateTo(this.setNavigateTo);
-            }, class: "notification__link link link--md link--neutral link--inline" }, h("span", { key: 'de4a78bf03ed371cb8cc60cadb2de79c793e80a6', class: "link__label" }, this.textLink)))), this.dismissable && (h("div", { key: 'ca583e1083783aa811082b47c9c803c82fd8f90e', class: "notification__dismiss" }, h("button", { key: '133be9dd31b15b896a6056bb37069f5f2a5b39a7', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: () => {
+            }, class: "notification__link link link--md link--neutral link--inline" }, h("span", { key: 'bc198bce32b68952134aef36215855037b076929', class: "link__label" }, this.textLink)))), this.dismissable && (h("div", { key: '02e24b6581072b0e6a890003f9cc4faa0712aedf', class: "notification__dismiss" }, h("button", { key: '11968d04450262c83a57ce927cb6526a1d3b2b4a', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: () => {
                 this.dismmissed && this.dismmissed();
-            } }, h("span", { key: '2fc4a4c70cfa6e30f76b01eb5c3c86e801174566', class: "dga-btn-icon" }, h("dga-icon", { key: 'ccc320deb4c2e0b355c1f6c9c1bb1a9897b1fdef', icon: multiplicationSignStroke, size: 20 }))))))));
+            } }, h("span", { key: '3b88b7ab8f6dcd47c644eda9f3eb62cc8899cd3a', class: "dga-btn-icon" }, h("dga-icon", { key: 'b55a8f868328df9b7a3c681ab8f9f9681ac4a971', icon: multiplicationSignStroke, size: 20 }))))))));
     }
     static get is() { return "dga-notification"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-notification-toast/dga-notification-toast.js

@@ -37,8 +37,8 @@ export class DgaNotificationToast {
         };
     }
     render() {
-        return (h("div", { key: '80fea6e4aeef5111faa5791c4dc8025e4380eab4', class: `notification-toast notification-toast--${this.type} dga-vpostion-${this.vPostion} dga-hpostion-${this.hPostion} ${this.open ? 'active' : ''}` }, h("div", { key: '046992b43822b7b085397f876f8e9a2f850c2c53', class: `notification-toast__header ${this.hasHelperText ? '' : 'dga-flex-center-y'}` }, h("dga-featured-icon", { key: '2472254ebc14cca09f3d0ad218bf62e8e2681fe8', icon: Object.assign(Object.assign({}, this.icons[this.type]), { size: 20 }), color: this.type, size: "lg" }), h("div", { key: 'b99af2fd29bcfb5bfae4c3d2fa68dbff06a39b98', class: "notification-toast__body" }, h("h4", { key: '502779fa20820698198135b633880a64b72abcc1', class: "notification-toast__title text-md-semibold" }, this.leadText), this.hasHelperText && this.helperText && h("p", { key: '59f1a273153e2c79fcfe2314b919c91c75791796', class: "notification-toast__content text-sm-regular" }, this.helperText)), this.closeButton && (h("div", { key: '188e3cafc7620e29fa14c689ee448f78b46c7578', class: "notification-toast__close-btn" }, h("button", { key: 'f4d1365e195955c795b5fd15e1fb8811cc6391c7', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: e => { var _a; return (_a = this.onClose) === null || _a === void 0 ? void 0 : _a.call(this, e); } }, h("span", { key: 'adbefc04ffecd488ed52fc37ed7cd117f90241d1', class: "dga-btn-icon" }, h("dga-icon", { key: '0f60828e0ea90c1359de1a1f950b323b45d323c5', name: "multiplication-sign", variant: "stroke", type: "sharp", size: 20 })))))), this.action && (h(Fragment, { key: 'ad8b9d11094f3b35a0cab7c2668360f8c1b6c18f' }, h("div", { key: '983a64fb3c4704d939685b023173f309d92ddabb', class: "notification-toast__action" }, this.buttonsList.length > 0 &&
-            this.buttonsList.map(({ id, onClick, extraClasses, title, label }) => (h("button", Object.assign({ key: id ? id : guid(), id: id ? id : guid(), onClick: e => onClick(e), class: `dga-btn dga-btn--subtle dga-btn--md ${extraClasses}` }, (title && { title: title })), label)))), h("div", { key: 'e9567ceafb5b9b0ea5fefcddab680136bf12748c', class: "notification-toast__action-mobile" }, this.buttonsList.length > 0 &&
+        return (h("div", { key: 'f0bcbd07246fb933937c2e98d824f3538b880c21', class: `notification-toast notification-toast--${this.type} dga-vpostion-${this.vPostion} dga-hpostion-${this.hPostion} ${this.open ? 'active' : ''}` }, h("div", { key: '127d9abb175649495bdf3babf4ccac21b4ab3f84', class: `notification-toast__header ${this.hasHelperText ? '' : 'dga-flex-center-y'}` }, h("dga-featured-icon", { key: 'b138ae289c9308cce3a99c4b6cf2361f9bc96a20', icon: Object.assign(Object.assign({}, this.icons[this.type]), { size: 20 }), color: this.type, size: "lg" }), h("div", { key: '8e60e66c792bd9cfbd11976a39c8c18c353c7662', class: "notification-toast__body" }, h("h4", { key: 'c96614ae8f2634da5a933cd0a81ac27857f773a5', class: "notification-toast__title text-md-semibold" }, this.leadText), this.hasHelperText && this.helperText && h("p", { key: 'adb9e2c543473a6a52184646d0d828c81d0e0c5d', class: "notification-toast__content text-sm-regular" }, this.helperText)), this.closeButton && (h("div", { key: '2951bca2539b97677a8e9cfdaae8a460281320b1', class: "notification-toast__close-btn" }, h("button", { key: '5960643fbc4e2905ff6c2dd2290e491fd470dc4a', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: e => { var _a; return (_a = this.onClose) === null || _a === void 0 ? void 0 : _a.call(this, e); } }, h("span", { key: 'ccd1f2f7732e137c28642cc4b7f1a93a4478561c', class: "dga-btn-icon" }, h("dga-icon", { key: 'd4c9bc3cabc7c78a720488359539240364e3f8ca', name: "multiplication-sign", variant: "stroke", type: "sharp", size: 20 })))))), this.action && (h(Fragment, { key: 'c1051358e5f56df9e84449464075f9f4f773b3a1' }, h("div", { key: '6073409aa36355246454e74973de352f84f3f6ce', class: "notification-toast__action" }, this.buttonsList.length > 0 &&
+            this.buttonsList.map(({ id, onClick, extraClasses, title, label }) => (h("button", Object.assign({ key: id ? id : guid(), id: id ? id : guid(), onClick: e => onClick(e), class: `dga-btn dga-btn--subtle dga-btn--md ${extraClasses}` }, (title && { title: title })), label)))), h("div", { key: 'ed6b3722f2692c050e012a48a47b9afb2849e6cd', class: "notification-toast__action-mobile" }, this.buttonsList.length > 0 &&
             this.buttonsList.map(({ id, onClick, extraClasses, title, label }) => (h("button", Object.assign({ key: id ? id : guid(), id: id ? id : guid(), onClick: e => onClick(e), class: `dga-btn dga-btn--secondary dga-btn--lg ${extraClasses}` }, (title && { title: title })), label))))))));
     }
     static get is() { return "dga-notification-toast"; }

package/dist/collection/components/dga-number-input/dga-number-input.js

@@ -65,12 +65,12 @@ export class DgaNumberInput {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: 'b6cfc11bdc5d807d52a47f5d43e20b239ef7b072', id: this.componentId, style: this.rootStyles }, h("div", { key: '895e80001a6e9c4b381338adb29af0793bf693fd', class: "dga-form-control" }, this.label && h("dga-label", { key: '2b80aba8bdd09af5d1ca872b79ea059d96445886', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: 'efe9404c98548f4b54309ea1973a62d61f55369e', class: `dga-number-input dga-number-input--${this.size} ${this.error ? 'dga-number-input--error' : ''} ${this.fullwidth ? 'dga-number-input--full-width' : ''} ${this.variant !== 'default' ? `dga-number-input--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'dga-number-input--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, h("button", { key: '6199d149be5c74231ff6a9eec44db045175f5f2b', class: `dga-number-input__prefix`, onClick: this.handleIncrement, disabled: this.disabled || this.readonly }, h("span", { key: 'e55563e4bc62d3317397164d6a9d94d4b4f4bb57', class: "dga-number-input__prefix-icon" }, h("dga-icon", { key: 'f34ed026b2c8b15056eebb03ade51588f8bb5cb3', name: "plus-sign", variant: "stroke", type: "rounded" }))), h("input", { key: '084ad77e87c028fdec819b3fb74fd5d25ba8fd0b',
+        return (h(Host, { key: '77b195c95b80b5fd304ec7bcc610b9a445e69b13', id: this.componentId, style: this.rootStyles }, h("div", { key: 'fbe964185367b7711c39f9d7b1b002f0489f5fa8', class: "dga-form-control" }, this.label && h("dga-label", { key: '225764b8e5ea4f7bf41d9a61a9c8c34bd321c799', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: '6e6c66d2d67df9c67a1f759a04df43ea46f6c1d5', class: `dga-number-input dga-number-input--${this.size} ${this.error ? 'dga-number-input--error' : ''} ${this.fullwidth ? 'dga-number-input--full-width' : ''} ${this.variant !== 'default' ? `dga-number-input--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'dga-number-input--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, h("button", { key: 'eb3d0e2f7786124639ac805aa8d9949d9a44fdb6', class: `dga-number-input__prefix`, onClick: this.handleIncrement, disabled: this.disabled || this.readonly }, h("span", { key: '3bf28de620c3cf0226bdcbd080778bbcdb7db618', class: "dga-number-input__prefix-icon" }, h("dga-icon", { key: '66507866682d54aeb44a7544cecd97bf50cd3bd6', name: "plus-sign", variant: "stroke", type: "rounded" }))), h("input", { key: '8a5efb23444b23c3d49ecc26fff128741d7c988f',
             // id={id}
             value: this.value, name: this.name, type: 'number', onFocus: () => (this.isFocused = true), onBlur: e => {
                 this.isFocused = false;
                 this.onBlur(e);
-            }, class: "dga-number-input__field", placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onChange: this.onChange, onInput: this.onInput }), h("button", { key: '7f6ebb7445d298d4eced9d3a6185e4e6653c79ac', class: `dga-number-input__suffix`, onClick: this.handleDecrement, disabled: this.disabled || this.readonly }, h("span", { key: '0fea4e0cf41285383e10f1349e5a51df7af74cc0', class: "dga-number-input__suffix-icon" }, h("dga-icon", { key: '315234d4118b47420bda15722c7cd73bfe9d154e', name: "minus-sign", variant: "stroke", type: "rounded" })))), this.helperText && h("dga-helper-text", { key: '1afcf5d50b1b0d24b0fdc959a3e327f49f8e1fa3', helperText: this.helperText, helperTextIcon: this.helperTextIcon, error: this.error }))));
+            }, class: "dga-number-input__field", placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onChange: this.onChange, onInput: this.onInput }), h("button", { key: '59e39f310d0e48a947d3c690fd5f57165e02a454', class: `dga-number-input__suffix`, onClick: this.handleDecrement, disabled: this.disabled || this.readonly }, h("span", { key: 'dc42c57bc6ad15d4f1c3583d1c144d97e3f243c4', class: "dga-number-input__suffix-icon" }, h("dga-icon", { key: '85f1435db77fe9b3c3745832da2a95ca1159ed3d', name: "minus-sign", variant: "stroke", type: "rounded" })))), this.helperText && h("dga-helper-text", { key: '75c0d1b59ffeacb2a769c70e711b86dc20726a55', helperText: this.helperText, helperTextIcon: this.helperTextIcon, error: this.error }))));
     }
     static get is() { return "dga-number-input"; }
     static get originalStyleUrls() {

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

@@ -2,6 +2,7 @@ import { h } from "@stencil/core";
 import { guid } from "../../utils";
 import { SxHandler } from "../../utils/sx-handler";
 import { isRTL } from "../../utils/rtl";
+import { arrowLeft01Stroke, arrowRight01Stroke } from "@platformscode/icons";
 const DOTS = '...';
 const range = (start, end) => {
     let length = end - start + 1;
@@ -78,7 +79,7 @@ export class DgaPagination {
     render() {
         const { el } = this;
         const dir = isRTL(el) ? 'rtl' : 'ltr';
-        return (h("ul", { key: '89574d2284bb22b95fd7c3cbf670e2160a2893bc', dir: dir, class: `pagination pagination--${this.size}` }, h("li", { key: '8cd804b8bb3ae0f5ba4afd21842a6015d49cc3f6', class: "pagination__item pagination__arrow" }, h("button", { key: '21e29706de888e40cdf6930ceb963b843766bf85', onClick: this.onPrevious, disabled: this.currentPage === 1 }, h("svg", { key: '3effbba35d2225a953be58de3344b66f27ccbafa', width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'be59b6288445aaae431e22c18f9bff9b0a4a4b29', id: "Leading Icon" }, h("path", { key: 'ac3eb19633e2db8952f3e2e03683c38709c39204', id: "Icon", d: "M10.5 12L6.5 8L10.5 4", stroke: "#161616", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.paginationRange &&
+        return (h("ul", { key: '1bd83f9b4fc334138629d6a5d428f8201de96cce', dir: dir, class: `pagination pagination--${this.size}` }, h("li", { key: 'aa0d968b50c8eaced8b88c3facad4c5ba7b8ed30', class: "pagination__item pagination__arrow" }, h("button", { key: '62965ab393cbd3f2c78b4f45c443a27af99c31a7', onClick: this.onPrevious, disabled: this.currentPage === 1 }, h("dga-icon", { key: '38990c7417b0294c60b963d6fb64455e3b02168b', icon: arrowLeft01Stroke, size: 24, color: '#161616' }))), this.paginationRange &&
             this.paginationRange.map(pageNumber => {
                 if (pageNumber === DOTS) {
                     return (h("li", { key: guid(), class: "pagination__item" }, "\u2026"));
@@ -86,7 +87,7 @@ export class DgaPagination {
                 return (h("li", { key: guid(), class: `pagination__item ${this.currentPage === pageNumber ? 'pagination__item--active' : ''}` }, h("button", { onClick: () => {
                         this.handelPageChange(pageNumber);
                     } }, pageNumber)));
-            }), h("li", { key: '46b18473db22872b05dab57b90712693e1a491a1', class: "pagination__item pagination__arrow" }, h("button", { key: 'd9e8459064fb22cdb834c22eca83b10791f9150a', onClick: this.onNext, disabled: this.currentPage === this.totalPageCount }, h("svg", { key: '6f5cda029a252cc73f9c4507ff6be2f57a26a712', width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '19e46f0b48a6649d39cf95409e3765b1c7fd7e13', id: "Leading Icon" }, h("path", { key: '5c3f05a30bd4d48195b50d8ba88b02ef3dd101d1', id: "Icon", d: "M6.5 12L10.5 8L6.5 4", stroke: "#161616", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
+            }), h("li", { key: '82de2ce242122edfd2abd779cea230cf0606fe39', class: "pagination__item pagination__arrow" }, h("button", { key: '281150c1955910832529e50c180255c30f1080e1', onClick: this.onNext, disabled: this.currentPage === this.totalPageCount }, h("dga-icon", { key: '20dc756f85d0f8c686efd0ddec95ed5052d88f29', icon: arrowRight01Stroke, size: 24, color: '#161616' })))));
     }
     static get is() { return "dga-pagination"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-progress-indicator/dga-progress-indicator-step.js

@@ -62,7 +62,7 @@ export class DgaProgressIndicatorStep {
         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' : ''}` })));
     }
     static get is() { return "dga-progress-indicator-step"; }
     static get properties() {

package/dist/collection/components/dga-progress-indicator/dga-progress-indicator.js

@@ -23,7 +23,7 @@ export class DgaProgressIndicator {
         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' })));
     }
     static get is() { return "dga-progress-indicator"; }
     static get originalStyleUrls() {

package/dist/collection/components/dga-progress-indicator-v3/dga-progress-indicator-step-v3.js

@@ -69,7 +69,7 @@ export class DgaProgressIndicatorStep {
         return currentStep.toString();
     }
     render() {
-        return (h("div", { key: '2544d7cf7a9c11194fe596987e1b992b5b9bcba0', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '7981ca45bac9a195f81759fd424d9a62fd695b2f', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '951a145c98cca8b02351068efd00a4e3875889af', class: "step-label", "data-state": this.labelState }, h("span", { key: '776405bfc8d14e62886a8be93bc63cbfa2bb6dff', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: '63fef306b1e435195e2ae7eb52c1ec2ad864e2fa', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: '513540640173803976c08f8581c2b110d8a51987', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: 'e7b057d27cbda72fd9e9353a66e43bdc136c5e1a', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: '6cdf0dca2aa4fe31ca4f8529ba1d9d214374af9a', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
+        return (h("div", { key: '68132028e84e3f9cca09b21211410beabb4d2b13', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: 'a95551d0454c59a821989e607b090d486b7360ae', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '99fd3b4c58c43bad00b14f15267dacaf7e00da7d', class: "step-label", "data-state": this.labelState }, h("span", { key: '4a082a5ed12857cd21918354b9f7ce5dfc02aca7', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: '4f34bc2d1a4e81983a9359a51f1fc17301175c5f', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: '7ab376aacfe04ce237d15b7f69c2281f4b1bc726', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: 'de0a2f80f05085f0bd473c6e88aa12cf524f33b1', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: '26cf2e9754a359e6b79edc6302b0bb17505b6ffd', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
     }
     static get is() { return "dga-progress-indicator-step-v3"; }
     static get properties() {

package/dist/collection/components/dga-progress-indicator-v3/dga-progress-indicator-v3.js

@@ -36,7 +36,7 @@ export class DgaProgressIndicator {
     }
     render() {
         // console.log(this.activeStep , "<= active step")
-        return (h("div", { key: '19a2c27561dc325a52fe922ae57a5af5a1de88e7', class: "progress-indicator dga-flex", "data-alignment": this.alignment }, h("slot", { key: '0d8e4928f96c74b8a3a6edf3a0da099046debcd4', name: 'progress-indicator-step' })));
+        return (h("div", { key: 'ca5cf50bb30eca89bb969bde83d2a9bab7fc6867', class: "progress-indicator dga-flex", "data-alignment": this.alignment }, h("slot", { key: 'd5ad73ec5cc456792729598eb69da9c98006f43b', name: 'progress-indicator-step' })));
     }
     static get is() { return "dga-progress-indicator-v3"; }
     static get originalStyleUrls() {

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

@@ -27,7 +27,7 @@ export class DgaQuote {
         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")))));
     }
     static get is() { return "dga-quote"; }
     static get originalStyleUrls() {

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

@@ -79,13 +79,13 @@ export class DgaRating {
         }
     }
     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/collection/components/dga-search-box/dga-search-box.js

@@ -1,7 +1,7 @@
 import { Fragment, h, Host } from "@stencil/core";
 import { guid } from "../../utils";
 import { isRTL } from "../../utils/rtl";
-import { cancel01Stroke, mic01Stroke } from "@platformscode/icons";
+import { cancel01Stroke, mic01Stroke, search01Stroke } from "@platformscode/icons";
 export class DgaSearchBox {
     constructor() {
         this.size = 'md';
@@ -107,12 +107,12 @@ export class DgaSearchBox {
     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 })))))))))));
     }
     static get is() { return "dga-search-box"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-second-nav-header/dga-second-nav-header-actions.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class DgaSecondNavHeaderActions {
     render() {
-        return (h(Host, { key: '37d52515535536dd4bbec09ff34561c2cf641af7' }, h("div", { key: '70359fb2e401799c98cc206539e5307a44dfc8bb', class: `items-container` }, h("slot", { key: '00f13fc62dfdb9e26dae61b74bfe54bfcaad69cd' }))));
+        return (h(Host, { key: '957d39eaebd84ae360971b94c1ad557443f27446' }, h("div", { key: 'f429c3285af74f912f5caca52b16667e687ab02e', class: `items-container` }, h("slot", { key: '67f6b902b751358b0c63c3c7fc2ecd8dadee829c' }))));
     }
     static get is() { return "dga-second-nav-header-actions"; }
 }

package/dist/collection/components/dga-second-nav-header/dga-second-nav-header-content.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class DgaSecondNavHeaderContent {
     render() {
-        return (h(Host, { key: 'd1e640c6c31419544931a943928581ef2ea7eb5c' }, h("div", { key: '6e70bdd808ba728ed6ef56f595cc5bef8001cb59', class: `items-container` }, h("slot", { key: '47451b0f111654c0c6691e28b6f75aff959efa01' }))));
+        return (h(Host, { key: '635f5ad2106c61c868c9b70ba2039ae4d4d793aa' }, h("div", { key: '024173f4fc7044afeb3fb5ea2d5b4f84f3334f19', class: `items-container` }, h("slot", { key: '84e388fb8bf6e4da6ff81ecb5a2605992317166d' }))));
     }
     static get is() { return "dga-second-nav-header-content"; }
 }

package/dist/collection/components/dga-second-nav-header/dga-second-nav-header-item.js

@@ -9,7 +9,7 @@ export class DgaSecondNavHeaderItem {
         });
     }
     render() {
-        return (h(Host, { key: '229c796621d1842e6484a2857130228a6064aae2' }, h("slot", { key: '9b10838752cd3103a736a4bf1931ec58e142ec36', name: 'icon' }), h("slot", { key: '70317608a423de1002f8b762096309aed55b2311', name: 'label' }, this.label)));
+        return (h(Host, { key: '9e554186251de15a55c7ec9ab168df241c49bedb' }, h("slot", { key: 'a4615c99e954e17943c37ae53f1ef25ef567aa6f', name: 'icon' }), h("slot", { key: 'c0b897cb6f3caefba64a5ed4215d3145a5e6b03c', name: 'label' }, this.label)));
     }
     static get is() { return "dga-second-nav-header-item"; }
     static get properties() {