@scania/tegel 1.36.0--.aria-label-warning-on-render.beta.0 → 1.36.0-tag-component-beta.1
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/index-ca8040ad.js +4 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/tds-button.cjs.entry.js +13 -3
- package/dist/cjs/tds-dropdown_2.cjs.entry.js +2 -2
- package/dist/cjs/tds-tag.cjs.entry.js +30 -0
- package/dist/cjs/tds-text-field.cjs.entry.js +5 -5
- package/dist/cjs/tds-textarea.cjs.entry.js +3 -3
- package/dist/cjs/tds-toast.cjs.entry.js +3 -3
- package/dist/cjs/tds-toggle.cjs.entry.js +2 -2
- package/dist/cjs/tds-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/tegel.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/button/button.js +28 -3
- package/dist/collection/components/dropdown/dropdown-option/dropdown-option.js +2 -2
- package/dist/collection/components/tag/tag.css +99 -0
- package/dist/collection/components/tag/tag.js +91 -0
- package/dist/collection/components/text-field/text-field.js +5 -5
- package/dist/collection/components/textarea/textarea.js +3 -3
- package/dist/collection/components/toast/toast.js +3 -3
- package/dist/collection/components/toggle/toggle.js +2 -2
- package/dist/collection/components/tooltip/tooltip.js +2 -2
- package/dist/components/{p-28f62114.js → p-19edd11a.js} +2 -2
- package/dist/components/{p-9cee9d7f.js → p-3edd7602.js} +2 -2
- package/dist/components/tds-button.js +14 -4
- package/dist/components/tds-dropdown-option.js +1 -1
- package/dist/components/tds-table-footer.js +1 -1
- package/dist/components/tds-tag.d.ts +11 -0
- package/dist/components/tds-tag.js +48 -0
- package/dist/components/tds-text-field.js +6 -6
- package/dist/components/tds-textarea.js +4 -4
- package/dist/components/tds-toast.js +3 -3
- package/dist/components/tds-toggle.js +2 -2
- package/dist/components/tds-tooltip.js +1 -1
- package/dist/esm/index-51d04e39.js +4 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/tds-button.entry.js +13 -3
- package/dist/esm/tds-dropdown_2.entry.js +2 -2
- package/dist/esm/tds-tag.entry.js +26 -0
- package/dist/esm/tds-text-field.entry.js +5 -5
- package/dist/esm/tds-textarea.entry.js +3 -3
- package/dist/esm/tds-toast.entry.js +3 -3
- package/dist/esm/tds-toggle.entry.js +2 -2
- package/dist/esm/tds-tooltip.entry.js +2 -2
- package/dist/esm/tegel.js +1 -1
- package/dist/tegel/{p-4274d329.entry.js → p-0803e5c6.entry.js} +1 -1
- package/dist/tegel/p-3656ec98.entry.js +1 -0
- package/dist/tegel/{p-b8a33966.entry.js → p-3beb34ff.entry.js} +1 -1
- package/dist/tegel/{p-fe8a4544.entry.js → p-88b90df0.entry.js} +1 -1
- package/dist/tegel/{p-cf1413f0.entry.js → p-9e75f2ec.entry.js} +1 -1
- package/dist/tegel/{p-6d0a80b7.entry.js → p-9fe97da7.entry.js} +1 -1
- package/dist/tegel/{p-67b4b2cf.entry.js → p-c7841820.entry.js} +1 -1
- package/dist/tegel/p-e122a85d.entry.js +1 -0
- package/dist/tegel/tegel.css +1 -1
- package/dist/tegel/tegel.esm.js +1 -1
- package/dist/types/components/button/button.d.ts +2 -0
- package/dist/types/components/dropdown/dropdown-option/dropdown-option.d.ts +1 -1
- package/dist/types/components/tag/tag.d.ts +14 -0
- package/dist/types/components.d.ts +37 -0
- package/package.json +5 -1
- package/dist/tegel/p-942abc1e.entry.js +0 -1
|
@@ -3,7 +3,7 @@ import { h as hasSlot } from './p-ae110fc2.js';
|
|
|
3
3
|
import { g as generateUniqueId } from './p-11648030.js';
|
|
4
4
|
import { d as defineCustomElement$4 } from './p-b390ece5.js';
|
|
5
5
|
import { d as defineCustomElement$3 } from './p-d3866be7.js';
|
|
6
|
-
import { d as defineCustomElement$2 } from './p-
|
|
6
|
+
import { d as defineCustomElement$2 } from './p-3edd7602.js';
|
|
7
7
|
|
|
8
8
|
const textFieldCss = ".text-field-input-lg.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.text-field-input-lg.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-lg.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-lg.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-lg.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-input-md.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.text-field-input-md.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-md.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-md.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-md.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-input-sm.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.text-field-input-sm.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-sm.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-sm.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-sm.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-container.sc-tds-text-field{border-radius:4px 4px 0 0;display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--tds-text-field-background);border-bottom:1px solid var(--tds-text-field-border-bottom);transition:border-bottom-color 200ms ease}.text-field-container.sc-tds-text-field:hover{border-bottom-color:var(--tds-text-field-border-bottom-hover)}.form-text-field-md.sc-tds-text-field .text-field-container.sc-tds-text-field{height:48px}.form-text-field-sm.sc-tds-text-field .text-field-container.sc-tds-text-field{height:40px}.text-field-input-container.sc-tds-text-field{position:relative;width:100%}.text-field-data.sc-tds-text-field,.text-field-input.sc-tds-text-field{color:var(--tds-text-field-data-color)}.text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-text-field-label-color)}.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);position:absolute;pointer-events:none;color:var(--tds-text-field-label-inside-color);left:16px}.form-text-field.sc-tds-text-field{display:block;min-width:208px}.form-text-field-nomin.sc-tds-text-field{min-width:auto}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:20px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:16px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:16px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:12px}.text-field-bar.sc-tds-text-field{position:absolute;width:100%}.text-field-bar.sc-tds-text-field::before,.text-field-bar.sc-tds-text-field::after{content:\"\";height:2px;top:54px;width:0;position:absolute;background:var(--tds-text-field-bar);transition:0.35s ease all}.form-text-field-md.sc-tds-text-field .text-field-bar.sc-tds-text-field::before,.form-text-field-md.sc-tds-text-field .text-field-bar.sc-tds-text-field::after{top:46px}.form-text-field-sm.sc-tds-text-field .text-field-bar.sc-tds-text-field::before,.form-text-field-sm.sc-tds-text-field .text-field-bar.sc-tds-text-field::after{top:40px}.text-field-bar.sc-tds-text-field::before{left:50%}.text-field-bar.sc-tds-text-field::after{right:50%}.text-field-focus.sc-tds-text-field .text-field-bar.sc-tds-text-field::before,.text-field-focus.sc-tds-text-field .text-field-bar.sc-tds-text-field::after{width:50%}.text-field-helper.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;gap:8px;justify-content:space-between;flex-basis:100%;padding-top:var(--tds-spacing-element-4);color:var(--tds-text-field-helper)}.text-field-helper.sc-tds-text-field .text-field-textcounter.sc-tds-text-field{margin-left:auto}.form-text-field-disabled.sc-tds-text-field .text-field-container.sc-tds-text-field{cursor:not-allowed;border-bottom-color:transparent}.form-text-field-disabled.sc-tds-text-field .text-field-slot-wrap-prefix.sc-tds-text-field>*.sc-tds-text-field,.form-text-field-disabled.sc-tds-text-field .text-field-slot-wrap-suffix.sc-tds-text-field>*.sc-tds-text-field{color:var(--tds-text-field-ps-color-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-helper.sc-tds-text-field{color:var(--tds-text-field-helper-disabled)}.text-field-icon__readonly.sc-tds-text-field{display:none;position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--tds-text-field-icon-read-only-label-color)}.text-field-icon__readonly.sc-tds-text-field .tds-tooltip.sc-tds-text-field{min-width:150px}.form-text-field-readonly.sc-tds-text-field{user-select:auto;caret-color:transparent;cursor:default}.form-text-field-readonly.sc-tds-text-field .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-readonly)}.form-text-field-readonly.sc-tds-text-field .text-field-icon__readonly.sc-tds-text-field{display:block}.form-text-field-readonly.sc-tds-text-field .text-field-icon__readonly.sc-tds-text-field:hover~.text-field-icon__readonly-label.sc-tds-text-field{display:block}.form-text-field-readonly.sc-tds-text-field .text-field-input.sc-tds-text-field{background-color:transparent}.form-text-field-readonly.sc-tds-text-field:has(.text-field-icon__readonly) .text-field-input.sc-tds-text-field{padding-right:54px}.form-text-field-success.sc-tds-text-field:not(.form-text-field-readonly) .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-success)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-helper.sc-tds-text-field{color:var(--tds-text-field-helper-error)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-error)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-bar.sc-tds-text-field::before,.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-bar.sc-tds-text-field::after{background:var(--tds-text-field-bar-error)}.text-field-helper-error-state.sc-tds-text-field{display:flex;gap:8px;flex-wrap:nowrap}.text-field-textcounter-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-disabled)}.text-field-textcounter.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-text-field-textcounter);float:right}.text-field-textcounter.text-field-textcounter-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-disabled)}.text-field-textcounter.text-field-textcounter-divider.sc-tds-text-field{color:var(--tds-text-field-textcounter-divider)}.text-field-textcounter.text-field-textcounter-divider-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-divider-disabled)}.text-field-slot-wrap-prefix.sc-tds-text-field,.text-field-slot-wrap-suffix.sc-tds-text-field{align-self:center;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);margin:0 0 0 14px;color:var(--tds-text-field-ps-color)}.text-field-slot-wrap-prefix.sc-tds-text-field-s>:not(tds-icon),.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 0 0 2px}.text-field-slot-wrap-prefix.text-field-error.sc-tds-text-field,.text-field-slot-wrap-suffix.text-field-error.sc-tds-text-field{color:var(--tds-text-field-ps-color-error)}.text-field-slot-wrap-suffix.sc-tds-text-field{margin:0 14px 0 0}.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 2px 0 0}";
|
|
9
9
|
const TdsTextFieldStyle0 = textFieldCss;
|
|
@@ -85,7 +85,7 @@ const TdsTextField$1 = /*@__PURE__*/ proxyCustomElement(class TdsTextField exten
|
|
|
85
85
|
var _a;
|
|
86
86
|
const usesPrefixSlot = hasSlot('prefix', this.host);
|
|
87
87
|
const usesSuffixSlot = hasSlot('suffix', this.host);
|
|
88
|
-
return (h("div", { key: '
|
|
88
|
+
return (h("div", { key: 'd89807d294eef78042812ab972347b02bf09ca3b', class: {
|
|
89
89
|
'form-text-field': true,
|
|
90
90
|
'form-text-field-nomin': this.noMinWidth,
|
|
91
91
|
'text-field-focus': this.focusInput && !this.disabled,
|
|
@@ -103,12 +103,12 @@ const TdsTextField$1 = /*@__PURE__*/ proxyCustomElement(class TdsTextField exten
|
|
|
103
103
|
'form-text-field-sm': this.size === 'sm',
|
|
104
104
|
'form-text-field-error': this.state === 'error',
|
|
105
105
|
'form-text-field-success': this.state === 'success',
|
|
106
|
-
} }, this.labelPosition === 'outside' && (h("div", { key: '
|
|
106
|
+
} }, this.labelPosition === 'outside' && (h("div", { key: 'e47d71e8415802cef02fd832d67ae3fabc941f61', class: "text-field-label-outside" }, h("label", { key: 'a840356fe2a5758bb8d219a42121d4896fb460e9', htmlFor: `text-field-input-element-${this.uuid}` }, this.label))), h("div", { key: '937a2edc262e2d2f7523b18d562e847f4c6a68cf', onClick: () => this.textInput.focus(), class: "text-field-container" }, usesPrefixSlot && (h("div", { key: 'ffec573debf07ce940c56e0c5b53b37ffb3e4a7b', class: {
|
|
107
107
|
'text-field-slot-wrap-prefix': true,
|
|
108
108
|
'text-field-error': this.state === 'error',
|
|
109
109
|
'text-field-success': this.state === 'success',
|
|
110
110
|
'text-field-default': this.state === 'default',
|
|
111
|
-
} }, h("slot", { key: '
|
|
111
|
+
} }, h("slot", { key: '0024d886c26708f326f9750fce178c0d916e1fcd', name: "prefix" }))), h("div", { key: '6612a79dca8842c4fa50683a28d33d4a813a6557', class: "text-field-input-container" }, h("input", { key: 'f3a3a2476289e3b87409dbf5bb67c8983c5cdcd3', ref: (inputEl) => {
|
|
112
112
|
this.textInput = inputEl;
|
|
113
113
|
}, class: {
|
|
114
114
|
'text-field-input': true,
|
|
@@ -123,13 +123,13 @@ const TdsTextField$1 = /*@__PURE__*/ proxyCustomElement(class TdsTextField exten
|
|
|
123
123
|
if (!this.readOnly) {
|
|
124
124
|
this.handleBlur(event);
|
|
125
125
|
}
|
|
126
|
-
}, "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label, "aria-describedby": `text-field-helper-element-${this.uuid}`, "aria-readonly": this.readOnly, id: `text-field-input-element-${this.uuid}` }), this.labelPosition === 'inside' && this.size !== 'sm' && (h("label", { key: '
|
|
126
|
+
}, "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label, "aria-describedby": `text-field-helper-element-${this.uuid}`, "aria-readonly": this.readOnly, id: `text-field-input-element-${this.uuid}` }), this.labelPosition === 'inside' && this.size !== 'sm' && (h("label", { key: '85148d3ad53ac2261f39fab3951e34d6031fe491', class: "text-field-label-inside", htmlFor: `text-field-input-element-${this.uuid}` }, this.label))), h("div", { key: '237b915b922532e3e56e4164f6ac6478addfd98a', class: "text-field-bar" }), usesSuffixSlot && (h("div", { key: 'b6ad2a2bb9e1bed1c6483f917b6821e348498509', class: {
|
|
127
127
|
'text-field-slot-wrap-suffix': true,
|
|
128
128
|
'text-field-error': this.state === 'error',
|
|
129
129
|
'text-field-success': this.state === 'success',
|
|
130
130
|
'text-field-default': this.state === 'default',
|
|
131
131
|
'tds-u-display-none': this.readOnly,
|
|
132
|
-
} }, h("slot", { key: '
|
|
132
|
+
} }, h("slot", { key: '3eafecee94e39288fc7c2e102067c85c2627d304', name: "suffix" }))), this.readOnly && !this.hideReadOnlyIcon && (h("span", { key: '0a87c83bc31ec47877743d37e390cf29c2555f6c', class: "text-field-icon__readonly" }, h("tds-tooltip", { key: '81e830a4bca0448f750ba6a40d0010b998ca7a05', placement: "top-end", text: "This field is non-editable", selector: "#readonly-tooltip" }), h("tds-icon", { key: '16cf9d03aabc841336893bc4bfbc3cc8e430b30c', id: "readonly-tooltip", name: "edit_inactive", size: "20px" })))), h("div", { key: 'c8e2dcb1f2e8b5eaa11df4a055ee9569710b9f87', "aria-live": "assertive" }, (this.helper || this.maxLength > 0) && (h("div", { key: 'c7f347e44f3c3529e4f52958fc0b51403669a473', class: "text-field-helper", id: `text-field-helper-element-${this.uuid}` }, this.state === 'error' && (h("div", { key: 'a208201df33fad685bd7548f2d4653e4b560e8a8', class: "text-field-helper-error-state" }, !this.readOnly && h("tds-icon", { key: '0de28c14b12992c9627c6d0b32158dc98e4e4716', name: "error", size: "16px" }), this.helper)), this.state !== 'error' && this.helper, !this.readOnly && this.maxLength > 0 && (h("span", { key: '02c33ab122b01d3e9ebcd891ce8000f0654bbcb4', class: {
|
|
133
133
|
'text-field-textcounter-divider': true,
|
|
134
134
|
'text-field-textcounter-disabled': this.disabled,
|
|
135
135
|
} }, this.value === null ? 0 : (_a = this.value) === null || _a === void 0 ? void 0 : _a.length, " / ", this.maxLength)))))));
|
|
@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, d as createEvent, h } from './p-28ef5186.js
|
|
|
2
2
|
import { g as generateUniqueId } from './p-11648030.js';
|
|
3
3
|
import { d as defineCustomElement$4 } from './p-b390ece5.js';
|
|
4
4
|
import { d as defineCustomElement$3 } from './p-d3866be7.js';
|
|
5
|
-
import { d as defineCustomElement$2 } from './p-
|
|
5
|
+
import { d as defineCustomElement$2 } from './p-3edd7602.js';
|
|
6
6
|
|
|
7
7
|
const textareaCss = ".textarea-container.sc-tds-textarea{border-radius:4px 4px 0 0;position:relative;box-sizing:border-box;height:auto;width:100%;min-width:208px;display:inline-flex;background-color:transparent;flex-flow:row wrap;border-bottom:0}.textarea-container.no-min-width.sc-tds-textarea{min-width:unset}.textarea-container.sc-tds-textarea .textarea-wrapper.sc-tds-textarea{position:relative;width:unset;min-width:100%}.textarea-input.sc-tds-textarea{border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-textarea-color);background-color:var(--tds-textarea-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16);display:block;resize:vertical;border-bottom:1px solid var(--tds-textarea-border-bottom);transition:border-bottom-color 200ms ease}.textarea-input.sc-tds-textarea:read-only{background-color:var(--tds-textarea-read-only-background)}.textarea-input.sc-tds-textarea::placeholder{opacity:1;color:var(--tds-textarea-placeholder);transition:color 200ms ease}.textarea-input.sc-tds-textarea:disabled{background-color:var(--tds-textarea-disabled-background);color:var(--tds-textarea-disabled-color);cursor:not-allowed}.textarea-input.sc-tds-textarea:disabled::placeholder{color:var(--tds-textarea-disabled-placeholder)}.textarea-input.sc-tds-textarea::-webkit-resizer{display:none}.textarea-input.sc-tds-textarea:hover{border-bottom-color:var(--tds-textarea-border-bottom-hover)}.textarea-input.sc-tds-textarea:hover::placeholder{color:var(--tds-textarea-placeholder-hover)}.textarea-input.sc-tds-textarea:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;border-radius:0;border-bottom:1px solid transparent}.textarea-resizer-icon.sc-tds-textarea{color:var(--tds-textarea-resize-icon);position:absolute;display:block;bottom:2px;right:1px;padding-bottom:2px;padding-right:2px;pointer-events:none;background-color:var(--tds-textarea-background)}.textarea-resizer-icon.sc-tds-textarea svg.sc-tds-textarea{display:block}.textarea-label.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;z-index:1;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-textarea-label-color)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);transition:0.1s ease all;color:var(--tds-textarea-label-inside-color);position:absolute;top:var(--tds-spacing-element-20);left:var(--tds-spacing-element-16)}.textarea-container.textarea-label-inside.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--tds-textarea-disabled-label)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea .sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea:focus::placeholder{transition:color 0.35s ease;color:var(--tds-textarea-placeholder)}.textarea-container.textarea-focus.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);top:var(--tds-spacing-element-8)}.textarea-container.textarea-data.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);top:var(--tds-spacing-element-8)}.textarea-textcounter.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-textarea-textcounter);float:right;flex-basis:100%;text-align:right;padding-top:var(--tds-spacing-element-4)}.textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-textarea-textcounter-divider)}.textarea-helper.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;gap:8px;align-items:center;padding-top:var(--tds-spacing-element-4);color:var(--tds-textarea-helper);flex-grow:2;flex-basis:auto}.textarea-helper.sc-tds-textarea~.textarea-textcounter.sc-tds-textarea{flex-basis:auto}.textarea-success.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-success)}.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-error)}.textarea-error.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-error)}.textarea-disabled.sc-tds-textarea{cursor:not-allowed}.textarea-disabled.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:transparent;pointer-events:none;user-select:none}.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--tds-textarea-disabled-label)}.textarea-disabled.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea{color:var(--tds-textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{color:var(--tds-textarea-textcounter-disabled)}.textarea-icon__readonly.sc-tds-textarea{display:none;position:absolute;right:18px;top:18px;color:var(--tds-textarea-icon-read-only-color)}.textarea-icon__readonly-label.sc-tds-textarea{display:none;position:absolute;right:18px;top:48px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);padding:8px;color:var(--tds-textarea-icon-read-only-label-color);background-color:var(--tds-textarea-icon-read-only-label-background);white-space:nowrap;border-radius:4px 0 4px 4px}.textarea-readonly.sc-tds-textarea .textarea-icon__readonly.sc-tds-textarea{display:block}.textarea-readonly.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-read-only-color)}.textarea-readonly.sc-tds-textarea .textfield-container.sc-tds-textarea{background-color:transparent}.textarea-readonly.sc-tds-textarea:has(.textarea-icon__readonly) .textarea-input.sc-tds-textarea{padding-right:54px}";
|
|
8
8
|
const TdsTextareaStyle0 = textareaCss;
|
|
@@ -78,7 +78,7 @@ const TdsTextarea$1 = /*@__PURE__*/ proxyCustomElement(class TdsTextarea extends
|
|
|
78
78
|
}
|
|
79
79
|
render() {
|
|
80
80
|
var _a;
|
|
81
|
-
return (h("div", { key: '
|
|
81
|
+
return (h("div", { key: '4e4048bca7482372c33e4bc2e0790f848c7bef37', class: {
|
|
82
82
|
'textarea-container': true,
|
|
83
83
|
'textarea-label-inside': this.labelPosition === 'inside',
|
|
84
84
|
'textarea-focus': this.focusInput,
|
|
@@ -88,7 +88,7 @@ const TdsTextarea$1 = /*@__PURE__*/ proxyCustomElement(class TdsTextarea extends
|
|
|
88
88
|
'textarea-data': this.value !== '',
|
|
89
89
|
[`textarea-${this.state}`]: this.state === 'error' || this.state === 'success',
|
|
90
90
|
'no-min-width': this.noMinWidth,
|
|
91
|
-
} }, this.labelPosition !== 'no-label' && (h("label", { key: '
|
|
91
|
+
} }, this.labelPosition !== 'no-label' && (h("label", { key: 'bc9ed66490b0826b6010b7b3f15e897a1c56fab2', htmlFor: `textarea-element-${this.uuid}`, class: 'textarea-label' }, this.label)), h("div", { key: 'c44d68a2f207c55924d381d5feaa5d45b8d1693a', class: "textarea-wrapper" }, h("textarea", { key: 'fb810672ae5625d88ddef2cb619ebf82a89bd1b8', id: `textarea-element-${this.uuid}`, class: 'textarea-input', ref: (inputEl) => {
|
|
92
92
|
this.textEl = inputEl;
|
|
93
93
|
}, disabled: this.disabled, readonly: !this.disabled && this.readOnly, placeholder: this.placeholder, value: this.value, name: this.name, autofocus: this.autofocus, maxlength: this.maxLength, cols: this.cols, rows: this.rows, onFocus: (event) => {
|
|
94
94
|
if (!this.readOnly) {
|
|
@@ -98,7 +98,7 @@ const TdsTextarea$1 = /*@__PURE__*/ proxyCustomElement(class TdsTextarea extends
|
|
|
98
98
|
if (!this.readOnly) {
|
|
99
99
|
this.handleBlur(event);
|
|
100
100
|
}
|
|
101
|
-
}, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event), "aria-invalid": this.state === 'error' ? 'true' : 'false', "aria-readonly": this.readOnly ? 'true' : 'false', "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label, "aria-describedby": `textarea-helper-element-${this.uuid}` }), h("span", { key: '
|
|
101
|
+
}, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event), "aria-invalid": this.state === 'error' ? 'true' : 'false', "aria-readonly": this.readOnly ? 'true' : 'false', "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label, "aria-describedby": `textarea-helper-element-${this.uuid}` }), h("span", { key: '2c5e563c67c1a9653fa8f4cac4d7bb6fad597798', class: "textarea-resizer-icon" }, h("svg", { key: '05aa8ee404423cd45a413f8c515ebbd5a0369614', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '40ddf0c7ec5e8252c03eebaa831338d6a7636eed', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.8536 0.853553C12.0488 0.658291 12.0488 0.341709 11.8536 0.146447C11.6583 -0.0488155 11.3417 -0.0488155 11.1464 0.146447L0.146447 11.1464C-0.0488155 11.3417 -0.0488155 11.6583 0.146447 11.8536C0.341709 12.0488 0.658291 12.0488 0.853553 11.8536L11.8536 0.853553ZM11.8536 4.64645C12.0488 4.84171 12.0488 5.15829 11.8536 5.35355L5.35355 11.8536C5.15829 12.0488 4.84171 12.0488 4.64645 11.8536C4.45118 11.6583 4.45118 11.3417 4.64645 11.1464L11.1464 4.64645C11.3417 4.45118 11.6583 4.45118 11.8536 4.64645ZM11.8536 8.64645C12.0488 8.84171 12.0488 9.15829 11.8536 9.35355L9.35355 11.8536C9.15829 12.0488 8.84171 12.0488 8.64645 11.8536C8.45118 11.6583 8.45118 11.3417 8.64645 11.1464L11.1464 8.64645C11.3417 8.45118 11.6583 8.45118 11.8536 8.64645Z", fill: "currentColor" }))), !this.disabled && !this.hideReadOnlyIcon && this.readOnly && (h("span", { key: '33c3089fdc770b7c1a7d385278e6e2e0169185f8', class: "textarea-icon__readonly" }, h("tds-tooltip", { key: 'f949026759c34a02ef86003bc2cd5caf763cbe23', placement: "top-end", text: "This field is non-editable", selector: "#readonly-tooltip" }), h("tds-icon", { key: '4095c8b15b6435dfd9e055410489f18bca750eba', id: "readonly-tooltip", name: "edit_inactive", svgTitle: "inactive" })))), h("span", { key: 'b1a5609ab86bd12636e6ef9e809f1a6b920d3f13', class: 'textarea-helper', "aria-live": "assertive", id: `textarea-helper-element-${this.uuid}` }, this.state === 'error' && this.helper && !this.readOnly && (h("tds-icon", { key: '4eeeac4f43dd0d5f07e01067792e56872fcb6a2a', name: "error", size: "16px" })), this.helper), this.maxLength > 0 && (h("div", { key: '3308422db35a916e93737c59f985fe3b4d8cdc3e', class: 'textarea-textcounter' }, this.value === null ? 0 : (_a = this.value) === null || _a === void 0 ? void 0 : _a.length, h("span", { key: 'f7e00b0dcf13980aebbee3fa4041ff8708df8cc5', class: "textfield-textcounter-divider" }, " / "), " ", this.maxLength))));
|
|
102
102
|
}
|
|
103
103
|
static get style() { return TdsTextareaStyle0; }
|
|
104
104
|
}, [2, "tds-textarea", {
|
|
@@ -69,12 +69,12 @@ const TdsToast$1 = /*@__PURE__*/ proxyCustomElement(class TdsToast extends H {
|
|
|
69
69
|
const usesHeaderSlot = hasSlot('header', this.host);
|
|
70
70
|
const usesSubheaderSlot = hasSlot('subheader', this.host);
|
|
71
71
|
const usesActionsSlot = hasSlot('actions', this.host);
|
|
72
|
-
return (h(Host, { key: '
|
|
72
|
+
return (h(Host, { key: 'f33d6a47e353526288cb2cc54c40c2698381cbb2', "aria-live": this.tdsAriaLive, toastRole: this.toastRole, "aria-describedby": this.host.getAttribute('aria-describedby'), class: {
|
|
73
73
|
hide: this.hidden,
|
|
74
74
|
show: !this.hidden,
|
|
75
|
-
} }, h("div", { key: '
|
|
75
|
+
} }, h("div", { key: '16b1cb526bde852d747dfe584aafc37179b36c72', class: `
|
|
76
76
|
wrapper
|
|
77
|
-
${this.variant}` }, h("tds-icon", { key: '
|
|
77
|
+
${this.variant}` }, h("tds-icon", { key: 'c5695d9563d0fa24a1d660f47a756929642716c9', name: this.getIconName(), size: "20px", svgTitle: this.getIconName() }), h("div", { key: '4b1466c8269089e214cfed8050377cdf17f90378', class: `content` }, h("div", { key: '9e74a8209fde4dc8fbb8463c0e25497c61044bab', class: "header-subheader" }, this.header && h("div", { key: '1d79b8d5576356b782f5e43512e1cdbdc7069f39', class: "header" }, this.header), usesHeaderSlot && h("slot", { key: 'df3ac4d75cd808f9f3d7d7707e27f1e710c1b184', name: "header" }), this.subheader && h("div", { key: 'e13f983261bd6e0ca9ee90f3ad73454c4caeb57f', class: "subheader" }, this.subheader), usesSubheaderSlot && h("slot", { key: '5166e94e2b48331c1d7be57672f53cd09f3fb618', name: "subheader" })), usesActionsSlot && (h("div", { key: '8a7421250f3d1cc25f04ce8896abb728ae4f6fd4', class: `toast-bottom ${usesSubheaderSlot || this.subheader ? 'subheader' : 'no-subheader'}` }, h("slot", { key: 'd3bb660be4e75abc70140c208d852ec433813b8b', name: "actions" })))), this.closable && (h("button", { key: '19a88d43fd6e170b9e8bcae5356339045ca5295b', id: "my-button", "aria-label": this.tdsCloseAriaLabel, onClick: this.handleClose, class: "close" }, h("tds-icon", { key: '89b3346a798ef07ff803cdaf20ecee1529f7babb', name: "cross", size: "20px", svgTitle: "cross" }))))));
|
|
78
78
|
}
|
|
79
79
|
get host() { return this; }
|
|
80
80
|
static get style() { return TdsToastStyle0; }
|
|
@@ -48,10 +48,10 @@ const TdsToggle$1 = /*@__PURE__*/ proxyCustomElement(class TdsToggle extends H {
|
|
|
48
48
|
}
|
|
49
49
|
}
|
|
50
50
|
render() {
|
|
51
|
-
return (h("div", { key: '
|
|
51
|
+
return (h("div", { key: 'd98ff698099b1222d41a66b4e35c9ab0242a2cdf', class: "tds-toggle" }, this.headline && (h("div", { key: '994abebdadee463f9a479682bc80643e24473e68', class: {
|
|
52
52
|
'toggle-headline': true,
|
|
53
53
|
'disabled': this.disabled,
|
|
54
|
-
} }, this.headline)), h("input", { key: '
|
|
54
|
+
} }, this.headline)), h("input", { key: 'c49a01a12d19808aeb85f9d3a1372cecdafdd345', ref: (inputEl) => (this.inputElement = inputEl), "aria-label": this.tdsAriaLabel, "aria-describedby": this.host.getAttribute('aria-describedby'), "aria-labelledby": this.host.getAttribute('aria-labelledby'), "aria-checked": this.checked, "aria-required": this.required, onChange: () => this.handleToggle(), class: `${this.size}`, checked: this.checked, disabled: this.disabled, required: this.required, type: "checkbox", name: this.name, id: this.toggleId, role: "switch" }), this.labelSlot && (h("label", { key: '07e08f38a0ed29958dc0625f87b1b427ba91c40f', class: { disabled: this.disabled }, htmlFor: this.toggleId }, h("slot", { key: '3eade689bc89606faf163d312431cf41b271d6b3', name: "label" })))));
|
|
55
55
|
}
|
|
56
56
|
get host() { return this; }
|
|
57
57
|
static get style() { return TdsToggleStyle0; }
|
|
@@ -300,6 +300,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
300
300
|
return import(
|
|
301
301
|
/* webpackMode: "lazy" */
|
|
302
302
|
'./tds-table-toolbar.entry.js').then(processMod, consoleError);
|
|
303
|
+
case 'tds-tag':
|
|
304
|
+
return import(
|
|
305
|
+
/* webpackMode: "lazy" */
|
|
306
|
+
'./tds-tag.entry.js').then(processMod, consoleError);
|
|
303
307
|
case 'tds-text-field':
|
|
304
308
|
return import(
|
|
305
309
|
/* webpackMode: "lazy" */
|
package/dist/esm/loader.js
CHANGED
|
@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
await globalScripts();
|
|
8
|
-
return bootstrapLazy(JSON.parse("[[\"tds-header-launcher\",[[1,\"tds-header-launcher\",{\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"open\":[32],\"buttonEl\":[32],\"hasListTypeMenu\":[32]},[[8,\"click\",\"onAnyClick\"],[8,\"keydown\",\"handleKeyDown\"]]]]],[\"tds-header-dropdown\",[[1,\"tds-header-dropdown\",{\"label\":[1],\"noDropdownIcon\":[4,\"no-dropdown-icon\"],\"selected\":[4],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"open\":[32],\"buttonEl\":[32]},[[4,\"click\",\"onAnyClick\"],[8,\"keydown\",\"handleKeyDown\"]]]]],[\"tds-table-footer\",[[1,\"tds-table-footer\",{\"pagination\":[516],\"paginationValue\":[1538,\"pagination-value\"],\"rowsperpage\":[516],\"rowsPerPageValues\":[16],\"pages\":[514],\"cols\":[2],\"columnsNumber\":[32],\"compactDesign\":[32],\"lastCorrectValue\":[32],\"tableId\":[32],\"horizontalScrollWidth\":[32],\"rowsPerPageValue\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-header-hamburger\",[[1,\"tds-header-hamburger\",{\"tdsAriaLabel\":[1,\"tds-aria-label\"]}]]],[\"tds-text-field\",[[6,\"tds-text-field\",{\"type\":[513],\"labelPosition\":[1,\"label-position\"],\"label\":[1],\"min\":[8],\"max\":[8],\"helper\":[1],\"placeholder\":[1],\"value\":[513],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"hideReadOnlyIcon\":[4,\"hide-read-only-icon\"],\"size\":[1],\"modeVariant\":[1,\"mode-variant\"],\"noMinWidth\":[4,\"no-min-width\"],\"name\":[1],\"state\":[1],\"maxLength\":[2,\"max-length\"],\"autofocus\":[4],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"focusInput\":[32],\"focusElement\":[64]}]]],[\"tds-textarea\",[[2,\"tds-textarea\",{\"label\":[1],\"name\":[1],\"helper\":[1],\"cols\":[2],\"rows\":[2],\"labelPosition\":[1,\"label-position\"],\"placeholder\":[1],\"value\":[1],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"hideReadOnlyIcon\":[4,\"hide-read-only-icon\"],\"state\":[1],\"maxLength\":[2,\"max-length\"],\"modeVariant\":[1,\"mode-variant\"],\"autofocus\":[4],\"noMinWidth\":[4,\"no-min-width\"],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"focusInput\":[32],\"focusElement\":[64]}]]],[\"tds-header-brand-symbol\",[[1,\"tds-header-brand-symbol\"]]],[\"tds-side-menu-dropdown\",[[1,\"tds-side-menu-dropdown\",{\"defaultOpen\":[4,\"default-open\"],\"buttonLabel\":[1,\"button-label\"],\"selected\":[4],\"open\":[4],\"hoverState\":[32],\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapsedSideMenuEventHandler\"],[1,\"pointerenter\",\"onEventPointerEnter\"],[0,\"focusin\",\"onEventFocus\"],[1,\"pointerleave\",\"onEventPointerLeave\"],[0,\"focusout\",\"onEventBlur\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"tds-side-menu-user\",[[1,\"tds-side-menu-user\",{\"heading\":[1],\"subheading\":[1],\"imgSrc\":[1,\"img-src\"],\"imgAlt\":[1,\"img-alt\"]}]]],[\"tds-accordion-item\",[[1,\"tds-accordion-item\",{\"header\":[1],\"expandIconPosition\":[1,\"expand-icon-position\"],\"disabled\":[4],\"expanded\":[516],\"paddingReset\":[4,\"padding-reset\"],\"ariaLevelValue\":[1,\"aria-level-value\"],\"toggleAccordionItem\":[64],\"expand\":[64],\"collapse\":[64],\"isExpanded\":[64]}]]],[\"tds-banner\",[[1,\"tds-banner\",{\"icon\":[1],\"header\":[1],\"subheader\":[1],\"variant\":[1],\"bannerId\":[1,\"banner-id\"],\"hidden\":[516],\"roleType\":[1,\"role-type\"],\"hideBanner\":[64],\"showBanner\":[64]}]]],[\"tds-card\",[[1,\"tds-card\",{\"modeVariant\":[1,\"mode-variant\"],\"imagePlacement\":[1,\"image-placement\"],\"header\":[1],\"subheader\":[1],\"bodyImg\":[1,\"body-img\"],\"bodyImgAlt\":[1,\"body-img-alt\"],\"bodyDivider\":[4,\"body-divider\"],\"clickable\":[4],\"stretch\":[4],\"cardId\":[1,\"card-id\"]}]]],[\"tds-datetime\",[[2,\"tds-datetime\",{\"type\":[513],\"value\":[1537],\"min\":[1],\"max\":[1],\"defaultValue\":[1,\"default-value\"],\"disabled\":[4],\"size\":[1],\"noMinWidth\":[4,\"no-min-width\"],\"modeVariant\":[1,\"mode-variant\"],\"name\":[1],\"state\":[1],\"autofocus\":[4],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"helper\":[1],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"focusInput\":[32],\"reset\":[64],\"setValue\":[64],\"focusElement\":[64]},[[0,\"focusin\",\"handleFocusIn\"],[0,\"focusout\",\"handleFocusOut\"]]]]],[\"tds-folder-tabs\",[[1,\"tds-folder-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"defaultSelectedIndex\":[2,\"default-selected-index\"],\"selectedIndex\":[514,\"selected-index\"],\"tdsScrollLeftAriaLabel\":[1,\"tds-scroll-left-aria-label\"],\"tdsScrollRightAriaLabel\":[1,\"tds-scroll-right-aria-label\"],\"buttonWidth\":[32],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectTab\":[64],\"reinitialize\":[64]},null,{\"selectedIndex\":[\"handleSelectedIndexUpdate\"]}]]],[\"tds-footer-group\",[[1,\"tds-footer-group\",{\"titleText\":[1,\"title-text\"],\"tdsListAriaLabel\":[1,\"tds-list-aria-label\"],\"open\":[32],\"isMobile\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"tds-header-cell\",[[1,\"tds-header-cell\",{\"cellKey\":[513,\"cell-key\"],\"cellValue\":[513,\"cell-value\"],\"customWidth\":[513,\"custom-width\"],\"sortable\":[4],\"textAlign\":[513,\"text-align\"],\"disablePadding\":[516,\"disable-padding\"],\"tdsAriaLabelSortButton\":[513,\"tds-aria-label-sort-button\"],\"textAlignState\":[32],\"sortingDirection\":[32],\"sortedByMyKey\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"multiselect\":[32],\"enableToolbarDesign\":[32],\"tableId\":[32],\"expandableRows\":[32]},[[16,\"internalTdsPropChange\",\"internalTdsPropChangeListener\"],[16,\"internalSortButtonClicked\",\"updateOptionsContent\"]]]]],[\"tds-header-launcher-list\",[[4,\"tds-header-launcher-list\"]]],[\"tds-header-launcher-list-item\",[[1,\"tds-header-launcher-list-item\"]]],[\"tds-inline-tabs\",[[1,\"tds-inline-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"defaultSelectedIndex\":[2,\"default-selected-index\"],\"selectedIndex\":[514,\"selected-index\"],\"tdsScrollLeftAriaLabel\":[1,\"tds-scroll-left-aria-label\"],\"tdsScrollRightAriaLabel\":[1,\"tds-scroll-right-aria-label\"],\"leftPadding\":[514,\"left-padding\"],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectTab\":[64],\"reinitialize\":[64]},null,{\"selectedIndex\":[\"handleSelectedIndexUpdate\"]}]]],[\"tds-message\",[[1,\"tds-message\",{\"header\":[1],\"modeVariant\":[1,\"mode-variant\"],\"variant\":[1],\"noIcon\":[4,\"no-icon\"],\"minimal\":[4],\"tdsAlertDialog\":[1,\"tds-alert-dialog\"],\"tdsAriaLabel\":[1,\"tds-aria-label\"]}]]],[\"tds-modal\",[[1,\"tds-modal\",{\"header\":[1],\"prevent\":[4],\"size\":[1],\"actionsPosition\":[1,\"actions-position\"],\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"closable\":[4],\"tdsAlertDialog\":[1,\"tds-alert-dialog\"],\"isShown\":[32],\"activeElementIndex\":[32],\"showModal\":[64],\"closeModal\":[64],\"isOpen\":[64],\"initializeModal\":[64],\"cleanupModal\":[64]},[[10,\"keydown\",\"handleFocusTrap\"]]]]],[\"tds-navigation-tabs\",[[1,\"tds-navigation-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"defaultSelectedIndex\":[2,\"default-selected-index\"],\"selectedIndex\":[514,\"selected-index\"],\"leftPadding\":[514,\"left-padding\"],\"tdsScrollLeftAriaLabel\":[1,\"tds-scroll-left-aria-label\"],\"tdsScrollRightAriaLabel\":[1,\"tds-scroll-right-aria-label\"],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectTab\":[64],\"reinitialize\":[64]},null,{\"selectedIndex\":[\"handleSelectedIndexUpdate\"]}]]],[\"tds-popover-menu\",[[6,\"tds-popover-menu\",{\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"defaultShow\":[4,\"default-show\"],\"placement\":[1],\"animation\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"],\"fluidWidth\":[4,\"fluid-width\"],\"modeVariant\":[1,\"mode-variant\"],\"childRef\":[32],\"close\":[64]}]]],[\"tds-side-menu-close-button\",[[1,\"tds-side-menu-close-button\"]]],[\"tds-side-menu-collapse-button\",[[1,\"tds-side-menu-collapse-button\",{\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-slider\",[[0,\"tds-slider\",{\"label\":[1],\"value\":[1025],\"min\":[1],\"max\":[1],\"ticks\":[1],\"showTickNumbers\":[4,\"show-tick-numbers\"],\"tooltip\":[4],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"controls\":[4],\"input\":[4],\"step\":[1],\"name\":[1],\"thumbSize\":[1,\"thumb-size\"],\"snap\":[4],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"sliderId\":[1,\"slider-id\"],\"tdsReadOnlyAriaLabel\":[1,\"tds-read-only-aria-label\"],\"reset\":[64]},[[0,\"keydown\",\"handleKeydown\"],[9,\"mouseup\",\"handleRelease\"],[9,\"touchend\",\"handleRelease\"],[9,\"mousemove\",\"handleMove\"],[9,\"touchmove\",\"handleMove\"]],{\"value\":[\"handleValueUpdate\"]}]]],[\"tds-step\",[[1,\"tds-step\",{\"index\":[1],\"state\":[1],\"tdsAriaCurrent\":[1,\"tds-aria-current\"],\"hideLabels\":[32],\"size\":[32],\"orientation\":[32],\"labelPosition\":[32]},[[16,\"internalTdsPropsChange\",\"handlePropsChange\"]]]]],[\"tds-table-body-input-wrapper\",[[1,\"tds-table-body-input-wrapper\",{\"showIcon\":[4,\"show-icon\"],\"renderSlot\":[32],\"inputFocused\":[32],\"compactDesign\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-table-body-row\",[[1,\"tds-table-body-row\",{\"selected\":[516],\"disabled\":[516],\"clickable\":[516],\"multiselect\":[32],\"mainCheckBoxStatus\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-table-header\",[[1,\"tds-table-header\",{\"allSelected\":[1540,\"all-selected\"],\"selected\":[1540],\"disabled\":[1540],\"indeterminate\":[4],\"multiselect\":[32],\"expandableRows\":[32],\"mainCheckboxSelected\":[32],\"mainExpendSelected\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"enableToolbarDesign\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsRowExpanded\",\"internalTdsRowExpandedListener\"]]]]],[\"tds-table-header-input-wrapper\",[[1,\"tds-table-header-input-wrapper\",{\"showIcon\":[4,\"show-icon\"],\"compactDesign\":[4,\"compact-design\"],\"renderSlot\":[32],\"inputFocused\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-table-toolbar\",[[1,\"tds-table-toolbar\",{\"tableTitle\":[513,\"table-title\"],\"filter\":[516],\"tdsSearchAriaLabel\":[1,\"tds-search-aria-label\"],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"tableId\":[32],\"horizontalScrollWidth\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-toast\",[[1,\"tds-toast\",{\"toastId\":[1,\"toast-id\"],\"header\":[1],\"subheader\":[1],\"variant\":[1],\"hidden\":[516],\"closable\":[4],\"toastRole\":[1,\"toast-role\"],\"tdsCloseAriaLabel\":[1,\"tds-close-aria-label\"],\"tdsAriaLive\":[1,\"tds-aria-live\"],\"hideToast\":[64],\"showToast\":[64]}]]],[\"tds-accordion\",[[1,\"tds-accordion\",{\"modeVariant\":[1,\"mode-variant\"],\"hideLastBorder\":[4,\"hide-last-border\"]}]]],[\"tds-badge\",[[1,\"tds-badge\",{\"value\":[1],\"hidden\":[516],\"size\":[1],\"tdsAriaLive\":[1,\"tds-aria-live\"],\"tdsAriaLabel\":[32],\"shape\":[32],\"text\":[32]},null,{\"value\":[\"watchProps\"],\"size\":[\"watchProps\"]}]]],[\"tds-block\",[[1,\"tds-block\",{\"modeVariant\":[1,\"mode-variant\"],\"componentTag\":[1,\"component-tag\"]}]]],[\"tds-body-cell\",[[1,\"tds-body-cell\",{\"cellValue\":[520,\"cell-value\"],\"cellKey\":[520,\"cell-key\"],\"disablePadding\":[516,\"disable-padding\"],\"textAlign\":[513,\"text-align\"],\"textAlignState\":[32],\"activeSorting\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"tableId\":[32]},[[16,\"internalTdsPropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsHover\",\"internalTdsHoverListener\"],[16,\"internalTdsTextAlign\",\"internalTdsTextAlignListener\"]]]]],[\"tds-breadcrumb\",[[1,\"tds-breadcrumb\",{\"current\":[4]}]]],[\"tds-breadcrumbs\",[[1,\"tds-breadcrumbs\",{\"tdsAriaLabel\":[1,\"tds-aria-label\"]}]]],[\"tds-button\",[[6,\"tds-button\",{\"text\":[1],\"type\":[1],\"variant\":[1],\"size\":[1],\"disabled\":[4],\"fullbleed\":[4],\"modeVariant\":[1,\"mode-variant\"],\"animation\":[1],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"name\":[1],\"value\":[1],\"onlyIcon\":[32]}]]],[\"tds-chip\",[[6,\"tds-chip\",{\"type\":[1],\"size\":[1],\"chipId\":[1,\"chip-id\"],\"checked\":[1540],\"name\":[1],\"value\":[1],\"disabled\":[4],\"tdsAriaLabel\":[1,\"tds-aria-label\"]},[[16,\"internalRadioOnChange\",\"handleInternaRadioChange\"]]]]],[\"tds-folder-tab\",[[1,\"tds-folder-tab\",{\"disabled\":[4],\"selected\":[32],\"tabWidth\":[32],\"setTabWidth\":[64],\"setSelected\":[64]}]]],[\"tds-footer\",[[1,\"tds-footer\",{\"modeVariant\":[1,\"mode-variant\"]}]]],[\"tds-footer-item\",[[1,\"tds-footer-item\"]]],[\"tds-header\",[[4,\"tds-header\"]]],[\"tds-header-dropdown-list-user\",[[1,\"tds-header-dropdown-list-user\",{\"imgUrl\":[1,\"img-url\"],\"imgAlt\":[1,\"img-alt\"],\"header\":[1],\"subheader\":[1]}]]],[\"tds-header-launcher-grid\",[[4,\"tds-header-launcher-grid\",{\"headingElement\":[32]}]]],[\"tds-header-launcher-grid-item\",[[1,\"tds-header-launcher-grid-item\"]]],[\"tds-header-launcher-grid-title\",[[4,\"tds-header-launcher-grid-title\"]]],[\"tds-header-launcher-list-title\",[[4,\"tds-header-launcher-list-title\"]]],[\"tds-header-title\",[[1,\"tds-header-title\"]]],[\"tds-inline-tab\",[[1,\"tds-inline-tab\",{\"disabled\":[4],\"selected\":[32],\"setSelected\":[64]}]]],[\"tds-link\",[[1,\"tds-link\",{\"disabled\":[4],\"underline\":[4],\"standalone\":[4]}]]],[\"tds-navigation-tab\",[[1,\"tds-navigation-tab\",{\"disabled\":[4],\"selected\":[32],\"setSelected\":[64]}]]],[\"tds-popover-menu-item\",[[1,\"tds-popover-menu-item\",{\"disabled\":[4]}]]],[\"tds-radio-button\",[[6,\"tds-radio-button\",{\"name\":[1],\"value\":[1],\"radioId\":[1,\"radio-id\"],\"checked\":[516],\"required\":[4],\"disabled\":[4],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"tdsTabIndex\":[2,\"tds-tab-index\"],\"focusElement\":[64]}]]],[\"tds-side-menu\",[[1,\"tds-side-menu\",{\"open\":[1028],\"persistent\":[4],\"collapsed\":[1028],\"isUpperSlotEmpty\":[32],\"isCollapsed\":[32],\"initialCollapsedState\":[32],\"activeElementIndex\":[32]},[[8,\"keydown\",\"handleKeyDown\"],[10,\"keydown\",\"handleFocusTrap\"],[16,\"internalTdsCollapse\",\"collapsedSideMenuEventHandler\"]],{\"collapsed\":[\"onCollapsedChange\"],\"open\":[\"onOpenChange\"]}]]],[\"tds-side-menu-dropdown-list\",[[1,\"tds-side-menu-dropdown-list\",{\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapsedSideMenuEventHandler\"]]]]],[\"tds-side-menu-dropdown-list-item\",[[1,\"tds-side-menu-dropdown-list-item\",{\"selected\":[4],\"dropdownHasIcon\":[32],\"dropdownHasUser\":[32],\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-side-menu-overlay\",[[1,\"tds-side-menu-overlay\"]]],[\"tds-spinner\",[[0,\"tds-spinner\",{\"size\":[1],\"variant\":[1]}]]],[\"tds-stepper\",[[1,\"tds-stepper\",{\"orientation\":[1],\"labelPosition\":[1,\"label-position\"],\"size\":[1],\"hideLabels\":[4,\"hide-labels\"],\"stepperId\":[1,\"stepper-id\"],\"tdsAriaLabel\":[1,\"tds-aria-label\"]},null,{\"orientation\":[\"handleDirectionChange\"],\"labelPosition\":[\"handleLabelPositionChange\"],\"size\":[\"handleSizeChange\"],\"hideLabels\":[\"handleHideLabelsChange\"]}]]],[\"tds-table\",[[1,\"tds-table\",{\"verticalDividers\":[516,\"vertical-dividers\"],\"compactDesign\":[516,\"compact-design\"],\"noMinWidth\":[516,\"no-min-width\"],\"multiselect\":[516],\"expandableRows\":[516,\"expandable-rows\"],\"responsive\":[516],\"modeVariant\":[513,\"mode-variant\"],\"zebraMode\":[513,\"zebra-mode\"],\"horizontalScrollWidth\":[1,\"horizontal-scroll-width\"],\"tableId\":[1,\"table-id\"],\"enableHorizontalScrollToolbarDesign\":[32],\"enableHorizontalScrollFooterDesign\":[32],\"getSelectedRows\":[64]},null,{\"multiselect\":[\"multiselectChanged\"],\"expandableRows\":[\"enableExpandableRowsChanged\"],\"compactDesign\":[\"compactDesignChanged\"],\"verticalDividers\":[\"verticalDividersChanged\"],\"noMinWidth\":[\"noMinWidthChanged\"],\"zebraMode\":[\"zebraModeChanged\"],\"modeVariant\":[\"modeVariantChanged\"],\"horizontalScrollWidth\":[\"widthChanged\"]}]]],[\"tds-table-body\",[[4,\"tds-table-body\",{\"multiselect\":[32],\"enablePaginationTableBody\":[32],\"expandableRows\":[32],\"multiselectArray\":[32],\"multiselectArrayJSON\":[32],\"mainCheckboxStatus\":[32],\"columnsNumber\":[32],\"zebraMode\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsRowChange\",\"bodyCheckboxListener\"]]]]],[\"tds-table-body-row-expandable\",[[1,\"tds-table-body-row-expandable\",{\"colSpan\":[2,\"col-span\"],\"rowId\":[513,\"row-id\"],\"expanded\":[516],\"overflow\":[513],\"autoCollapse\":[4,\"auto-collapse\"],\"tdsAriaLabelExpandButton\":[513,\"tds-aria-label-expand-button\"],\"isExpanded\":[32],\"tableId\":[32],\"columnsNumber\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"modeVariant\":[32],\"expand\":[64],\"collapse\":[64]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"],[16,\"tdsChange\",\"handleRowExpand\"]],{\"expanded\":[\"watchExpanded\"]}]]],[\"tds-toggle\",[[6,\"tds-toggle\",{\"checked\":[516],\"required\":[4],\"size\":[1],\"name\":[1],\"headline\":[1],\"disabled\":[4],\"toggleId\":[1,\"toggle-id\"],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"toggle\":[64],\"focusElement\":[64]}]]],[\"tds-header-launcher-button\",[[1,\"tds-header-launcher-button\",{\"active\":[4],\"tdsAriaLabel\":[1,\"tds-aria-label\"]}]]],[\"tds-divider\",[[1,\"tds-divider\",{\"orientation\":[1],\"variant\":[1]}]]],[\"tds-header-dropdown-list\",[[1,\"tds-header-dropdown-list\",{\"size\":[513],\"headingElement\":[32]}]]],[\"tds-header-dropdown-list-item\",[[1,\"tds-header-dropdown-list-item\",{\"selected\":[4],\"size\":[513]}]]],[\"tds-dropdown_2\",[[17,\"tds-dropdown-option\",{\"value\":[8],\"disabled\":[4],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"internalValue\":[32],\"selected\":[32],\"multiselect\":[32],\"size\":[32],\"setSelected\":[64]},null,{\"value\":[\"valueWatcher\"]}],[1,\"tds-dropdown\",{\"name\":[1],\"disabled\":[4],\"helper\":[1],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"modeVariant\":[1,\"mode-variant\"],\"openDirection\":[1,\"open-direction\"],\"placeholder\":[1],\"size\":[1],\"animation\":[1],\"error\":[4],\"multiselect\":[4],\"filter\":[4],\"normalizeText\":[4,\"normalize-text\"],\"noResultText\":[1,\"no-result-text\"],\"defaultValue\":[8,\"default-value\"],\"value\":[1032],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"open\":[32],\"internalValue\":[32],\"filterResult\":[32],\"filterFocus\":[32],\"internalDefaultValue\":[32],\"selectedOptions\":[32],\"setValue\":[64],\"reset\":[64],\"removeValue\":[64],\"focusElement\":[64],\"close\":[64],\"updateDisplay\":[64],\"appendValue\":[64]},[[9,\"mousedown\",\"onAnyClick\"],[0,\"keydown\",\"onKeyDown\"]],{\"value\":[\"handleValueChange\"],\"open\":[\"handleOpenState\"],\"defaultValue\":[\"handleDefaultValueChange\"]}]]],[\"tds-popover-canvas\",[[6,\"tds-popover-canvas\",{\"selector\":[1],\"referenceEl\":[16],\"defaultShow\":[4,\"default-show\"],\"show\":[4],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"animation\":[1],\"offsetDistance\":[2,\"offset-distance\"],\"modifiers\":[16],\"tdsAlertDialog\":[1,\"tds-alert-dialog\"],\"childRef\":[32],\"close\":[64]}]]],[\"tds-tooltip\",[[6,\"tds-tooltip\",{\"text\":[1],\"selector\":[1],\"referenceEl\":[16],\"defaultShow\":[4,\"default-show\"],\"mouseOverTooltip\":[4,\"mouse-over-tooltip\"],\"trigger\":[1],\"show\":[1028],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"],\"tdsAriaDescribedby\":[1,\"tds-aria-describedby\"]},[[8,\"keydown\",\"handleKeyDown\"]]]]],[\"tds-side-menu-user-image_2\",[[1,\"tds-side-menu-user-image\",{\"src\":[1],\"alt\":[1]}],[1,\"tds-side-menu-user-label\",{\"heading\":[1],\"subheading\":[1]}]]],[\"tds-side-menu-item\",[[1,\"tds-side-menu-item\",{\"selected\":[4],\"active\":[4],\"collapsed\":[32],\"hasUserComponent\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-checkbox\",[[6,\"tds-checkbox\",{\"name\":[1],\"checkboxId\":[1,\"checkbox-id\"],\"disabled\":[4],\"required\":[4],\"checked\":[1540],\"indeterminate\":[1028],\"value\":[1],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"tdsAriaDescribedby\":[1,\"tds-aria-describedby\"],\"toggleCheckbox\":[64],\"focusElement\":[64]},[[4,\"reset\",\"handleFormReset\"]],{\"indeterminate\":[\"handleIndeterminateState\"]}]]],[\"tds-popover-core\",[[6,\"tds-popover-core\",{\"selector\":[1],\"referenceEl\":[16],\"defaultShow\":[4,\"default-show\"],\"animation\":[1],\"show\":[4],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"],\"modifiers\":[16],\"trigger\":[1],\"autoHide\":[4,\"auto-hide\"],\"renderedShowValue\":[32],\"popperInstance\":[32],\"target\":[32],\"isShown\":[32],\"disableLogic\":[32],\"hasShownAtLeastOnce\":[32],\"openedByKeyboard\":[32],\"close\":[64]},[[8,\"click\",\"onAnyClick\"],[8,\"internalTdsShow\",\"onTdsShow\"],[8,\"keydown\",\"handleKeydown\"]],{\"show\":[\"onShowChange\"],\"referenceEl\":[\"onReferenceElChanged\"],\"trigger\":[\"onTriggerChanged\"],\"isShown\":[\"onIsShownChange\"]}]]],[\"tds-core-header-item_2\",[[1,\"tds-header-item\",{\"active\":[4],\"selected\":[4]}],[1,\"tds-core-header-item\"]]],[\"tds-icon\",[[1,\"tds-icon\",{\"name\":[513],\"size\":[513],\"svgTitle\":[1,\"svg-title\"],\"tdsAriaHidden\":[4,\"tds-aria-hidden\"],\"svgDescription\":[1,\"svg-description\"],\"icons_object\":[32],\"arrayOfIcons\":[32]}]]]]"), options);
|
|
8
|
+
return bootstrapLazy(JSON.parse("[[\"tds-header-launcher\",[[1,\"tds-header-launcher\",{\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"open\":[32],\"buttonEl\":[32],\"hasListTypeMenu\":[32]},[[8,\"click\",\"onAnyClick\"],[8,\"keydown\",\"handleKeyDown\"]]]]],[\"tds-header-dropdown\",[[1,\"tds-header-dropdown\",{\"label\":[1],\"noDropdownIcon\":[4,\"no-dropdown-icon\"],\"selected\":[4],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"open\":[32],\"buttonEl\":[32]},[[4,\"click\",\"onAnyClick\"],[8,\"keydown\",\"handleKeyDown\"]]]]],[\"tds-table-footer\",[[1,\"tds-table-footer\",{\"pagination\":[516],\"paginationValue\":[1538,\"pagination-value\"],\"rowsperpage\":[516],\"rowsPerPageValues\":[16],\"pages\":[514],\"cols\":[2],\"columnsNumber\":[32],\"compactDesign\":[32],\"lastCorrectValue\":[32],\"tableId\":[32],\"horizontalScrollWidth\":[32],\"rowsPerPageValue\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-header-hamburger\",[[1,\"tds-header-hamburger\",{\"tdsAriaLabel\":[1,\"tds-aria-label\"]}]]],[\"tds-text-field\",[[6,\"tds-text-field\",{\"type\":[513],\"labelPosition\":[1,\"label-position\"],\"label\":[1],\"min\":[8],\"max\":[8],\"helper\":[1],\"placeholder\":[1],\"value\":[513],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"hideReadOnlyIcon\":[4,\"hide-read-only-icon\"],\"size\":[1],\"modeVariant\":[1,\"mode-variant\"],\"noMinWidth\":[4,\"no-min-width\"],\"name\":[1],\"state\":[1],\"maxLength\":[2,\"max-length\"],\"autofocus\":[4],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"focusInput\":[32],\"focusElement\":[64]}]]],[\"tds-textarea\",[[2,\"tds-textarea\",{\"label\":[1],\"name\":[1],\"helper\":[1],\"cols\":[2],\"rows\":[2],\"labelPosition\":[1,\"label-position\"],\"placeholder\":[1],\"value\":[1],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"hideReadOnlyIcon\":[4,\"hide-read-only-icon\"],\"state\":[1],\"maxLength\":[2,\"max-length\"],\"modeVariant\":[1,\"mode-variant\"],\"autofocus\":[4],\"noMinWidth\":[4,\"no-min-width\"],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"focusInput\":[32],\"focusElement\":[64]}]]],[\"tds-header-brand-symbol\",[[1,\"tds-header-brand-symbol\"]]],[\"tds-side-menu-dropdown\",[[1,\"tds-side-menu-dropdown\",{\"defaultOpen\":[4,\"default-open\"],\"buttonLabel\":[1,\"button-label\"],\"selected\":[4],\"open\":[4],\"hoverState\":[32],\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapsedSideMenuEventHandler\"],[1,\"pointerenter\",\"onEventPointerEnter\"],[0,\"focusin\",\"onEventFocus\"],[1,\"pointerleave\",\"onEventPointerLeave\"],[0,\"focusout\",\"onEventBlur\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"tds-side-menu-user\",[[1,\"tds-side-menu-user\",{\"heading\":[1],\"subheading\":[1],\"imgSrc\":[1,\"img-src\"],\"imgAlt\":[1,\"img-alt\"]}]]],[\"tds-accordion-item\",[[1,\"tds-accordion-item\",{\"header\":[1],\"expandIconPosition\":[1,\"expand-icon-position\"],\"disabled\":[4],\"expanded\":[516],\"paddingReset\":[4,\"padding-reset\"],\"ariaLevelValue\":[1,\"aria-level-value\"],\"toggleAccordionItem\":[64],\"expand\":[64],\"collapse\":[64],\"isExpanded\":[64]}]]],[\"tds-banner\",[[1,\"tds-banner\",{\"icon\":[1],\"header\":[1],\"subheader\":[1],\"variant\":[1],\"bannerId\":[1,\"banner-id\"],\"hidden\":[516],\"roleType\":[1,\"role-type\"],\"hideBanner\":[64],\"showBanner\":[64]}]]],[\"tds-card\",[[1,\"tds-card\",{\"modeVariant\":[1,\"mode-variant\"],\"imagePlacement\":[1,\"image-placement\"],\"header\":[1],\"subheader\":[1],\"bodyImg\":[1,\"body-img\"],\"bodyImgAlt\":[1,\"body-img-alt\"],\"bodyDivider\":[4,\"body-divider\"],\"clickable\":[4],\"stretch\":[4],\"cardId\":[1,\"card-id\"]}]]],[\"tds-datetime\",[[2,\"tds-datetime\",{\"type\":[513],\"value\":[1537],\"min\":[1],\"max\":[1],\"defaultValue\":[1,\"default-value\"],\"disabled\":[4],\"size\":[1],\"noMinWidth\":[4,\"no-min-width\"],\"modeVariant\":[1,\"mode-variant\"],\"name\":[1],\"state\":[1],\"autofocus\":[4],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"helper\":[1],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"focusInput\":[32],\"reset\":[64],\"setValue\":[64],\"focusElement\":[64]},[[0,\"focusin\",\"handleFocusIn\"],[0,\"focusout\",\"handleFocusOut\"]]]]],[\"tds-folder-tabs\",[[1,\"tds-folder-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"defaultSelectedIndex\":[2,\"default-selected-index\"],\"selectedIndex\":[514,\"selected-index\"],\"tdsScrollLeftAriaLabel\":[1,\"tds-scroll-left-aria-label\"],\"tdsScrollRightAriaLabel\":[1,\"tds-scroll-right-aria-label\"],\"buttonWidth\":[32],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectTab\":[64],\"reinitialize\":[64]},null,{\"selectedIndex\":[\"handleSelectedIndexUpdate\"]}]]],[\"tds-footer-group\",[[1,\"tds-footer-group\",{\"titleText\":[1,\"title-text\"],\"tdsListAriaLabel\":[1,\"tds-list-aria-label\"],\"open\":[32],\"isMobile\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"tds-header-cell\",[[1,\"tds-header-cell\",{\"cellKey\":[513,\"cell-key\"],\"cellValue\":[513,\"cell-value\"],\"customWidth\":[513,\"custom-width\"],\"sortable\":[4],\"textAlign\":[513,\"text-align\"],\"disablePadding\":[516,\"disable-padding\"],\"tdsAriaLabelSortButton\":[513,\"tds-aria-label-sort-button\"],\"textAlignState\":[32],\"sortingDirection\":[32],\"sortedByMyKey\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"multiselect\":[32],\"enableToolbarDesign\":[32],\"tableId\":[32],\"expandableRows\":[32]},[[16,\"internalTdsPropChange\",\"internalTdsPropChangeListener\"],[16,\"internalSortButtonClicked\",\"updateOptionsContent\"]]]]],[\"tds-header-launcher-list\",[[4,\"tds-header-launcher-list\"]]],[\"tds-header-launcher-list-item\",[[1,\"tds-header-launcher-list-item\"]]],[\"tds-inline-tabs\",[[1,\"tds-inline-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"defaultSelectedIndex\":[2,\"default-selected-index\"],\"selectedIndex\":[514,\"selected-index\"],\"tdsScrollLeftAriaLabel\":[1,\"tds-scroll-left-aria-label\"],\"tdsScrollRightAriaLabel\":[1,\"tds-scroll-right-aria-label\"],\"leftPadding\":[514,\"left-padding\"],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectTab\":[64],\"reinitialize\":[64]},null,{\"selectedIndex\":[\"handleSelectedIndexUpdate\"]}]]],[\"tds-message\",[[1,\"tds-message\",{\"header\":[1],\"modeVariant\":[1,\"mode-variant\"],\"variant\":[1],\"noIcon\":[4,\"no-icon\"],\"minimal\":[4],\"tdsAlertDialog\":[1,\"tds-alert-dialog\"],\"tdsAriaLabel\":[1,\"tds-aria-label\"]}]]],[\"tds-modal\",[[1,\"tds-modal\",{\"header\":[1],\"prevent\":[4],\"size\":[1],\"actionsPosition\":[1,\"actions-position\"],\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"closable\":[4],\"tdsAlertDialog\":[1,\"tds-alert-dialog\"],\"isShown\":[32],\"activeElementIndex\":[32],\"showModal\":[64],\"closeModal\":[64],\"isOpen\":[64],\"initializeModal\":[64],\"cleanupModal\":[64]},[[10,\"keydown\",\"handleFocusTrap\"]]]]],[\"tds-navigation-tabs\",[[1,\"tds-navigation-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"defaultSelectedIndex\":[2,\"default-selected-index\"],\"selectedIndex\":[514,\"selected-index\"],\"leftPadding\":[514,\"left-padding\"],\"tdsScrollLeftAriaLabel\":[1,\"tds-scroll-left-aria-label\"],\"tdsScrollRightAriaLabel\":[1,\"tds-scroll-right-aria-label\"],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectTab\":[64],\"reinitialize\":[64]},null,{\"selectedIndex\":[\"handleSelectedIndexUpdate\"]}]]],[\"tds-popover-menu\",[[6,\"tds-popover-menu\",{\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"defaultShow\":[4,\"default-show\"],\"placement\":[1],\"animation\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"],\"fluidWidth\":[4,\"fluid-width\"],\"modeVariant\":[1,\"mode-variant\"],\"childRef\":[32],\"close\":[64]}]]],[\"tds-side-menu-close-button\",[[1,\"tds-side-menu-close-button\"]]],[\"tds-side-menu-collapse-button\",[[1,\"tds-side-menu-collapse-button\",{\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-slider\",[[0,\"tds-slider\",{\"label\":[1],\"value\":[1025],\"min\":[1],\"max\":[1],\"ticks\":[1],\"showTickNumbers\":[4,\"show-tick-numbers\"],\"tooltip\":[4],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"controls\":[4],\"input\":[4],\"step\":[1],\"name\":[1],\"thumbSize\":[1,\"thumb-size\"],\"snap\":[4],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"sliderId\":[1,\"slider-id\"],\"tdsReadOnlyAriaLabel\":[1,\"tds-read-only-aria-label\"],\"reset\":[64]},[[0,\"keydown\",\"handleKeydown\"],[9,\"mouseup\",\"handleRelease\"],[9,\"touchend\",\"handleRelease\"],[9,\"mousemove\",\"handleMove\"],[9,\"touchmove\",\"handleMove\"]],{\"value\":[\"handleValueUpdate\"]}]]],[\"tds-step\",[[1,\"tds-step\",{\"index\":[1],\"state\":[1],\"tdsAriaCurrent\":[1,\"tds-aria-current\"],\"hideLabels\":[32],\"size\":[32],\"orientation\":[32],\"labelPosition\":[32]},[[16,\"internalTdsPropsChange\",\"handlePropsChange\"]]]]],[\"tds-table-body-input-wrapper\",[[1,\"tds-table-body-input-wrapper\",{\"showIcon\":[4,\"show-icon\"],\"renderSlot\":[32],\"inputFocused\":[32],\"compactDesign\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-table-body-row\",[[1,\"tds-table-body-row\",{\"selected\":[516],\"disabled\":[516],\"clickable\":[516],\"multiselect\":[32],\"mainCheckBoxStatus\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-table-header\",[[1,\"tds-table-header\",{\"allSelected\":[1540,\"all-selected\"],\"selected\":[1540],\"disabled\":[1540],\"indeterminate\":[4],\"multiselect\":[32],\"expandableRows\":[32],\"mainCheckboxSelected\":[32],\"mainExpendSelected\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"enableToolbarDesign\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsRowExpanded\",\"internalTdsRowExpandedListener\"]]]]],[\"tds-table-header-input-wrapper\",[[1,\"tds-table-header-input-wrapper\",{\"showIcon\":[4,\"show-icon\"],\"compactDesign\":[4,\"compact-design\"],\"renderSlot\":[32],\"inputFocused\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-table-toolbar\",[[1,\"tds-table-toolbar\",{\"tableTitle\":[513,\"table-title\"],\"filter\":[516],\"tdsSearchAriaLabel\":[1,\"tds-search-aria-label\"],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"tableId\":[32],\"horizontalScrollWidth\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-toast\",[[1,\"tds-toast\",{\"toastId\":[1,\"toast-id\"],\"header\":[1],\"subheader\":[1],\"variant\":[1],\"hidden\":[516],\"closable\":[4],\"toastRole\":[1,\"toast-role\"],\"tdsCloseAriaLabel\":[1,\"tds-close-aria-label\"],\"tdsAriaLive\":[1,\"tds-aria-live\"],\"hideToast\":[64],\"showToast\":[64]}]]],[\"tds-accordion\",[[1,\"tds-accordion\",{\"modeVariant\":[1,\"mode-variant\"],\"hideLastBorder\":[4,\"hide-last-border\"]}]]],[\"tds-badge\",[[1,\"tds-badge\",{\"value\":[1],\"hidden\":[516],\"size\":[1],\"tdsAriaLive\":[1,\"tds-aria-live\"],\"tdsAriaLabel\":[32],\"shape\":[32],\"text\":[32]},null,{\"value\":[\"watchProps\"],\"size\":[\"watchProps\"]}]]],[\"tds-block\",[[1,\"tds-block\",{\"modeVariant\":[1,\"mode-variant\"],\"componentTag\":[1,\"component-tag\"]}]]],[\"tds-body-cell\",[[1,\"tds-body-cell\",{\"cellValue\":[520,\"cell-value\"],\"cellKey\":[520,\"cell-key\"],\"disablePadding\":[516,\"disable-padding\"],\"textAlign\":[513,\"text-align\"],\"textAlignState\":[32],\"activeSorting\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"tableId\":[32]},[[16,\"internalTdsPropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsHover\",\"internalTdsHoverListener\"],[16,\"internalTdsTextAlign\",\"internalTdsTextAlignListener\"]]]]],[\"tds-breadcrumb\",[[1,\"tds-breadcrumb\",{\"current\":[4]}]]],[\"tds-breadcrumbs\",[[1,\"tds-breadcrumbs\",{\"tdsAriaLabel\":[1,\"tds-aria-label\"]}]]],[\"tds-button\",[[6,\"tds-button\",{\"text\":[1],\"type\":[1],\"variant\":[1],\"size\":[1],\"disabled\":[4],\"fullbleed\":[4],\"modeVariant\":[1,\"mode-variant\"],\"animation\":[1],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"name\":[1],\"value\":[1],\"onlyIcon\":[32]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"keyup\",\"handleKeyUp\"]]]]],[\"tds-chip\",[[6,\"tds-chip\",{\"type\":[1],\"size\":[1],\"chipId\":[1,\"chip-id\"],\"checked\":[1540],\"name\":[1],\"value\":[1],\"disabled\":[4],\"tdsAriaLabel\":[1,\"tds-aria-label\"]},[[16,\"internalRadioOnChange\",\"handleInternaRadioChange\"]]]]],[\"tds-folder-tab\",[[1,\"tds-folder-tab\",{\"disabled\":[4],\"selected\":[32],\"tabWidth\":[32],\"setTabWidth\":[64],\"setSelected\":[64]}]]],[\"tds-footer\",[[1,\"tds-footer\",{\"modeVariant\":[1,\"mode-variant\"]}]]],[\"tds-footer-item\",[[1,\"tds-footer-item\"]]],[\"tds-header\",[[4,\"tds-header\"]]],[\"tds-header-dropdown-list-user\",[[1,\"tds-header-dropdown-list-user\",{\"imgUrl\":[1,\"img-url\"],\"imgAlt\":[1,\"img-alt\"],\"header\":[1],\"subheader\":[1]}]]],[\"tds-header-launcher-grid\",[[4,\"tds-header-launcher-grid\",{\"headingElement\":[32]}]]],[\"tds-header-launcher-grid-item\",[[1,\"tds-header-launcher-grid-item\"]]],[\"tds-header-launcher-grid-title\",[[4,\"tds-header-launcher-grid-title\"]]],[\"tds-header-launcher-list-title\",[[4,\"tds-header-launcher-list-title\"]]],[\"tds-header-title\",[[1,\"tds-header-title\"]]],[\"tds-inline-tab\",[[1,\"tds-inline-tab\",{\"disabled\":[4],\"selected\":[32],\"setSelected\":[64]}]]],[\"tds-link\",[[1,\"tds-link\",{\"disabled\":[4],\"underline\":[4],\"standalone\":[4]}]]],[\"tds-navigation-tab\",[[1,\"tds-navigation-tab\",{\"disabled\":[4],\"selected\":[32],\"setSelected\":[64]}]]],[\"tds-popover-menu-item\",[[1,\"tds-popover-menu-item\",{\"disabled\":[4]}]]],[\"tds-radio-button\",[[6,\"tds-radio-button\",{\"name\":[1],\"value\":[1],\"radioId\":[1,\"radio-id\"],\"checked\":[516],\"required\":[4],\"disabled\":[4],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"tdsTabIndex\":[2,\"tds-tab-index\"],\"focusElement\":[64]}]]],[\"tds-side-menu\",[[1,\"tds-side-menu\",{\"open\":[1028],\"persistent\":[4],\"collapsed\":[1028],\"isUpperSlotEmpty\":[32],\"isCollapsed\":[32],\"initialCollapsedState\":[32],\"activeElementIndex\":[32]},[[8,\"keydown\",\"handleKeyDown\"],[10,\"keydown\",\"handleFocusTrap\"],[16,\"internalTdsCollapse\",\"collapsedSideMenuEventHandler\"]],{\"collapsed\":[\"onCollapsedChange\"],\"open\":[\"onOpenChange\"]}]]],[\"tds-side-menu-dropdown-list\",[[1,\"tds-side-menu-dropdown-list\",{\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapsedSideMenuEventHandler\"]]]]],[\"tds-side-menu-dropdown-list-item\",[[1,\"tds-side-menu-dropdown-list-item\",{\"selected\":[4],\"dropdownHasIcon\":[32],\"dropdownHasUser\":[32],\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-side-menu-overlay\",[[1,\"tds-side-menu-overlay\"]]],[\"tds-spinner\",[[0,\"tds-spinner\",{\"size\":[1],\"variant\":[1]}]]],[\"tds-stepper\",[[1,\"tds-stepper\",{\"orientation\":[1],\"labelPosition\":[1,\"label-position\"],\"size\":[1],\"hideLabels\":[4,\"hide-labels\"],\"stepperId\":[1,\"stepper-id\"],\"tdsAriaLabel\":[1,\"tds-aria-label\"]},null,{\"orientation\":[\"handleDirectionChange\"],\"labelPosition\":[\"handleLabelPositionChange\"],\"size\":[\"handleSizeChange\"],\"hideLabels\":[\"handleHideLabelsChange\"]}]]],[\"tds-table\",[[1,\"tds-table\",{\"verticalDividers\":[516,\"vertical-dividers\"],\"compactDesign\":[516,\"compact-design\"],\"noMinWidth\":[516,\"no-min-width\"],\"multiselect\":[516],\"expandableRows\":[516,\"expandable-rows\"],\"responsive\":[516],\"modeVariant\":[513,\"mode-variant\"],\"zebraMode\":[513,\"zebra-mode\"],\"horizontalScrollWidth\":[1,\"horizontal-scroll-width\"],\"tableId\":[1,\"table-id\"],\"enableHorizontalScrollToolbarDesign\":[32],\"enableHorizontalScrollFooterDesign\":[32],\"getSelectedRows\":[64]},null,{\"multiselect\":[\"multiselectChanged\"],\"expandableRows\":[\"enableExpandableRowsChanged\"],\"compactDesign\":[\"compactDesignChanged\"],\"verticalDividers\":[\"verticalDividersChanged\"],\"noMinWidth\":[\"noMinWidthChanged\"],\"zebraMode\":[\"zebraModeChanged\"],\"modeVariant\":[\"modeVariantChanged\"],\"horizontalScrollWidth\":[\"widthChanged\"]}]]],[\"tds-table-body\",[[4,\"tds-table-body\",{\"multiselect\":[32],\"enablePaginationTableBody\":[32],\"expandableRows\":[32],\"multiselectArray\":[32],\"multiselectArrayJSON\":[32],\"mainCheckboxStatus\":[32],\"columnsNumber\":[32],\"zebraMode\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsRowChange\",\"bodyCheckboxListener\"]]]]],[\"tds-table-body-row-expandable\",[[1,\"tds-table-body-row-expandable\",{\"colSpan\":[2,\"col-span\"],\"rowId\":[513,\"row-id\"],\"expanded\":[516],\"overflow\":[513],\"autoCollapse\":[4,\"auto-collapse\"],\"tdsAriaLabelExpandButton\":[513,\"tds-aria-label-expand-button\"],\"isExpanded\":[32],\"tableId\":[32],\"columnsNumber\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"modeVariant\":[32],\"expand\":[64],\"collapse\":[64]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"],[16,\"tdsChange\",\"handleRowExpand\"]],{\"expanded\":[\"watchExpanded\"]}]]],[\"tds-tag\",[[6,\"tds-tag\",{\"text\":[1],\"size\":[1],\"variant\":[1]}]]],[\"tds-toggle\",[[6,\"tds-toggle\",{\"checked\":[516],\"required\":[4],\"size\":[1],\"name\":[1],\"headline\":[1],\"disabled\":[4],\"toggleId\":[1,\"toggle-id\"],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"toggle\":[64],\"focusElement\":[64]}]]],[\"tds-header-launcher-button\",[[1,\"tds-header-launcher-button\",{\"active\":[4],\"tdsAriaLabel\":[1,\"tds-aria-label\"]}]]],[\"tds-divider\",[[1,\"tds-divider\",{\"orientation\":[1],\"variant\":[1]}]]],[\"tds-header-dropdown-list\",[[1,\"tds-header-dropdown-list\",{\"size\":[513],\"headingElement\":[32]}]]],[\"tds-header-dropdown-list-item\",[[1,\"tds-header-dropdown-list-item\",{\"selected\":[4],\"size\":[513]}]]],[\"tds-dropdown_2\",[[17,\"tds-dropdown-option\",{\"value\":[8],\"disabled\":[4],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"internalValue\":[32],\"selected\":[32],\"multiselect\":[32],\"size\":[32],\"setSelected\":[64]},null,{\"value\":[\"valueWatcher\"]}],[1,\"tds-dropdown\",{\"name\":[1],\"disabled\":[4],\"helper\":[1],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"modeVariant\":[1,\"mode-variant\"],\"openDirection\":[1,\"open-direction\"],\"placeholder\":[1],\"size\":[1],\"animation\":[1],\"error\":[4],\"multiselect\":[4],\"filter\":[4],\"normalizeText\":[4,\"normalize-text\"],\"noResultText\":[1,\"no-result-text\"],\"defaultValue\":[8,\"default-value\"],\"value\":[1032],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"open\":[32],\"internalValue\":[32],\"filterResult\":[32],\"filterFocus\":[32],\"internalDefaultValue\":[32],\"selectedOptions\":[32],\"setValue\":[64],\"reset\":[64],\"removeValue\":[64],\"focusElement\":[64],\"close\":[64],\"updateDisplay\":[64],\"appendValue\":[64]},[[9,\"mousedown\",\"onAnyClick\"],[0,\"keydown\",\"onKeyDown\"]],{\"value\":[\"handleValueChange\"],\"open\":[\"handleOpenState\"],\"defaultValue\":[\"handleDefaultValueChange\"]}]]],[\"tds-popover-canvas\",[[6,\"tds-popover-canvas\",{\"selector\":[1],\"referenceEl\":[16],\"defaultShow\":[4,\"default-show\"],\"show\":[4],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"animation\":[1],\"offsetDistance\":[2,\"offset-distance\"],\"modifiers\":[16],\"tdsAlertDialog\":[1,\"tds-alert-dialog\"],\"childRef\":[32],\"close\":[64]}]]],[\"tds-tooltip\",[[6,\"tds-tooltip\",{\"text\":[1],\"selector\":[1],\"referenceEl\":[16],\"defaultShow\":[4,\"default-show\"],\"mouseOverTooltip\":[4,\"mouse-over-tooltip\"],\"trigger\":[1],\"show\":[1028],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"],\"tdsAriaDescribedby\":[1,\"tds-aria-describedby\"]},[[8,\"keydown\",\"handleKeyDown\"]]]]],[\"tds-side-menu-user-image_2\",[[1,\"tds-side-menu-user-image\",{\"src\":[1],\"alt\":[1]}],[1,\"tds-side-menu-user-label\",{\"heading\":[1],\"subheading\":[1]}]]],[\"tds-side-menu-item\",[[1,\"tds-side-menu-item\",{\"selected\":[4],\"active\":[4],\"collapsed\":[32],\"hasUserComponent\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-checkbox\",[[6,\"tds-checkbox\",{\"name\":[1],\"checkboxId\":[1,\"checkbox-id\"],\"disabled\":[4],\"required\":[4],\"checked\":[1540],\"indeterminate\":[1028],\"value\":[1],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"tdsAriaDescribedby\":[1,\"tds-aria-describedby\"],\"toggleCheckbox\":[64],\"focusElement\":[64]},[[4,\"reset\",\"handleFormReset\"]],{\"indeterminate\":[\"handleIndeterminateState\"]}]]],[\"tds-popover-core\",[[6,\"tds-popover-core\",{\"selector\":[1],\"referenceEl\":[16],\"defaultShow\":[4,\"default-show\"],\"animation\":[1],\"show\":[4],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"],\"modifiers\":[16],\"trigger\":[1],\"autoHide\":[4,\"auto-hide\"],\"renderedShowValue\":[32],\"popperInstance\":[32],\"target\":[32],\"isShown\":[32],\"disableLogic\":[32],\"hasShownAtLeastOnce\":[32],\"openedByKeyboard\":[32],\"close\":[64]},[[8,\"click\",\"onAnyClick\"],[8,\"internalTdsShow\",\"onTdsShow\"],[8,\"keydown\",\"handleKeydown\"]],{\"show\":[\"onShowChange\"],\"referenceEl\":[\"onReferenceElChanged\"],\"trigger\":[\"onTriggerChanged\"],\"isShown\":[\"onIsShownChange\"]}]]],[\"tds-core-header-item_2\",[[1,\"tds-header-item\",{\"active\":[4],\"selected\":[4]}],[1,\"tds-core-header-item\"]]],[\"tds-icon\",[[1,\"tds-icon\",{\"name\":[513],\"size\":[513],\"svgTitle\":[1,\"svg-title\"],\"tdsAriaHidden\":[4,\"tds-aria-hidden\"],\"svgDescription\":[1,\"svg-description\"],\"icons_object\":[32],\"arrayOfIcons\":[32]}]]]]"), options);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { defineCustomElements };
|
|
@@ -25,17 +25,27 @@ const TdsButton = class {
|
|
|
25
25
|
console.warn('Tegel button component: please specify the tdsAriaLabel prop when you have the onlyIcon attribute set to true');
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
|
+
handleKeyDown(event) {
|
|
29
|
+
if (event.key === 'Enter' && !this.disabled) {
|
|
30
|
+
this.host.querySelector('button').classList.add('active');
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
handleKeyUp(event) {
|
|
34
|
+
if (event.key === 'Enter' && !this.disabled) {
|
|
35
|
+
this.host.querySelector('button').classList.remove('active');
|
|
36
|
+
}
|
|
37
|
+
}
|
|
28
38
|
render() {
|
|
29
39
|
const hasLabelSlot = hasSlot('label', this.host);
|
|
30
40
|
const hasIconSlot = hasSlot('icon', this.host);
|
|
31
41
|
if (!this.text && !hasLabelSlot) {
|
|
32
42
|
this.onlyIcon = true;
|
|
33
43
|
}
|
|
34
|
-
return (h(Host, { key: '
|
|
44
|
+
return (h(Host, { key: '37c42e8c220b689445940a8dc863e24b46daa4f5', class: {
|
|
35
45
|
[`tds-mode-variant-${this.modeVariant}`]: Boolean(this.modeVariant),
|
|
36
46
|
disabled: Boolean(this.disabled),
|
|
37
47
|
fullbleed: Boolean(this.fullbleed),
|
|
38
|
-
}, disabled: this.disabled }, h("button", Object.assign({ key: '
|
|
48
|
+
}, disabled: this.disabled }, h("button", Object.assign({ key: 'aa4a32c29d10f66ff37e1b6c6ab4381a587c89d7', type: this.type, name: this.name ? this.name : undefined, value: this.value ? this.value : undefined, disabled: this.disabled, class: {
|
|
39
49
|
'primary': this.variant === 'primary',
|
|
40
50
|
'secondary': this.variant === 'secondary',
|
|
41
51
|
'ghost': this.variant === 'ghost',
|
|
@@ -49,7 +59,7 @@ const TdsButton = class {
|
|
|
49
59
|
'icon': hasIconSlot,
|
|
50
60
|
'only-icon': this.onlyIcon,
|
|
51
61
|
[`animation-${this.animation}`]: this.animation !== 'none',
|
|
52
|
-
} }, (this.onlyIcon && this.tdsAriaLabel && { 'aria-label': this.tdsAriaLabel })), this.text, hasLabelSlot && !this.onlyIcon && h("slot", { key: '
|
|
62
|
+
} }, (this.onlyIcon && this.tdsAriaLabel && { 'aria-label': this.tdsAriaLabel })), this.text, hasLabelSlot && !this.onlyIcon && h("slot", { key: '4b6fa14e76d9952fd48566e51196717b741e639b', name: "label" }), hasIconSlot && h("slot", { key: '7e922832ce9f28a4181d38dbfec4906a6ccb6c48', name: "icon" }))));
|
|
53
63
|
}
|
|
54
64
|
get host() { return getElement(this); }
|
|
55
65
|
};
|
|
@@ -698,13 +698,13 @@ const TdsDropdownOption = class {
|
|
|
698
698
|
componentWillLoad() {
|
|
699
699
|
this.internalValue = convertToString(this.value);
|
|
700
700
|
}
|
|
701
|
-
|
|
701
|
+
connectedCallback() {
|
|
702
702
|
if (!this.tdsAriaLabel && !this.multiselect) {
|
|
703
703
|
console.warn('Tegel Dropdown option component: tdsAriaLabel prop is missing');
|
|
704
704
|
}
|
|
705
705
|
}
|
|
706
706
|
render() {
|
|
707
|
-
return (h(Host, { key: '
|
|
707
|
+
return (h(Host, { key: '52827112a3060a8858978c3e65c284358f923539' }, h("div", { key: 'edf5262e5dbbfadf34ff6faa164e58b7fec1e561', class: `dropdown-option
|
|
708
708
|
${this.size}
|
|
709
709
|
${this.selected ? 'selected' : ''}
|
|
710
710
|
${this.disabled ? 'disabled' : ''}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { r as registerInstance, h, H as Host, g as getElement } from './index-51d04e39.js';
|
|
2
|
+
import { h as hasSlot } from './hasSlot-d52114d0.js';
|
|
3
|
+
|
|
4
|
+
const tagCss = ".sc-tds-tag:root,.tds-mode-light.sc-tds-tag{--tds-tag-success-background:var(--tds-green-100);--tds-tag-success-color:var(--tds-green-700);--tds-tag-warning-background:var(--tds-yellow-50);--tds-tag-warning-color:var(--tds-yellow-700);--tds-tag-new-background:var(--tds-blue-100);--tds-tag-new-color:var(--tds-blue-700);--tds-tag-neutral-background:var(--tds-grey-150);--tds-tag-neutral-color:var(--tds-grey-700);--tds-tag-information-background:var(--tds-blue-200);--tds-tag-information-color:var(--tds-blue-800);--tds-tag-error-background:var(--tds-red-100);--tds-tag-error-color:var(--tds-red-700)}.tds-mode-dark.sc-tds-tag{--tds-tag-success-background:var(--tds-green-200);--tds-tag-success-color:var(--tds-green-800);--tds-tag-warning-background:var(--tds-yellow-100);--tds-tag-warning-color:var(--tds-yellow-800);--tds-tag-new-background:var(--tds-blue-100);--tds-tag-new-color:var(--tds-blue-800);--tds-tag-neutral-background:var(--tds-grey-200);--tds-tag-neutral-color:var(--tds-grey-800);--tds-tag-information-background:var(--tds-blue-200);--tds-tag-information-color:var(--tds-blue-800);--tds-tag-error-background:var(--tds-red-200);--tds-tag-error-color:var(--tds-red-800)}.sc-tds-tag-h{box-sizing:border-box;display:inline-block}.sc-tds-tag-h *.sc-tds-tag{box-sizing:border-box}.sc-tds-tag-h{display:inline-flex;align-items:center;border-radius:4px;background-color:var(--tds-tag-neutral-background);color:var(--tds-tag-neutral-color)}.tds-tag-large.sc-tds-tag-h{padding:4px;gap:4px}.tds-tag-small.sc-tds-tag-h{border-radius:2px;gap:4px;padding:2px 4px}.tds-tag-success.sc-tds-tag-h{background-color:var(--tds-tag-success-background);color:var(--tds-tag-success-color)}.tds-tag-warning.sc-tds-tag-h{background-color:var(--tds-tag-warning-background);color:var(--tds-tag-warning-color)}.tds-tag-new.sc-tds-tag-h{background-color:var(--tds-tag-new-background);color:var(--tds-tag-new-color)}.tds-tag-neutral.sc-tds-tag-h{background-color:var(--tds-tag-neutral-background);color:var(--tds-tag-neutral-color)}.tds-tag-information.sc-tds-tag-h{background-color:var(--tds-tag-information-background);color:var(--tds-tag-information-color)}.tds-tag-error.sc-tds-tag-h{background-color:var(--tds-tag-error-background);color:var(--tds-tag-error-color)}.tds-mode-dark.sc-tds-tag-h{color:var(--tds-grey-100)}.tds-tag-content.sc-tds-tag{display:flex;align-items:center;gap:inherit}.tds-tag-title.sc-tds-tag{font-weight:500}.sc-tds-tag-s>tds-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}";
|
|
5
|
+
const TdsTagStyle0 = tagCss;
|
|
6
|
+
|
|
7
|
+
const TdsTag = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
registerInstance(this, hostRef);
|
|
10
|
+
this.text = '';
|
|
11
|
+
this.size = 'Large';
|
|
12
|
+
this.variant = 'Neutral';
|
|
13
|
+
}
|
|
14
|
+
render() {
|
|
15
|
+
const hasIconSlot = hasSlot('icon', this.host);
|
|
16
|
+
return (h(Host, { key: '6059f9ecefbd3ce536037804429454ae670acd44', class: {
|
|
17
|
+
'tds-tag': true,
|
|
18
|
+
[`tds-tag-${this.size.toLowerCase()}`]: true,
|
|
19
|
+
[`tds-tag-${this.variant.toLowerCase()}`]: true,
|
|
20
|
+
} }, h("div", { key: '8f871751024d626980c581100589e3df4de415a8', class: "tds-tag-content" }, hasIconSlot && h("slot", { key: '4d392f960e9a8687f7004d8ac1efec51b2beb8d6', name: "icon" }), h("span", { key: 'bec8d6e661e655be333966c522e8179a4b05ca74', class: "tds-tag-title" }, this.text))));
|
|
21
|
+
}
|
|
22
|
+
get host() { return getElement(this); }
|
|
23
|
+
};
|
|
24
|
+
TdsTag.style = TdsTagStyle0;
|
|
25
|
+
|
|
26
|
+
export { TdsTag as tds_tag };
|
|
@@ -81,7 +81,7 @@ const TdsTextField = class {
|
|
|
81
81
|
var _a;
|
|
82
82
|
const usesPrefixSlot = hasSlot('prefix', this.host);
|
|
83
83
|
const usesSuffixSlot = hasSlot('suffix', this.host);
|
|
84
|
-
return (h("div", { key: '
|
|
84
|
+
return (h("div", { key: 'd89807d294eef78042812ab972347b02bf09ca3b', class: {
|
|
85
85
|
'form-text-field': true,
|
|
86
86
|
'form-text-field-nomin': this.noMinWidth,
|
|
87
87
|
'text-field-focus': this.focusInput && !this.disabled,
|
|
@@ -99,12 +99,12 @@ const TdsTextField = class {
|
|
|
99
99
|
'form-text-field-sm': this.size === 'sm',
|
|
100
100
|
'form-text-field-error': this.state === 'error',
|
|
101
101
|
'form-text-field-success': this.state === 'success',
|
|
102
|
-
} }, this.labelPosition === 'outside' && (h("div", { key: '
|
|
102
|
+
} }, this.labelPosition === 'outside' && (h("div", { key: 'e47d71e8415802cef02fd832d67ae3fabc941f61', class: "text-field-label-outside" }, h("label", { key: 'a840356fe2a5758bb8d219a42121d4896fb460e9', htmlFor: `text-field-input-element-${this.uuid}` }, this.label))), h("div", { key: '937a2edc262e2d2f7523b18d562e847f4c6a68cf', onClick: () => this.textInput.focus(), class: "text-field-container" }, usesPrefixSlot && (h("div", { key: 'ffec573debf07ce940c56e0c5b53b37ffb3e4a7b', class: {
|
|
103
103
|
'text-field-slot-wrap-prefix': true,
|
|
104
104
|
'text-field-error': this.state === 'error',
|
|
105
105
|
'text-field-success': this.state === 'success',
|
|
106
106
|
'text-field-default': this.state === 'default',
|
|
107
|
-
} }, h("slot", { key: '
|
|
107
|
+
} }, h("slot", { key: '0024d886c26708f326f9750fce178c0d916e1fcd', name: "prefix" }))), h("div", { key: '6612a79dca8842c4fa50683a28d33d4a813a6557', class: "text-field-input-container" }, h("input", { key: 'f3a3a2476289e3b87409dbf5bb67c8983c5cdcd3', ref: (inputEl) => {
|
|
108
108
|
this.textInput = inputEl;
|
|
109
109
|
}, class: {
|
|
110
110
|
'text-field-input': true,
|
|
@@ -119,13 +119,13 @@ const TdsTextField = class {
|
|
|
119
119
|
if (!this.readOnly) {
|
|
120
120
|
this.handleBlur(event);
|
|
121
121
|
}
|
|
122
|
-
}, "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label, "aria-describedby": `text-field-helper-element-${this.uuid}`, "aria-readonly": this.readOnly, id: `text-field-input-element-${this.uuid}` }), this.labelPosition === 'inside' && this.size !== 'sm' && (h("label", { key: '
|
|
122
|
+
}, "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label, "aria-describedby": `text-field-helper-element-${this.uuid}`, "aria-readonly": this.readOnly, id: `text-field-input-element-${this.uuid}` }), this.labelPosition === 'inside' && this.size !== 'sm' && (h("label", { key: '85148d3ad53ac2261f39fab3951e34d6031fe491', class: "text-field-label-inside", htmlFor: `text-field-input-element-${this.uuid}` }, this.label))), h("div", { key: '237b915b922532e3e56e4164f6ac6478addfd98a', class: "text-field-bar" }), usesSuffixSlot && (h("div", { key: 'b6ad2a2bb9e1bed1c6483f917b6821e348498509', class: {
|
|
123
123
|
'text-field-slot-wrap-suffix': true,
|
|
124
124
|
'text-field-error': this.state === 'error',
|
|
125
125
|
'text-field-success': this.state === 'success',
|
|
126
126
|
'text-field-default': this.state === 'default',
|
|
127
127
|
'tds-u-display-none': this.readOnly,
|
|
128
|
-
} }, h("slot", { key: '
|
|
128
|
+
} }, h("slot", { key: '3eafecee94e39288fc7c2e102067c85c2627d304', name: "suffix" }))), this.readOnly && !this.hideReadOnlyIcon && (h("span", { key: '0a87c83bc31ec47877743d37e390cf29c2555f6c', class: "text-field-icon__readonly" }, h("tds-tooltip", { key: '81e830a4bca0448f750ba6a40d0010b998ca7a05', placement: "top-end", text: "This field is non-editable", selector: "#readonly-tooltip" }), h("tds-icon", { key: '16cf9d03aabc841336893bc4bfbc3cc8e430b30c', id: "readonly-tooltip", name: "edit_inactive", size: "20px" })))), h("div", { key: 'c8e2dcb1f2e8b5eaa11df4a055ee9569710b9f87', "aria-live": "assertive" }, (this.helper || this.maxLength > 0) && (h("div", { key: 'c7f347e44f3c3529e4f52958fc0b51403669a473', class: "text-field-helper", id: `text-field-helper-element-${this.uuid}` }, this.state === 'error' && (h("div", { key: 'a208201df33fad685bd7548f2d4653e4b560e8a8', class: "text-field-helper-error-state" }, !this.readOnly && h("tds-icon", { key: '0de28c14b12992c9627c6d0b32158dc98e4e4716', name: "error", size: "16px" }), this.helper)), this.state !== 'error' && this.helper, !this.readOnly && this.maxLength > 0 && (h("span", { key: '02c33ab122b01d3e9ebcd891ce8000f0654bbcb4', class: {
|
|
129
129
|
'text-field-textcounter-divider': true,
|
|
130
130
|
'text-field-textcounter-disabled': this.disabled,
|
|
131
131
|
} }, this.value === null ? 0 : (_a = this.value) === null || _a === void 0 ? void 0 : _a.length, " / ", this.maxLength)))))));
|
|
@@ -74,7 +74,7 @@ const TdsTextarea = class {
|
|
|
74
74
|
}
|
|
75
75
|
render() {
|
|
76
76
|
var _a;
|
|
77
|
-
return (h("div", { key: '
|
|
77
|
+
return (h("div", { key: '4e4048bca7482372c33e4bc2e0790f848c7bef37', class: {
|
|
78
78
|
'textarea-container': true,
|
|
79
79
|
'textarea-label-inside': this.labelPosition === 'inside',
|
|
80
80
|
'textarea-focus': this.focusInput,
|
|
@@ -84,7 +84,7 @@ const TdsTextarea = class {
|
|
|
84
84
|
'textarea-data': this.value !== '',
|
|
85
85
|
[`textarea-${this.state}`]: this.state === 'error' || this.state === 'success',
|
|
86
86
|
'no-min-width': this.noMinWidth,
|
|
87
|
-
} }, this.labelPosition !== 'no-label' && (h("label", { key: '
|
|
87
|
+
} }, this.labelPosition !== 'no-label' && (h("label", { key: 'bc9ed66490b0826b6010b7b3f15e897a1c56fab2', htmlFor: `textarea-element-${this.uuid}`, class: 'textarea-label' }, this.label)), h("div", { key: 'c44d68a2f207c55924d381d5feaa5d45b8d1693a', class: "textarea-wrapper" }, h("textarea", { key: 'fb810672ae5625d88ddef2cb619ebf82a89bd1b8', id: `textarea-element-${this.uuid}`, class: 'textarea-input', ref: (inputEl) => {
|
|
88
88
|
this.textEl = inputEl;
|
|
89
89
|
}, disabled: this.disabled, readonly: !this.disabled && this.readOnly, placeholder: this.placeholder, value: this.value, name: this.name, autofocus: this.autofocus, maxlength: this.maxLength, cols: this.cols, rows: this.rows, onFocus: (event) => {
|
|
90
90
|
if (!this.readOnly) {
|
|
@@ -94,7 +94,7 @@ const TdsTextarea = class {
|
|
|
94
94
|
if (!this.readOnly) {
|
|
95
95
|
this.handleBlur(event);
|
|
96
96
|
}
|
|
97
|
-
}, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event), "aria-invalid": this.state === 'error' ? 'true' : 'false', "aria-readonly": this.readOnly ? 'true' : 'false', "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label, "aria-describedby": `textarea-helper-element-${this.uuid}` }), h("span", { key: '
|
|
97
|
+
}, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event), "aria-invalid": this.state === 'error' ? 'true' : 'false', "aria-readonly": this.readOnly ? 'true' : 'false', "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label, "aria-describedby": `textarea-helper-element-${this.uuid}` }), h("span", { key: '2c5e563c67c1a9653fa8f4cac4d7bb6fad597798', class: "textarea-resizer-icon" }, h("svg", { key: '05aa8ee404423cd45a413f8c515ebbd5a0369614', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '40ddf0c7ec5e8252c03eebaa831338d6a7636eed', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.8536 0.853553C12.0488 0.658291 12.0488 0.341709 11.8536 0.146447C11.6583 -0.0488155 11.3417 -0.0488155 11.1464 0.146447L0.146447 11.1464C-0.0488155 11.3417 -0.0488155 11.6583 0.146447 11.8536C0.341709 12.0488 0.658291 12.0488 0.853553 11.8536L11.8536 0.853553ZM11.8536 4.64645C12.0488 4.84171 12.0488 5.15829 11.8536 5.35355L5.35355 11.8536C5.15829 12.0488 4.84171 12.0488 4.64645 11.8536C4.45118 11.6583 4.45118 11.3417 4.64645 11.1464L11.1464 4.64645C11.3417 4.45118 11.6583 4.45118 11.8536 4.64645ZM11.8536 8.64645C12.0488 8.84171 12.0488 9.15829 11.8536 9.35355L9.35355 11.8536C9.15829 12.0488 8.84171 12.0488 8.64645 11.8536C8.45118 11.6583 8.45118 11.3417 8.64645 11.1464L11.1464 8.64645C11.3417 8.45118 11.6583 8.45118 11.8536 8.64645Z", fill: "currentColor" }))), !this.disabled && !this.hideReadOnlyIcon && this.readOnly && (h("span", { key: '33c3089fdc770b7c1a7d385278e6e2e0169185f8', class: "textarea-icon__readonly" }, h("tds-tooltip", { key: 'f949026759c34a02ef86003bc2cd5caf763cbe23', placement: "top-end", text: "This field is non-editable", selector: "#readonly-tooltip" }), h("tds-icon", { key: '4095c8b15b6435dfd9e055410489f18bca750eba', id: "readonly-tooltip", name: "edit_inactive", svgTitle: "inactive" })))), h("span", { key: 'b1a5609ab86bd12636e6ef9e809f1a6b920d3f13', class: 'textarea-helper', "aria-live": "assertive", id: `textarea-helper-element-${this.uuid}` }, this.state === 'error' && this.helper && !this.readOnly && (h("tds-icon", { key: '4eeeac4f43dd0d5f07e01067792e56872fcb6a2a', name: "error", size: "16px" })), this.helper), this.maxLength > 0 && (h("div", { key: '3308422db35a916e93737c59f985fe3b4d8cdc3e', class: 'textarea-textcounter' }, this.value === null ? 0 : (_a = this.value) === null || _a === void 0 ? void 0 : _a.length, h("span", { key: 'f7e00b0dcf13980aebbee3fa4041ff8708df8cc5', class: "textfield-textcounter-divider" }, " / "), " ", this.maxLength))));
|
|
98
98
|
}
|
|
99
99
|
};
|
|
100
100
|
TdsTextarea.style = TdsTextareaStyle0;
|
|
@@ -66,12 +66,12 @@ const TdsToast = class {
|
|
|
66
66
|
const usesHeaderSlot = hasSlot('header', this.host);
|
|
67
67
|
const usesSubheaderSlot = hasSlot('subheader', this.host);
|
|
68
68
|
const usesActionsSlot = hasSlot('actions', this.host);
|
|
69
|
-
return (h(Host, { key: '
|
|
69
|
+
return (h(Host, { key: 'f33d6a47e353526288cb2cc54c40c2698381cbb2', "aria-live": this.tdsAriaLive, toastRole: this.toastRole, "aria-describedby": this.host.getAttribute('aria-describedby'), class: {
|
|
70
70
|
hide: this.hidden,
|
|
71
71
|
show: !this.hidden,
|
|
72
|
-
} }, h("div", { key: '
|
|
72
|
+
} }, h("div", { key: '16b1cb526bde852d747dfe584aafc37179b36c72', class: `
|
|
73
73
|
wrapper
|
|
74
|
-
${this.variant}` }, h("tds-icon", { key: '
|
|
74
|
+
${this.variant}` }, h("tds-icon", { key: 'c5695d9563d0fa24a1d660f47a756929642716c9', name: this.getIconName(), size: "20px", svgTitle: this.getIconName() }), h("div", { key: '4b1466c8269089e214cfed8050377cdf17f90378', class: `content` }, h("div", { key: '9e74a8209fde4dc8fbb8463c0e25497c61044bab', class: "header-subheader" }, this.header && h("div", { key: '1d79b8d5576356b782f5e43512e1cdbdc7069f39', class: "header" }, this.header), usesHeaderSlot && h("slot", { key: 'df3ac4d75cd808f9f3d7d7707e27f1e710c1b184', name: "header" }), this.subheader && h("div", { key: 'e13f983261bd6e0ca9ee90f3ad73454c4caeb57f', class: "subheader" }, this.subheader), usesSubheaderSlot && h("slot", { key: '5166e94e2b48331c1d7be57672f53cd09f3fb618', name: "subheader" })), usesActionsSlot && (h("div", { key: '8a7421250f3d1cc25f04ce8896abb728ae4f6fd4', class: `toast-bottom ${usesSubheaderSlot || this.subheader ? 'subheader' : 'no-subheader'}` }, h("slot", { key: 'd3bb660be4e75abc70140c208d852ec433813b8b', name: "actions" })))), this.closable && (h("button", { key: '19a88d43fd6e170b9e8bcae5356339045ca5295b', id: "my-button", "aria-label": this.tdsCloseAriaLabel, onClick: this.handleClose, class: "close" }, h("tds-icon", { key: '89b3346a798ef07ff803cdaf20ecee1529f7babb', name: "cross", size: "20px", svgTitle: "cross" }))))));
|
|
75
75
|
}
|
|
76
76
|
get host() { return getElement(this); }
|
|
77
77
|
};
|