@dubai-design-system/components-js 3.9.14 → 3.10.0

package/dist/collection/assets/img/icn/icn-card-facebook.svg

@@ -1,11 +1,11 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_15250_281)">
-<path d="M20 10C20 4.47715 15.5229 0 10 0C4.47715 0 0 4.47715 0 10C0 14.9912 3.65684 19.1283 8.4375 19.8785V12.8906H5.89844V10H8.4375V7.79688C8.4375 5.29063 9.93047 3.90625 12.2146 3.90625C13.3084 3.90625 14.4531 4.10156 14.4531 4.10156V6.5625H13.1922C11.95 6.5625 11.5625 7.3334 11.5625 8.125V10H14.3359L13.8926 12.8906H11.5625V19.8785C16.3432 19.1283 20 14.9912 20 10Z" fill="black"/>
-<path d="M13.8926 12.8906L14.3359 10H11.5625V8.125C11.5625 7.33418 11.95 6.5625 13.1922 6.5625H14.4531V4.10156C14.4531 4.10156 13.3088 3.90625 12.2146 3.90625C9.93047 3.90625 8.4375 5.29063 8.4375 7.79688V10H5.89844V12.8906H8.4375V19.8785C9.47287 20.0405 10.5271 20.0405 11.5625 19.8785V12.8906H13.8926Z" fill="white"/>
-</g>
-<defs>
-<clipPath id="clip0_15250_281">
-<rect width="20" height="20" fill="white"/>
-</clipPath>
-</defs>
-</svg>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_15250_281)">
+<path d="M20 10C20 4.47715 15.5229 0 10 0C4.47715 0 0 4.47715 0 10C0 14.9912 3.65684 19.1283 8.4375 19.8785V12.8906H5.89844V10H8.4375V7.79688C8.4375 5.29063 9.93047 3.90625 12.2146 3.90625C13.3084 3.90625 14.4531 4.10156 14.4531 4.10156V6.5625H13.1922C11.95 6.5625 11.5625 7.3334 11.5625 8.125V10H14.3359L13.8926 12.8906H11.5625V19.8785C16.3432 19.1283 20 14.9912 20 10Z" fill="black"/>
+<path d="M13.8926 12.8906L14.3359 10H11.5625V8.125C11.5625 7.33418 11.95 6.5625 13.1922 6.5625H14.4531V4.10156C14.4531 4.10156 13.3088 3.90625 12.2146 3.90625C9.93047 3.90625 8.4375 5.29063 8.4375 7.79688V10H5.89844V12.8906H8.4375V19.8785C9.47287 20.0405 10.5271 20.0405 11.5625 19.8785V12.8906H13.8926Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_15250_281">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/collection/assets/img/icn/icn-card-linkdin.svg

@@ -1,4 +1,4 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M-0.00012207 1.43266C-0.00012207 0.641875 0.661909 0 1.478 0H18.5218C19.3382 0 19.9999 0.641875 19.9999 1.43266V18.5676C19.9999 19.3586 19.3382 20 18.5218 20H1.478C0.661987 20 -0.00012207 19.3587 -0.00012207 18.5678V1.43242V1.43266Z" fill="black"/>
-<path d="M6.07767 16.7374V7.73329H3.08485V16.7374H6.07798H6.07767ZM4.58188 6.50415C5.62532 6.50415 6.27493 5.81274 6.27493 4.94868C6.2554 4.06493 5.62532 3.39282 4.60173 3.39282C3.57743 3.39282 2.90845 4.06493 2.90845 4.9486C2.90845 5.81267 3.55782 6.50407 4.56228 6.50407H4.58165L4.58188 6.50415ZM7.73423 16.7374H10.7268V11.7096C10.7268 11.4409 10.7463 11.1714 10.8254 10.9795C11.0416 10.4416 11.5341 9.88478 12.361 9.88478C13.4437 9.88478 13.877 10.7104 13.877 11.9209V16.7374H16.8695V11.5747C16.8695 8.80915 15.3933 7.5222 13.4243 7.5222C11.81 7.5222 11.101 8.42446 10.7071 9.03899H10.727V7.7336H7.73438C7.77345 8.57829 7.73415 16.7377 7.73415 16.7377L7.73423 16.7374Z" fill="white"/>
-</svg>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M-0.00012207 1.43266C-0.00012207 0.641875 0.661909 0 1.478 0H18.5218C19.3382 0 19.9999 0.641875 19.9999 1.43266V18.5676C19.9999 19.3586 19.3382 20 18.5218 20H1.478C0.661987 20 -0.00012207 19.3587 -0.00012207 18.5678V1.43242V1.43266Z" fill="black"/>
+<path d="M6.07767 16.7374V7.73329H3.08485V16.7374H6.07798H6.07767ZM4.58188 6.50415C5.62532 6.50415 6.27493 5.81274 6.27493 4.94868C6.2554 4.06493 5.62532 3.39282 4.60173 3.39282C3.57743 3.39282 2.90845 4.06493 2.90845 4.9486C2.90845 5.81267 3.55782 6.50407 4.56228 6.50407H4.58165L4.58188 6.50415ZM7.73423 16.7374H10.7268V11.7096C10.7268 11.4409 10.7463 11.1714 10.8254 10.9795C11.0416 10.4416 11.5341 9.88478 12.361 9.88478C13.4437 9.88478 13.877 10.7104 13.877 11.9209V16.7374H16.8695V11.5747C16.8695 8.80915 15.3933 7.5222 13.4243 7.5222C11.81 7.5222 11.101 8.42446 10.7071 9.03899H10.727V7.7336H7.73438C7.77345 8.57829 7.73415 16.7377 7.73415 16.7377L7.73423 16.7374Z" fill="white"/>
+</svg>

package/dist/collection/assets/img/icn/icn-card-telegram.svg

@@ -1,11 +1,11 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_15250_290)">
-<path d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20Z" fill="black"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M4.52666 9.89446C7.44186 8.62435 9.38579 7.78702 10.3584 7.38246C13.1355 6.22737 13.7126 6.02672 14.0887 6.02009C14.1714 6.01863 14.3564 6.03913 14.4762 6.13635C14.5774 6.21844 14.6052 6.32934 14.6185 6.40717C14.6319 6.485 14.6484 6.6623 14.6353 6.80083C14.4848 8.38207 13.8336 12.2193 13.5023 13.9903C13.3621 14.7397 13.0861 14.991 12.8189 15.0155C12.2382 15.069 11.7972 14.6318 11.2348 14.2631C10.3546 13.6861 9.85741 13.327 9.00309 12.764C8.01578 12.1134 8.65581 11.7558 9.21848 11.1714C9.36573 11.0184 11.9244 8.69115 11.9739 8.48002C11.9801 8.45362 11.9859 8.3552 11.9274 8.30323C11.8689 8.25125 11.7826 8.26903 11.7203 8.28316C11.6321 8.3032 10.226 9.23252 7.50228 11.0711C7.10319 11.3452 6.7417 11.4787 6.41782 11.4717C6.06077 11.464 5.37395 11.2698 4.86336 11.1039C4.23711 10.9003 3.73938 10.7927 3.78272 10.4469C3.8053 10.2669 4.05328 10.0827 4.52666 9.89446Z" fill="white"/>
-</g>
-<defs>
-<clipPath id="clip0_15250_290">
-<rect width="20" height="20" fill="white"/>
-</clipPath>
-</defs>
-</svg>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_15250_290)">
+<path d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.52666 9.89446C7.44186 8.62435 9.38579 7.78702 10.3584 7.38246C13.1355 6.22737 13.7126 6.02672 14.0887 6.02009C14.1714 6.01863 14.3564 6.03913 14.4762 6.13635C14.5774 6.21844 14.6052 6.32934 14.6185 6.40717C14.6319 6.485 14.6484 6.6623 14.6353 6.80083C14.4848 8.38207 13.8336 12.2193 13.5023 13.9903C13.3621 14.7397 13.0861 14.991 12.8189 15.0155C12.2382 15.069 11.7972 14.6318 11.2348 14.2631C10.3546 13.6861 9.85741 13.327 9.00309 12.764C8.01578 12.1134 8.65581 11.7558 9.21848 11.1714C9.36573 11.0184 11.9244 8.69115 11.9739 8.48002C11.9801 8.45362 11.9859 8.3552 11.9274 8.30323C11.8689 8.25125 11.7826 8.26903 11.7203 8.28316C11.6321 8.3032 10.226 9.23252 7.50228 11.0711C7.10319 11.3452 6.7417 11.4787 6.41782 11.4717C6.06077 11.464 5.37395 11.2698 4.86336 11.1039C4.23711 10.9003 3.73938 10.7927 3.78272 10.4469C3.8053 10.2669 4.05328 10.0827 4.52666 9.89446Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_15250_290">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/collection/assets/img/icn/icn-card-twitter-x.svg

