@dubai-design-system/components-js 3.12.4 → 3.12.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/dda-attach-file.cjs.entry.js +5 -2
- package/dist/cjs/dda-attach-file.cjs.entry.js.map +1 -1
- package/dist/cjs/dda-header.cjs.entry.js +8 -5
- package/dist/cjs/dda-header.cjs.entry.js.map +1 -1
- package/dist/cjs/dda-horizontal-stepper.cjs.entry.js +1 -1
- package/dist/cjs/dda-segmented-tabs.cjs.entry.js +1 -1
- package/dist/cjs/dda-select.cjs.entry.js +9 -2
- package/dist/cjs/dda-select.cjs.entry.js.map +1 -1
- package/dist/cjs/dda-split-button.cjs.entry.js +104 -0
- package/dist/cjs/dda-split-button.cjs.entry.js.map +1 -0
- package/dist/cjs/dda-sticky-footer.cjs.entry.js +1 -1
- package/dist/cjs/dda-tabs.cjs.entry.js +1 -1
- package/dist/cjs/dda-textarea.cjs.entry.js +1 -1
- package/dist/cjs/dda-toggle.cjs.entry.js +2 -2
- package/dist/cjs/dda-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/dda-vertical-stepper.cjs.entry.js +1 -1
- package/dist/cjs/dda.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/dda-attach-file/dda-attach-file.js +24 -2
- package/dist/collection/components/dda-attach-file/dda-attach-file.js.map +1 -1
- package/dist/collection/components/dda-attach-file/dda-attach-file.stories.js +3 -0
- package/dist/collection/components/dda-attach-file/dda-attach-file.stories.js.map +1 -1
- package/dist/collection/components/dda-header/dda-header.js +8 -5
- package/dist/collection/components/dda-header/dda-header.js.map +1 -1
- package/dist/collection/components/dda-header/dda-header.stories.js +7 -0
- package/dist/collection/components/dda-header/dda-header.stories.js.map +1 -1
- package/dist/collection/components/dda-select/dda-select.js +12 -2
- package/dist/collection/components/dda-select/dda-select.js.map +1 -1
- package/dist/collection/components/dda-select/dda-select.stories.js +4 -3
- package/dist/collection/components/dda-select/dda-select.stories.js.map +1 -1
- package/dist/collection/components/dda-split-button/dda-split-button.js +442 -0
- package/dist/collection/components/dda-split-button/dda-split-button.js.map +1 -0
- package/dist/collection/components/dda-split-button/dda-split-button.stories.js +144 -0
- package/dist/collection/components/dda-split-button/dda-split-button.stories.js.map +1 -0
- package/dist/collection/components/dda-sticky-footer/dda-sticky-footer.js +1 -1
- package/dist/collection/components/dda-tabs/dda-tabs.js +1 -1
- package/dist/collection/components/dda-textarea/dda-textarea.js +1 -1
- package/dist/collection/components/dda-toggle/dda-toggle.js +2 -2
- package/dist/collection/components/dda-tooltip/dda-tooltip.js +1 -1
- package/dist/collection/components/segmented-groups/dda-segmented-tabs/dda-segmented-tabs.js +1 -1
- package/dist/collection/components/stepper/dda-horizontal-stepper/dda-horizontal-stepper.js +1 -1
- package/dist/collection/components/stepper/dda-vertical-stepper/dda-vertical-stepper.js +1 -1
- package/dist/collection/global/global.css +2988 -0
- package/dist/collection/global/input.css +674 -0
- package/dist/components/dda-attach-file.js +6 -2
- package/dist/components/dda-attach-file.js.map +1 -1
- package/dist/components/dda-header.js +9 -6
- package/dist/components/dda-header.js.map +1 -1
- package/dist/components/dda-horizontal-stepper.js +1 -1
- package/dist/components/dda-segmented-tabs.js +1 -1
- package/dist/components/dda-select.js +9 -2
- package/dist/components/dda-select.js.map +1 -1
- package/dist/components/dda-split-button.d.ts +11 -0
- package/dist/components/dda-split-button.js +136 -0
- package/dist/components/dda-split-button.js.map +1 -0
- package/dist/components/dda-sticky-footer.js +2 -2
- package/dist/components/dda-tabs.js +1 -1
- package/dist/components/dda-textarea.js +1 -1
- package/dist/components/dda-toggle.js +2 -2
- package/dist/components/dda-tooltip.js +1 -1
- package/dist/components/dda-vertical-stepper.js +1 -1
- package/dist/components/{p-e5df7bea.js → p-ba13ee0a.js} +2 -2
- package/dist/components/{p-e5df7bea.js.map → p-ba13ee0a.js.map} +1 -1
- package/dist/dda/dda.css +1 -1
- package/dist/dda/dda.esm.js +1 -1
- package/dist/dda/dda.esm.js.map +1 -1
- package/dist/dda/{p-e5783b18.entry.js → p-207203ae.entry.js} +2 -2
- package/dist/dda/p-3d1bd318.entry.js +2 -0
- package/dist/dda/p-3d1bd318.entry.js.map +1 -0
- package/dist/dda/{p-6907700e.entry.js → p-3fef96a8.entry.js} +2 -2
- package/dist/dda/{p-bdaee99c.entry.js → p-5bf0d4fe.entry.js} +2 -2
- package/dist/dda/{p-448d72f4.entry.js → p-5c5aeda7.entry.js} +2 -2
- package/dist/dda/p-5c5aeda7.entry.js.map +1 -0
- package/dist/dda/{p-3e36c414.entry.js → p-5d47716e.entry.js} +2 -2
- package/dist/dda/{p-a42f8db6.entry.js → p-60d855a6.entry.js} +2 -2
- package/dist/dda/{p-90c3c3b3.entry.js → p-6fd79768.entry.js} +2 -2
- package/{www/build/p-1cf47f82.entry.js → dist/dda/p-9636f669.entry.js} +2 -2
- package/dist/dda/{p-cd518bfb.entry.js → p-9c090bc6.entry.js} +2 -2
- package/dist/dda/p-9c090bc6.entry.js.map +1 -0
- package/dist/dda/{p-f60d6c1f.entry.js → p-b48e061c.entry.js} +2 -2
- package/dist/dda/p-dca57f55.entry.js +2 -0
- package/dist/dda/p-dca57f55.entry.js.map +1 -0
- package/dist/esm/dda-attach-file.entry.js +5 -2
- package/dist/esm/dda-attach-file.entry.js.map +1 -1
- package/dist/esm/dda-header.entry.js +8 -5
- package/dist/esm/dda-header.entry.js.map +1 -1
- package/dist/esm/dda-horizontal-stepper.entry.js +1 -1
- package/dist/esm/dda-segmented-tabs.entry.js +1 -1
- package/dist/esm/dda-select.entry.js +9 -2
- package/dist/esm/dda-select.entry.js.map +1 -1
- package/dist/esm/dda-split-button.entry.js +100 -0
- package/dist/esm/dda-split-button.entry.js.map +1 -0
- package/dist/esm/dda-sticky-footer.entry.js +1 -1
- package/dist/esm/dda-tabs.entry.js +1 -1
- package/dist/esm/dda-textarea.entry.js +1 -1
- package/dist/esm/dda-toggle.entry.js +2 -2
- package/dist/esm/dda-tooltip.entry.js +1 -1
- package/dist/esm/dda-vertical-stepper.entry.js +1 -1
- package/dist/esm/dda.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/dda-attach-file/dda-attach-file.d.ts +1 -0
- package/dist/types/components/dda-attach-file/dda-attach-file.stories.d.ts +4 -0
- package/dist/types/components/dda-split-button/dda-split-button.d.ts +36 -0
- package/dist/types/components/dda-split-button/dda-split-button.stories.d.ts +79 -0
- package/dist/types/components.d.ts +63 -0
- package/package.json +2 -2
- package/readme.md +11 -0
- package/www/build/dda.css +1 -1
- package/www/build/dda.esm.js +1 -1
- package/www/build/dda.esm.js.map +1 -1
- package/www/build/{p-e5783b18.entry.js → p-207203ae.entry.js} +2 -2
- package/www/build/p-3d1bd318.entry.js +2 -0
- package/www/build/p-3d1bd318.entry.js.map +1 -0
- package/www/build/{p-6907700e.entry.js → p-3fef96a8.entry.js} +2 -2
- package/www/build/{p-44246d95.css → p-46ac0422.css} +1 -1
- package/www/build/{p-bdaee99c.entry.js → p-5bf0d4fe.entry.js} +2 -2
- package/www/build/{p-448d72f4.entry.js → p-5c5aeda7.entry.js} +2 -2
- package/www/build/p-5c5aeda7.entry.js.map +1 -0
- package/www/build/{p-3e36c414.entry.js → p-5d47716e.entry.js} +2 -2
- package/www/build/{p-a42f8db6.entry.js → p-60d855a6.entry.js} +2 -2
- package/www/build/{p-90c3c3b3.entry.js → p-6fd79768.entry.js} +2 -2
- package/{dist/dda/p-1cf47f82.entry.js → www/build/p-9636f669.entry.js} +2 -2
- package/www/build/{p-cd518bfb.entry.js → p-9c090bc6.entry.js} +2 -2
- package/www/build/p-9c090bc6.entry.js.map +1 -0
- package/www/build/{p-f60d6c1f.entry.js → p-b48e061c.entry.js} +2 -2
- package/www/build/p-dca57f55.entry.js +2 -0
- package/www/build/p-dca57f55.entry.js.map +1 -0
- package/dist/dda/p-210d62fb.entry.js +0 -2
- package/dist/dda/p-210d62fb.entry.js.map +0 -1
- package/dist/dda/p-448d72f4.entry.js.map +0 -1
- package/dist/dda/p-cd518bfb.entry.js.map +0 -1
- package/www/build/p-210d62fb.entry.js +0 -2
- package/www/build/p-210d62fb.entry.js.map +0 -1
- package/www/build/p-448d72f4.entry.js.map +0 -1
- package/www/build/p-cd518bfb.entry.js.map +0 -1
- /package/dist/dda/{p-e5783b18.entry.js.map → p-207203ae.entry.js.map} +0 -0
- /package/dist/dda/{p-6907700e.entry.js.map → p-3fef96a8.entry.js.map} +0 -0
- /package/dist/dda/{p-bdaee99c.entry.js.map → p-5bf0d4fe.entry.js.map} +0 -0
- /package/dist/dda/{p-3e36c414.entry.js.map → p-5d47716e.entry.js.map} +0 -0
- /package/dist/dda/{p-a42f8db6.entry.js.map → p-60d855a6.entry.js.map} +0 -0
- /package/dist/dda/{p-90c3c3b3.entry.js.map → p-6fd79768.entry.js.map} +0 -0
- /package/dist/dda/{p-1cf47f82.entry.js.map → p-9636f669.entry.js.map} +0 -0
- /package/dist/dda/{p-f60d6c1f.entry.js.map → p-b48e061c.entry.js.map} +0 -0
- /package/www/build/{p-e5783b18.entry.js.map → p-207203ae.entry.js.map} +0 -0
- /package/www/build/{p-6907700e.entry.js.map → p-3fef96a8.entry.js.map} +0 -0
- /package/www/build/{p-bdaee99c.entry.js.map → p-5bf0d4fe.entry.js.map} +0 -0
- /package/www/build/{p-3e36c414.entry.js.map → p-5d47716e.entry.js.map} +0 -0
- /package/www/build/{p-a42f8db6.entry.js.map → p-60d855a6.entry.js.map} +0 -0
- /package/www/build/{p-90c3c3b3.entry.js.map → p-6fd79768.entry.js.map} +0 -0
- /package/www/build/{p-1cf47f82.entry.js.map → p-9636f669.entry.js.map} +0 -0
- /package/www/build/{p-f60d6c1f.entry.js.map → p-b48e061c.entry.js.map} +0 -0
|
@@ -75,7 +75,7 @@ export class DdaStickyFooter {
|
|
|
75
75
|
render() {
|
|
76
76
|
const footmiddlesection = this.parseJsonArray(this.middleLink);
|
|
77
77
|
const footrightsection = this.parseJsonArray(this.rightLink);
|
|
78
|
-
return (h("div", { key: '
|
|
78
|
+
return (h("div", { key: '2c8c603c8d9a77b0fe438852b2d029fdec0eabfa', class: { 'dda-footer': true, 'hidden': this.isHidden } }, h("div", { key: '1465e988b3fdd71b3c5d46af57b36bdef32f6c25', class: "footer-content" }, h("div", { key: 'd8a62756f7060347b423e50515a92f9dd5f9038e', class: "dda-footer-item dda-footer-left" }, h("ul", { key: '6243f8c0124cf89b2cf43486948bc40872157128' }, this.happinessIconSrc && (h("li", { key: '2df7302fb6cce0415071eef0e7340f33d808791c', class: "foot-icon-btn" }, h("dda-tooltip", { key: 'f701d7d8fe4a143a5bc1c4b3845bcaf079029298', title_text: this.happinessIconTooltip, description: "", position: "top" }, h("a", { key: '2d7c2b024978ba9e40b84545752073e795690469', href: this.happinessIconHref, id: this.happinessIconId, onClick: this.happinessIconClick }, h("img", { key: 'a67456f116dc1228e9e755045039f1fd45b845ec', src: this.colorTheme == 'light' ? this.happinessIconSrc : this.happinessIconSrcDark, alt: this.happinessIconAlt }), h("span", { key: 'a70dd75c3cb3c0db3c1c740527034da266f45f66', class: "visually-hidden" }, this.happinessIconTooltip))))), this.accessibilityIconSrc && (h("li", { key: 'a652e3578709b1baa06929bec870d545aaff6cb5', class: "foot-icon-btn" }, h("dda-tooltip", { key: 'c2a75c4013ab6fe2aedeb127371743c887c699db', title_text: this.accessibilityIconTooltip, description: "", position: "top" }, h("a", { key: '050f73f62864322eab29c793d7899e4bac01ac45', href: this.accessibilityIconHref, id: this.accessibilityIconId, onClick: this.accessibilityIconClick }, h("img", { key: 'f18b4b7a059d7ec79e4e650da5eb6ff9af13317e', src: this.colorTheme == 'light' ? this.accessibilityIconSrc : this.accessibilityIconSrcDark, alt: this.accessibilityIconAlt }), h("span", { key: '6a31bcd8f57e3ae429e254004e3469c2b0796b29', class: "visually-hidden" }, this.accessibilityIconTooltip))))), this.servicesIconText && (h("li", { key: '07191215d98e48678df5f989ec5b6d95eec4612d', class: "foot-icon-btn" }, h("dda-tooltip", { key: 'b45f6372cb4ffade791d8c12fbf4459654ddb085', title_text: this.servicesIconTooltip, description: "", position: "top" }, h("a", { key: 'b931a351348702593afc0f78b0a44b3e9bfc3a83', href: this.servicesIconHref, id: this.servicesIconId, onClick: this.servicesIconClick }, h("img", { key: '2a6ffadaede9b826f56bad68f3c6a73d3b7152e8', src: this.colorTheme == 'light' ? this.servicesIconSrc : this.servicesIconSrcDark, alt: this.servicesIconAlt }), h("span", { key: 'ffe989a39d04b9d97bf94ab4563693fdc57d3104' }, this.servicesIconText))))))), !this.hideMiddleSection && (h("div", { key: 'a682adf8291542d5e9f0d1b6fe32fd18371cdd0f', class: "dda-footer-item dda-footer-middle" }, h("ul", { key: '5bba39224a284a6fefd31e8aeeb659757d8254c3', class: "foot-logo" }, footmiddlesection.map((middleItem, index) => (h("li", { key: index }, h("dda-tooltip", { title_text: middleItem.LogoTooltip, description: "", position: "top" }, h("a", { href: middleItem.href, onClick: () => this.middleItemClick(middleItem) }, h("img", { src: this.colorTheme == 'light' ? middleItem.src : middleItem.srcDark, alt: middleItem.alt }), h("span", { class: "visually-hidden" }, middleItem.LogoTooltip))))))))), h("div", { key: 'a578fd2467de48cf0b58568ccb19062e82f922a7', class: "dda-footer-item dda-footer-right" }, h("ul", { key: '2f51dca596fe879996da4011f5cf211b18982a53', class: "foot-right_links" }, footrightsection.map((rightItem, index) => (h("li", { class: "foot-icon-btn", key: index }, h("dda-tooltip", { title_text: rightItem.RightLinkTooltip, description: "", position: "top" }, h("a", { href: rightItem.href, title: rightItem.title, "aria-label": `${rightItem.IconName} ${rightItem.LinkText}`, id: rightItem.itemId, onClick: () => this.rightItemClick(rightItem) }, h("i", { class: rightItem.IconFamily }, rightItem.IconName), h("span", null, rightItem.LinkText)))))), this.dubaiaeIconSrc && this.dubaiaeIconSmallSrc && (h("li", { key: 'd39c9964f72718321fcb10d4ba2b08b98d68cd29', class: "foot-icon-btn" }, h("dda-tooltip", { key: '10a9f74b03dab79f6a8c756365de254c722122f9', title_text: this.dubaiaeIconTooltip, description: "", position: "top" }, h("a", { key: '6ad62624a41f91850d028ca1ba5d57dacf20c904', href: this.dubaiaeIconHref, onClick: this.dubaiAEClick, id: this.dubaiaeIconId }, h("img", { key: 'cab8f6083ee3321286bf792d5387671d21478bed', class: "dubaiae-text-icon", src: this.colorTheme == 'light' ? this.dubaiaeIconSrc : this.dubaiaeIconSrcDark, alt: `${this.dubaiaeIconAlt} icon desktop` }), h("img", { key: '20210718563718db8e160e55ae4a1c6c7d0ea752', class: "dubaiae-small-icon", src: this.dubaiaeIconSmallSrc, alt: `${this.dubaiaeIconAlt} icon mobile` }), h("span", { key: '3d445f04c6cae96b63eb30e53fa157a96a986182', class: "visually-hidden" }, this.dubaiaeIconTooltip))))), this.aiIconSrc && (h("li", { key: '49d50b71a4450eb8df3e9be7abd5024ec4da4b77', class: "foot-icon-btn" }, h("dda-tooltip", { key: '974b3e47a4d9e7a694e6e65f68826a2f2e5e281e', title_text: this.aiIconTooltip, description: "", position: "top" }, h("a", { key: 'eb2aed45d6b7c427c8661987aa5c24eac834d696', href: this.aiIconHref, onClick: this.aiIconClick, id: this.aiIconId }, h("img", { key: '32793e4be5d24cc960db298f57316da61d6ce884', src: this.colorTheme == 'light' ? this.aiIconSrc : this.aiIconSrcDark, alt: this.aiIconAlt }), h("span", { key: 'a21f074687baa51f29ce80d8d9f90ce0a24ffdce', class: "visually-hidden" }, this.aiIconTooltip))))), this.chatIconSrc && (h("li", { key: '29bfe82296c11f88c67f89211961767947ee44f4', class: "foot-icon-btn" }, h("dda-tooltip", { key: '9347843238243ae56fc4a294ef2a48eb2417d281', title_text: this.chatIconTooltip, description: "", position: "top" }, h("a", { key: '75d99eb7dd401efc807e051e975b24447924c184', href: this.chatIconHref, onClick: this.chatIconClick, id: this.chatIconId }, h("img", { key: '7cb2ac7d2f553489f6f2d944e12104328f3a9b14', src: this.colorTheme == 'light' ? this.chatIconSrc : this.chatIconSrcDark, alt: this.chatIconAlt }), h("span", { key: '982a5fbde9aed840d735a4a9c5f8622ff2934b79', class: "visually-hidden" }, this.chatIconTooltip)))))), h("button", { key: '406dc5a29d2ccca4ae35d2c75d3f04d5114d7afa', type: "button", class: "show-right-icon", onClick: this.toggleFooterIcons }, h("i", { key: '11f084bd7a916e7598f16fe36af56467ed32fd4e', class: this.moreIconFamily }, this.moreIcon))))));
|
|
79
79
|
}
|
|
80
80
|
static get is() { return "dda-sticky-footer"; }
|
|
81
81
|
static get originalStyleUrls() {
|
|
@@ -62,7 +62,7 @@ export class DdaTabs {
|
|
|
62
62
|
this.tabClick.emit(index);
|
|
63
63
|
}
|
|
64
64
|
render() {
|
|
65
|
-
return (h(Host, { key: '
|
|
65
|
+
return (h(Host, { key: '0efe1c91e591dc0a7a8f2924a5b39cd48a905ab4' }, h("div", { key: 'c82c3e4f31765534c5f797682fe0097202a11a84', role: "tablist", "aria-label": "Tab Navigation", class: `dda-tabs-container ${this.hover_style} ${this.custom_class} ${this.component_mode} ${this.tab_type}` }, this.parsedTabs.map((title, index) => (h("button", { id: this.parsedButtonIds[index] || `tab-btn-${index + 1}`, name: this.button_name, "aria-label": title, type: "button", value: this.parsedButtonValues[index] || '', class: `dda-tab-item ${this.active_tab === index ? 'active' : ''}`, role: "tab", "aria-selected": this.active_tab === index ? 'true' : 'false', "aria-controls": `tab-btn-${index + 1}`, onClick: () => this.setActiveTab(index) }, this.type === 'text-icon' && (h("i", { class: `material-icons`, "aria-hidden": "true" }, this.parsedIcons[index] || '')), h("span", null, title)))))));
|
|
66
66
|
}
|
|
67
67
|
static get is() { return "dda-tabs"; }
|
|
68
68
|
static get originalStyleUrls() {
|
|
@@ -92,7 +92,7 @@ export class DdaTextarea {
|
|
|
92
92
|
]
|
|
93
93
|
.filter(Boolean)
|
|
94
94
|
.join(' ');
|
|
95
|
-
return (h(Host, { key: '
|
|
95
|
+
return (h(Host, { key: '0e08517cea3fe0f247facf0ec1bfde73f20d9234' }, h("div", { key: 'e5354b352ab7c3bad0a9a06f7f4315c8b8debb0d', class: textareaClass }, this.label && (h("label", { key: '418a4633ca45ae6d476ffefae2ba1d447bdd06d5', htmlFor: this.input_id, class: "dda-input-label" }, this.label)), this.enable_rich_editor ? (h("div", { id: "editor", class: "dda-richeditor-field" })) : (h("textarea", { id: this.input_id, name: this.textarea_name, "aria-label": this.aria_label, placeholder: this.placeholder, value: this.internalValue || this.value, "aria-invalid": this.validation_type === 'error' ? 'true' : 'false', class: "dda-input-field dda-input-textarea", maxLength: this.max_characters, onInput: event => this.handleInput(event), onBlur: event => this.handleBlur(event), onFocus: (event) => {
|
|
96
96
|
this.el.dispatchEvent(new FocusEvent('focus', {
|
|
97
97
|
bubbles: true,
|
|
98
98
|
composed: true,
|
|
@@ -7,10 +7,10 @@ export class DdaToggle {
|
|
|
7
7
|
const toggleClass = ['dda-toggle-btn', this.size ? `dda-toggle-${this.size}` : '', this.custom_class ? `${this.custom_class}` : '', this.component_mode]
|
|
8
8
|
.filter(Boolean)
|
|
9
9
|
.join(' ');
|
|
10
|
-
return (h(Host, { key: '
|
|
10
|
+
return (h(Host, { key: '6c80c0acd2c4743411b6de02663c8b2b4f3e4953' }, h("label", { key: 'eb945d26b4a02f6f52c2879709a78f4c35af6e0d', class: toggleClass, htmlFor: this.input_id }, h("input", { key: '756b613958049e61c24a3e7d25fe1e6f0733bba2', "aria-label": this.aria_label, type: "checkbox", id: this.input_id, name: this.group_name, checked: this.checked, onChange: event => {
|
|
11
11
|
this.toggleChanged.emit(event);
|
|
12
12
|
this.onChanged.emit(event);
|
|
13
|
-
} }), h("span", { key: '
|
|
13
|
+
} }), h("span", { key: 'ac8b85c8cab1d456b46b5c2d02e9fa2c908582db', class: "toggle" }), h("p", { key: '3270d9ed3e3f6d6214b9a937f856d0225f92e8af' }, h("span", { key: '00aa61f8f21640f76bc224c85611bc43837b301f', class: "toggle-title" }, "Radio Button Title"), h("span", { key: '354f2f4b4aeb8279b514693c0110a5a91ca44ec7', class: "toggle-supporting" }, "Supporting Text")))));
|
|
14
14
|
}
|
|
15
15
|
static get is() { return "dda-toggle"; }
|
|
16
16
|
static get originalStyleUrls() {
|
|
@@ -5,7 +5,7 @@ export class DdaTooltip {
|
|
|
5
5
|
this.custom_class = '';
|
|
6
6
|
}
|
|
7
7
|
render() {
|
|
8
|
-
return (h(Host, { key: '
|
|
8
|
+
return (h(Host, { key: 'e8c8e7633072d59f7c0e922f943931c861db06de' }, h("div", { key: '6508bae5ac4df0f433d875648f360a3fadd933e2', class: `dda-tooltip-container ${this.custom_class} ${this.component_mode}` }, h("slot", { key: 'dc75cd5b276b9d90ec37eb71cf008364c977ab96' }), h("div", { key: '84339f13bf811a0e7f42df8a7c89a848a311eb80', class: `dda-tooltip-box ${this.position}` }, h("strong", { key: 'ef9abb2b5387fd09d16ac7827b77dc6d605d892e' }, this.title_text), h("p", { key: '00d3089ee74ed19ebed6edaf8913c372af38df42' }, this.description)))));
|
|
9
9
|
}
|
|
10
10
|
static get is() { return "dda-tooltip"; }
|
|
11
11
|
static get originalStyleUrls() {
|
package/dist/collection/components/segmented-groups/dda-segmented-tabs/dda-segmented-tabs.js
CHANGED
|
@@ -7,7 +7,7 @@ export class DdaSegmentedTabs {
|
|
|
7
7
|
this.parsedItems = JSON.parse(this.items);
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
|
-
return (h("div", { key: '
|
|
10
|
+
return (h("div", { key: '4134e585858d5c991c8b0a3ce725dc58f4d67f9e', class: `dda-segmented-group ${this.custom_class} ${this.radius_type} ${this.component_mode}` }, this.parsedItems.map(item => (item.startsWith('fo') ?
|
|
11
11
|
h("button", { name: this.button_name, class: "dda-segmented-item" }, h("i", { class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, item)) :
|
|
12
12
|
h("button", { name: this.button_name, class: "dda-segmented-item" }, item)))));
|
|
13
13
|
}
|
|
@@ -8,7 +8,7 @@ export class DdaHorizontalStepper {
|
|
|
8
8
|
this.parsedSteps = JSON.parse(this.steps);
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
|
-
return (h(Host, { key: '
|
|
11
|
+
return (h(Host, { key: 'ae8b9217d5753d8b46cce579513820865ef8d66f' }, h("div", { key: '5bebfc14a19654fb57fb4888d7426cf36417df04', class: `${this.custom_class} ${this.component_mode} h-stepper-container` }, this.parsedSteps.map((step, index) => (h("div", { class: `h-step ${index === this.current_step ? 'active' : ''} ${index < this.current_step ? 'completed' : ''}` }, h("div", { class: "h-step-indicator" }, h("div", { class: "circle" })), h("div", { class: "h-step-content" }, h("p", { class: "h-step-title" }, step.title), h("p", { class: "h-step-subtitle" }, step.subtitle), h("p", { class: "h-step-description" }, step.description))))))));
|
|
12
12
|
}
|
|
13
13
|
static get is() { return "dda-horizontal-stepper"; }
|
|
14
14
|
static get originalStyleUrls() {
|
|
@@ -9,7 +9,7 @@ export class DdaVerticalStepper {
|
|
|
9
9
|
this.parsedSteps = JSON.parse(this.steps);
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (h(Host, { key: '
|
|
12
|
+
return (h(Host, { key: 'cc451c3d4b636f60ae6e961ddd7dfedf0f143800' }, h("div", { key: 'ac25fd06f849c9e4e2135553b3640524998a4f34', class: `${this.custom_class} ${this.component_mode} v-stepper-container` }, this.parsedSteps.map((step, index) => (h("div", { class: `v-step ${index <= this.current_Step ? 'active' : ''}` }, h("div", { class: "v-step-indicator" }, h("div", { class: "icon" }, h("i", { class: `material-icons`, "aria-hidden": "true" }, step.icon))), h("div", { class: "v-step-content" }, h("div", { class: "v-step-title" }, step.title), h("div", { class: "v-step-subtitle" }, step.subtitle), h("div", { class: "v-step-description" }, step.description)), h("div", { class: "v-step-arrow" }, h("i", { class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "chevron_right"))))))));
|
|
13
13
|
}
|
|
14
14
|
static get is() { return "dda-vertical-stepper"; }
|
|
15
15
|
static get originalStyleUrls() {
|