@scania/tegel 1.32.0-debugging-link-potential-breaking-change-beta.0 → 1.32.0-fix-modal-input-fields-background-color-beta.0
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/loader.cjs.js +1 -1
- package/dist/cjs/modeVariantOverride-082658a4.js +34 -0
- package/dist/cjs/tds-block.cjs.entry.js +29 -1
- package/dist/cjs/tds-checkbox.cjs.entry.js +2 -8
- package/dist/cjs/tds-datetime.cjs.entry.js +3 -10
- package/dist/cjs/tds-dropdown_2.cjs.entry.js +9 -30
- package/dist/cjs/tds-link.cjs.entry.js +2 -3
- package/dist/cjs/tds-radio-button.cjs.entry.js +1 -7
- package/dist/cjs/tds-text-field.cjs.entry.js +34 -11
- package/dist/cjs/tds-textarea.cjs.entry.js +41 -19
- package/dist/cjs/tds-toggle.cjs.entry.js +2 -8
- package/dist/cjs/tegel.cjs.js +1 -1
- package/dist/collection/components/block/block.js +34 -1
- package/dist/collection/components/checkbox/checkbox.js +2 -25
- package/dist/collection/components/datetime/datetime.js +3 -27
- package/dist/collection/components/dropdown/dropdown.js +9 -30
- package/dist/collection/components/link/link.js +2 -3
- package/dist/collection/components/radio-button/radio-button.js +1 -28
- package/dist/collection/components/text-field/text-field.js +36 -12
- package/dist/collection/components/textarea/textarea.js +43 -41
- package/dist/collection/components/toggle/toggle.js +2 -25
- package/dist/collection/utils/modeVariantOverride.js +30 -0
- package/dist/components/{p-728ada7e.js → p-1ef7423a.js} +3 -10
- package/dist/components/p-76cfa91a.js +32 -0
- package/dist/components/{p-7ad1bc2c.js → p-7ee8b262.js} +1 -1
- package/dist/components/{p-0f58e26f.js → p-adbf32b9.js} +9 -30
- package/dist/components/tds-block.js +31 -2
- package/dist/components/tds-checkbox.js +1 -1
- package/dist/components/tds-datetime.js +4 -12
- package/dist/components/tds-dropdown-option.js +1 -1
- package/dist/components/tds-dropdown.js +1 -1
- package/dist/components/tds-link.js +2 -3
- package/dist/components/tds-radio-button.js +2 -9
- package/dist/components/tds-table-body-row.js +1 -1
- package/dist/components/tds-table-footer.js +3 -3
- package/dist/components/tds-table-header.js +1 -1
- package/dist/components/tds-text-field.js +35 -11
- package/dist/components/tds-textarea.js +42 -20
- package/dist/components/tds-toggle.js +3 -10
- package/dist/esm/loader.js +1 -1
- package/dist/esm/modeVariantOverride-da8cbcb3.js +32 -0
- package/dist/esm/tds-block.entry.js +29 -1
- package/dist/esm/tds-checkbox.entry.js +2 -8
- package/dist/esm/tds-datetime.entry.js +3 -10
- package/dist/esm/tds-dropdown_2.entry.js +9 -30
- package/dist/esm/tds-link.entry.js +2 -3
- package/dist/esm/tds-radio-button.entry.js +1 -7
- package/dist/esm/tds-text-field.entry.js +34 -11
- package/dist/esm/tds-textarea.entry.js +42 -20
- package/dist/esm/tds-toggle.entry.js +2 -8
- package/dist/esm/tegel.js +1 -1
- package/dist/tegel/p-1fe7f572.entry.js +1 -0
- package/dist/tegel/p-212e1fff.entry.js +1 -0
- package/dist/tegel/p-4ca38ba7.entry.js +1 -0
- package/dist/tegel/p-503cea9d.entry.js +1 -0
- package/dist/tegel/p-5bb01a99.entry.js +1 -0
- package/dist/tegel/p-76cfa91a.js +1 -0
- package/dist/tegel/p-ae0fed95.entry.js +1 -0
- package/dist/tegel/p-b994e7ac.entry.js +1 -0
- package/dist/tegel/p-d2951be7.entry.js +1 -0
- package/dist/tegel/p-d6d8cb7f.entry.js +1 -0
- package/dist/tegel/tegel.esm.js +1 -1
- package/dist/types/components/block/block.d.ts +7 -0
- package/dist/types/components/checkbox/checkbox.d.ts +0 -2
- package/dist/types/components/datetime/datetime.d.ts +0 -2
- package/dist/types/components/radio-button/radio-button.d.ts +0 -3
- package/dist/types/components/text-field/text-field.d.ts +8 -0
- package/dist/types/components/textarea/textarea.d.ts +8 -3
- package/dist/types/components/toggle/toggle.d.ts +0 -3
- package/dist/types/components.d.ts +0 -20
- package/dist/types/utils/modeVariantOverride.d.ts +2 -0
- package/package.json +1 -1
- package/dist/collection/utils/accessibility.js +0 -30
- package/dist/tegel/p-31c657c0.entry.js +0 -1
- package/dist/tegel/p-72006dd7.entry.js +0 -1
- package/dist/tegel/p-76faaf70.entry.js +0 -1
- package/dist/tegel/p-b58194f9.entry.js +0 -1
- package/dist/tegel/p-d9040b7f.entry.js +0 -1
- package/dist/tegel/p-e83b5572.entry.js +0 -1
- package/dist/tegel/p-eb532e35.entry.js +0 -1
- package/dist/tegel/p-f71c3fca.entry.js +0 -1
- package/dist/tegel/p-f72577c8.entry.js +0 -1
- package/dist/types/utils/accessibility.d.ts +0 -14
|
@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-ca8040ad.js');
|
|
6
6
|
const generateUniqueId = require('./generateUniqueId-e3fc9863.js');
|
|
7
|
+
const modeVariantOverride = require('./modeVariantOverride-082658a4.js');
|
|
7
8
|
|
|
8
9
|
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-container.sc-tds-textarea:not(.textarea-disabled) .textarea-wrapper.sc-tds-textarea::before,.textarea-container.sc-tds-textarea:not(.textarea-disabled) .textarea-wrapper.sc-tds-textarea::after{content:\"\";height:2px;width:0;position:absolute;background:var(--tds-textarea-bar);transition:0.35s ease all}.textarea-container.sc-tds-textarea:not(.textarea-disabled) .textarea-wrapper.sc-tds-textarea::before{left:50%}.textarea-container.sc-tds-textarea:not(.textarea-disabled) .textarea-wrapper.sc-tds-textarea::after{right:50%}.textarea-container.sc-tds-textarea:not(.textarea-disabled) .textarea-wrapper.sc-tds-textarea::after,.textarea-container.sc-tds-textarea:not(.textarea-disabled) .textarea-wrapper.sc-tds-textarea::before{top:calc(100% - 2px)}.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::placeholder{opacity:1;color:var(--tds-textarea-placeholder)}.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-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-focus.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::before,.textarea-container.textarea-focus.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::after{width:50%}.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-wrapper.sc-tds-textarea::after,.textarea-error.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::before{background:var(--tds-textarea-bar-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:1px solid 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}";
|
|
9
10
|
const TdsTextareaStyle0 = textareaCss;
|
|
@@ -16,6 +17,7 @@ const TdsTextarea = class {
|
|
|
16
17
|
this.tdsInput = index.createEvent(this, "tdsInput", 6);
|
|
17
18
|
this.tdsFocus = index.createEvent(this, "tdsFocus", 6);
|
|
18
19
|
this.uuid = generateUniqueId.generateUniqueId();
|
|
20
|
+
this.insideModal = false;
|
|
19
21
|
this.label = '';
|
|
20
22
|
this.name = '';
|
|
21
23
|
this.helper = undefined;
|
|
@@ -34,6 +36,7 @@ const TdsTextarea = class {
|
|
|
34
36
|
this.noMinWidth = false;
|
|
35
37
|
this.tdsAriaLabel = undefined;
|
|
36
38
|
this.focusInput = undefined;
|
|
39
|
+
this.swapModeVariant = false;
|
|
37
40
|
}
|
|
38
41
|
handleChange(event) {
|
|
39
42
|
this.tdsChange.emit(event);
|
|
@@ -55,40 +58,58 @@ const TdsTextarea = class {
|
|
|
55
58
|
this.focusInput = true;
|
|
56
59
|
this.tdsFocus.emit(event);
|
|
57
60
|
}
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
61
|
+
// setModeVariant(modeVariant: 'primary' | 'secondary'): string | null {
|
|
62
|
+
// if (this.readOnly && modeVariant === 'primary') {
|
|
63
|
+
// return 'secondary';
|
|
64
|
+
// }
|
|
65
|
+
// if (this.readOnly && modeVariant === 'secondary') {
|
|
66
|
+
// return 'primary';
|
|
67
|
+
// }
|
|
68
|
+
// return modeVariant;
|
|
69
|
+
// }
|
|
70
|
+
connectedCallback() {
|
|
71
|
+
if (!this.tdsAriaLabel && !this.label) {
|
|
72
|
+
console.warn('Tegel Textarea component: specify label or tdsAriaLabel prop for accessibility');
|
|
63
73
|
}
|
|
64
74
|
}
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
75
|
+
checkIfDarkmode() {
|
|
76
|
+
const darkmode = document.body.classList.contains('tds-mode-dark');
|
|
77
|
+
this.swapModeVariant = this.insideModal && darkmode;
|
|
78
|
+
}
|
|
79
|
+
observeClassChanges() {
|
|
80
|
+
this.mutationObserver = new MutationObserver(() => {
|
|
81
|
+
this.checkIfDarkmode();
|
|
82
|
+
});
|
|
83
|
+
this.mutationObserver.observe(document.body, {
|
|
84
|
+
attributes: true,
|
|
85
|
+
attributeFilter: ['class'],
|
|
86
|
+
});
|
|
87
|
+
}
|
|
88
|
+
componentDidLoad() {
|
|
89
|
+
this.insideModal = !!this.host.closest('tds-modal');
|
|
90
|
+
if (this.insideModal) {
|
|
91
|
+
this.observeClassChanges();
|
|
92
|
+
this.checkIfDarkmode();
|
|
71
93
|
}
|
|
72
|
-
return modeVariant;
|
|
73
94
|
}
|
|
74
|
-
|
|
75
|
-
if (
|
|
76
|
-
|
|
95
|
+
disconnectedCallback() {
|
|
96
|
+
if (this.mutationObserver) {
|
|
97
|
+
this.mutationObserver.disconnect();
|
|
77
98
|
}
|
|
78
99
|
}
|
|
79
100
|
render() {
|
|
80
101
|
var _a;
|
|
81
|
-
return (index.h("div", { key: '
|
|
102
|
+
return (index.h("div", { key: '1f0f9e42fb01b4ad16e4017fd5045510317c2633', class: {
|
|
82
103
|
'textarea-container': true,
|
|
83
104
|
'textarea-label-inside': this.labelPosition === 'inside',
|
|
84
105
|
'textarea-focus': this.focusInput,
|
|
85
106
|
'textarea-disabled': this.disabled,
|
|
86
107
|
'textarea-readonly': !this.disabled && this.readOnly,
|
|
87
|
-
[
|
|
108
|
+
[modeVariantOverride.getAdjustedModeVariant(this.modeVariant, this.swapModeVariant, this.readOnly)]: true,
|
|
88
109
|
'textarea-data': this.value !== '',
|
|
89
110
|
[`textarea-${this.state}`]: this.state === 'error' || this.state === 'success',
|
|
90
111
|
'no-min-width': this.noMinWidth,
|
|
91
|
-
} }, this.labelPosition !== 'no-label' && (index.h("label", { key: '
|
|
112
|
+
} }, this.labelPosition !== 'no-label' && (index.h("label", { key: '5a86f34c46a1388c00017fbf3306dedb9624ab15', htmlFor: `textarea-element-${this.uuid}`, class: 'textarea-label' }, this.label)), index.h("div", { key: 'a1731e87bda333a2fb517cba22b88537f9316eb7', class: "textarea-wrapper" }, index.h("textarea", { key: '538b4621bd98b804c8a9d7d686d86c88fb2a2769', id: `textarea-element-${this.uuid}`, class: 'textarea-input', ref: (inputEl) => {
|
|
92
113
|
this.textEl = inputEl;
|
|
93
114
|
}, 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
115
|
if (!this.readOnly) {
|
|
@@ -98,8 +119,9 @@ const TdsTextarea = class {
|
|
|
98
119
|
if (!this.readOnly) {
|
|
99
120
|
this.handleBlur(event);
|
|
100
121
|
}
|
|
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}` }), index.h("span", { key: '
|
|
122
|
+
}, 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}` }), index.h("span", { key: '11a0f48f5e8da2ad1a83145133cb42c058446926', class: "textarea-resizer-icon" }, index.h("svg", { key: '5e1b7c2acc0c0c8bc62d4d4e7605eeefea382075', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '8b210ff6be5cb8e7a6eef276bc62b210e3d98aca', "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 && (index.h("span", { key: '1b462603139c3ff096b18e61edb7629c804341a0', class: "textarea-icon__readonly" }, index.h("tds-tooltip", { key: '3c01c797be9021a5907c4a01906ab614f2943c23', placement: "top-end", text: "This field is non-editable", selector: "#readonly-tooltip" }), index.h("tds-icon", { key: '8ceffefeba1632397e8f8e4c3b33eaabafb942fe', id: "readonly-tooltip", name: "edit_inactive", svgTitle: "inactive" })))), index.h("span", { key: 'd21fac62b5709d6b4a9e79c7ba391a17aa9e3e1b', class: 'textarea-helper', "aria-live": "assertive", id: `textarea-helper-element-${this.uuid}` }, this.state === 'error' && this.helper && !this.readOnly && (index.h("tds-icon", { key: 'c9f959778bb295f786cb8578610150743b77626d', name: "error", size: "16px" })), this.helper), this.maxLength > 0 && (index.h("div", { key: 'da11bfe7213be04e0c5699a0385be2c63a08a8b2', class: 'textarea-textcounter' }, this.value === null ? 0 : (_a = this.value) === null || _a === void 0 ? void 0 : _a.length, index.h("span", { key: '357b65219a5dfd4c27931d025e183b8bde012345', class: "textfield-textcounter-divider" }, " / "), " ", this.maxLength))));
|
|
102
123
|
}
|
|
124
|
+
get host() { return index.getElement(this); }
|
|
103
125
|
};
|
|
104
126
|
TdsTextarea.style = TdsTextareaStyle0;
|
|
105
127
|
|
|
@@ -36,12 +36,6 @@ const TdsToggle = class {
|
|
|
36
36
|
checked: this.checked,
|
|
37
37
|
};
|
|
38
38
|
}
|
|
39
|
-
/** Method to programmatically focus the toggle element */
|
|
40
|
-
async focusElement() {
|
|
41
|
-
if (this.inputElement) {
|
|
42
|
-
this.inputElement.focus();
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
39
|
componentWillLoad() {
|
|
46
40
|
this.labelSlot = this.host.querySelector("[slot='label']");
|
|
47
41
|
}
|
|
@@ -51,10 +45,10 @@ const TdsToggle = class {
|
|
|
51
45
|
}
|
|
52
46
|
}
|
|
53
47
|
render() {
|
|
54
|
-
return (index.h("div", { key: '
|
|
48
|
+
return (index.h("div", { key: '01d3faf866451cf2e09694d614b1cca9defa1f69', class: "tds-toggle" }, this.headline && (index.h("div", { key: '2809bf2c3653c20ca6b93280b3391255b2285d8c', class: {
|
|
55
49
|
'toggle-headline': true,
|
|
56
50
|
'disabled': this.disabled,
|
|
57
|
-
} }, this.headline)), index.h("input", { key: '
|
|
51
|
+
} }, this.headline)), index.h("input", { key: '52ab62b4d4c506ca74533ffafc68247accae612b', "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 && (index.h("label", { key: '73f43d7134ff9a9ecded6b8b153b1590014e2a80', class: { disabled: this.disabled }, htmlFor: this.toggleId }, index.h("slot", { key: 'efe7c2a3f76f9990a00b1156d66b78c0e26e6411', name: "label" })))));
|
|
58
52
|
}
|
|
59
53
|
get host() { return index.getElement(this); }
|
|
60
54
|
};
|
package/dist/cjs/tegel.cjs.js
CHANGED
|
@@ -19,7 +19,7 @@ var patchBrowser = () => {
|
|
|
19
19
|
|
|
20
20
|
patchBrowser().then(async (options) => {
|
|
21
21
|
await appGlobals.globalScripts();
|
|
22
|
-
return index.bootstrapLazy(JSON.parse("[[\"tds-header-launcher.cjs\",[[1,\"tds-header-launcher\",{\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"open\":[32],\"buttonEl\":[32],\"hasListTypeMenu\":[32]},[[8,\"click\",\"onAnyClick\"],[8,\"keydown\",\"handleKeyDown\"]]]]],[\"tds-header-dropdown.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"tds-header-hamburger\",{\"tdsAriaLabel\":[1,\"tds-aria-label\"]}]]],[\"tds-textarea.cjs\",[[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.cjs\",[[1,\"tds-header-brand-symbol\"]]],[\"tds-side-menu-dropdown.cjs\",[[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.cjs\",[[1,\"tds-side-menu-user\",{\"heading\":[1],\"subheading\":[1],\"imgSrc\":[1,\"img-src\"],\"imgAlt\":[1,\"img-alt\"]}]]],[\"tds-accordion-item.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"tds-footer-group\",{\"titleText\":[1,\"title-text\"],\"tdsListAriaLabel\":[1,\"tds-list-aria-label\"],\"open\":[32],\"isMobile\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"tds-header-cell.cjs\",[[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.cjs\",[[4,\"tds-header-launcher-list\"]]],[\"tds-header-launcher-list-item.cjs\",[[1,\"tds-header-launcher-list-item\"]]],[\"tds-inline-tabs.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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\"],\"childRef\":[32],\"close\":[64]}]]],[\"tds-side-menu-close-button.cjs\",[[1,\"tds-side-menu-close-button\"]]],[\"tds-side-menu-collapse-button.cjs\",[[1,\"tds-side-menu-collapse-button\",{\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-slider.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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-text-field.cjs\",[[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-toast.cjs\",[[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.cjs\",[[1,\"tds-accordion\",{\"modeVariant\":[1,\"mode-variant\"],\"hideLastBorder\":[4,\"hide-last-border\"]}]]],[\"tds-badge.cjs\",[[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.cjs\",[[1,\"tds-block\",{\"modeVariant\":[1,\"mode-variant\"],\"componentTag\":[1,\"component-tag\"]}]]],[\"tds-body-cell.cjs\",[[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.cjs\",[[1,\"tds-breadcrumb\",{\"current\":[4]}]]],[\"tds-breadcrumbs.cjs\",[[1,\"tds-breadcrumbs\",{\"tdsAriaLabel\":[1,\"tds-aria-label\"]}]]],[\"tds-button.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"tds-folder-tab\",{\"disabled\":[4],\"selected\":[32],\"tabWidth\":[32],\"setTabWidth\":[64],\"setSelected\":[64]}]]],[\"tds-footer.cjs\",[[1,\"tds-footer\",{\"modeVariant\":[1,\"mode-variant\"]}]]],[\"tds-footer-item.cjs\",[[1,\"tds-footer-item\"]]],[\"tds-header.cjs\",[[4,\"tds-header\"]]],[\"tds-header-dropdown-list-user.cjs\",[[1,\"tds-header-dropdown-list-user\",{\"imgUrl\":[1,\"img-url\"],\"imgAlt\":[1,\"img-alt\"],\"header\":[1],\"subheader\":[1]}]]],[\"tds-header-launcher-grid.cjs\",[[4,\"tds-header-launcher-grid\",{\"headingElement\":[32]}]]],[\"tds-header-launcher-grid-item.cjs\",[[1,\"tds-header-launcher-grid-item\"]]],[\"tds-header-launcher-grid-title.cjs\",[[4,\"tds-header-launcher-grid-title\"]]],[\"tds-header-launcher-list-title.cjs\",[[4,\"tds-header-launcher-list-title\"]]],[\"tds-header-title.cjs\",[[1,\"tds-header-title\"]]],[\"tds-inline-tab.cjs\",[[1,\"tds-inline-tab\",{\"disabled\":[4],\"selected\":[32],\"setSelected\":[64]}]]],[\"tds-link.cjs\",[[1,\"tds-link\",{\"disabled\":[4],\"underline\":[4],\"standalone\":[4]}]]],[\"tds-navigation-tab.cjs\",[[1,\"tds-navigation-tab\",{\"disabled\":[4],\"selected\":[32],\"setSelected\":[64]}]]],[\"tds-popover-menu-item.cjs\",[[1,\"tds-popover-menu-item\",{\"disabled\":[4]}]]],[\"tds-radio-button.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"tds-side-menu-dropdown-list\",{\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapsedSideMenuEventHandler\"]]]]],[\"tds-side-menu-dropdown-list-item.cjs\",[[1,\"tds-side-menu-dropdown-list-item\",{\"selected\":[4],\"dropdownHasIcon\":[32],\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-side-menu-overlay.cjs\",[[1,\"tds-side-menu-overlay\"]]],[\"tds-spinner.cjs\",[[0,\"tds-spinner\",{\"size\":[1],\"variant\":[1]}]]],[\"tds-stepper.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"tds-header-launcher-button\",{\"active\":[4],\"tdsAriaLabel\":[1,\"tds-aria-label\"]}]]],[\"tds-tooltip.cjs\",[[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-divider.cjs\",[[1,\"tds-divider\",{\"orientation\":[1]}]]],[\"tds-header-dropdown-list.cjs\",[[1,\"tds-header-dropdown-list\",{\"size\":[513],\"headingElement\":[32]}]]],[\"tds-header-dropdown-list-item.cjs\",[[1,\"tds-header-dropdown-list-item\",{\"selected\":[4],\"size\":[513]}]]],[\"tds-checkbox.cjs\",[[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-dropdown_2.cjs\",[[17,\"tds-dropdown-option\",{\"value\":[8],\"disabled\":[4],\"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],\"appendValue\":[64]},[[9,\"mousedown\",\"onAnyClick\"],[0,\"keydown\",\"onKeyDown\"]],{\"value\":[\"handleValueChange\"],\"open\":[\"handleOpenState\"],\"defaultValue\":[\"handleDefaultValueChange\"]}]]],[\"tds-popover-core.cjs\",[[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-popover-canvas.cjs\",[[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-side-menu-user-image_2.cjs\",[[1,\"tds-side-menu-user-image\",{\"src\":[1],\"alt\":[1]}],[1,\"tds-side-menu-user-label\",{\"heading\":[1],\"subheading\":[1]}]]],[\"tds-side-menu-item.cjs\",[[1,\"tds-side-menu-item\",{\"selected\":[4],\"active\":[4],\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-core-header-item_2.cjs\",[[1,\"tds-header-item\",{\"active\":[4],\"selected\":[4]}],[1,\"tds-core-header-item\"]]],[\"tds-icon.cjs\",[[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);
|
|
22
|
+
return index.bootstrapLazy(JSON.parse("[[\"tds-header-launcher.cjs\",[[1,\"tds-header-launcher\",{\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"open\":[32],\"buttonEl\":[32],\"hasListTypeMenu\":[32]},[[8,\"click\",\"onAnyClick\"],[8,\"keydown\",\"handleKeyDown\"]]]]],[\"tds-header-dropdown.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"tds-header-hamburger\",{\"tdsAriaLabel\":[1,\"tds-aria-label\"]}]]],[\"tds-textarea.cjs\",[[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],\"swapModeVariant\":[32]}]]],[\"tds-header-brand-symbol.cjs\",[[1,\"tds-header-brand-symbol\"]]],[\"tds-side-menu-dropdown.cjs\",[[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.cjs\",[[1,\"tds-side-menu-user\",{\"heading\":[1],\"subheading\":[1],\"imgSrc\":[1,\"img-src\"],\"imgAlt\":[1,\"img-alt\"]}]]],[\"tds-accordion-item.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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]},[[0,\"focusin\",\"handleFocusIn\"],[0,\"focusout\",\"handleFocusOut\"]]]]],[\"tds-folder-tabs.cjs\",[[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.cjs\",[[1,\"tds-footer-group\",{\"titleText\":[1,\"title-text\"],\"tdsListAriaLabel\":[1,\"tds-list-aria-label\"],\"open\":[32],\"isMobile\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"tds-header-cell.cjs\",[[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.cjs\",[[4,\"tds-header-launcher-list\"]]],[\"tds-header-launcher-list-item.cjs\",[[1,\"tds-header-launcher-list-item\"]]],[\"tds-inline-tabs.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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\"],\"childRef\":[32],\"close\":[64]}]]],[\"tds-side-menu-close-button.cjs\",[[1,\"tds-side-menu-close-button\"]]],[\"tds-side-menu-collapse-button.cjs\",[[1,\"tds-side-menu-collapse-button\",{\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-slider.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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-text-field.cjs\",[[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],\"swapModeVariant\":[32],\"focusElement\":[64]}]]],[\"tds-toast.cjs\",[[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.cjs\",[[1,\"tds-accordion\",{\"modeVariant\":[1,\"mode-variant\"],\"hideLastBorder\":[4,\"hide-last-border\"]}]]],[\"tds-badge.cjs\",[[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.cjs\",[[1,\"tds-block\",{\"modeVariant\":[1,\"mode-variant\"],\"componentTag\":[1,\"component-tag\"],\"swapModeVariant\":[32]}]]],[\"tds-body-cell.cjs\",[[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.cjs\",[[1,\"tds-breadcrumb\",{\"current\":[4]}]]],[\"tds-breadcrumbs.cjs\",[[1,\"tds-breadcrumbs\",{\"tdsAriaLabel\":[1,\"tds-aria-label\"]}]]],[\"tds-button.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"tds-folder-tab\",{\"disabled\":[4],\"selected\":[32],\"tabWidth\":[32],\"setTabWidth\":[64],\"setSelected\":[64]}]]],[\"tds-footer.cjs\",[[1,\"tds-footer\",{\"modeVariant\":[1,\"mode-variant\"]}]]],[\"tds-footer-item.cjs\",[[1,\"tds-footer-item\"]]],[\"tds-header.cjs\",[[4,\"tds-header\"]]],[\"tds-header-dropdown-list-user.cjs\",[[1,\"tds-header-dropdown-list-user\",{\"imgUrl\":[1,\"img-url\"],\"imgAlt\":[1,\"img-alt\"],\"header\":[1],\"subheader\":[1]}]]],[\"tds-header-launcher-grid.cjs\",[[4,\"tds-header-launcher-grid\",{\"headingElement\":[32]}]]],[\"tds-header-launcher-grid-item.cjs\",[[1,\"tds-header-launcher-grid-item\"]]],[\"tds-header-launcher-grid-title.cjs\",[[4,\"tds-header-launcher-grid-title\"]]],[\"tds-header-launcher-list-title.cjs\",[[4,\"tds-header-launcher-list-title\"]]],[\"tds-header-title.cjs\",[[1,\"tds-header-title\"]]],[\"tds-inline-tab.cjs\",[[1,\"tds-inline-tab\",{\"disabled\":[4],\"selected\":[32],\"setSelected\":[64]}]]],[\"tds-link.cjs\",[[1,\"tds-link\",{\"disabled\":[4],\"underline\":[4],\"standalone\":[4]}]]],[\"tds-navigation-tab.cjs\",[[1,\"tds-navigation-tab\",{\"disabled\":[4],\"selected\":[32],\"setSelected\":[64]}]]],[\"tds-popover-menu-item.cjs\",[[1,\"tds-popover-menu-item\",{\"disabled\":[4]}]]],[\"tds-radio-button.cjs\",[[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\"]}]]],[\"tds-side-menu.cjs\",[[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.cjs\",[[1,\"tds-side-menu-dropdown-list\",{\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapsedSideMenuEventHandler\"]]]]],[\"tds-side-menu-dropdown-list-item.cjs\",[[1,\"tds-side-menu-dropdown-list-item\",{\"selected\":[4],\"dropdownHasIcon\":[32],\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-side-menu-overlay.cjs\",[[1,\"tds-side-menu-overlay\"]]],[\"tds-spinner.cjs\",[[0,\"tds-spinner\",{\"size\":[1],\"variant\":[1]}]]],[\"tds-stepper.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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]}]]],[\"tds-header-launcher-button.cjs\",[[1,\"tds-header-launcher-button\",{\"active\":[4],\"tdsAriaLabel\":[1,\"tds-aria-label\"]}]]],[\"tds-tooltip.cjs\",[[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-divider.cjs\",[[1,\"tds-divider\",{\"orientation\":[1]}]]],[\"tds-header-dropdown-list.cjs\",[[1,\"tds-header-dropdown-list\",{\"size\":[513],\"headingElement\":[32]}]]],[\"tds-header-dropdown-list-item.cjs\",[[1,\"tds-header-dropdown-list-item\",{\"selected\":[4],\"size\":[513]}]]],[\"tds-checkbox.cjs\",[[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]},[[4,\"reset\",\"handleFormReset\"]],{\"indeterminate\":[\"handleIndeterminateState\"]}]]],[\"tds-dropdown_2.cjs\",[[17,\"tds-dropdown-option\",{\"value\":[8],\"disabled\":[4],\"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],\"appendValue\":[64]},[[9,\"mousedown\",\"onAnyClick\"],[0,\"keydown\",\"onKeyDown\"]],{\"value\":[\"handleValueChange\"],\"open\":[\"handleOpenState\"],\"defaultValue\":[\"handleDefaultValueChange\"]}]]],[\"tds-popover-core.cjs\",[[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-popover-canvas.cjs\",[[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-side-menu-user-image_2.cjs\",[[1,\"tds-side-menu-user-image\",{\"src\":[1],\"alt\":[1]}],[1,\"tds-side-menu-user-label\",{\"heading\":[1],\"subheading\":[1]}]]],[\"tds-side-menu-item.cjs\",[[1,\"tds-side-menu-item\",{\"selected\":[4],\"active\":[4],\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-core-header-item_2.cjs\",[[1,\"tds-header-item\",{\"active\":[4],\"selected\":[4]}],[1,\"tds-core-header-item\"]]],[\"tds-icon.cjs\",[[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);
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
exports.setNonce = index.setNonce;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
|
+
import { getAdjustedModeVariant } from "../../utils/modeVariantOverride";
|
|
2
3
|
/**
|
|
3
4
|
* @slot - <default> - <b>Default</b> slot for content inside the block.
|
|
4
5
|
*
|
|
@@ -9,8 +10,10 @@ import { h } from "@stencil/core";
|
|
|
9
10
|
*/
|
|
10
11
|
export class TdsBlock {
|
|
11
12
|
constructor() {
|
|
13
|
+
this.insideModal = false;
|
|
12
14
|
this.modeVariant = null;
|
|
13
15
|
this.componentTag = 'div';
|
|
16
|
+
this.swapModeVariant = false;
|
|
14
17
|
}
|
|
15
18
|
getNestingLevel() {
|
|
16
19
|
let level = 0;
|
|
@@ -23,6 +26,31 @@ export class TdsBlock {
|
|
|
23
26
|
}
|
|
24
27
|
return level;
|
|
25
28
|
}
|
|
29
|
+
checkIfDarkmode() {
|
|
30
|
+
const darkmode = document.body.classList.contains('tds-mode-dark');
|
|
31
|
+
this.swapModeVariant = this.insideModal && darkmode;
|
|
32
|
+
}
|
|
33
|
+
observeClassChanges() {
|
|
34
|
+
this.mutationObserver = new MutationObserver(() => {
|
|
35
|
+
this.checkIfDarkmode();
|
|
36
|
+
});
|
|
37
|
+
this.mutationObserver.observe(document.body, {
|
|
38
|
+
attributes: true,
|
|
39
|
+
attributeFilter: ['class'],
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
componentDidLoad() {
|
|
43
|
+
this.insideModal = !!this.host.closest('tds-modal');
|
|
44
|
+
if (this.insideModal) {
|
|
45
|
+
this.observeClassChanges();
|
|
46
|
+
this.checkIfDarkmode();
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
disconnectedCallback() {
|
|
50
|
+
if (this.mutationObserver) {
|
|
51
|
+
this.mutationObserver.disconnect();
|
|
52
|
+
}
|
|
53
|
+
}
|
|
26
54
|
render() {
|
|
27
55
|
const TagType = this.componentTag;
|
|
28
56
|
const nestingLevel = this.getNestingLevel();
|
|
@@ -35,7 +63,7 @@ export class TdsBlock {
|
|
|
35
63
|
evenOddClass = 'tds-block-odd';
|
|
36
64
|
}
|
|
37
65
|
}
|
|
38
|
-
return (h(TagType, { key: '
|
|
66
|
+
return (h(TagType, { key: '9db51cafa55a3d41c6df8ed3c6369fb9144b46de', class: `tds-block ${evenOddClass} ${getAdjustedModeVariant(this.modeVariant, this.swapModeVariant)}` }, h("slot", { key: 'b83a0d9e1723096a16e1cc6d3508a9e5e1dee772' })));
|
|
39
67
|
}
|
|
40
68
|
static get is() { return "tds-block"; }
|
|
41
69
|
static get encapsulation() { return "shadow"; }
|
|
@@ -89,5 +117,10 @@ export class TdsBlock {
|
|
|
89
117
|
}
|
|
90
118
|
};
|
|
91
119
|
}
|
|
120
|
+
static get states() {
|
|
121
|
+
return {
|
|
122
|
+
"swapModeVariant": {}
|
|
123
|
+
};
|
|
124
|
+
}
|
|
92
125
|
static get elementRef() { return "host"; }
|
|
93
126
|
}
|
|
@@ -34,12 +34,6 @@ export class TdsCheckbox {
|
|
|
34
34
|
checked: this.checked,
|
|
35
35
|
};
|
|
36
36
|
}
|
|
37
|
-
/** Method to programmatically focus the checkbox element */
|
|
38
|
-
async focusElement() {
|
|
39
|
-
if (this.inputElement) {
|
|
40
|
-
this.inputElement.focus();
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
37
|
handleIndeterminateState() {
|
|
44
38
|
this.inputElement.indeterminate = this.indeterminate;
|
|
45
39
|
}
|
|
@@ -64,11 +58,11 @@ export class TdsCheckbox {
|
|
|
64
58
|
}
|
|
65
59
|
}
|
|
66
60
|
render() {
|
|
67
|
-
return (h("div", { key: '
|
|
61
|
+
return (h("div", { key: '8f5104073f1be9323bc0125feab7515759ac7679', class: "tds-checkbox" }, h("input", { key: '8536a1eaefb5b7bdf258a4ddca67660becc797a5',
|
|
68
62
|
// eslint-disable-next-line no-return-assign
|
|
69
63
|
ref: (inputElement) => (this.inputElement = inputElement), indeterminate: this.indeterminate, "aria-checked": this.checked, "aria-required": this.required, "aria-label": this.tdsAriaLabel, "aria-describedby": this.tdsAriaDescribedby, required: this.required, type: "checkbox", name: this.name, value: this.value, id: this.checkboxId, checked: this.checked, disabled: this.disabled, onFocus: (event) => this.handleFocus(event), onBlur: (event) => this.handleBlur(event), onChange: () => {
|
|
70
64
|
this.handleChange();
|
|
71
|
-
} }), h("label", { key: '
|
|
65
|
+
} }), h("label", { key: 'e6e065ce109371607c5412ab38ece22d3ac1d626', htmlFor: this.checkboxId }, h("slot", { key: '4698f97ac58203e3f478321da53cc364157ded78', name: "label" }))));
|
|
72
66
|
}
|
|
73
67
|
static get is() { return "tds-checkbox"; }
|
|
74
68
|
static get encapsulation() { return "scoped"; }
|
|
@@ -320,23 +314,6 @@ export class TdsCheckbox {
|
|
|
320
314
|
"text": "Toggles the checked value of the component.",
|
|
321
315
|
"tags": []
|
|
322
316
|
}
|
|
323
|
-
},
|
|
324
|
-
"focusElement": {
|
|
325
|
-
"complexType": {
|
|
326
|
-
"signature": "() => Promise<void>",
|
|
327
|
-
"parameters": [],
|
|
328
|
-
"references": {
|
|
329
|
-
"Promise": {
|
|
330
|
-
"location": "global",
|
|
331
|
-
"id": "global::Promise"
|
|
332
|
-
}
|
|
333
|
-
},
|
|
334
|
-
"return": "Promise<void>"
|
|
335
|
-
},
|
|
336
|
-
"docs": {
|
|
337
|
-
"text": "Method to programmatically focus the checkbox element",
|
|
338
|
-
"tags": []
|
|
339
|
-
}
|
|
340
317
|
}
|
|
341
318
|
};
|
|
342
319
|
}
|
|
@@ -56,13 +56,6 @@ export class TdsDatetime {
|
|
|
56
56
|
async setValue(newValue) {
|
|
57
57
|
this.value = newValue;
|
|
58
58
|
}
|
|
59
|
-
/** Method to programmatically focus the datetime element */
|
|
60
|
-
async focusElement() {
|
|
61
|
-
if (this.textInput) {
|
|
62
|
-
this.textInput.focus();
|
|
63
|
-
this.focusInput = true;
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
59
|
componentWillLoad() {
|
|
67
60
|
if (this.defaultValue !== 'none') {
|
|
68
61
|
this.value = this.getDefaultValue();
|
|
@@ -128,7 +121,7 @@ export class TdsDatetime {
|
|
|
128
121
|
'tds-datetime-container-label-inside': this.label && this.labelPosition === 'inside' && this.size !== 'sm',
|
|
129
122
|
};
|
|
130
123
|
const iphone = navigator.userAgent.toLowerCase().includes('iphone');
|
|
131
|
-
return (h("div", { key: '
|
|
124
|
+
return (h("div", { key: '1a55db8de53a69917a0f498ce4e9877136b21766', class: classNames, onKeyDown: (e) => {
|
|
132
125
|
if (e.key === 'Enter') {
|
|
133
126
|
const browserIsChrome = navigator.userAgent.toLowerCase().includes('chrome');
|
|
134
127
|
if (browserIsChrome) {
|
|
@@ -136,9 +129,9 @@ export class TdsDatetime {
|
|
|
136
129
|
this.textInput.showPicker();
|
|
137
130
|
}
|
|
138
131
|
}
|
|
139
|
-
} }, this.labelPosition === 'outside' && this.label && (h("label", { key: '
|
|
132
|
+
} }, this.labelPosition === 'outside' && this.label && (h("label", { key: '83a178f48b465978da70749d5a0a6b06c7a46423', htmlFor: this.name, class: "tds-datetime-label" }, this.label)), h("div", { key: 'd3b8cbc704aee3863a428f6bbc9b89a8894241df', onClick: (e) => this.handleFocusClick(e), class: "tds-datetime-container" }, h("div", { key: 'b398e66d353aeb568024686b591dcf5d9d2288e6', class: `tds-datetime-input-container type-${this.type}` }, h("input", { key: '1d31da2daaa048b46fe9a3023f4342e0daa4cfde', ref: (inputEl) => {
|
|
140
133
|
this.textInput = inputEl;
|
|
141
|
-
}, class: className, type: this.type, disabled: this.disabled, value: this.value, min: this.min, max: this.max, autofocus: this.autofocus, name: this.name, id: this.name, onInput: (e) => this.handleInput(e), onBlur: (e) => this.handleBlur(e), onChange: (e) => this.handleChange(e), "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label }), this.labelPosition === 'inside' && this.size !== 'sm' && this.label && (h("label", { key: '
|
|
134
|
+
}, class: className, type: this.type, disabled: this.disabled, value: this.value, min: this.min, max: this.max, autofocus: this.autofocus, name: this.name, id: this.name, onInput: (e) => this.handleInput(e), onBlur: (e) => this.handleBlur(e), onChange: (e) => this.handleChange(e), "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label }), this.labelPosition === 'inside' && this.size !== 'sm' && this.label && (h("label", { key: 'f16d4c77abdc6b1cabb03b8e4beba58704796648', class: `tds-datetime-label-inside ${iphone && 'iphone'}`, htmlFor: this.name }, this.label)), h("div", { key: '168c3c719094c8b39dcc4fa16b4d13b588b9429b', class: "datetime-icon icon-datetime-local" }, h("tds-icon", { key: '6e0794302a5e1792b198c7d1208aa8e59bfb3d5c', size: "20px", name: "calendar", svgTitle: "Calendar" })), h("div", { key: '1a954f5386c136d2cdb88408c9729a68adcd5e58', class: "datetime-icon icon-time" }, h("tds-icon", { key: '67b56f956fc439a71870fdd3ede387d007a69f08', size: "20px", name: "clock", svgTitle: "Clock" }))), h("div", { key: 'c1373d3f3413cdba67911cfc1884f201a326df97', class: "tds-datetime-bar" })), this.helper && (h("div", { key: 'c3d22a5de88ba11154b227ad0d8930cc0768bc99', class: "tds-datetime-helper" }, h("div", { key: '0c5123613944fc44184ab7d489712982b70c183e', class: "tds-helper" }, this.state === 'error' && h("tds-icon", { key: 'a351a589cacb618dbf890e247e98efe14970062b', name: "error", size: "16px", svgTitle: "error" }), this.helper)))));
|
|
142
135
|
}
|
|
143
136
|
static get is() { return "tds-datetime"; }
|
|
144
137
|
static get encapsulation() { return "scoped"; }
|
|
@@ -562,23 +555,6 @@ export class TdsDatetime {
|
|
|
562
555
|
"text": "Method that sets the value of the datetime element",
|
|
563
556
|
"tags": []
|
|
564
557
|
}
|
|
565
|
-
},
|
|
566
|
-
"focusElement": {
|
|
567
|
-
"complexType": {
|
|
568
|
-
"signature": "() => Promise<void>",
|
|
569
|
-
"parameters": [],
|
|
570
|
-
"references": {
|
|
571
|
-
"Promise": {
|
|
572
|
-
"location": "global",
|
|
573
|
-
"id": "global::Promise"
|
|
574
|
-
}
|
|
575
|
-
},
|
|
576
|
-
"return": "Promise<void>"
|
|
577
|
-
},
|
|
578
|
-
"docs": {
|
|
579
|
-
"text": "Method to programmatically focus the datetime element",
|
|
580
|
-
"tags": []
|
|
581
|
-
}
|
|
582
558
|
}
|
|
583
559
|
};
|
|
584
560
|
}
|
|
@@ -72,15 +72,7 @@ export class TdsDropdown {
|
|
|
72
72
|
if (!this.disabled) {
|
|
73
73
|
this.open = !this.open;
|
|
74
74
|
if (this.open) {
|
|
75
|
-
|
|
76
|
-
this.focusInputElement();
|
|
77
|
-
}
|
|
78
|
-
else {
|
|
79
|
-
const button = this.host.shadowRoot.querySelector('button');
|
|
80
|
-
if (button) {
|
|
81
|
-
button.focus();
|
|
82
|
-
}
|
|
83
|
-
}
|
|
75
|
+
this.focusInputElement();
|
|
84
76
|
}
|
|
85
77
|
}
|
|
86
78
|
};
|
|
@@ -126,13 +118,11 @@ export class TdsDropdown {
|
|
|
126
118
|
this.handleFocus = (event) => {
|
|
127
119
|
this.open = true;
|
|
128
120
|
this.filterFocus = true;
|
|
129
|
-
if (this.multiselect
|
|
121
|
+
if (this.multiselect) {
|
|
130
122
|
this.inputElement.value = '';
|
|
131
123
|
}
|
|
132
124
|
this.tdsFocus.emit(event);
|
|
133
|
-
|
|
134
|
-
this.handleFilter({ target: { value: '' } });
|
|
135
|
-
}
|
|
125
|
+
this.handleFilter({ target: { value: '' } });
|
|
136
126
|
};
|
|
137
127
|
this.handleBlur = (event) => {
|
|
138
128
|
this.tdsBlur.emit(event);
|
|
@@ -287,18 +277,7 @@ export class TdsDropdown {
|
|
|
287
277
|
}
|
|
288
278
|
/** Method that forces focus on the input element. */
|
|
289
279
|
async focusElement() {
|
|
290
|
-
|
|
291
|
-
// For filter mode, focus the input element
|
|
292
|
-
this.focusInputElement();
|
|
293
|
-
}
|
|
294
|
-
else {
|
|
295
|
-
// For non-filter mode, focus the button element
|
|
296
|
-
const button = this.host.shadowRoot.querySelector('button');
|
|
297
|
-
if (button) {
|
|
298
|
-
button.focus();
|
|
299
|
-
}
|
|
300
|
-
}
|
|
301
|
-
// Always trigger the focus event to open the dropdown
|
|
280
|
+
this.focusInputElement();
|
|
302
281
|
this.handleFocus({});
|
|
303
282
|
}
|
|
304
283
|
/** Method for setting the value of the Dropdown.
|
|
@@ -451,9 +430,9 @@ export class TdsDropdown {
|
|
|
451
430
|
// Generate unique IDs for associating labels and helpers with the input/button
|
|
452
431
|
const labelId = this.label ? `dropdown-label-${this.name || generateUniqueId()}` : undefined;
|
|
453
432
|
const helperId = this.helper ? `dropdown-helper-${this.name || generateUniqueId()}` : undefined;
|
|
454
|
-
return (h(Host, { key: '
|
|
433
|
+
return (h(Host, { key: '5c5314d4994b1ca9c09729df6c9b30d9fb6b33d3', class: {
|
|
455
434
|
[`tds-mode-variant-${this.modeVariant}`]: Boolean(this.modeVariant),
|
|
456
|
-
} }, this.label && this.labelPosition === 'outside' && (h("div", { key: '
|
|
435
|
+
} }, this.label && this.labelPosition === 'outside' && (h("div", { key: '25133dd0a665315edfad6f93a846db0ac82cc16f', id: labelId, class: `label-outside ${this.disabled ? 'disabled' : ''}` }, this.label)), h("div", { key: '3d2a17d8f7bcf7f8aaa8d2ea5397044396b691e1', class: {
|
|
457
436
|
'dropdown-select': true,
|
|
458
437
|
[this.size]: true,
|
|
459
438
|
'disabled': this.disabled,
|
|
@@ -503,7 +482,7 @@ export class TdsDropdown {
|
|
|
503
482
|
label-inside-as-placeholder
|
|
504
483
|
${this.size}
|
|
505
484
|
${this.selectedOptions.length ? 'selected' : ''}
|
|
506
|
-
` }, this.label)), h("div", { class: `placeholder ${this.size}` }, this.selectedOptions.length ? this.getValue() : this.placeholder), h("tds-icon", { "aria-label": "Open/Close dropdown", svgTitle: "Open/Close dropdown", class: `menu-icon ${this.open ? 'open' : 'closed'}`, name: "chevron_down", size: "16px" }))))), h("div", { key: '
|
|
485
|
+
` }, this.label)), h("div", { class: `placeholder ${this.size}` }, this.selectedOptions.length ? this.getValue() : this.placeholder), h("tds-icon", { "aria-label": "Open/Close dropdown", svgTitle: "Open/Close dropdown", class: `menu-icon ${this.open ? 'open' : 'closed'}`, name: "chevron_down", size: "16px" }))))), h("div", { key: '4e4a3036983d9f2c53119884f32482a14b16bbff', role: "listbox", "aria-label": this.tdsAriaLabel, "aria-hidden": this.open ? 'false' : 'true', inert: !this.open, "aria-orientation": "vertical", "aria-multiselectable": this.multiselect, ref: (element) => {
|
|
507
486
|
this.dropdownList = element;
|
|
508
487
|
}, class: {
|
|
509
488
|
'dropdown-list': true,
|
|
@@ -514,11 +493,11 @@ export class TdsDropdown {
|
|
|
514
493
|
'closed': !this.open,
|
|
515
494
|
[`animation-enter-${this.animation}`]: this.animation !== 'none' && this.open,
|
|
516
495
|
[`animation-exit-${this.animation}`]: this.animation !== 'none' && !this.open,
|
|
517
|
-
} }, h("slot", { key: '
|
|
496
|
+
} }, h("slot", { key: 'ad34d1c72b7490505aee226e3e1478e68084309d', onSlotchange: () => this.handleSlotChange() }), this.filterResult === 0 && this.noResultText !== '' && (h("div", { key: '619071043ec5be2a17b24c9706aa20490f4c4339', class: `no-result ${this.size}` }, this.noResultText))), this.helper && (h("div", { key: '4165cfc63988816e39a86a304acacd627aa24567', id: helperId, class: {
|
|
518
497
|
helper: true,
|
|
519
498
|
error: this.error,
|
|
520
499
|
disabled: this.disabled,
|
|
521
|
-
} }, this.error && h("tds-icon", { key: '
|
|
500
|
+
} }, this.error && h("tds-icon", { key: '90eea26d0166a4acaa066211fa996e2b74ccd575', name: "error", size: "16px" }), this.helper))));
|
|
522
501
|
}
|
|
523
502
|
static get is() { return "tds-dropdown"; }
|
|
524
503
|
static get encapsulation() { return "shadow"; }
|
|
@@ -9,7 +9,6 @@ export class TdsLink {
|
|
|
9
9
|
this.standalone = false;
|
|
10
10
|
}
|
|
11
11
|
connectedCallback() {
|
|
12
|
-
this.host.children[0].classList.add('tds-link-component');
|
|
13
12
|
const links = this.host.querySelectorAll('a');
|
|
14
13
|
if (links.length > 1) {
|
|
15
14
|
console.warn('tds-link is only intended to wrap one <a> tag');
|
|
@@ -27,11 +26,11 @@ export class TdsLink {
|
|
|
27
26
|
}
|
|
28
27
|
}
|
|
29
28
|
render() {
|
|
30
|
-
return (h("span", { key: '
|
|
29
|
+
return (h("span", { key: '7f0f25738cc23b6f1cb77be9dd80ea14b9b399bc', class: {
|
|
31
30
|
'disabled': this.disabled,
|
|
32
31
|
'no-underline': !this.underline,
|
|
33
32
|
'standalone': this.standalone,
|
|
34
|
-
} }, h("slot", { key: '
|
|
33
|
+
} }, h("slot", { key: '73203886b4064a43a2b3ede33ce650f280ebe9c5' })));
|
|
35
34
|
}
|
|
36
35
|
static get is() { return "tds-link"; }
|
|
37
36
|
static get encapsulation() { return "shadow"; }
|