@@ -1,10 +1,10 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_15250_277)">
-<path d="M10 0C15.5228 5.15406e-07 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 5.15422e-07 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM8.62012 10.5977L3.80957 15.7939H4.89258L9.10352 11.2441L12.5059 15.7939H16.1904L11.1416 9.04297L15.6182 4.20605H14.5361L10.6572 8.39648L7.52441 4.20605H3.83984L8.62012 10.5977ZM14.5977 14.9961H12.9053L5.43164 5.00391H7.12402L14.5977 14.9961Z" fill="#40484F"/>
-</g>
-<defs>
-<clipPath id="clip0_15250_277">
-<rect width="20" height="20" fill="white"/>
-</clipPath>
-</defs>
-</svg>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_15250_277)">
+<path d="M10 0C15.5228 5.15406e-07 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 5.15422e-07 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM8.62012 10.5977L3.80957 15.7939H4.89258L9.10352 11.2441L12.5059 15.7939H16.1904L11.1416 9.04297L15.6182 4.20605H14.5361L10.6572 8.39648L7.52441 4.20605H3.83984L8.62012 10.5977ZM14.5977 14.9961H12.9053L5.43164 5.00391H7.12402L14.5977 14.9961Z" fill="#40484F"/>
+</g>
+<defs>
+<clipPath id="clip0_15250_277">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/collection/components/cards/dda-image-card/dda-image-card.js

@@ -10,18 +10,15 @@ export class DdaImageCard {
         this.custom_class = '';
         this.file_size = '';
         this.file_type = '';
+        this.useNavigator = 'false';
     }
     render() {
-        const cardClass = [
-            'dda-card',
-            this.custom_class ? `${this.custom_class}` : "",
-            this.component_mode,
-        ].filter(Boolean).join(' ');
-        return (h(Host, { key: '4234a9bd8349e96814fbe88064d43e57b6cb97a9' }, h("div", { key: 'f54dad87366174e9a08fa466fee07dc0e60a291f', class: cardClass }, this.image_src ? h("img", { class: "dda-card-img image-card", src: this.image_src, alt: this.header_text }) : null, h("div", { key: '5f5bc042bf366d442c27a50ee86e8c471dc2cd89', class: "dda-p-3 dda-image-card-content" }, this.date_text && h("p", { key: '8fbe4a5e13ce518feee8ce3cf09f9c9df0158ee2', class: "dda-card-text dda-m-0" }, this.date_text), h("p", { key: '0b27b23dc95de54847448e808e581ab7021dc51e', class: "dda-card-title dda-m-0" }, this.header_text), this.body_text && h("p", { key: 'b4b7836416af96be32f1280581c8c32260a148aa', class: "dda-card-text dda-m-0" }, this.body_text), this.file_size ? h("p", { class: "dda-card-text dda-m-0" }, this.file_size) : null, this.file_type ? h("p", { class: "dda-card-text dda-m-0" }, this.file_type) : null, h("slot", { key: '32f80b66a3b950806efb7e8124e7df4188948aa9' })), h("div", { key: 'f80c70b03d82f75c505eb5c3c7063ce071c4a66c', class: "dda-container-fluid" }, h("div", { key: '3edfe4c76aa3ff08bf5d3078ffa2a9a872e65084', class: "dda-row" }, this.left_button_name ?
-            h("div", { class: "dda-col dda-py-3 dda-card-button-wrap" }, h("dda-link-button", { button_color: this.left_button_color, start_icon: this.left_button_start_icon, end_icon: this.left_button_end_icon, custom_class: "dda-w-100", href: this.left_button_href || '', rel: this.left_button_rel, button_id: "link-button", aria_label: "link-Button", link_button_text: this.left_button_name, target: this.left_button_target }))
-            : null, this.right_button_name ?
-            h("div", { class: "dda-col dda-py-3 dda-card-button-wrap" }, h("dda-link-button", { button_color: this.right_button_color, start_icon: this.right_button_start_icon, end_icon: this.right_button_end_icon, custom_class: "dda-w-100", href: this.right_button_href || '', rel: this.right_button_rel, button_id: "link-button", aria_label: "link-Button", link_button_text: this.right_button_name, target: this.right_button_target }))
-            : null)))));
+        const cardClass = ['dda-card', this.custom_class ? `${this.custom_class}` : '', this.component_mode].filter(Boolean).join(' ');
+        return (h(Host, { key: '012eacc1c805cf0d3ade2e16097bee3cddc3b17b' }, h("div", { key: 'e7c0f4928cbcc209b4b683b13201353f89883fdc', class: cardClass }, this.image_src ? h("img", { class: "dda-card-img image-card", src: this.image_src, alt: this.header_text }) : null, h("div", { key: '3ccdecd2573f8cc0b654a96eb729f0186e00d273', class: "dda-p-3 dda-image-card-content" }, this.date_text && h("p", { key: 'ce3fa369f8437c0356033c66e43db1d2844e528d', class: "dda-card-text dda-m-0" }, this.date_text), h("p", { key: 'f1041e3774742e257f389e3609009414e420a309', class: "dda-card-title dda-m-0" }, this.header_text), this.body_text && h("p", { key: '5ffad477082b54c4391679af9821047e757df5e7', class: "dda-card-text dda-m-0" }, this.body_text), this.file_size ? h("p", { class: "dda-card-text dda-m-0" }, this.file_size) : null, this.file_type ? h("p", { class: "dda-card-text dda-m-0" }, this.file_type) : null, h("slot", { key: 'fd149ea6a287c714228d9d4ab93748c1b5a9b7bb' })), h("div", { key: '8accc64c69d32d9ee9c7fe57dc02f78f7f107e29', class: "dda-container-fluid" }, h("div", { key: '9c005af67e57ce1b0bf3c3e5dd16251ecb4f6aea', class: "dda-row" }, this.left_button_name ? (h("div", { class: "dda-col dda-py-3 dda-card-button-wrap" }, h("dda-link-button", { button_color: this.left_button_color, start_icon: this.left_button_start_icon, end_icon: this.left_button_end_icon, custom_class: "dda-w-100",
+            // href={this.left_button_href || ''}
+            href: this.useNavigator == 'true' ? 'javascript:void(0)' : this.left_button_href, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.left_button_href) : ''), rel: this.left_button_rel, button_id: "link-button", aria_label: "link-Button", link_button_text: this.left_button_name, target: this.left_button_target }))) : null, this.right_button_name ? (h("div", { class: "dda-col dda-py-3 dda-card-button-wrap" }, h("dda-link-button", { button_color: this.right_button_color, start_icon: this.right_button_start_icon, end_icon: this.right_button_end_icon, custom_class: "dda-w-100",
+            // href={this.right_button_href || ''}
+            href: this.useNavigator == 'true' ? 'javascript:void(0)' : this.right_button_href, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.right_button_href) : ''), rel: this.right_button_rel, button_id: "link-button", aria_label: "link-Button", link_button_text: this.right_button_name, target: this.right_button_target }))) : null)))));
     }
     static get is() { return "dda-image-card"; }
     static get originalStyleUrls() {
@@ -557,8 +554,46 @@ export class DdaImageCard {
                 "attribute": "file_type",
                 "reflect": false,
                 "defaultValue": "''"
+            },
+            "useNavigator": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'true' | 'false'",
+                    "resolved": "\"false\" | \"true\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "use-navigator",
+                "reflect": false,
+                "defaultValue": "'false'"
             }
         };
     }
+    static get events() {
+        return [{
+                "method": "navigatorClick",
+                "name": "navigatorClick",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }];
+    }
 }
 //# sourceMappingURL=dda-image-card.js.map

package/dist/collection/components/cards/dda-image-card/dda-image-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"dda-image-card.js","sourceRoot":"","sources":["../../../../src/components/cards/dda-image-card/dda-image-card.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-image-card',\r\n  styleUrls: ['../../../global/global.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaImageCard {\r\n  @Prop() image_src: string;\r\n  @Prop() image_alt: string;\r\n  @Prop() header_text: string;\r\n  @Prop() body_text: string;\r\n  @Prop() date_text: string;\r\n\r\n  @Prop() left_button_color: string;\r\n  @Prop() left_button_name: string;\r\n  @Prop() left_button_href?: string;\r\n  @Prop() left_button_rel?: string;\r\n  @Prop() left_button_data_fancybox: string;\r\n  @Prop() left_button_start_icon: string = '';\r\n  @Prop() left_button_end_icon: string = '';\r\n  @Prop() left_button_target: string = '';\r\n\r\n\r\n  @Prop() right_button_color: string;\r\n  @Prop() right_button_name: string;\r\n  @Prop() right_button_href?: string;\r\n  @Prop() right_button_rel?: string;\r\n  @Prop() right_button_data_fancybox: string;\r\n  @Prop() right_button_start_icon: string = '';\r\n  @Prop() right_button_end_icon: string = '';\r\n  @Prop() right_button_target: string = '';\r\n\r\n\r\n  @Prop() left_button: string;\r\n  @Prop() right_button: string;\r\n  @Prop() custom_class?: string = ''; \r\n  @Prop() component_mode?: string;\r\n  \r\n  \r\n  @Prop() file_size: string = '';\r\n  @Prop() file_type: string = '';\r\n\r\n  render() {\r\n    const cardClass = [\r\n      'dda-card',\r\n      this.custom_class ? `${this.custom_class}` : \"\",\r\n      this.component_mode,\r\n    ].filter(Boolean).join(' ');\r\n\r\n    return (\r\n      <Host>\r\n        <div class={cardClass}>\r\n          {this.image_src ?  <img class=\"dda-card-img image-card\" src={this.image_src} alt={this.header_text}/>  : null}\r\n          <div class=\"dda-p-3 dda-image-card-content\">\r\n            {this.date_text && <p class=\"dda-card-text dda-m-0\">{this.date_text}</p>}\r\n            <p class=\"dda-card-title dda-m-0\">\r\n              {this.header_text}\r\n            </p>\r\n            {this.body_text && <p class=\"dda-card-text dda-m-0\">\r\n              {this.body_text}\r\n            </p>}\r\n \r\n            {this.file_size ? <p class=\"dda-card-text dda-m-0\">{this.file_size}</p> : null}\r\n            {this.file_type ? <p class=\"dda-card-text dda-m-0\">{this.file_type}</p> : null}\r\n            <slot></slot>\r\n          </div>\r\n          <div class=\"dda-container-fluid\">\r\n            <div class=\"dda-row\">\r\n              {this.left_button_name ?\r\n              <div class=\"dda-col dda-py-3 dda-card-button-wrap\">\r\n                   <dda-link-button button_color={this.left_button_color} start_icon={this.left_button_start_icon} end_icon={this.left_button_end_icon} custom_class=\"dda-w-100\" href={this.left_button_href || ''} rel={this.left_button_rel} button_id=\"link-button\" aria_label=\"link-Button\" link_button_text={this.left_button_name} target={this.left_button_target} ></dda-link-button>\r\n              </div>\r\n              : null}\r\n\r\n              {this.right_button_name ? \r\n              <div class=\"dda-col dda-py-3 dda-card-button-wrap\">\r\n                  <dda-link-button button_color={this.right_button_color} start_icon={this.right_button_start_icon} end_icon={this.right_button_end_icon} custom_class=\"dda-w-100\" href={this.right_button_href || ''} rel={this.right_button_rel} button_id=\"link-button\" aria_label=\"link-Button\" link_button_text={this.right_button_name} target={this.right_button_target} ></dda-link-button>\r\n              </div>\r\n               : null}\r\n            </div>\r\n          </div>\r\n          \r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"dda-image-card.js","sourceRoot":"","sources":["../../../../src/components/cards/dda-image-card/dda-image-card.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Host, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-image-card',\r\n  styleUrls: ['../../../global/global.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaImageCard {\r\n  @Prop() image_src: string;\r\n  @Prop() image_alt: string;\r\n  @Prop() header_text: string;\r\n  @Prop() body_text: string;\r\n  @Prop() date_text: string;\r\n\r\n  @Prop() left_button_color: string;\r\n  @Prop() left_button_name: string;\r\n  @Prop() left_button_href?: string;\r\n  @Prop() left_button_rel?: string;\r\n  @Prop() left_button_data_fancybox: string;\r\n  @Prop() left_button_start_icon: string = '';\r\n  @Prop() left_button_end_icon: string = '';\r\n  @Prop() left_button_target: string = '';\r\n\r\n  @Prop() right_button_color: string;\r\n  @Prop() right_button_name: string;\r\n  @Prop() right_button_href?: string;\r\n  @Prop() right_button_rel?: string;\r\n  @Prop() right_button_data_fancybox: string;\r\n  @Prop() right_button_start_icon: string = '';\r\n  @Prop() right_button_end_icon: string = '';\r\n  @Prop() right_button_target: string = '';\r\n\r\n  @Prop() left_button: string;\r\n  @Prop() right_button: string;\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n\r\n  @Prop() file_size: string = '';\r\n  @Prop() file_type: string = '';\r\n\r\n  @Event() navigatorClick?: EventEmitter<string>;\r\n  @Prop() useNavigator: 'true' | 'false' = 'false';\r\n\r\n  render() {\r\n    const cardClass = ['dda-card', this.custom_class ? `${this.custom_class}` : '', this.component_mode].filter(Boolean).join(' ');\r\n\r\n    return (\r\n      <Host>\r\n        <div class={cardClass}>\r\n          {this.image_src ? <img class=\"dda-card-img image-card\" src={this.image_src} alt={this.header_text} /> : null}\r\n          <div class=\"dda-p-3 dda-image-card-content\">\r\n            {this.date_text && <p class=\"dda-card-text dda-m-0\">{this.date_text}</p>}\r\n            <p class=\"dda-card-title dda-m-0\">{this.header_text}</p>\r\n            {this.body_text && <p class=\"dda-card-text dda-m-0\">{this.body_text}</p>}\r\n\r\n            {this.file_size ? <p class=\"dda-card-text dda-m-0\">{this.file_size}</p> : null}\r\n            {this.file_type ? <p class=\"dda-card-text dda-m-0\">{this.file_type}</p> : null}\r\n            <slot></slot>\r\n          </div>\r\n          <div class=\"dda-container-fluid\">\r\n            <div class=\"dda-row\">\r\n              {this.left_button_name ? (\r\n                <div class=\"dda-col dda-py-3 dda-card-button-wrap\">\r\n                  <dda-link-button\r\n                    button_color={this.left_button_color}\r\n                    start_icon={this.left_button_start_icon}\r\n                    end_icon={this.left_button_end_icon}\r\n                    custom_class=\"dda-w-100\"\r\n                    // href={this.left_button_href || ''}\r\n                    href={this.useNavigator == 'true' ? 'javascript:void(0)' : this.left_button_href}\r\n                    onClick={() => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.left_button_href) : '')}\r\n                    rel={this.left_button_rel}\r\n                    button_id=\"link-button\"\r\n                    aria_label=\"link-Button\"\r\n                    link_button_text={this.left_button_name}\r\n                    target={this.left_button_target}\r\n                  ></dda-link-button>\r\n                </div>\r\n              ) : null}\r\n\r\n              {this.right_button_name ? (\r\n                <div class=\"dda-col dda-py-3 dda-card-button-wrap\">\r\n                  <dda-link-button\r\n                    button_color={this.right_button_color}\r\n                    start_icon={this.right_button_start_icon}\r\n                    end_icon={this.right_button_end_icon}\r\n                    custom_class=\"dda-w-100\"\r\n                    // href={this.right_button_href || ''}\r\n                    href={this.useNavigator == 'true' ? 'javascript:void(0)' : this.right_button_href}\r\n                    onClick={() => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.right_button_href) : '')}\r\n                    rel={this.right_button_rel}\r\n                    button_id=\"link-button\"\r\n                    aria_label=\"link-Button\"\r\n                    link_button_text={this.right_button_name}\r\n                    target={this.right_button_target}\r\n                  ></dda-link-button>\r\n                </div>\r\n              ) : null}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/cards/dda-information-card/dda-information-card.js

@@ -8,18 +8,15 @@ export class DdaInformationCard {
         this.right_button_end_icon = '';
         this.right_button_target = '';
         this.custom_class = '';
+        this.useNavigator = 'false';
     }
     render() {
-        const cardClass = [
-            'dda-card',
-            this.custom_class ? `${this.custom_class}` : "",
-            this.component_mode,
-        ].filter(Boolean).join(' ');
-        return (h(Host, { key: '740027c3c056408c3a7a4fcb5fcd7dec19bf8b0d' }, h("div", { key: 'bb5f0cb23a0a4e6c40b36b2d0fc223d31c65e77d', class: cardClass }, h("div", { key: '9b78ba160c69760b696f9fe6b4825014acc64e8d', class: "dda-py-4 dda-px-3 " }, this.image_src ? h("img", { class: "dda-information-card-image", src: this.image_src, alt: this.image_alt }) : null, h("p", { key: '081208839c4c0bed3049dfe50b73193d0a9792c0', class: "dda-card-title dda-m-0" }, this.header_text), this.body_text && h("p", { key: 'a25e2f8eaf37b8da85d5874496452007f2b82a99', class: "dda-card-text dda-m-0" }, this.body_text)), h("div", { key: 'f543db26586c8e2238b25b3c1d4a4be76e873bf4', class: "dda-container-fluid" }, h("div", { key: '43260e4ac41b1e5944a7740a39648f9a14d540b7', class: "dda-row" }, this.left_button_name ?
-            h("div", { class: "dda-col dda-py-3 dda-card-button-wrap" }, h("dda-link-button", { button_color: "default-tertiary", start_icon: this.left_button_start_icon, end_icon: this.left_button_end_icon, custom_class: "dda-w-100", href: this.left_button_href || '', rel: this.left_button_rel, button_id: "link-button", aria_label: "link-Button", link_button_text: this.left_button_name, target: this.left_button_target }))
-            : null, this.right_button_name ?
-            h("div", { class: "dda-col dda-py-3 dda-card-button-wrap" }, h("dda-link-button", { button_color: "default-primary", start_icon: this.right_button_start_icon, end_icon: this.right_button_end_icon, custom_class: "dda-w-100", href: this.right_button_href || '', rel: this.right_button_rel, button_id: "link-button", aria_label: "link-Button", link_button_text: this.right_button_name, target: this.right_button_target }))
-            : null)), h("slot", { key: 'c4c07b37a60dc79d726b2702e79fdff1c69580a6' }))));
+        const cardClass = ['dda-card', this.custom_class ? `${this.custom_class}` : '', this.component_mode].filter(Boolean).join(' ');
+        return (h(Host, { key: '4d14d03cc8e9d2a50d9b72b46358ca034b93468c' }, h("div", { key: 'a6af852918c027caa99c76c77a2aea0eccbce2a5', class: cardClass }, h("div", { key: '9423b2c286a34fbd1f8c2a670d1326e9f9712360', class: "dda-py-4 dda-px-3 " }, this.image_src ? h("img", { class: "dda-information-card-image", src: this.image_src, alt: this.image_alt }) : null, h("p", { key: '5cf97066fdf4ff1f3596cd24af3400d63a4b776a', class: "dda-card-title dda-m-0" }, this.header_text), this.body_text && h("p", { key: '3ff97f925d35dfd6cbe0b962648da7a1faca38c1', class: "dda-card-text dda-m-0" }, this.body_text)), h("div", { key: '7e002ac27f4007e42e8bf9fb2d59379822eaca9d', class: "dda-container-fluid" }, h("div", { key: '1ad6dbdd624b2521c1656d3a438662210fb2c462', class: "dda-row" }, this.left_button_name ? (h("div", { class: "dda-col dda-py-3 dda-card-button-wrap" }, h("dda-link-button", { button_color: "default-tertiary", start_icon: this.left_button_start_icon, end_icon: this.left_button_end_icon, custom_class: "dda-w-100", href: this.useNavigator == 'true' ? 'javascript:void(0)' : this.left_button_href, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.left_button_href) : ''),
+            // href={this.left_button_href || ''}
+            rel: this.left_button_rel, button_id: "link-button", aria_label: "link-Button", link_button_text: this.left_button_name, target: this.left_button_target }))) : null, this.right_button_name ? (h("div", { class: "dda-col dda-py-3 dda-card-button-wrap" }, h("dda-link-button", { button_color: "default-primary", start_icon: this.right_button_start_icon, end_icon: this.right_button_end_icon, custom_class: "dda-w-100",
+            // href={this.right_button_href || ''}
+            href: this.useNavigator == 'true' ? 'javascript:void(0)' : this.right_button_href, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.right_button_href) : ''), rel: this.right_button_rel, button_id: "link-button", aria_label: "link-Button", link_button_text: this.right_button_name, target: this.right_button_target }))) : null)), h("slot", { key: '5b1dc7d22fecdf01c5395c8df2ff0b1fbe6e4789' }))));
     }
     static get is() { return "dda-information-card"; }
     static get originalStyleUrls() {
@@ -477,8 +474,46 @@ export class DdaInformationCard {
                 "setter": false,
                 "attribute": "component_mode",
                 "reflect": false
+            },
+            "useNavigator": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'true' | 'false'",
+                    "resolved": "\"false\" | \"true\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "use-navigator",
+                "reflect": false,
+                "defaultValue": "'false'"
             }
         };
     }
+    static get events() {
+        return [{
+                "method": "navigatorClick",
+                "name": "navigatorClick",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }];
+    }
 }
 //# sourceMappingURL=dda-information-card.js.map

package/dist/collection/components/cards/dda-information-card/dda-information-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"dda-information-card.js","sourceRoot":"","sources":["../../../../src/components/cards/dda-information-card/dda-information-card.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-information-card',\r\n  styleUrls: ['../../../global/global.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaInformationCard {\r\n  @Prop() image_src: string;\r\n  @Prop() image_alt: string;\r\n  @Prop() header_text: string;\r\n  @Prop() body_text: string;\r\n\r\n\r\n  @Prop() left_button_name: string;\r\n  @Prop() left_button_href?: string;\r\n  @Prop() left_button_rel?: string;\r\n  @Prop() left_button_data_fancybox: string;\r\n  @Prop() left_button_start_icon: string = '';\r\n  @Prop() left_button_end_icon: string = '';\r\n  @Prop() left_button_target: string = '';\r\n  \r\n  \r\n  @Prop() right_button_name: string;\r\n  @Prop() right_button_href?: string;\r\n  @Prop() right_button_rel?: string;\r\n  @Prop() right_button_data_fancybox: string;\r\n  @Prop() right_button_start_icon: string = '';\r\n  @Prop() right_button_end_icon: string = '';\r\n  @Prop() right_button_target: string = '';\r\n\r\n  @Prop() left_button: string;\r\n  @Prop() right_button: string;\r\n  @Prop() single_button: boolean;\r\n\r\n  @Prop() custom_class?: string = ''; \r\n  @Prop() component_mode?: string; \r\n\r\n\r\n  render() {\r\n    const cardClass = [\r\n      'dda-card',\r\n      this.custom_class ? `${this.custom_class}` : \"\",\r\n      this.component_mode,\r\n    ].filter(Boolean).join(' ');\r\n\r\n    return (\r\n      <Host>\r\n        <div class={cardClass}>\r\n          <div class=\"dda-py-4 dda-px-3 \">\r\n            {this.image_src ?  <img class=\"dda-information-card-image\" src={this.image_src} alt={this.image_alt} /> : null}\r\n            <p class=\"dda-card-title dda-m-0\">\r\n              {this.header_text}\r\n            </p>\r\n            {this.body_text && <p class=\"dda-card-text dda-m-0\">\r\n              {this.body_text}\r\n            </p>}\r\n          </div>\r\n          \r\n          <div class=\"dda-container-fluid\">\r\n            <div class=\"dda-row\">\r\n              {this.left_button_name ?\r\n              <div class=\"dda-col dda-py-3 dda-card-button-wrap\">\r\n                   <dda-link-button button_color=\"default-tertiary\" start_icon={this.left_button_start_icon} end_icon={this.left_button_end_icon} custom_class=\"dda-w-100\" href={this.left_button_href || ''} rel={this.left_button_rel} button_id=\"link-button\" aria_label=\"link-Button\" link_button_text={this.left_button_name} target={this.left_button_target} ></dda-link-button>\r\n              </div>\r\n              : null}\r\n\r\n              {this.right_button_name ? \r\n              <div class=\"dda-col dda-py-3 dda-card-button-wrap\">\r\n                  <dda-link-button button_color=\"default-primary\" start_icon={this.right_button_start_icon} end_icon={this.right_button_end_icon} custom_class=\"dda-w-100\" href={this.right_button_href || ''} rel={this.right_button_rel} button_id=\"link-button\" aria_label=\"link-Button\" link_button_text={this.right_button_name} target={this.right_button_target} ></dda-link-button>\r\n              </div>\r\n               : null}\r\n            </div>\r\n          </div>\r\n          <slot></slot>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"dda-information-card.js","sourceRoot":"","sources":["../../../../src/components/cards/dda-information-card/dda-information-card.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Host, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-information-card',\r\n  styleUrls: ['../../../global/global.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaInformationCard {\r\n  @Prop() image_src: string;\r\n  @Prop() image_alt: string;\r\n  @Prop() header_text: string;\r\n  @Prop() body_text: string;\r\n\r\n  @Prop() left_button_name: string;\r\n  @Prop() left_button_href?: string;\r\n  @Prop() left_button_rel?: string;\r\n  @Prop() left_button_data_fancybox: string;\r\n  @Prop() left_button_start_icon: string = '';\r\n  @Prop() left_button_end_icon: string = '';\r\n  @Prop() left_button_target: string = '';\r\n\r\n  @Prop() right_button_name: string;\r\n  @Prop() right_button_href?: string;\r\n  @Prop() right_button_rel?: string;\r\n  @Prop() right_button_data_fancybox: string;\r\n  @Prop() right_button_start_icon: string = '';\r\n  @Prop() right_button_end_icon: string = '';\r\n  @Prop() right_button_target: string = '';\r\n\r\n  @Prop() left_button: string;\r\n  @Prop() right_button: string;\r\n  @Prop() single_button: boolean;\r\n\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n\r\n  @Event() navigatorClick?: EventEmitter<string>;\r\n  @Prop() useNavigator: 'true' | 'false' = 'false';\r\n\r\n  render() {\r\n    const cardClass = ['dda-card', this.custom_class ? `${this.custom_class}` : '', this.component_mode].filter(Boolean).join(' ');\r\n\r\n    return (\r\n      <Host>\r\n        <div class={cardClass}>\r\n          <div class=\"dda-py-4 dda-px-3 \">\r\n            {this.image_src ? <img class=\"dda-information-card-image\" src={this.image_src} alt={this.image_alt} /> : null}\r\n            <p class=\"dda-card-title dda-m-0\">{this.header_text}</p>\r\n            {this.body_text && <p class=\"dda-card-text dda-m-0\">{this.body_text}</p>}\r\n          </div>\r\n\r\n          <div class=\"dda-container-fluid\">\r\n            <div class=\"dda-row\">\r\n              {this.left_button_name ? (\r\n                <div class=\"dda-col dda-py-3 dda-card-button-wrap\">\r\n                  <dda-link-button\r\n                    button_color=\"default-tertiary\"\r\n                    start_icon={this.left_button_start_icon}\r\n                    end_icon={this.left_button_end_icon}\r\n                    custom_class=\"dda-w-100\"\r\n                    href={this.useNavigator == 'true' ? 'javascript:void(0)' : this.left_button_href}\r\n                    onClick={() => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.left_button_href) : '')}\r\n                    // href={this.left_button_href || ''}\r\n                    rel={this.left_button_rel}\r\n                    button_id=\"link-button\"\r\n                    aria_label=\"link-Button\"\r\n                    link_button_text={this.left_button_name}\r\n                    target={this.left_button_target}\r\n                  ></dda-link-button>\r\n                </div>\r\n              ) : null}\r\n\r\n              {this.right_button_name ? (\r\n                <div class=\"dda-col dda-py-3 dda-card-button-wrap\">\r\n                  <dda-link-button\r\n                    button_color=\"default-primary\"\r\n                    start_icon={this.right_button_start_icon}\r\n                    end_icon={this.right_button_end_icon}\r\n                    custom_class=\"dda-w-100\"\r\n                    // href={this.right_button_href || ''}\r\n                    href={this.useNavigator == 'true' ? 'javascript:void(0)' : this.right_button_href}\r\n                    onClick={() => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.right_button_href) : '')}\r\n                    rel={this.right_button_rel}\r\n                    button_id=\"link-button\"\r\n                    aria_label=\"link-Button\"\r\n                    link_button_text={this.right_button_name}\r\n                    target={this.right_button_target}\r\n                  ></dda-link-button>\r\n                </div>\r\n              ) : null}\r\n            </div>\r\n          </div>\r\n          <slot></slot>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/dda-breadcrumb/dda-breadcrumb.js

@@ -5,6 +5,7 @@ export class DdaBreadcrumb {
         this.separator = 'chevron_right'; // Default to chevron separator
         this.aria_label = '';
         this.custom_class = '';
+        this.dataBreadcrumbs = "";
         this.breadcrumbs = [];
     }
     componentWillLoad() {
@@ -14,7 +15,7 @@ export class DdaBreadcrumb {
         }
     }
     render() {
-        return (h(Host, { key: 'f0d44d0fd8cd4a744a73bc8bcd954b9499a71358' }, h("div", { key: 'ef1dc15440e4fabc835666012ff6bc6f76c96364', class: this.component_mode }, h("nav", { key: '3110ba3f26a73b6da834432b7602a02f8989a8ca', "aria-label": this.aria_label, class: `${this.custom_class}` }, h("ol", { key: 'a82ce6ecc345c3e2ede47e6550931f81fc579d86', class: "dda-breadcrumb" }, this.breadcrumbs && this.breadcrumbs.map((crumb, index) => (h("li", { class: `dda-breadcrumb-item ${index === this.breadcrumbs.length - 1 ? 'active' : ''}` }, h("a", { href: crumb.url }, this.design !== 'text' && h("i", { class: `material-icons`, "aria-hidden": "true" }, crumb.icon), this.design !== 'icon' && h("span", null, crumb.text)), index < this.breadcrumbs.length - 1 && (h("i", { class: `material-icons material-symbols-outlined`, "aria-hidden": "true" }, this.separator))))))))));
+        return (h(Host, { key: '305f32fe125cca17ab7017f1c23b65a169fc5913' }, h("div", { key: '20bb08724075f4bc8a9a7c1c3b08a285bcab5e89', class: this.component_mode }, h("nav", { key: 'd54e1bc5a299af054dece4c598aecc7a47fd6c32', "aria-label": this.aria_label, class: `${this.custom_class}` }, h("ol", { key: 'aa07901fa53ecf5c9f16a3b4f13103e829c948ec', class: "dda-breadcrumb" }, this.breadcrumbs && this.breadcrumbs.map((crumb, index) => (h("li", { class: `dda-breadcrumb-item ${index === this.breadcrumbs.length - 1 ? 'active' : ''}` }, h("a", { href: crumb.url }, this.design !== 'text' && h("i", { class: `material-icons`, "aria-hidden": "true" }, crumb.icon), this.design !== 'icon' && h("span", null, crumb.text)), index < this.breadcrumbs.length - 1 && (h("i", { class: `material-icons material-symbols-outlined`, "aria-hidden": "true" }, this.separator))))))))));
     }
     static get is() { return "dda-breadcrumb"; }
     static get originalStyleUrls() {
@@ -127,6 +128,26 @@ export class DdaBreadcrumb {
                 "setter": false,
                 "attribute": "component_mode",
                 "reflect": false
+            },
+            "dataBreadcrumbs": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "data-breadcrumbs",
+                "reflect": false,
+                "defaultValue": "\"\""
             }
         };
     }

package/dist/collection/components/dda-breadcrumb/dda-breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"dda-breadcrumb.js","sourceRoot":"","sources":["../../../src/components/dda-breadcrumb/dda-breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAOlE,MAAM,OAAO,aAAa;IAL1B;QAMU,WAAM,GAAkC,MAAM,CAAC,CAAC,yBAAyB;QACzE,cAAS,GAAmC,eAAe,CAAC,CAAC,+BAA+B;QAC5F,eAAU,GAAY,EAAE,CAAC;QACzB,iBAAY,GAAY,EAAE,CAAC;QAInC,gBAAW,GAAkD,EAAE,CAAC;KAgCjE;IA9BC,iBAAiB;QACf,MAAM,eAAe,GAAG,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC;QACjE,IAAI,eAAe,EAAE,CAAC;YACpB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;QACjD,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,IAAI,CAAC,cAAc;gBAC7B,0EAAiB,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE;oBAC7D,2DAAI,KAAK,EAAC,gBAAgB,IACvB,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1D,UAAI,KAAK,EAAE,uBAAuB,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE;wBACvF,SAAG,IAAI,EAAE,KAAK,CAAC,GAAG;4BACf,IAAI,CAAC,MAAM,KAAK,MAAM,IAAI,SAAG,KAAK,EAAE,gBAAgB,iBAAc,MAAM,IAAE,KAAK,CAAC,IAAI,CAAK;4BACzF,IAAI,CAAC,MAAM,KAAK,MAAM,IAAI,gBAAO,KAAK,CAAC,IAAI,CAAQ,CAClD;wBACH,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CACtC,SAAG,KAAK,EAAE,0CAA0C,iBAAc,MAAM,IAAE,IAAI,CAAC,SAAS,CAAK,CAC9F,CACE,CACN,CAAC,CACC,CACD,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host, Element } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-breadcrumb',\r\n  styleUrls: ['dda-breadcrumb.css', '../../global/global.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaBreadcrumb {\r\n  @Prop() design: 'text' | 'icon-text' | 'icon' = 'text'; // Default to text design\r\n  @Prop() separator: 'chevron_right' | 'pen_size_2' = 'chevron_right'; // Default to chevron separator\r\n  @Prop() aria_label?: string = ''; \r\n  @Prop() custom_class?: string = ''; \r\n  @Prop() component_mode?: string; \r\n  @Element() el: HTMLElement;\r\n\r\n  breadcrumbs: { text: string; icon: string; url: string }[] = [];\r\n\r\n  componentWillLoad() {\r\n    const breadcrumbsData = this.el.getAttribute('data-breadcrumbs');\r\n    if (breadcrumbsData) {\r\n      this.breadcrumbs = JSON.parse(breadcrumbsData);\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class={this.component_mode}>\r\n          <nav aria-label={this.aria_label} class={`${this.custom_class}`}>\r\n            <ol class=\"dda-breadcrumb\">\r\n              {this.breadcrumbs && this.breadcrumbs.map((crumb, index) => (\r\n                <li class={`dda-breadcrumb-item ${index === this.breadcrumbs.length - 1 ? 'active' : ''}`}>\r\n                  <a href={crumb.url}>\r\n                    {this.design !== 'text' && <i class={`material-icons`} aria-hidden=\"true\">{crumb.icon}</i>}\r\n                    {this.design !== 'icon' && <span>{crumb.text}</span>}\r\n                  </a>\r\n                  {index < this.breadcrumbs.length - 1 && (\r\n                    <i class={`material-icons material-symbols-outlined`} aria-hidden=\"true\">{this.separator}</i>\r\n                  )}\r\n                </li>\r\n              ))}\r\n            </ol>\r\n          </nav>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"dda-breadcrumb.js","sourceRoot":"","sources":["../../../src/components/dda-breadcrumb/dda-breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAOlE,MAAM,OAAO,aAAa;IAL1B;QAMU,WAAM,GAAkC,MAAM,CAAC,CAAC,yBAAyB;QACzE,cAAS,GAAmC,eAAe,CAAC,CAAC,+BAA+B;QAC5F,eAAU,GAAY,EAAE,CAAC;QACzB,iBAAY,GAAY,EAAE,CAAC;QAE3B,oBAAe,GAAW,EAAE,CAAC;QAGrC,gBAAW,GAAkD,EAAE,CAAC;KAgCjE;IA9BC,iBAAiB;QACf,MAAM,eAAe,GAAG,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC;QACjE,IAAI,eAAe,EAAE,CAAC;YACpB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;QACjD,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,IAAI,CAAC,cAAc;gBAC7B,0EAAiB,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE;oBAC7D,2DAAI,KAAK,EAAC,gBAAgB,IACvB,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1D,UAAI,KAAK,EAAE,uBAAuB,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE;wBACvF,SAAG,IAAI,EAAE,KAAK,CAAC,GAAG;4BACf,IAAI,CAAC,MAAM,KAAK,MAAM,IAAI,SAAG,KAAK,EAAE,gBAAgB,iBAAc,MAAM,IAAE,KAAK,CAAC,IAAI,CAAK;4BACzF,IAAI,CAAC,MAAM,KAAK,MAAM,IAAI,gBAAO,KAAK,CAAC,IAAI,CAAQ,CAClD;wBACH,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CACtC,SAAG,KAAK,EAAE,0CAA0C,iBAAc,MAAM,IAAE,IAAI,CAAC,SAAS,CAAK,CAC9F,CACE,CACN,CAAC,CACC,CACD,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host, Element } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-breadcrumb',\r\n  styleUrls: ['dda-breadcrumb.css', '../../global/global.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaBreadcrumb {\r\n  @Prop() design: 'text' | 'icon-text' | 'icon' = 'text'; // Default to text design\r\n  @Prop() separator: 'chevron_right' | 'pen_size_2' = 'chevron_right'; // Default to chevron separator\r\n  @Prop() aria_label?: string = ''; \r\n  @Prop() custom_class?: string = ''; \r\n  @Prop() component_mode?: string; \r\n  @Prop() dataBreadcrumbs: string = \"\";\r\n  @Element() el: HTMLElement;\r\n\r\n  breadcrumbs: { text: string; icon: string; url: string }[] = [];\r\n\r\n  componentWillLoad() {\r\n    const breadcrumbsData = this.el.getAttribute('data-breadcrumbs');\r\n    if (breadcrumbsData) {\r\n      this.breadcrumbs = JSON.parse(breadcrumbsData);\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class={this.component_mode}>\r\n          <nav aria-label={this.aria_label} class={`${this.custom_class}`}>\r\n            <ol class=\"dda-breadcrumb\">\r\n              {this.breadcrumbs && this.breadcrumbs.map((crumb, index) => (\r\n                <li class={`dda-breadcrumb-item ${index === this.breadcrumbs.length - 1 ? 'active' : ''}`}>\r\n                  <a href={crumb.url}>\r\n                    {this.design !== 'text' && <i class={`material-icons`} aria-hidden=\"true\">{crumb.icon}</i>}\r\n                    {this.design !== 'icon' && <span>{crumb.text}</span>}\r\n                  </a>\r\n                  {index < this.breadcrumbs.length - 1 && (\r\n                    <i class={`material-icons material-symbols-outlined`} aria-hidden=\"true\">{this.separator}</i>\r\n                  )}\r\n                </li>\r\n              ))}\r\n            </ol>\r\n          </nav>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/dda-cards/dda-team-section-cards/dda-teamsection-card-variant-one/dda-teamsection-card-variant-one.js

@@ -3,6 +3,7 @@ export class DdaImageCard {
     constructor() {
         this.custom_class = '';
         this.card_type = 'variant-one';
+        this.useNavigator = 'false';
         this.social_icons = [];
         this.parsedSocialIcons = [];
     }
@@ -44,30 +45,33 @@ export class DdaImageCard {
                 //     </div>
                 //   )}
                 // </div>
-                h("div", { class: `${this.component_mode}`, role: "group", "aria-label": this.header_text || 'Team member card' }, this.image_src && (h("img", { src: this.image_src, alt: this.header_text ? `${this.header_text}'s profile picture` : 'Team member profile picture', class: "team-member-image" })), this.header_text && (h("div", { class: "dda-p-3 teamsection-type-one-body" }, h("div", { class: "teamsection-type-one-content" }, h("h5", { class: "h5 Regular" }, this.header_text), this.body_text && (h("p", { class: "body-text body Regular" }, this.body_text)))))));
+                h("div", { class: `${this.component_mode}`, role: "group", "aria-label": this.header_text || 'Team member card' }, this.image_src && (h("img", { src: this.image_src, alt: this.header_text ? `${this.header_text}'s profile picture` : 'Team member profile picture', class: "team-member-image" })), this.header_text && (h("div", { class: "dda-p-3 teamsection-type-one-body" }, h("div", { class: "teamsection-type-one-content" }, h("h5", { class: "h5 Regular" }, this.header_text), this.body_text && h("p", { class: "body-text body Regular" }, this.body_text))))));
             case 'variant-two':
-                return (h("div", { class: `${this.component_mode}`, role: "group", "aria-label": this.header_text || 'Team member card' }, this.image_src && (h("img", { src: this.image_src, alt: this.header_text ? `${this.header_text}'s profile picture` : 'Team member profile picture' })), this.header_text && (h("div", { class: "dda-pt-3" }, h("h5", { class: "h5 Regular" }, this.header_text), this.body_text && (h("p", { class: "body-text body Regular" }, this.body_text))))));
+                return (h("div", { class: `${this.component_mode}`, role: "group", "aria-label": this.header_text || 'Team member card' }, this.image_src && h("img", { src: this.image_src, alt: this.header_text ? `${this.header_text}'s profile picture` : 'Team member profile picture' }), this.header_text && (h("div", { class: "dda-pt-3" }, h("h5", { class: "h5 Regular" }, this.header_text), this.body_text && h("p", { class: "body-text body Regular" }, this.body_text)))));
             case 'variant-three':
-                return (h("div", { class: `${this.component_mode}`, role: "group", "aria-label": this.header_text || 'Team member card' }, this.image_src && (h("img", { src: this.image_src, alt: this.header_text ? `${this.header_text}'s profile picture` : 'Team member profile picture' })), this.header_text && (h("div", { class: "dda-pt-3 dda-mb-3" }, h("h5", { class: "h5 Regular" }, this.header_text), this.body_text && (h("p", { class: "body-text body Regular" }, this.body_text)))), ((_a = this.parsedSocialIcons) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("ul", { class: "dda-social-icons-card", "aria-label": `${this.header_text} Social media links` }, this.parsedSocialIcons.map((item, index) => (h("li", { key: index }, h("a", { href: item.SocialLink, title: item.SocialLinkTitle || item.SocialIconText || 'Social media link', target: "_blank", rel: "noopener noreferrer", "aria-label": item.SocialIconText || item.SocialLinkTitle || 'Social media link' }, item.SocialIconSrc && (h("img", { src: item.SocialIconSrc, alt: item.SocialIconAlt || item.SocialIconText || '', class: "social-icon" })), item.SocialIconText && (h("span", { class: "visually-hidden" }, item.SocialIconText))))))))));
+                return (h("div", { class: `${this.component_mode}`, role: "group", "aria-label": this.header_text || 'Team member card' }, this.image_src && h("img", { src: this.image_src, alt: this.header_text ? `${this.header_text}'s profile picture` : 'Team member profile picture' }), this.header_text && (h("div", { class: "dda-pt-3 dda-mb-3" }, h("h5", { class: "h5 Regular" }, this.header_text), this.body_text && h("p", { class: "body-text body Regular" }, this.body_text))), ((_a = this.parsedSocialIcons) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("ul", { class: "dda-social-icons-card", "aria-label": `${this.header_text} Social media links` }, this.parsedSocialIcons.map((item, index) => (h("li", { key: index }, h("a", {
+                    // href={item.SocialLink}
+                    href: this.useNavigator == 'true' ? 'javascript:void(0)' : item.SocialLink, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(item.SocialLink) : ''), title: item.SocialLinkTitle || item.SocialIconText || 'Social media link', target: "_blank", rel: "noopener noreferrer", "aria-label": item.SocialIconText || item.SocialLinkTitle || 'Social media link'
+                }, item.SocialIconSrc && h("img", { src: item.SocialIconSrc, alt: item.SocialIconAlt || item.SocialIconText || '', class: "social-icon" }), item.SocialIconText && h("span", { class: "visually-hidden" }, item.SocialIconText)))))))));
             case 'variant-four':
-                return (h("div", { class: `${this.component_mode}`, role: "group", "aria-label": `Team member card${this.header_text ? ` for ${this.header_text}` : ''}` }, h("div", { class: "dda-row no-gutters" }, h("div", { class: "dda-col-sm-4 dda-p-0" }, h("img", { src: this.image_src, alt: this.header_text ? `${this.header_text}'s profile photo` : 'Team member profile photo' })), h("div", { class: "dda-col-sm-8" }, h("div", { class: "dda-h-100 dda-d-flex dda-align-items-center" }, h("div", { class: "dda-teamsection-variant-four-body dda-py-4 dda-d-flex dda-flex-column dda-gap-4" }, h("div", null, this.header_text && (h("h5", { class: "h5 Regular", "aria-label": "Team member name" }, this.header_text)), this.profession && (h("p", { class: "body Regular dda-color-primary", "aria-label": "Profession" }, this.profession))), this.body_text && (h("p", { class: "body-text body Regular" }, this.body_text)), ((_b = this.parsedSocialIcons) === null || _b === void 0 ? void 0 : _b.length) > 0 && (h("ul", { class: "dda-social-icons-card", "aria-label": `${this.header_text} Social media links` }, this.parsedSocialIcons.map((item, index) => (h("li", { key: index }, h("a", { href: item.SocialLink, title: item.SocialLinkTitle || item.SocialIconText || 'Social media link', "aria-label": item.SocialIconText || item.SocialLinkTitle || 'Social media link', target: "_blank", rel: "noopener noreferrer" }, item.SocialIconSrc && (h("img", { src: item.SocialIconSrc, alt: item.SocialIconAlt || item.SocialIconText || 'Social media icon' })), item.SocialIconText && (h("span", { class: "visually-hidden" }, item.SocialIconText))))))))))))));
+                return (h("div", { class: `${this.component_mode}`, role: "group", "aria-label": `Team member card${this.header_text ? ` for ${this.header_text}` : ''}` }, h("div", { class: "dda-row no-gutters" }, h("div", { class: "dda-col-sm-4 dda-p-0" }, h("img", { src: this.image_src, alt: this.header_text ? `${this.header_text}'s profile photo` : 'Team member profile photo' })), h("div", { class: "dda-col-sm-8" }, h("div", { class: "dda-h-100 dda-d-flex dda-align-items-center" }, h("div", { class: "dda-teamsection-variant-four-body dda-py-4 dda-d-flex dda-flex-column dda-gap-4" }, h("div", null, this.header_text && (h("h5", { class: "h5 Regular", "aria-label": "Team member name" }, this.header_text)), this.profession && (h("p", { class: "body Regular dda-color-primary", "aria-label": "Profession" }, this.profession))), this.body_text && h("p", { class: "body-text body Regular" }, this.body_text), ((_b = this.parsedSocialIcons) === null || _b === void 0 ? void 0 : _b.length) > 0 && (h("ul", { class: "dda-social-icons-card", "aria-label": `${this.header_text} Social media links` }, this.parsedSocialIcons.map((item, index) => (h("li", { key: index }, h("a", {
+                    // href={item.SocialLink}
+                    href: this.useNavigator == 'true' ? 'javascript:void(0)' : item.SocialLink, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(item.SocialLink) : ''), title: item.SocialLinkTitle || item.SocialIconText || 'Social media link', "aria-label": item.SocialIconText || item.SocialLinkTitle || 'Social media link', target: "_blank", rel: "noopener noreferrer"
+                }, item.SocialIconSrc && h("img", { src: item.SocialIconSrc, alt: item.SocialIconAlt || item.SocialIconText || 'Social media icon' }), item.SocialIconText && h("span", { class: "visually-hidden" }, item.SocialIconText)))))))))))));
             case 'variant-five':
-                return (h("div", { class: `${this.component_mode}`, role: "group", "aria-label": `Team member card${this.header_text ? ` for ${this.header_text}` : ''}` }, this.image_src && (h("img", { src: this.image_src, alt: this.header_text ? `${this.header_text}'s profile photo` : 'Team member profile photo' })), this.header_text && (h("div", { class: "dda-p-3 teamsection-type-five-body" }, h("div", null, h("h5", { class: "h5 Regular", "aria-label": "Team member name" }, this.header_text), this.body_text && (h("p", { class: "body-text body Regular" }, this.body_text)))))));
+                return (h("div", { class: `${this.component_mode}`, role: "group", "aria-label": `Team member card${this.header_text ? ` for ${this.header_text}` : ''}` }, this.image_src && h("img", { src: this.image_src, alt: this.header_text ? `${this.header_text}'s profile photo` : 'Team member profile photo' }), this.header_text && (h("div", { class: "dda-p-3 teamsection-type-five-body" }, h("div", null, h("h5", { class: "h5 Regular", "aria-label": "Team member name" }, this.header_text), this.body_text && h("p", { class: "body-text body Regular" }, this.body_text))))));
             case 'variant-six':
-                return (h("div", { class: `dda-teamsection-variant-six ${this.component_mode}`, role: "group", "aria-label": `Team member card${this.header_text ? ` for ${this.header_text}` : ''}` }, this.image_src && (h("img", { class: "dda-rounded-circle", src: this.image_src, alt: this.header_text ? `${this.header_text}'s profile photo` : 'Team member profile photo' })), this.header_text && (h("div", { class: "dda-col" }, h("h5", { class: "h5 Regular", "aria-label": "Team member name" }, this.header_text), this.body_text && (h("p", { class: "body-text body Regular" }, this.body_text))))));
+                return (h("div", { class: `dda-teamsection-variant-six ${this.component_mode}`, role: "group", "aria-label": `Team member card${this.header_text ? ` for ${this.header_text}` : ''}` }, this.image_src && h("img", { class: "dda-rounded-circle", src: this.image_src, alt: this.header_text ? `${this.header_text}'s profile photo` : 'Team member profile photo' }), this.header_text && (h("div", { class: "dda-col" }, h("h5", { class: "h5 Regular", "aria-label": "Team member name" }, this.header_text), this.body_text && h("p", { class: "body-text body Regular" }, this.body_text)))));
             case 'variant-seven':
-                return (h("div", { class: `dda-teamsection-variant-seven ${this.component_mode}`, role: "group", "aria-label": `Team member card${this.header_text ? ` for ${this.header_text}` : ''}` }, this.image_src && (h("img", { class: "", src: this.image_src, alt: this.header_text ? `${this.header_text}'s profile photo` : 'Team member profile photo' })), this.header_text && (h("div", null, h("h5", { class: "h5 Regular", "aria-label": "Team member name" }, this.header_text), this.body_text && (h("p", { class: "body-text body Regular" }, this.body_text))))));
+                return (h("div", { class: `dda-teamsection-variant-seven ${this.component_mode}`, role: "group", "aria-label": `Team member card${this.header_text ? ` for ${this.header_text}` : ''}` }, this.image_src && h("img", { class: "", src: this.image_src, alt: this.header_text ? `${this.header_text}'s profile photo` : 'Team member profile photo' }), this.header_text && (h("div", null, h("h5", { class: "h5 Regular", "aria-label": "Team member name" }, this.header_text), this.body_text && h("p", { class: "body-text body Regular" }, this.body_text)))));
             case 'variant-eight':
-                return (h("div", { class: `dda-teamsection-variant-eight ${this.component_mode}`, role: "group", "aria-label": `Team member card${this.header_text ? ` for ${this.header_text}` : ''}` }, this.image_src && (h("img", { class: "", src: this.image_src, alt: this.header_text ? `${this.header_text}'s profile photo` : 'Team member profile photo' })), h("div", null, this.header_text && (h("h5", { class: "h5 Regular", "aria-label": "Team member name" }, this.header_text)), this.body_text && (h("p", { class: "body-text body Regular" }, this.body_text))), this.body_text_two && (h("p", { class: "body-text body Regular" }, this.body_text_two))));
+                return (h("div", { class: `dda-teamsection-variant-eight ${this.component_mode}`, role: "group", "aria-label": `Team member card${this.header_text ? ` for ${this.header_text}` : ''}` }, this.image_src && h("img", { class: "", src: this.image_src, alt: this.header_text ? `${this.header_text}'s profile photo` : 'Team member profile photo' }), h("div", null, this.header_text && (h("h5", { class: "h5 Regular", "aria-label": "Team member name" }, this.header_text)), this.body_text && h("p", { class: "body-text body Regular" }, this.body_text)), this.body_text_two && h("p", { class: "body-text body Regular" }, this.body_text_two)));
             // Add 'full' case if needed later.
         }
     }
     render() {
-        const cardClass = [
-            'dda-teamsection-card',
-            this.custom_class,
-        ].filter(Boolean).join(' ');
-        return (h(Host, { key: 'c1c1c638ea305d82acfc619d6a824ad01603e547' }, h("div", { key: 'abe271e2669750f18e245c651ad2baa075bf8467', class: cardClass }, this.renderCards())));
+        const cardClass = ['dda-teamsection-card', this.custom_class].filter(Boolean).join(' ');
+        return (h(Host, { key: '46a1513dcf4e312c29d97098d058ab1a0279681e' }, h("div", { key: '4ebf1e12a7c77022d258233805286bfc95a7ad0d', class: cardClass }, this.renderCards())));
     }
     static get is() { return "dda-teamsection-card"; }
     static get originalStyleUrls() {
@@ -255,6 +259,26 @@ export class DdaImageCard {
                 "reflect": false,
                 "defaultValue": "'variant-one'"
             },
+            "useNavigator": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'true' | 'false'",
+                    "resolved": "\"false\" | \"true\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "use-navigator",
+                "reflect": false,
+                "defaultValue": "'false'"
+            },
             "social_icons": {
                 "type": "any",
                 "mutable": false,
@@ -282,6 +306,24 @@ export class DdaImageCard {
             "parsedSocialIcons": {}
         };
     }
+    static get events() {
+        return [{
+                "method": "navigatorClick",
+                "name": "navigatorClick",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }];
+    }
     static get watchers() {
         return [{
                 "propName": "social_icons",