@db-ux/wc-core-components 4.3.0 → 4.3.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/CHANGELOG.md +6 -0
- package/dist/cjs/db-custom-select-dropdown_5.cjs.entry.js +10 -5
- package/dist/cjs/db-select.cjs.entry.js +6 -3
- package/dist/cjs/db-textarea.cjs.entry.js +9 -4
- package/dist/collection/components/brand/brand.js +1 -1
- package/dist/collection/components/button/button.js +3 -3
- package/dist/collection/components/checkbox/checkbox.js +1 -1
- package/dist/collection/components/custom-select/custom-select.js +2 -2
- package/dist/collection/components/custom-select-list-item/custom-select-list-item.js +1 -1
- package/dist/collection/components/icon/icon.js +1 -1
- package/dist/collection/components/infotext/infotext.js +1 -1
- package/dist/collection/components/input/input.js +14 -9
- package/dist/collection/components/navigation-item/navigation-item.js +1 -1
- package/dist/collection/components/notification/notification.js +1 -1
- package/dist/collection/components/select/select.js +8 -5
- package/dist/collection/components/switch/switch.js +4 -4
- package/dist/collection/components/tab-item/tab-item.js +3 -3
- package/dist/collection/components/tag/tag.js +1 -1
- package/dist/collection/components/textarea/textarea.js +10 -5
- package/dist/custom-elements.json +4 -1
- package/dist/db-ux/db-ux.esm.js +1 -1
- package/dist/db-ux/p-39d22a0f.entry.js +1 -0
- package/dist/db-ux/p-75ae0fd9.entry.js +1 -0
- package/dist/db-ux/{p-40ce182c.entry.js → p-b729b29f.entry.js} +1 -1
- package/dist/esm/db-custom-select-dropdown_5.entry.js +10 -5
- package/dist/esm/db-select.entry.js +6 -3
- package/dist/esm/db-textarea.entry.js +9 -4
- package/dist/types/components/input/input.d.ts +1 -1
- package/dist/web-types.json +2 -2
- package/package.json +3 -3
- package/dist/db-ux/p-23834011.entry.js +0 -1
- package/dist/db-ux/p-3622f7e7.entry.js +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @db-ux/wc-core-components
|
|
2
2
|
|
|
3
|
+
## 4.3.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- fix(angular): issue with form-components not applying value changes because of [attr.value] instead of native [value] binding - [see commit 61ab4a3](https://github.com/db-ux-design-system/core-web/commit/61ab4a3e9a781459b829c74cf23624a23edd9e3f)
|
|
8
|
+
|
|
3
9
|
## 4.3.0
|
|
4
10
|
|
|
5
11
|
### Minor Changes
|
|
@@ -193,7 +193,7 @@ const DBInput = class {
|
|
|
193
193
|
this._invalidMessage = undefined;
|
|
194
194
|
this._dataListId = undefined;
|
|
195
195
|
this._descByIds = undefined;
|
|
196
|
-
this._value =
|
|
196
|
+
this._value = "";
|
|
197
197
|
this._voiceOverFallback = "";
|
|
198
198
|
this.abortController = undefined;
|
|
199
199
|
}
|
|
@@ -323,13 +323,18 @@ const DBInput = class {
|
|
|
323
323
|
this.watch1Fn();
|
|
324
324
|
}
|
|
325
325
|
watch2Fn() {
|
|
326
|
-
this.
|
|
326
|
+
if (this.value !== undefined) {
|
|
327
|
+
this._value = this.value;
|
|
328
|
+
}
|
|
327
329
|
}
|
|
328
330
|
watch2() {
|
|
329
331
|
this.watch2Fn();
|
|
330
332
|
}
|
|
331
333
|
watch3Fn() {
|
|
332
|
-
|
|
334
|
+
// If angular uses ngModel value and _value are null
|
|
335
|
+
// then the value will be set afterward and the _ref will be refreshed
|
|
336
|
+
const addResetListener = true;
|
|
337
|
+
if (this._ref && addResetListener) {
|
|
333
338
|
const defaultValue = undefined;
|
|
334
339
|
let controller = this.abortController;
|
|
335
340
|
if (!controller) {
|
|
@@ -369,7 +374,7 @@ const DBInput = class {
|
|
|
369
374
|
}
|
|
370
375
|
render() {
|
|
371
376
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
372
|
-
return (index.h("div", { key: '
|
|
377
|
+
return (index.h("div", { key: '2783a6e0005baac376a9cd75d0f468c3f55c5f0c', class: index$1.cls("db-input", this.className), "data-variant": this.variant, "data-hide-label": index$1.getHideProp(this.showLabel), "data-show-icon": index$1.getBooleanAsString((_a = this.showIconLeading) !== null && _a !== void 0 ? _a : this.showIcon), "data-icon": (_b = this.iconLeading) !== null && _b !== void 0 ? _b : this.icon, "data-icon-trailing": this.iconTrailing, "data-hide-asterisk": index$1.getHideProp(this.showRequiredAsterisk), "data-show-icon-trailing": index$1.getBooleanAsString(this.showIconTrailing) }, index.h("label", { key: '0a1b84ca8f479e931f7f2a3506fd158dfaeb5396', htmlFor: this._id }, (_c = this.label) !== null && _c !== void 0 ? _c : constants.DEFAULT_LABEL), index.h("input", { key: 'a30aadb4b840d8b31b9484a2401160469301b6cf', "aria-invalid": this.validation === "invalid", "data-custom-validity": this.validation, "data-field-sizing": this.fieldSizing, ref: (el) => {
|
|
373
378
|
this._ref = el;
|
|
374
379
|
}, id: this._id, name: this.name, type: this.type || "text", multiple: index$1.getBoolean(this.multiple, "multiple"), placeholder: (_d = this.placeholder) !== null && _d !== void 0 ? _d : constants.DEFAULT_PLACEHOLDER, disabled: index$1.getBoolean(this.disabled, "disabled"), required: index$1.getBoolean(this.required, "required"), step: index$1.getStep(this.step), value: (_e = this.value) !== null && _e !== void 0 ? _e : this._value, maxLength: index$1.getNumber(this.maxLength, this.maxlength), minLength: index$1.getNumber(this.minLength, this.minlength), max: index$1.getInputValue(this.max, this.type), min: index$1.getInputValue(this.min, this.type), readOnly: index$1.getBoolean(this.readOnly, "readOnly") ||
|
|
375
380
|
index$1.getBoolean(this.readonly, "readonly"), form: this.form, pattern: this.pattern, size: this.size, autoComplete: this.autocomplete, autoFocus: index$1.getBoolean(this.autofocus, "autofocus"), enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event), onBlur: (event) => this.handleBlur(event), onFocus: (event) => this.handleFocus(event), list: this.dataList && this._dataListId, "aria-describedby": (_f = this.ariaDescribedBy) !== null && _f !== void 0 ? _f : this._descByIds, role: [
|
|
@@ -381,7 +386,7 @@ const DBInput = class {
|
|
|
381
386
|
"color",
|
|
382
387
|
].includes((_g = this.type) !== null && _g !== void 0 ? _g : "") && index$1.isIOSSafari()
|
|
383
388
|
? "textbox"
|
|
384
|
-
: undefined }), this.dataList ? (index.h("datalist", { id: this._dataListId }, (_h = this.getDataList()) === null || _h === void 0 ? void 0 : _h.map((option) => (index.h("option", { key: this._dataListId + "-option-" + option.value, value: option.value }, option.label))))) : null, index.h("slot", { key: '
|
|
389
|
+
: undefined }), this.dataList ? (index.h("datalist", { id: this._dataListId }, (_h = this.getDataList()) === null || _h === void 0 ? void 0 : _h.map((option) => (index.h("option", { key: this._dataListId + "-option-" + option.value, value: option.value }, option.label))))) : null, index.h("slot", { key: '8a188730a5219b5611c55ce3527165223e080492' }), index$1.stringPropVisible(this.message, this.showMessage) ? (index.h("db-infotext", { size: this.messageSize || "small", icon: this.messageIcon, id: this._messageId }, this.message)) : null, this.hasValidState() ? (index.h("db-infotext", { semantic: "successful", id: this._validMessageId, size: this.validMessageSize || "small" }, this.validMessage || constants.DEFAULT_VALID_MESSAGE)) : null, index.h("db-infotext", { key: 'f8782431777d7a7af3c6e6069ad87b5e933686ba', semantic: "critical", id: this._invalidMessageId, size: this.invalidMessageSize || "small" }, this._invalidMessage), index.h("span", { key: '651068b04f3f87c7129782c212eebbfca027cda6', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
|
|
385
390
|
}
|
|
386
391
|
static get watchers() { return {
|
|
387
392
|
"_ref": [{
|
|
@@ -166,7 +166,10 @@ const DBSelect = class {
|
|
|
166
166
|
this.watch2Fn();
|
|
167
167
|
}
|
|
168
168
|
watch3Fn() {
|
|
169
|
-
|
|
169
|
+
// If angular uses ngModel value and _value are null
|
|
170
|
+
// then the value will be set afterward and the _ref will be refreshed
|
|
171
|
+
const addResetListener = true;
|
|
172
|
+
if (this._ref && addResetListener) {
|
|
170
173
|
const defaultValue = undefined;
|
|
171
174
|
let controller = this.abortController;
|
|
172
175
|
if (!controller) {
|
|
@@ -207,14 +210,14 @@ const DBSelect = class {
|
|
|
207
210
|
}
|
|
208
211
|
render() {
|
|
209
212
|
var _a, _b, _c, _d, _e;
|
|
210
|
-
return (index.h("div", { key: '
|
|
213
|
+
return (index.h("div", { key: '0139805ef7af1df0231794b1214fb861e6564247', class: index$1.cls("db-select", this.className), "data-variant": this.variant, "data-hide-label": index$1.getHideProp(this.showLabel), "data-hide-asterisk": index$1.getHideProp(this.showRequiredAsterisk), "data-icon": this.icon, "data-show-icon": index$1.getBooleanAsString(this.showIcon) }, index.h("label", { key: '32f2bbc5b919c3450c33f6e18a5da5826da7aa11', htmlFor: this._id }, (_a = this.label) !== null && _a !== void 0 ? _a : constants.DEFAULT_LABEL), index.h("select", { key: 'b5f973899ce6d4dd1d1de822a41dd4035cc08757', "aria-invalid": this.validation === "invalid", "data-custom-validity": this.validation, ref: (el) => {
|
|
211
214
|
this._ref = el;
|
|
212
215
|
}, required: index$1.getBoolean(this.required, "required"), disabled: index$1.getBoolean(this.disabled, "disabled"), id: this._id, name: this.name, size: this.size,
|
|
213
216
|
/* @ts-ignore */
|
|
214
217
|
value: (_b = this.value) !== null && _b !== void 0 ? _b : this._value, autocomplete: this.autocomplete, multiple: this.multiple, onInput: (event) => this.handleInput(event), onClick: (event) => this.handleClick(event), onChange: (event) => this.handleChange(event), onBlur: (event) => this.handleBlur(event), onFocus: (event) => this.handleFocus(event), "aria-describedby": (_c = this.ariaDescribedBy) !== null && _c !== void 0 ? _c : this._descByIds }, this.variant === "floating" || this.placeholder ? (index.h("option", { class: "placeholder", value: "" })) : null, ((_d = this.options) === null || _d === void 0 ? void 0 : _d.length) ? ((_e = this.options) === null || _e === void 0 ? void 0 : _e.map((option) => {
|
|
215
218
|
var _a;
|
|
216
219
|
return (index.h(index.Fragment, null, option.options ? (index.h("optgroup", { label: this.getOptionLabel(option), key: undefined }, (_a = option.options) === null || _a === void 0 ? void 0 : _a.map((optgroupOption) => (index.h("option", { value: optgroupOption.value, selected: optgroupOption.selected, disabled: optgroupOption.disabled, key: undefined }, this.getOptionLabel(optgroupOption)))))) : (index.h("option", { value: option.value, disabled: option.disabled, selected: option.selected, key: undefined }, this.getOptionLabel(option)))));
|
|
217
|
-
})) : (index.h("slot", null))), this.placeholder ? (index.h("span", { class: "db-select-placeholder", id: this._placeholderId }, this.placeholder)) : null, index$1.stringPropVisible(this.message, this.showMessage) ? (index.h("db-infotext", { size: "small", icon: this.messageIcon, id: this._messageId }, this.message)) : null, this.hasValidState() ? (index.h("db-infotext", { size: "small", semantic: "successful", id: this._validMessageId }, this.validMessage || constants.DEFAULT_VALID_MESSAGE)) : null, index.h("db-infotext", { key: '
|
|
220
|
+
})) : (index.h("slot", null))), this.placeholder ? (index.h("span", { class: "db-select-placeholder", id: this._placeholderId }, this.placeholder)) : null, index$1.stringPropVisible(this.message, this.showMessage) ? (index.h("db-infotext", { size: "small", icon: this.messageIcon, id: this._messageId }, this.message)) : null, this.hasValidState() ? (index.h("db-infotext", { size: "small", semantic: "successful", id: this._validMessageId }, this.validMessage || constants.DEFAULT_VALID_MESSAGE)) : null, index.h("db-infotext", { key: '8b6c170210a55708f2539f46bd599a47a9e81781', size: "small", semantic: "critical", id: this._invalidMessageId }, this._invalidMessage), index.h("span", { key: '17de2c472570dce406b18eeac924c0c88446ce6d', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
|
|
218
221
|
}
|
|
219
222
|
static get watchers() { return {
|
|
220
223
|
"_ref": [{
|
|
@@ -136,13 +136,18 @@ const DBTextarea = class {
|
|
|
136
136
|
this.watch1Fn();
|
|
137
137
|
}
|
|
138
138
|
watch2Fn() {
|
|
139
|
-
this.
|
|
139
|
+
if (this.value !== undefined) {
|
|
140
|
+
this._value = this.value;
|
|
141
|
+
}
|
|
140
142
|
}
|
|
141
143
|
watch2() {
|
|
142
144
|
this.watch2Fn();
|
|
143
145
|
}
|
|
144
146
|
watch3Fn() {
|
|
145
|
-
|
|
147
|
+
// If angular uses ngModel value and _value are null
|
|
148
|
+
// then the value will be set afterward and the _ref will be refreshed
|
|
149
|
+
const addResetListener = true;
|
|
150
|
+
if (this._ref && addResetListener) {
|
|
146
151
|
const defaultValue = undefined;
|
|
147
152
|
let controller = this.abortController;
|
|
148
153
|
if (!controller) {
|
|
@@ -181,10 +186,10 @@ const DBTextarea = class {
|
|
|
181
186
|
}
|
|
182
187
|
render() {
|
|
183
188
|
var _a, _b, _c, _d, _e;
|
|
184
|
-
return (index.h("div", { key: '
|
|
189
|
+
return (index.h("div", { key: '3ac7e870ca2c9d8f366f07797fc15c238ddeab50', class: index$1.cls("db-textarea", this.className), "data-variant": this.variant, "data-hide-asterisk": index$1.getHideProp(this.showRequiredAsterisk), "data-hide-label": index$1.getHideProp(this.showLabel) }, index.h("label", { key: 'd3d0e209d0a14a54975cce835e50e4f57d09d1bd', htmlFor: this._id }, (_a = this.label) !== null && _a !== void 0 ? _a : constants.DEFAULT_LABEL), index.h("textarea", { key: '7e7dce4db9a84230a9c736039eefd58022944cf8', "aria-invalid": this.validation === "invalid", "data-custom-validity": this.validation, "data-field-sizing": this.fieldSizing, ref: (el) => {
|
|
185
190
|
this._ref = el;
|
|
186
191
|
}, id: this._id, "data-resize": this.resize, "data-hide-resizer": index$1.getHideProp((_b = this.showResizer) !== null && _b !== void 0 ? _b : true), disabled: index$1.getBoolean(this.disabled, "disabled"), required: index$1.getBoolean(this.required, "required"), readOnly: index$1.getBoolean(this.readOnly, "readOnly") ||
|
|
187
|
-
index$1.getBoolean(this.readonly, "readonly"), form: this.form, maxLength: index$1.getNumber(this.maxLength, this.maxlength), minLength: index$1.getNumber(this.minLength, this.minlength), name: this.name, wrap: this.wrap, spellcheck: this.spellCheck, autocomplete: this.autocomplete, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event), onBlur: (event) => this.handleBlur(event), onFocus: (event) => this.handleFocus(event), value: (_c = this.value) !== null && _c !== void 0 ? _c : this._value, "aria-describedby": (_d = this.ariaDescribedBy) !== null && _d !== void 0 ? _d : this._descByIds, placeholder: (_e = this.placeholder) !== null && _e !== void 0 ? _e : constants.DEFAULT_PLACEHOLDER, rows: index$1.getNumber(this.rows, constants.DEFAULT_ROWS), cols: index$1.getNumber(this.cols) }), index$1.stringPropVisible(this.message, this.showMessage) ? (index.h("db-infotext", { size: "small", icon: this.messageIcon, id: this._messageId }, this.message)) : null, this.hasValidState() ? (index.h("db-infotext", { size: "small", semantic: "successful", id: this._validMessageId }, this.validMessage || constants.DEFAULT_VALID_MESSAGE)) : null, index.h("db-infotext", { key: '
|
|
192
|
+
index$1.getBoolean(this.readonly, "readonly"), form: this.form, maxLength: index$1.getNumber(this.maxLength, this.maxlength), minLength: index$1.getNumber(this.minLength, this.minlength), name: this.name, wrap: this.wrap, spellcheck: this.spellCheck, autocomplete: this.autocomplete, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event), onBlur: (event) => this.handleBlur(event), onFocus: (event) => this.handleFocus(event), value: (_c = this.value) !== null && _c !== void 0 ? _c : this._value, "aria-describedby": (_d = this.ariaDescribedBy) !== null && _d !== void 0 ? _d : this._descByIds, placeholder: (_e = this.placeholder) !== null && _e !== void 0 ? _e : constants.DEFAULT_PLACEHOLDER, rows: index$1.getNumber(this.rows, constants.DEFAULT_ROWS), cols: index$1.getNumber(this.cols) }), index$1.stringPropVisible(this.message, this.showMessage) ? (index.h("db-infotext", { size: "small", icon: this.messageIcon, id: this._messageId }, this.message)) : null, this.hasValidState() ? (index.h("db-infotext", { size: "small", semantic: "successful", id: this._validMessageId }, this.validMessage || constants.DEFAULT_VALID_MESSAGE)) : null, index.h("db-infotext", { key: 'dc153c224d3acafa0a8d7f3ad37317b76cba01b8', size: "small", semantic: "critical", id: this._invalidMessageId }, this._invalidMessage), index.h("span", { key: '21cd2120d06ec2891979d7a7fc0f1041031dabf2', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
|
|
188
193
|
}
|
|
189
194
|
static get watchers() { return {
|
|
190
195
|
"_ref": [{
|
|
@@ -81,7 +81,7 @@ export class DBBrand {
|
|
|
81
81
|
"mutable": false,
|
|
82
82
|
"complexType": {
|
|
83
83
|
"original": "DBBrandProps[\"icon\"]",
|
|
84
|
-
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"
|
|
84
|
+
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"chat\" | \"check\" | \"check_circle\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"circle\" | \"circle_small\" | \"circular_arrows\" | \"clock\" | \"copy\" | \"cross\" | \"cross_circle\" | \"double_chevron_down\" | \"double_chevron_left\" | \"double_chevron_right\" | \"double_chevron_up\" | \"exclamation_mark_circle\" | \"exclamation_mark_triangle\" | \"eye\" | \"eye_disabled\" | \"house\" | \"information_circle\" | \"magnifying_glass\" | \"menu\" | \"minus\" | \"moon\" | \"plus\" | \"resize_handle_corner\" | \"sun\" | \"x_placeholder\" | string & Record<never, never>",
|
|
85
85
|
"references": {
|
|
86
86
|
"DBBrandProps": {
|
|
87
87
|
"location": "import",
|
|
@@ -167,7 +167,7 @@ export class DBButton {
|
|
|
167
167
|
"mutable": false,
|
|
168
168
|
"complexType": {
|
|
169
169
|
"original": "DBButtonProps[\"iconLeading\"]",
|
|
170
|
-
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"
|
|
170
|
+
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"chat\" | \"check\" | \"check_circle\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"circle\" | \"circle_small\" | \"circular_arrows\" | \"clock\" | \"copy\" | \"cross\" | \"cross_circle\" | \"double_chevron_down\" | \"double_chevron_left\" | \"double_chevron_right\" | \"double_chevron_up\" | \"exclamation_mark_circle\" | \"exclamation_mark_triangle\" | \"eye\" | \"eye_disabled\" | \"house\" | \"information_circle\" | \"magnifying_glass\" | \"menu\" | \"minus\" | \"moon\" | \"plus\" | \"resize_handle_corner\" | \"sun\" | \"x_placeholder\" | string & Record<never, never>",
|
|
171
171
|
"references": {
|
|
172
172
|
"DBButtonProps": {
|
|
173
173
|
"location": "import",
|
|
@@ -193,7 +193,7 @@ export class DBButton {
|
|
|
193
193
|
"mutable": false,
|
|
194
194
|
"complexType": {
|
|
195
195
|
"original": "DBButtonProps[\"icon\"]",
|
|
196
|
-
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"
|
|
196
|
+
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"chat\" | \"check\" | \"check_circle\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"circle\" | \"circle_small\" | \"circular_arrows\" | \"clock\" | \"copy\" | \"cross\" | \"cross_circle\" | \"double_chevron_down\" | \"double_chevron_left\" | \"double_chevron_right\" | \"double_chevron_up\" | \"exclamation_mark_circle\" | \"exclamation_mark_triangle\" | \"eye\" | \"eye_disabled\" | \"house\" | \"information_circle\" | \"magnifying_glass\" | \"menu\" | \"minus\" | \"moon\" | \"plus\" | \"resize_handle_corner\" | \"sun\" | \"x_placeholder\" | string & Record<never, never>",
|
|
197
197
|
"references": {
|
|
198
198
|
"DBButtonProps": {
|
|
199
199
|
"location": "import",
|
|
@@ -271,7 +271,7 @@ export class DBButton {
|
|
|
271
271
|
"mutable": false,
|
|
272
272
|
"complexType": {
|
|
273
273
|
"original": "DBButtonProps[\"iconTrailing\"]",
|
|
274
|
-
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"
|
|
274
|
+
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"chat\" | \"check\" | \"check_circle\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"circle\" | \"circle_small\" | \"circular_arrows\" | \"clock\" | \"copy\" | \"cross\" | \"cross_circle\" | \"double_chevron_down\" | \"double_chevron_left\" | \"double_chevron_right\" | \"double_chevron_up\" | \"exclamation_mark_circle\" | \"exclamation_mark_triangle\" | \"eye\" | \"eye_disabled\" | \"house\" | \"information_circle\" | \"magnifying_glass\" | \"menu\" | \"minus\" | \"moon\" | \"plus\" | \"resize_handle_corner\" | \"sun\" | \"x_placeholder\" | string & Record<never, never>",
|
|
275
275
|
"references": {
|
|
276
276
|
"DBButtonProps": {
|
|
277
277
|
"location": "import",
|
|
@@ -670,7 +670,7 @@ export class DBCheckbox {
|
|
|
670
670
|
"mutable": false,
|
|
671
671
|
"complexType": {
|
|
672
672
|
"original": "DBCheckboxProps[\"messageIcon\"]",
|
|
673
|
-
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"
|
|
673
|
+
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"chat\" | \"check\" | \"check_circle\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"circle\" | \"circle_small\" | \"circular_arrows\" | \"clock\" | \"copy\" | \"cross\" | \"cross_circle\" | \"double_chevron_down\" | \"double_chevron_left\" | \"double_chevron_right\" | \"double_chevron_up\" | \"exclamation_mark_circle\" | \"exclamation_mark_triangle\" | \"eye\" | \"eye_disabled\" | \"house\" | \"information_circle\" | \"magnifying_glass\" | \"menu\" | \"minus\" | \"moon\" | \"plus\" | \"resize_handle_corner\" | \"sun\" | \"x_placeholder\" | string & Record<never, never>",
|
|
674
674
|
"references": {
|
|
675
675
|
"DBCheckboxProps": {
|
|
676
676
|
"location": "import",
|
|
@@ -1537,7 +1537,7 @@ export class DBCustomSelect {
|
|
|
1537
1537
|
"mutable": false,
|
|
1538
1538
|
"complexType": {
|
|
1539
1539
|
"original": "DBCustomSelectProps[\"icon\"]",
|
|
1540
|
-
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"
|
|
1540
|
+
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"chat\" | \"check\" | \"check_circle\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"circle\" | \"circle_small\" | \"circular_arrows\" | \"clock\" | \"copy\" | \"cross\" | \"cross_circle\" | \"double_chevron_down\" | \"double_chevron_left\" | \"double_chevron_right\" | \"double_chevron_up\" | \"exclamation_mark_circle\" | \"exclamation_mark_triangle\" | \"eye\" | \"eye_disabled\" | \"house\" | \"information_circle\" | \"magnifying_glass\" | \"menu\" | \"minus\" | \"moon\" | \"plus\" | \"resize_handle_corner\" | \"sun\" | \"x_placeholder\" | string & Record<never, never>",
|
|
1541
1541
|
"references": {
|
|
1542
1542
|
"DBCustomSelectProps": {
|
|
1543
1543
|
"location": "import",
|
|
@@ -2007,7 +2007,7 @@ export class DBCustomSelect {
|
|
|
2007
2007
|
"mutable": false,
|
|
2008
2008
|
"complexType": {
|
|
2009
2009
|
"original": "DBCustomSelectProps[\"messageIcon\"]",
|
|
2010
|
-
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"
|
|
2010
|
+
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"chat\" | \"check\" | \"check_circle\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"circle\" | \"circle_small\" | \"circular_arrows\" | \"clock\" | \"copy\" | \"cross\" | \"cross_circle\" | \"double_chevron_down\" | \"double_chevron_left\" | \"double_chevron_right\" | \"double_chevron_up\" | \"exclamation_mark_circle\" | \"exclamation_mark_triangle\" | \"eye\" | \"eye_disabled\" | \"house\" | \"information_circle\" | \"magnifying_glass\" | \"menu\" | \"minus\" | \"moon\" | \"plus\" | \"resize_handle_corner\" | \"sun\" | \"x_placeholder\" | string & Record<never, never>",
|
|
2011
2011
|
"references": {
|
|
2012
2012
|
"DBCustomSelectProps": {
|
|
2013
2013
|
"location": "import",
|
|
@@ -263,7 +263,7 @@ export class DBCustomSelectListItem {
|
|
|
263
263
|
"mutable": false,
|
|
264
264
|
"complexType": {
|
|
265
265
|
"original": "DBCustomSelectListItemProps[\"icon\"]",
|
|
266
|
-
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"
|
|
266
|
+
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"chat\" | \"check\" | \"check_circle\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"circle\" | \"circle_small\" | \"circular_arrows\" | \"clock\" | \"copy\" | \"cross\" | \"cross_circle\" | \"double_chevron_down\" | \"double_chevron_left\" | \"double_chevron_right\" | \"double_chevron_up\" | \"exclamation_mark_circle\" | \"exclamation_mark_triangle\" | \"eye\" | \"eye_disabled\" | \"house\" | \"information_circle\" | \"magnifying_glass\" | \"menu\" | \"minus\" | \"moon\" | \"plus\" | \"resize_handle_corner\" | \"sun\" | \"x_placeholder\" | string & Record<never, never>",
|
|
267
267
|
"references": {
|
|
268
268
|
"DBCustomSelectListItemProps": {
|
|
269
269
|
"location": "import",
|
|
@@ -105,7 +105,7 @@ export class DBIcon {
|
|
|
105
105
|
"mutable": false,
|
|
106
106
|
"complexType": {
|
|
107
107
|
"original": "DBIconProps[\"icon\"]",
|
|
108
|
-
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"
|
|
108
|
+
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"chat\" | \"check\" | \"check_circle\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"circle\" | \"circle_small\" | \"circular_arrows\" | \"clock\" | \"copy\" | \"cross\" | \"cross_circle\" | \"double_chevron_down\" | \"double_chevron_left\" | \"double_chevron_right\" | \"double_chevron_up\" | \"exclamation_mark_circle\" | \"exclamation_mark_triangle\" | \"eye\" | \"eye_disabled\" | \"house\" | \"information_circle\" | \"magnifying_glass\" | \"menu\" | \"minus\" | \"moon\" | \"plus\" | \"resize_handle_corner\" | \"sun\" | \"x_placeholder\" | string & Record<never, never>",
|
|
109
109
|
"references": {
|
|
110
110
|
"DBIconProps": {
|
|
111
111
|
"location": "import",
|
|
@@ -106,7 +106,7 @@ export class DBInfotext {
|
|
|
106
106
|
"mutable": false,
|
|
107
107
|
"complexType": {
|
|
108
108
|
"original": "DBInfotextProps[\"icon\"]",
|
|
109
|
-
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"
|
|
109
|
+
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"chat\" | \"check\" | \"check_circle\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"circle\" | \"circle_small\" | \"circular_arrows\" | \"clock\" | \"copy\" | \"cross\" | \"cross_circle\" | \"double_chevron_down\" | \"double_chevron_left\" | \"double_chevron_right\" | \"double_chevron_up\" | \"exclamation_mark_circle\" | \"exclamation_mark_triangle\" | \"eye\" | \"eye_disabled\" | \"house\" | \"information_circle\" | \"magnifying_glass\" | \"menu\" | \"minus\" | \"moon\" | \"plus\" | \"resize_handle_corner\" | \"sun\" | \"x_placeholder\" | string & Record<never, never>",
|
|
110
110
|
"references": {
|
|
111
111
|
"DBInfotextProps": {
|
|
112
112
|
"location": "import",
|
|
@@ -15,7 +15,7 @@ export class DBInput {
|
|
|
15
15
|
this._invalidMessage = undefined;
|
|
16
16
|
this._dataListId = undefined;
|
|
17
17
|
this._descByIds = undefined;
|
|
18
|
-
this._value =
|
|
18
|
+
this._value = "";
|
|
19
19
|
this._voiceOverFallback = "";
|
|
20
20
|
this.abortController = undefined;
|
|
21
21
|
}
|
|
@@ -145,13 +145,18 @@ export class DBInput {
|
|
|
145
145
|
this.watch1Fn();
|
|
146
146
|
}
|
|
147
147
|
watch2Fn() {
|
|
148
|
-
this.
|
|
148
|
+
if (this.value !== undefined) {
|
|
149
|
+
this._value = this.value;
|
|
150
|
+
}
|
|
149
151
|
}
|
|
150
152
|
watch2() {
|
|
151
153
|
this.watch2Fn();
|
|
152
154
|
}
|
|
153
155
|
watch3Fn() {
|
|
154
|
-
|
|
156
|
+
// If angular uses ngModel value and _value are null
|
|
157
|
+
// then the value will be set afterward and the _ref will be refreshed
|
|
158
|
+
const addResetListener = true;
|
|
159
|
+
if (this._ref && addResetListener) {
|
|
155
160
|
const defaultValue = undefined;
|
|
156
161
|
let controller = this.abortController;
|
|
157
162
|
if (!controller) {
|
|
@@ -191,7 +196,7 @@ export class DBInput {
|
|
|
191
196
|
}
|
|
192
197
|
render() {
|
|
193
198
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
194
|
-
return (h("div", { key: '
|
|
199
|
+
return (h("div", { key: '2783a6e0005baac376a9cd75d0f468c3f55c5f0c', class: cls("db-input", this.className), "data-variant": this.variant, "data-hide-label": getHideProp(this.showLabel), "data-show-icon": getBooleanAsString((_a = this.showIconLeading) !== null && _a !== void 0 ? _a : this.showIcon), "data-icon": (_b = this.iconLeading) !== null && _b !== void 0 ? _b : this.icon, "data-icon-trailing": this.iconTrailing, "data-hide-asterisk": getHideProp(this.showRequiredAsterisk), "data-show-icon-trailing": getBooleanAsString(this.showIconTrailing) }, h("label", { key: '0a1b84ca8f479e931f7f2a3506fd158dfaeb5396', htmlFor: this._id }, (_c = this.label) !== null && _c !== void 0 ? _c : DEFAULT_LABEL), h("input", { key: 'a30aadb4b840d8b31b9484a2401160469301b6cf', "aria-invalid": this.validation === "invalid", "data-custom-validity": this.validation, "data-field-sizing": this.fieldSizing, ref: (el) => {
|
|
195
200
|
this._ref = el;
|
|
196
201
|
}, id: this._id, name: this.name, type: this.type || "text", multiple: getBoolean(this.multiple, "multiple"), placeholder: (_d = this.placeholder) !== null && _d !== void 0 ? _d : DEFAULT_PLACEHOLDER, disabled: getBoolean(this.disabled, "disabled"), required: getBoolean(this.required, "required"), step: getStep(this.step), value: (_e = this.value) !== null && _e !== void 0 ? _e : this._value, maxLength: getNumber(this.maxLength, this.maxlength), minLength: getNumber(this.minLength, this.minlength), max: getInputValue(this.max, this.type), min: getInputValue(this.min, this.type), readOnly: getBoolean(this.readOnly, "readOnly") ||
|
|
197
202
|
getBoolean(this.readonly, "readonly"), form: this.form, pattern: this.pattern, size: this.size, autoComplete: this.autocomplete, autoFocus: getBoolean(this.autofocus, "autofocus"), enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event), onBlur: (event) => this.handleBlur(event), onFocus: (event) => this.handleFocus(event), list: this.dataList && this._dataListId, "aria-describedby": (_f = this.ariaDescribedBy) !== null && _f !== void 0 ? _f : this._descByIds, role: [
|
|
@@ -203,7 +208,7 @@ export class DBInput {
|
|
|
203
208
|
"color",
|
|
204
209
|
].includes((_g = this.type) !== null && _g !== void 0 ? _g : "") && isIOSSafari()
|
|
205
210
|
? "textbox"
|
|
206
|
-
: undefined }), this.dataList ? (h("datalist", { id: this._dataListId }, (_h = this.getDataList()) === null || _h === void 0 ? void 0 : _h.map((option) => (h("option", { key: this._dataListId + "-option-" + option.value, value: option.value }, option.label))))) : null, h("slot", { key: '
|
|
211
|
+
: undefined }), this.dataList ? (h("datalist", { id: this._dataListId }, (_h = this.getDataList()) === null || _h === void 0 ? void 0 : _h.map((option) => (h("option", { key: this._dataListId + "-option-" + option.value, value: option.value }, option.label))))) : null, h("slot", { key: '8a188730a5219b5611c55ce3527165223e080492' }), stringPropVisible(this.message, this.showMessage) ? (h("db-infotext", { size: this.messageSize || "small", icon: this.messageIcon, id: this._messageId }, this.message)) : null, this.hasValidState() ? (h("db-infotext", { semantic: "successful", id: this._validMessageId, size: this.validMessageSize || "small" }, this.validMessage || DEFAULT_VALID_MESSAGE)) : null, h("db-infotext", { key: 'f8782431777d7a7af3c6e6069ad87b5e933686ba', semantic: "critical", id: this._invalidMessageId, size: this.invalidMessageSize || "small" }, this._invalidMessage), h("span", { key: '651068b04f3f87c7129782c212eebbfca027cda6', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
|
|
207
212
|
}
|
|
208
213
|
static get is() { return "db-input"; }
|
|
209
214
|
static get properties() {
|
|
@@ -679,7 +684,7 @@ export class DBInput {
|
|
|
679
684
|
"mutable": false,
|
|
680
685
|
"complexType": {
|
|
681
686
|
"original": "DBInputProps[\"iconLeading\"]",
|
|
682
|
-
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"
|
|
687
|
+
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"chat\" | \"check\" | \"check_circle\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"circle\" | \"circle_small\" | \"circular_arrows\" | \"clock\" | \"copy\" | \"cross\" | \"cross_circle\" | \"double_chevron_down\" | \"double_chevron_left\" | \"double_chevron_right\" | \"double_chevron_up\" | \"exclamation_mark_circle\" | \"exclamation_mark_triangle\" | \"eye\" | \"eye_disabled\" | \"house\" | \"information_circle\" | \"magnifying_glass\" | \"menu\" | \"minus\" | \"moon\" | \"plus\" | \"resize_handle_corner\" | \"sun\" | \"x_placeholder\" | string & Record<never, never>",
|
|
683
688
|
"references": {
|
|
684
689
|
"DBInputProps": {
|
|
685
690
|
"location": "import",
|
|
@@ -705,7 +710,7 @@ export class DBInput {
|
|
|
705
710
|
"mutable": false,
|
|
706
711
|
"complexType": {
|
|
707
712
|
"original": "DBInputProps[\"icon\"]",
|
|
708
|
-
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"
|
|
713
|
+
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"chat\" | \"check\" | \"check_circle\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"circle\" | \"circle_small\" | \"circular_arrows\" | \"clock\" | \"copy\" | \"cross\" | \"cross_circle\" | \"double_chevron_down\" | \"double_chevron_left\" | \"double_chevron_right\" | \"double_chevron_up\" | \"exclamation_mark_circle\" | \"exclamation_mark_triangle\" | \"eye\" | \"eye_disabled\" | \"house\" | \"information_circle\" | \"magnifying_glass\" | \"menu\" | \"minus\" | \"moon\" | \"plus\" | \"resize_handle_corner\" | \"sun\" | \"x_placeholder\" | string & Record<never, never>",
|
|
709
714
|
"references": {
|
|
710
715
|
"DBInputProps": {
|
|
711
716
|
"location": "import",
|
|
@@ -731,7 +736,7 @@ export class DBInput {
|
|
|
731
736
|
"mutable": false,
|
|
732
737
|
"complexType": {
|
|
733
738
|
"original": "DBInputProps[\"iconTrailing\"]",
|
|
734
|
-
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"
|
|
739
|
+
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"chat\" | \"check\" | \"check_circle\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"circle\" | \"circle_small\" | \"circular_arrows\" | \"clock\" | \"copy\" | \"cross\" | \"cross_circle\" | \"double_chevron_down\" | \"double_chevron_left\" | \"double_chevron_right\" | \"double_chevron_up\" | \"exclamation_mark_circle\" | \"exclamation_mark_triangle\" | \"eye\" | \"eye_disabled\" | \"house\" | \"information_circle\" | \"magnifying_glass\" | \"menu\" | \"minus\" | \"moon\" | \"plus\" | \"resize_handle_corner\" | \"sun\" | \"x_placeholder\" | string & Record<never, never>",
|
|
735
740
|
"references": {
|
|
736
741
|
"DBInputProps": {
|
|
737
742
|
"location": "import",
|
|
@@ -1381,7 +1386,7 @@ export class DBInput {
|
|
|
1381
1386
|
"mutable": false,
|
|
1382
1387
|
"complexType": {
|
|
1383
1388
|
"original": "DBInputProps[\"messageIcon\"]",
|
|
1384
|
-
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"
|
|
1389
|
+
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"chat\" | \"check\" | \"check_circle\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"circle\" | \"circle_small\" | \"circular_arrows\" | \"clock\" | \"copy\" | \"cross\" | \"cross_circle\" | \"double_chevron_down\" | \"double_chevron_left\" | \"double_chevron_right\" | \"double_chevron_up\" | \"exclamation_mark_circle\" | \"exclamation_mark_triangle\" | \"eye\" | \"eye_disabled\" | \"house\" | \"information_circle\" | \"magnifying_glass\" | \"menu\" | \"minus\" | \"moon\" | \"plus\" | \"resize_handle_corner\" | \"sun\" | \"x_placeholder\" | string & Record<never, never>",
|
|
1385
1390
|
"references": {
|
|
1386
1391
|
"DBInputProps": {
|
|
1387
1392
|
"location": "import",
|
|
@@ -222,7 +222,7 @@ export class DBNavigationItem {
|
|
|
222
222
|
"mutable": false,
|
|
223
223
|
"complexType": {
|
|
224
224
|
"original": "DBNavigationItemProps[\"icon\"]",
|
|
225
|
-
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"
|
|
225
|
+
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"chat\" | \"check\" | \"check_circle\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"circle\" | \"circle_small\" | \"circular_arrows\" | \"clock\" | \"copy\" | \"cross\" | \"cross_circle\" | \"double_chevron_down\" | \"double_chevron_left\" | \"double_chevron_right\" | \"double_chevron_up\" | \"exclamation_mark_circle\" | \"exclamation_mark_triangle\" | \"eye\" | \"eye_disabled\" | \"house\" | \"information_circle\" | \"magnifying_glass\" | \"menu\" | \"minus\" | \"moon\" | \"plus\" | \"resize_handle_corner\" | \"sun\" | \"x_placeholder\" | string & Record<never, never>",
|
|
226
226
|
"references": {
|
|
227
227
|
"DBNavigationItemProps": {
|
|
228
228
|
"location": "import",
|
|
@@ -220,7 +220,7 @@ export class DBNotification {
|
|
|
220
220
|
"mutable": false,
|
|
221
221
|
"complexType": {
|
|
222
222
|
"original": "DBNotificationProps[\"icon\"]",
|
|
223
|
-
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"
|
|
223
|
+
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"chat\" | \"check\" | \"check_circle\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"circle\" | \"circle_small\" | \"circular_arrows\" | \"clock\" | \"copy\" | \"cross\" | \"cross_circle\" | \"double_chevron_down\" | \"double_chevron_left\" | \"double_chevron_right\" | \"double_chevron_up\" | \"exclamation_mark_circle\" | \"exclamation_mark_triangle\" | \"eye\" | \"eye_disabled\" | \"house\" | \"information_circle\" | \"magnifying_glass\" | \"menu\" | \"minus\" | \"moon\" | \"plus\" | \"resize_handle_corner\" | \"sun\" | \"x_placeholder\" | string & Record<never, never>",
|
|
224
224
|
"references": {
|
|
225
225
|
"DBNotificationProps": {
|
|
226
226
|
"location": "import",
|
|
@@ -161,7 +161,10 @@ export class DBSelect {
|
|
|
161
161
|
this.watch2Fn();
|
|
162
162
|
}
|
|
163
163
|
watch3Fn() {
|
|
164
|
-
|
|
164
|
+
// If angular uses ngModel value and _value are null
|
|
165
|
+
// then the value will be set afterward and the _ref will be refreshed
|
|
166
|
+
const addResetListener = true;
|
|
167
|
+
if (this._ref && addResetListener) {
|
|
165
168
|
const defaultValue = undefined;
|
|
166
169
|
let controller = this.abortController;
|
|
167
170
|
if (!controller) {
|
|
@@ -202,14 +205,14 @@ export class DBSelect {
|
|
|
202
205
|
}
|
|
203
206
|
render() {
|
|
204
207
|
var _a, _b, _c, _d, _e;
|
|
205
|
-
return (h("div", { key: '
|
|
208
|
+
return (h("div", { key: '0139805ef7af1df0231794b1214fb861e6564247', class: cls("db-select", this.className), "data-variant": this.variant, "data-hide-label": getHideProp(this.showLabel), "data-hide-asterisk": getHideProp(this.showRequiredAsterisk), "data-icon": this.icon, "data-show-icon": getBooleanAsString(this.showIcon) }, h("label", { key: '32f2bbc5b919c3450c33f6e18a5da5826da7aa11', htmlFor: this._id }, (_a = this.label) !== null && _a !== void 0 ? _a : DEFAULT_LABEL), h("select", { key: 'b5f973899ce6d4dd1d1de822a41dd4035cc08757', "aria-invalid": this.validation === "invalid", "data-custom-validity": this.validation, ref: (el) => {
|
|
206
209
|
this._ref = el;
|
|
207
210
|
}, required: getBoolean(this.required, "required"), disabled: getBoolean(this.disabled, "disabled"), id: this._id, name: this.name, size: this.size,
|
|
208
211
|
/* @ts-ignore */
|
|
209
212
|
value: (_b = this.value) !== null && _b !== void 0 ? _b : this._value, autocomplete: this.autocomplete, multiple: this.multiple, onInput: (event) => this.handleInput(event), onClick: (event) => this.handleClick(event), onChange: (event) => this.handleChange(event), onBlur: (event) => this.handleBlur(event), onFocus: (event) => this.handleFocus(event), "aria-describedby": (_c = this.ariaDescribedBy) !== null && _c !== void 0 ? _c : this._descByIds }, this.variant === "floating" || this.placeholder ? (h("option", { class: "placeholder", value: "" })) : null, ((_d = this.options) === null || _d === void 0 ? void 0 : _d.length) ? ((_e = this.options) === null || _e === void 0 ? void 0 : _e.map((option) => {
|
|
210
213
|
var _a;
|
|
211
214
|
return (h(Fragment, null, option.options ? (h("optgroup", { label: this.getOptionLabel(option), key: undefined }, (_a = option.options) === null || _a === void 0 ? void 0 : _a.map((optgroupOption) => (h("option", { value: optgroupOption.value, selected: optgroupOption.selected, disabled: optgroupOption.disabled, key: undefined }, this.getOptionLabel(optgroupOption)))))) : (h("option", { value: option.value, disabled: option.disabled, selected: option.selected, key: undefined }, this.getOptionLabel(option)))));
|
|
212
|
-
})) : (h("slot", null))), this.placeholder ? (h("span", { class: "db-select-placeholder", id: this._placeholderId }, this.placeholder)) : null, stringPropVisible(this.message, this.showMessage) ? (h("db-infotext", { size: "small", icon: this.messageIcon, id: this._messageId }, this.message)) : null, this.hasValidState() ? (h("db-infotext", { size: "small", semantic: "successful", id: this._validMessageId }, this.validMessage || DEFAULT_VALID_MESSAGE)) : null, h("db-infotext", { key: '
|
|
215
|
+
})) : (h("slot", null))), this.placeholder ? (h("span", { class: "db-select-placeholder", id: this._placeholderId }, this.placeholder)) : null, stringPropVisible(this.message, this.showMessage) ? (h("db-infotext", { size: "small", icon: this.messageIcon, id: this._messageId }, this.message)) : null, this.hasValidState() ? (h("db-infotext", { size: "small", semantic: "successful", id: this._validMessageId }, this.validMessage || DEFAULT_VALID_MESSAGE)) : null, h("db-infotext", { key: '8b6c170210a55708f2539f46bd599a47a9e81781', size: "small", semantic: "critical", id: this._invalidMessageId }, this._invalidMessage), h("span", { key: '17de2c472570dce406b18eeac924c0c88446ce6d', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
|
|
213
216
|
}
|
|
214
217
|
static get is() { return "db-select"; }
|
|
215
218
|
static get properties() {
|
|
@@ -557,7 +560,7 @@ export class DBSelect {
|
|
|
557
560
|
"mutable": false,
|
|
558
561
|
"complexType": {
|
|
559
562
|
"original": "DBSelectProps[\"icon\"]",
|
|
560
|
-
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"
|
|
563
|
+
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"chat\" | \"check\" | \"check_circle\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"circle\" | \"circle_small\" | \"circular_arrows\" | \"clock\" | \"copy\" | \"cross\" | \"cross_circle\" | \"double_chevron_down\" | \"double_chevron_left\" | \"double_chevron_right\" | \"double_chevron_up\" | \"exclamation_mark_circle\" | \"exclamation_mark_triangle\" | \"eye\" | \"eye_disabled\" | \"house\" | \"information_circle\" | \"magnifying_glass\" | \"menu\" | \"minus\" | \"moon\" | \"plus\" | \"resize_handle_corner\" | \"sun\" | \"x_placeholder\" | string & Record<never, never>",
|
|
561
564
|
"references": {
|
|
562
565
|
"DBSelectProps": {
|
|
563
566
|
"location": "import",
|
|
@@ -815,7 +818,7 @@ export class DBSelect {
|
|
|
815
818
|
"mutable": false,
|
|
816
819
|
"complexType": {
|
|
817
820
|
"original": "DBSelectProps[\"messageIcon\"]",
|
|
818
|
-
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"
|
|
821
|
+
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"chat\" | \"check\" | \"check_circle\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"circle\" | \"circle_small\" | \"circular_arrows\" | \"clock\" | \"copy\" | \"cross\" | \"cross_circle\" | \"double_chevron_down\" | \"double_chevron_left\" | \"double_chevron_right\" | \"double_chevron_up\" | \"exclamation_mark_circle\" | \"exclamation_mark_triangle\" | \"eye\" | \"eye_disabled\" | \"house\" | \"information_circle\" | \"magnifying_glass\" | \"menu\" | \"minus\" | \"moon\" | \"plus\" | \"resize_handle_corner\" | \"sun\" | \"x_placeholder\" | string & Record<never, never>",
|
|
819
822
|
"references": {
|
|
820
823
|
"DBSelectProps": {
|
|
821
824
|
"location": "import",
|
|
@@ -607,7 +607,7 @@ export class DBSwitch {
|
|
|
607
607
|
"mutable": false,
|
|
608
608
|
"complexType": {
|
|
609
609
|
"original": "DBSwitchProps[\"iconLeading\"]",
|
|
610
|
-
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"
|
|
610
|
+
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"chat\" | \"check\" | \"check_circle\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"circle\" | \"circle_small\" | \"circular_arrows\" | \"clock\" | \"copy\" | \"cross\" | \"cross_circle\" | \"double_chevron_down\" | \"double_chevron_left\" | \"double_chevron_right\" | \"double_chevron_up\" | \"exclamation_mark_circle\" | \"exclamation_mark_triangle\" | \"eye\" | \"eye_disabled\" | \"house\" | \"information_circle\" | \"magnifying_glass\" | \"menu\" | \"minus\" | \"moon\" | \"plus\" | \"resize_handle_corner\" | \"sun\" | \"x_placeholder\" | string & Record<never, never>",
|
|
611
611
|
"references": {
|
|
612
612
|
"DBSwitchProps": {
|
|
613
613
|
"location": "import",
|
|
@@ -633,7 +633,7 @@ export class DBSwitch {
|
|
|
633
633
|
"mutable": false,
|
|
634
634
|
"complexType": {
|
|
635
635
|
"original": "DBSwitchProps[\"icon\"]",
|
|
636
|
-
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"
|
|
636
|
+
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"chat\" | \"check\" | \"check_circle\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"circle\" | \"circle_small\" | \"circular_arrows\" | \"clock\" | \"copy\" | \"cross\" | \"cross_circle\" | \"double_chevron_down\" | \"double_chevron_left\" | \"double_chevron_right\" | \"double_chevron_up\" | \"exclamation_mark_circle\" | \"exclamation_mark_triangle\" | \"eye\" | \"eye_disabled\" | \"house\" | \"information_circle\" | \"magnifying_glass\" | \"menu\" | \"minus\" | \"moon\" | \"plus\" | \"resize_handle_corner\" | \"sun\" | \"x_placeholder\" | string & Record<never, never>",
|
|
637
637
|
"references": {
|
|
638
638
|
"DBSwitchProps": {
|
|
639
639
|
"location": "import",
|
|
@@ -659,7 +659,7 @@ export class DBSwitch {
|
|
|
659
659
|
"mutable": false,
|
|
660
660
|
"complexType": {
|
|
661
661
|
"original": "DBSwitchProps[\"iconTrailing\"]",
|
|
662
|
-
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"
|
|
662
|
+
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"chat\" | \"check\" | \"check_circle\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"circle\" | \"circle_small\" | \"circular_arrows\" | \"clock\" | \"copy\" | \"cross\" | \"cross_circle\" | \"double_chevron_down\" | \"double_chevron_left\" | \"double_chevron_right\" | \"double_chevron_up\" | \"exclamation_mark_circle\" | \"exclamation_mark_triangle\" | \"eye\" | \"eye_disabled\" | \"house\" | \"information_circle\" | \"magnifying_glass\" | \"menu\" | \"minus\" | \"moon\" | \"plus\" | \"resize_handle_corner\" | \"sun\" | \"x_placeholder\" | string & Record<never, never>",
|
|
663
663
|
"references": {
|
|
664
664
|
"DBSwitchProps": {
|
|
665
665
|
"location": "import",
|
|
@@ -711,7 +711,7 @@ export class DBSwitch {
|
|
|
711
711
|
"mutable": false,
|
|
712
712
|
"complexType": {
|
|
713
713
|
"original": "DBSwitchProps[\"messageIcon\"]",
|
|
714
|
-
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"
|
|
714
|
+
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"chat\" | \"check\" | \"check_circle\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"circle\" | \"circle_small\" | \"circular_arrows\" | \"clock\" | \"copy\" | \"cross\" | \"cross_circle\" | \"double_chevron_down\" | \"double_chevron_left\" | \"double_chevron_right\" | \"double_chevron_up\" | \"exclamation_mark_circle\" | \"exclamation_mark_triangle\" | \"eye\" | \"eye_disabled\" | \"house\" | \"information_circle\" | \"magnifying_glass\" | \"menu\" | \"minus\" | \"moon\" | \"plus\" | \"resize_handle_corner\" | \"sun\" | \"x_placeholder\" | string & Record<never, never>",
|
|
715
715
|
"references": {
|
|
716
716
|
"DBSwitchProps": {
|
|
717
717
|
"location": "import",
|
|
@@ -225,7 +225,7 @@ export class DBTabItem {
|
|
|
225
225
|
"mutable": false,
|
|
226
226
|
"complexType": {
|
|
227
227
|
"original": "DBTabItemProps[\"iconLeading\"]",
|
|
228
|
-
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"
|
|
228
|
+
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"chat\" | \"check\" | \"check_circle\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"circle\" | \"circle_small\" | \"circular_arrows\" | \"clock\" | \"copy\" | \"cross\" | \"cross_circle\" | \"double_chevron_down\" | \"double_chevron_left\" | \"double_chevron_right\" | \"double_chevron_up\" | \"exclamation_mark_circle\" | \"exclamation_mark_triangle\" | \"eye\" | \"eye_disabled\" | \"house\" | \"information_circle\" | \"magnifying_glass\" | \"menu\" | \"minus\" | \"moon\" | \"plus\" | \"resize_handle_corner\" | \"sun\" | \"x_placeholder\" | string & Record<never, never>",
|
|
229
229
|
"references": {
|
|
230
230
|
"DBTabItemProps": {
|
|
231
231
|
"location": "import",
|
|
@@ -251,7 +251,7 @@ export class DBTabItem {
|
|
|
251
251
|
"mutable": false,
|
|
252
252
|
"complexType": {
|
|
253
253
|
"original": "DBTabItemProps[\"icon\"]",
|
|
254
|
-
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"
|
|
254
|
+
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"chat\" | \"check\" | \"check_circle\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"circle\" | \"circle_small\" | \"circular_arrows\" | \"clock\" | \"copy\" | \"cross\" | \"cross_circle\" | \"double_chevron_down\" | \"double_chevron_left\" | \"double_chevron_right\" | \"double_chevron_up\" | \"exclamation_mark_circle\" | \"exclamation_mark_triangle\" | \"eye\" | \"eye_disabled\" | \"house\" | \"information_circle\" | \"magnifying_glass\" | \"menu\" | \"minus\" | \"moon\" | \"plus\" | \"resize_handle_corner\" | \"sun\" | \"x_placeholder\" | string & Record<never, never>",
|
|
255
255
|
"references": {
|
|
256
256
|
"DBTabItemProps": {
|
|
257
257
|
"location": "import",
|
|
@@ -277,7 +277,7 @@ export class DBTabItem {
|
|
|
277
277
|
"mutable": false,
|
|
278
278
|
"complexType": {
|
|
279
279
|
"original": "DBTabItemProps[\"iconTrailing\"]",
|
|
280
|
-
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"
|
|
280
|
+
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"chat\" | \"check\" | \"check_circle\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"circle\" | \"circle_small\" | \"circular_arrows\" | \"clock\" | \"copy\" | \"cross\" | \"cross_circle\" | \"double_chevron_down\" | \"double_chevron_left\" | \"double_chevron_right\" | \"double_chevron_up\" | \"exclamation_mark_circle\" | \"exclamation_mark_triangle\" | \"eye\" | \"eye_disabled\" | \"house\" | \"information_circle\" | \"magnifying_glass\" | \"menu\" | \"minus\" | \"moon\" | \"plus\" | \"resize_handle_corner\" | \"sun\" | \"x_placeholder\" | string & Record<never, never>",
|
|
281
281
|
"references": {
|
|
282
282
|
"DBTabItemProps": {
|
|
283
283
|
"location": "import",
|
|
@@ -200,7 +200,7 @@ export class DBTag {
|
|
|
200
200
|
"mutable": false,
|
|
201
201
|
"complexType": {
|
|
202
202
|
"original": "DBTagProps[\"icon\"]",
|
|
203
|
-
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"
|
|
203
|
+
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"chat\" | \"check\" | \"check_circle\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"circle\" | \"circle_small\" | \"circular_arrows\" | \"clock\" | \"copy\" | \"cross\" | \"cross_circle\" | \"double_chevron_down\" | \"double_chevron_left\" | \"double_chevron_right\" | \"double_chevron_up\" | \"exclamation_mark_circle\" | \"exclamation_mark_triangle\" | \"eye\" | \"eye_disabled\" | \"house\" | \"information_circle\" | \"magnifying_glass\" | \"menu\" | \"minus\" | \"moon\" | \"plus\" | \"resize_handle_corner\" | \"sun\" | \"x_placeholder\" | string & Record<never, never>",
|
|
204
204
|
"references": {
|
|
205
205
|
"DBTagProps": {
|
|
206
206
|
"location": "import",
|
|
@@ -132,13 +132,18 @@ export class DBTextarea {
|
|
|
132
132
|
this.watch1Fn();
|
|
133
133
|
}
|
|
134
134
|
watch2Fn() {
|
|
135
|
-
this.
|
|
135
|
+
if (this.value !== undefined) {
|
|
136
|
+
this._value = this.value;
|
|
137
|
+
}
|
|
136
138
|
}
|
|
137
139
|
watch2() {
|
|
138
140
|
this.watch2Fn();
|
|
139
141
|
}
|
|
140
142
|
watch3Fn() {
|
|
141
|
-
|
|
143
|
+
// If angular uses ngModel value and _value are null
|
|
144
|
+
// then the value will be set afterward and the _ref will be refreshed
|
|
145
|
+
const addResetListener = true;
|
|
146
|
+
if (this._ref && addResetListener) {
|
|
142
147
|
const defaultValue = undefined;
|
|
143
148
|
let controller = this.abortController;
|
|
144
149
|
if (!controller) {
|
|
@@ -177,10 +182,10 @@ export class DBTextarea {
|
|
|
177
182
|
}
|
|
178
183
|
render() {
|
|
179
184
|
var _a, _b, _c, _d, _e;
|
|
180
|
-
return (h("div", { key: '
|
|
185
|
+
return (h("div", { key: '3ac7e870ca2c9d8f366f07797fc15c238ddeab50', class: cls("db-textarea", this.className), "data-variant": this.variant, "data-hide-asterisk": getHideProp(this.showRequiredAsterisk), "data-hide-label": getHideProp(this.showLabel) }, h("label", { key: 'd3d0e209d0a14a54975cce835e50e4f57d09d1bd', htmlFor: this._id }, (_a = this.label) !== null && _a !== void 0 ? _a : DEFAULT_LABEL), h("textarea", { key: '7e7dce4db9a84230a9c736039eefd58022944cf8', "aria-invalid": this.validation === "invalid", "data-custom-validity": this.validation, "data-field-sizing": this.fieldSizing, ref: (el) => {
|
|
181
186
|
this._ref = el;
|
|
182
187
|
}, id: this._id, "data-resize": this.resize, "data-hide-resizer": getHideProp((_b = this.showResizer) !== null && _b !== void 0 ? _b : true), disabled: getBoolean(this.disabled, "disabled"), required: getBoolean(this.required, "required"), readOnly: getBoolean(this.readOnly, "readOnly") ||
|
|
183
|
-
getBoolean(this.readonly, "readonly"), form: this.form, maxLength: getNumber(this.maxLength, this.maxlength), minLength: getNumber(this.minLength, this.minlength), name: this.name, wrap: this.wrap, spellcheck: this.spellCheck, autocomplete: this.autocomplete, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event), onBlur: (event) => this.handleBlur(event), onFocus: (event) => this.handleFocus(event), value: (_c = this.value) !== null && _c !== void 0 ? _c : this._value, "aria-describedby": (_d = this.ariaDescribedBy) !== null && _d !== void 0 ? _d : this._descByIds, placeholder: (_e = this.placeholder) !== null && _e !== void 0 ? _e : DEFAULT_PLACEHOLDER, rows: getNumber(this.rows, DEFAULT_ROWS), cols: getNumber(this.cols) }), stringPropVisible(this.message, this.showMessage) ? (h("db-infotext", { size: "small", icon: this.messageIcon, id: this._messageId }, this.message)) : null, this.hasValidState() ? (h("db-infotext", { size: "small", semantic: "successful", id: this._validMessageId }, this.validMessage || DEFAULT_VALID_MESSAGE)) : null, h("db-infotext", { key: '
|
|
188
|
+
getBoolean(this.readonly, "readonly"), form: this.form, maxLength: getNumber(this.maxLength, this.maxlength), minLength: getNumber(this.minLength, this.minlength), name: this.name, wrap: this.wrap, spellcheck: this.spellCheck, autocomplete: this.autocomplete, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event), onBlur: (event) => this.handleBlur(event), onFocus: (event) => this.handleFocus(event), value: (_c = this.value) !== null && _c !== void 0 ? _c : this._value, "aria-describedby": (_d = this.ariaDescribedBy) !== null && _d !== void 0 ? _d : this._descByIds, placeholder: (_e = this.placeholder) !== null && _e !== void 0 ? _e : DEFAULT_PLACEHOLDER, rows: getNumber(this.rows, DEFAULT_ROWS), cols: getNumber(this.cols) }), stringPropVisible(this.message, this.showMessage) ? (h("db-infotext", { size: "small", icon: this.messageIcon, id: this._messageId }, this.message)) : null, this.hasValidState() ? (h("db-infotext", { size: "small", semantic: "successful", id: this._validMessageId }, this.validMessage || DEFAULT_VALID_MESSAGE)) : null, h("db-infotext", { key: 'dc153c224d3acafa0a8d7f3ad37317b76cba01b8', size: "small", semantic: "critical", id: this._invalidMessageId }, this._invalidMessage), h("span", { key: '21cd2120d06ec2891979d7a7fc0f1041031dabf2', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
|
|
184
189
|
}
|
|
185
190
|
static get is() { return "db-textarea"; }
|
|
186
191
|
static get properties() {
|
|
@@ -1022,7 +1027,7 @@ export class DBTextarea {
|
|
|
1022
1027
|
"mutable": false,
|
|
1023
1028
|
"complexType": {
|
|
1024
1029
|
"original": "DBTextareaProps[\"messageIcon\"]",
|
|
1025
|
-
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"
|
|
1030
|
+
"resolved": "\"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"arrow_up_right\" | \"brand\" | \"calendar\" | \"chat\" | \"check\" | \"check_circle\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"circle\" | \"circle_small\" | \"circular_arrows\" | \"clock\" | \"copy\" | \"cross\" | \"cross_circle\" | \"double_chevron_down\" | \"double_chevron_left\" | \"double_chevron_right\" | \"double_chevron_up\" | \"exclamation_mark_circle\" | \"exclamation_mark_triangle\" | \"eye\" | \"eye_disabled\" | \"house\" | \"information_circle\" | \"magnifying_glass\" | \"menu\" | \"minus\" | \"moon\" | \"plus\" | \"resize_handle_corner\" | \"sun\" | \"x_placeholder\" | string & Record<never, never>",
|
|
1026
1031
|
"references": {
|
|
1027
1032
|
"DBTextareaProps": {
|
|
1028
1033
|
"location": "import",
|
package/dist/db-ux/db-ux.esm.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as a}from"./p-9pYJFapZ.js";export{s as setNonce}from"./p-9pYJFapZ.js";import{g as i}from"./p-DQuL1Twl.js";(()=>{const a=import.meta.url,i={};return""!==a&&(i.resourcesUrl=new URL(".",a).href),e(i)})().then((async e=>(await i(),a(JSON.parse('[["p-5426dbd3",[[260,"db-custom-select",{"id":[1],"invalidMessage":[1,"invalid-message"],"message":[1],"showMessage":[8,"show-message"],"ariaDescribedBy":[1,"aria-described-by"],"showNoResults":[4,"show-no-results"],"showLoading":[4,"show-loading"],"multiple":[8],"showSelectAll":[4,"show-select-all"],"showSearch":[4,"show-search"],"values":[16],"validation":[1],"options":[16],"searchValue":[1,"search-value"],"selectedLabels":[1,"selected-labels"],"transformSelectedLabels":[16],"selectedType":[1,"selected-type"],"amountText":[1,"amount-text"],"validMessage":[1,"valid-message"],"required":[8],"selectAllLabel":[1,"select-all-label"],"removeTagsTexts":[16],"placement":[1],"searchFilter":[16],"className":[1,"classname"],"formFieldWidth":[1,"form-field-width"],"variant":[1],"showRequiredAsterisk":[8,"show-required-asterisk"],"showLabel":[8,"show-label"],"icon":[1],"showIcon":[8,"show-icon"],"label":[1],"form":[1],"name":[1],"disabled":[8],"open":[4],"selectedPrefix":[1,"selected-prefix"],"dropdownWidth":[1,"dropdown-width"],"searchLabel":[1,"search-label"],"searchPlaceholder":[1,"search-placeholder"],"listLabel":[1,"list-label"],"loadingText":[1,"loading-text"],"noResultsText":[1,"no-results-text"],"mobileCloseButtonText":[1,"mobile-close-button-text"],"showClearSelection":[4,"show-clear-selection"],"clearSelectionText":[1,"clear-selection-text"],"placeholder":[1],"messageIcon":[1,"message-icon"],"_id":[32],"_messageId":[32],"_validMessageId":[32],"_invalidMessageId":[32],"_invalidMessage":[32],"_selectId":[32],"_labelId":[32],"_summaryId":[32],"_placeholderId":[32],"_infoTextId":[32],"_validity":[32],"_userInteraction":[32],"abortController":[32],"_descByIds":[32],"_selectedLabels":[32],"_selectedLabelsId":[32],"_voiceOverFallback":[32],"_selectedOptions":[32],"selectAllEnabled":[32],"searchEnabled":[32],"amountOptions":[32],"_values":[32],"_options":[32],"_hasNoOptions":[32],"_documentClickListenerCallbackId":[32],"_internalChangeTimestamp":[32],"_documentScrollListenerCallbackId":[32],"_observer":[32],"_searchValue":[32],"selectAllChecked":[32],"selectAllIndeterminate":[32]},null,{"detailsRef":[{"watch0":0},{"watch2":0}],"_id":[{"watch1":0}],"_descByIds":[{"watch2":0}],"showNoResults":[{"watch3":0}],"showLoading":[{"watch3":0}],"_options":[{"watch3":0}],"showSelectAll":[{"watch4":0}],"amountOptions":[{"watch4":0},{"watch5":0},{"watch10":0}],"multiple":[{"watch4":0}],"showSearch":[{"watch5":0}],"values":[{"watch6":0}],"_values":[{"watch7":0},{"watch10":0},{"watch13":0}],"selectRef":[{"watch7":0},{"watch8":0},{"watch17":0}],"validation":[{"watch9":0}],"options":[{"watch11":0},{"watch13":0}],"searchValue":[{"watch12":0}],"_selectedOptions":[{"watch14":0},{"watch15":0}],"selectedType":[{"watch14":0}],"amountText":[{"watch14":0}],"selectedLabels":[{"watch14":0}],"transformSelectedLabels":[{"watch14":0}],"selectAllIndeterminate":[{"watch16":0}],"selectAllRef":[{"watch16":0}],"invalidMessage":[{"watch17":0}]}]]],["p-e30a4814",[[260,"db-tabs",{"id":[1],"name":[1],"tabs":[1],"arrowScrollDistance":[8,"arrow-scroll-distance"],"orientation":[1],"behavior":[1],"initialSelectedMode":[1,"initial-selected-mode"],"initialSelectedIndex":[8,"initial-selected-index"],"className":[1,"classname"],"alignment":[1],"width":[1],"_id":[32],"_name":[32],"initialized":[32],"showScrollLeft":[32],"showScrollRight":[32],"scrollContainer":[32],"_resizeObserver":[32]},null,{"_ref":[{"watch0":0}],"initialized":[{"watch0":0}]}]]],["p-2069117e",[[260,"db-header",{"forceMobile":[8,"force-mobile"],"drawerOpen":[8,"drawer-open"],"className":[1,"classname"],"id":[1],"width":[1],"closeButtonId":[1,"close-button-id"],"closeButtonText":[1,"close-button-text"],"burgerMenuLabel":[1,"burger-menu-label"],"initialized":[32],"forcedToMobile":[32]},null,{"initialized":[{"watch0":0}],"_ref":[{"watch0":0}]}]]],["p-78f6b72a",[[260,"db-accordion",{"id":[1],"name":[1],"behavior":[1],"initOpenIndex":[16],"items":[1],"className":[1,"classname"],"variant":[1],"_id":[32],"_name":[32],"initialized":[32],"_initOpenIndexDone":[32]},null,{"initialized":[{"watch0":0}],"name":[{"watch0":0}],"behavior":[{"watch0":0}],"_id":[{"watch0":0}],"_ref":[{"watch1":0},{"watch2":0}],"_name":[{"watch1":0}],"_initOpenIndexDone":[{"watch2":0}],"initOpenIndex":[{"watch2":0}]}]]],["p-29d3070a",[[260,"db-checkbox",{"id":[1],"invalidMessage":[1,"invalid-message"],"message":[1],"showMessage":[8,"show-message"],"indeterminate":[8],"checked":[8],"validMessage":[1,"valid-message"],"validation":[1],"required":[8],"className":[1,"classname"],"size":[1],"showRequiredAsterisk":[8,"show-required-asterisk"],"showLabel":[8,"show-label"],"name":[1],"disabled":[8],"value":[8],"ariaDescribedBy":[1,"aria-described-by"],"label":[1],"messageIcon":[1,"message-icon"],"initialized":[32],"_id":[32],"_messageId":[32],"_validMessageId":[32],"_invalidMessageId":[32],"_invalidMessage":[32],"_descByIds":[32],"_voiceOverFallback":[32],"abortController":[32]},null,{"_ref":[{"watch0":0},{"watch2":0},{"watch3":0},{"watch4":0}],"invalidMessage":[{"watch0":0}],"_id":[{"watch1":0}],"initialized":[{"watch2":0},{"watch3":0}],"indeterminate":[{"watch2":0}],"checked":[{"watch3":0}]}]]],["p-286f83f4",[[260,"db-navigation-item",{"subNavigationExpanded":[8,"sub-navigation-expanded"],"id":[1],"className":[1,"classname"],"width":[1],"icon":[1],"showIcon":[8,"show-icon"],"active":[4],"wrap":[8],"disabled":[8],"text":[1],"backButtonId":[1,"back-button-id"],"backButtonText":[1,"back-button-text"],"initialized":[32],"hasAreaPopup":[32],"hasSubNavigation":[32],"isSubNavigationExpanded":[32],"autoClose":[32],"subNavigationId":[32],"navigationItemSafeTriangle":[32]},null,{"subNavigationExpanded":[{"watch0":0}],"initialized":[{"watch1":0}],"_ref":[{"watch1":0}]}]]],["p-c9d514e5",[[260,"db-notification",{"id":[1],"className":[1,"classname"],"ariaLive":[1,"aria-live"],"semantic":[1],"variant":[1],"showIcon":[8,"show-icon"],"icon":[1],"linkVariant":[1,"link-variant"],"headline":[8],"showHeadline":[8,"show-headline"],"text":[1],"timestamp":[1],"showTimestamp":[8,"show-timestamp"],"closeable":[8],"closeButtonId":[1,"close-button-id"],"closeButtonText":[1,"close-button-text"]}]]],["p-40ce182c",[[260,"db-select",{"id":[1],"invalidMessage":[1,"invalid-message"],"message":[1],"showMessage":[8,"show-message"],"placeholder":[1],"value":[8],"validMessage":[1,"valid-message"],"validation":[1],"required":[8],"className":[1,"classname"],"variant":[1],"showLabel":[8,"show-label"],"showRequiredAsterisk":[8,"show-required-asterisk"],"icon":[1],"showIcon":[8,"show-icon"],"label":[1],"disabled":[8],"name":[1],"size":[2],"autocomplete":[1],"multiple":[4],"ariaDescribedBy":[1,"aria-described-by"],"options":[16],"messageIcon":[1,"message-icon"],"_id":[32],"_messageId":[32],"_validMessageId":[32],"_invalidMessageId":[32],"_invalidMessage":[32],"_placeholderId":[32],"_descByIds":[32],"_value":[32],"initialized":[32],"_voiceOverFallback":[32],"abortController":[32]},null,{"_ref":[{"watch0":0},{"watch3":0}],"invalidMessage":[{"watch0":0}],"_id":[{"watch1":0}],"initialized":[{"watch1":0}],"value":[{"watch2":0}]}]]],["p-26fa6bc1",[[260,"db-switch",{"id":[1],"validation":[1],"required":[8],"message":[1],"showMessage":[8,"show-message"],"validMessage":[1,"valid-message"],"invalidMessage":[1,"invalid-message"],"checked":[8],"disabled":[8],"visualAid":[8,"visual-aid"],"size":[1],"showLabel":[8,"show-label"],"variant":[16],"showRequiredAsterisk":[8,"show-required-asterisk"],"className":[1,"classname"],"value":[8],"name":[1],"iconLeading":[1,"icon-leading"],"icon":[1],"iconTrailing":[1,"icon-trailing"],"label":[1],"messageIcon":[1,"message-icon"],"_id":[32],"_messageId":[32],"_validMessageId":[32],"_invalidMessageId":[32],"_invalidMessage":[32],"_descByIds":[32],"_voiceOverFallback":[32],"abortController":[32]},null,{"validation":[{"watch0":0}],"required":[{"watch0":0}],"message":[{"watch0":0}],"showMessage":[{"watch0":0}],"validMessage":[{"watch0":0}],"invalidMessage":[{"watch0":0}],"checked":[{"watch0":0}],"_ref":[{"watch1":0}]}]]],["p-23834011",[[0,"db-textarea",{"id":[1],"invalidMessage":[1,"invalid-message"],"message":[1],"showMessage":[8,"show-message"],"value":[8],"validMessage":[1,"valid-message"],"validation":[1],"required":[8],"minLength":[8,"min-length"],"maxLength":[8,"max-length"],"className":[1,"classname"],"variant":[1],"showRequiredAsterisk":[8,"show-required-asterisk"],"showLabel":[8,"show-label"],"label":[1],"fieldSizing":[1,"field-sizing"],"resize":[1],"showResizer":[8,"show-resizer"],"disabled":[8],"readOnly":[8,"read-only"],"readonly":[8],"form":[1],"maxlength":[8],"minlength":[8],"name":[1],"wrap":[1],"spellCheck":[4,"spell-check"],"autocomplete":[1],"ariaDescribedBy":[1,"aria-described-by"],"placeholder":[1],"rows":[8],"cols":[8],"messageIcon":[1,"message-icon"],"_id":[32],"_messageId":[32],"_validMessageId":[32],"_invalidMessageId":[32],"_invalidMessage":[32],"_descByIds":[32],"_value":[32],"_voiceOverFallback":[32],"abortController":[32]},null,{"_ref":[{"watch0":0},{"watch3":0}],"invalidMessage":[{"watch0":0}],"_id":[{"watch1":0}],"value":[{"watch2":0}]}]]],["p-5bca6d35",[[260,"db-badge",{"placement":[1],"id":[1],"className":[1,"classname"],"semantic":[1],"size":[1],"emphasis":[1],"label":[1],"text":[1],"initialized":[32]},null,{"_ref":[{"watch0":0}],"initialized":[{"watch0":0}]}]]],["p-a232eea2",[[260,"db-brand",{"hideLogo":[4,"hide-logo"],"icon":[1],"showIcon":[8,"show-icon"],"id":[1],"className":[1,"classname"],"text":[1]}]]],["p-bde7ff5f",[[260,"db-card",{"id":[1],"className":[1,"classname"],"behavior":[1],"elevationLevel":[1,"elevation-level"],"spacing":[1]}]]],["p-af0e61d0",[[260,"db-custom-select-form-field",{"id":[1],"className":[1,"classname"]}]]],["p-9d5365f7",[[0,"db-divider",{"id":[1],"margin":[1],"variant":[1],"emphasis":[1],"width":[1],"className":[1,"classname"]}]]],["p-15241486",[[260,"db-icon",{"id":[1],"className":[1,"classname"],"icon":[1],"weight":[1],"variant":[1],"text":[1]}]]],["p-197f90e4",[[260,"db-link",{"id":[1],"className":[1,"classname"],"href":[1],"target":[1],"rel":[1],"role":[1],"referrerpolicy":[1],"referrerPolicy":[1,"referrer-policy"],"hreflang":[1],"disabled":[8],"size":[1],"showIcon":[8,"show-icon"],"variant":[1],"content":[1],"wrap":[8],"text":[1]}]]],["p-58611dcc",[[260,"db-navigation",{"id":[1],"className":[1,"classname"],"_id":[32]}]]],["p-623a6b59",[[260,"db-page",{"fadeIn":[8,"fade-in"],"documentOverflow":[1,"document-overflow"],"variant":[1],"id":[1],"className":[1,"classname"],"mainClass":[1,"main-class"],"fontsLoaded":[32]}]]],["p-b6538eed",[[260,"db-popover",{"placement":[1],"id":[1],"className":[1,"classname"],"spacing":[1],"gap":[8],"animation":[8],"open":[8],"delay":[1],"width":[1],"initialized":[32],"isExpanded":[32],"_documentScrollListenerCallbackId":[32],"_observer":[32]},null,{"_ref":[{"watch0":0},{"watch1":0}],"initialized":[{"watch0":0}],"isExpanded":[{"watch1":0}]}]]],["p-13dd39f1",[[260,"db-radio",{"id":[1],"checked":[8],"size":[1],"showLabel":[8,"show-label"],"showRequiredAsterisk":[8,"show-required-asterisk"],"className":[1,"classname"],"validation":[1],"name":[1],"disabled":[8],"value":[8],"required":[8],"label":[1],"initialized":[32],"_id":[32],"abortController":[32]},null,{"initialized":[{"watch0":0}],"_ref":[{"watch0":0},{"watch1":0}],"checked":[{"watch0":0}]}]]],["p-2baf9c08",[[260,"db-section",{"id":[1],"className":[1,"classname"],"spacing":[1],"width":[1]}]]],["p-a98bde77",[[260,"db-stack",{"id":[1],"className":[1,"classname"],"gap":[1],"variant":[1],"direction":[1],"alignment":[1],"justifyContent":[1,"justify-content"],"wrap":[8]}]]],["p-86414acd",[[260,"db-drawer",{"open":[8],"position":[1],"backdrop":[1],"variant":[1],"id":[1],"direction":[1],"className":[1,"classname"],"spacing":[1],"width":[1],"rounded":[8],"closeButtonId":[1,"close-button-id"],"closeButtonText":[1,"close-button-text"],"initialized":[32]},null,{"open":[{"watch0":0}],"_ref":[{"watch1":0}],"initialized":[{"watch1":0}],"position":[{"watch1":0}]}]]],["p-a7463ead",[[260,"db-accordion-item",{"id":[1],"defaultOpen":[4,"default-open"],"name":[1],"className":[1,"classname"],"disabled":[8],"headlinePlain":[1,"headline-plain"],"text":[1],"_id":[32],"_open":[32],"_name":[32],"initialized":[32]},null,{"_ref":[{"watch0":0}],"initialized":[{"watch0":0}],"name":[{"watch1":0}]}]]],["p-9a543d5a",[[260,"db-tooltip",{"id":[1],"variant":[1],"placement":[1],"className":[1,"classname"],"emphasis":[1],"animation":[8],"delay":[1],"width":[1],"showArrow":[8,"show-arrow"],"_id":[32],"initialized":[32],"_documentScrollListenerCallbackId":[32],"_observer":[32]},null,{"_ref":[{"watch0":0}],"initialized":[{"watch0":0}]}]]],["p-a1e66a3d",[[260,"db-tab-item",{"active":[8],"name":[1],"className":[1,"classname"],"id":[1],"iconLeading":[1,"icon-leading"],"icon":[1],"iconTrailing":[1,"icon-trailing"],"showIconLeading":[8,"show-icon-leading"],"showIcon":[8,"show-icon"],"showIconTrailing":[8,"show-icon-trailing"],"noText":[8,"no-text"],"disabled":[8],"checked":[8],"label":[1],"_selected":[32],"_name":[32],"initialized":[32],"_listenerAdded":[32],"boundSetSelectedOnChange":[32]},null,{"_ref":[{"watch0":0}],"initialized":[{"watch0":0}],"boundSetSelectedOnChange":[{"watch0":0}],"name":[{"watch1":0}]}],[260,"db-tab-list",{"id":[1],"className":[1,"classname"],"_id":[32]}],[260,"db-tab-panel",{"className":[1,"classname"],"id":[1],"content":[1]}]]],["p-3622f7e7",[[260,"db-input",{"id":[1],"invalidMessage":[1,"invalid-message"],"dataListId":[1,"data-list-id"],"message":[1],"showMessage":[8,"show-message"],"value":[8],"validMessage":[1,"valid-message"],"validation":[1],"required":[8],"minLength":[8,"min-length"],"maxLength":[8,"max-length"],"pattern":[1],"dataList":[16],"className":[1,"classname"],"variant":[1],"showLabel":[8,"show-label"],"showIconLeading":[8,"show-icon-leading"],"showIcon":[8,"show-icon"],"iconLeading":[1,"icon-leading"],"icon":[1],"iconTrailing":[1,"icon-trailing"],"showRequiredAsterisk":[8,"show-required-asterisk"],"showIconTrailing":[8,"show-icon-trailing"],"label":[1],"fieldSizing":[1,"field-sizing"],"name":[1],"type":[1],"multiple":[8],"placeholder":[1],"disabled":[8],"step":[8],"maxlength":[8],"minlength":[8],"max":[8],"min":[8],"readOnly":[8,"read-only"],"readonly":[8],"form":[1],"size":[2],"autocomplete":[1],"autofocus":[8],"enterkeyhint":[1],"inputmode":[1],"ariaDescribedBy":[1,"aria-described-by"],"messageSize":[1,"message-size"],"messageIcon":[1,"message-icon"],"validMessageSize":[1,"valid-message-size"],"invalidMessageSize":[1,"invalid-message-size"],"_id":[32],"_messageId":[32],"_validMessageId":[32],"_invalidMessageId":[32],"_invalidMessage":[32],"_dataListId":[32],"_descByIds":[32],"_value":[32],"_voiceOverFallback":[32],"abortController":[32]},null,{"_ref":[{"watch0":0},{"watch3":0}],"invalidMessage":[{"watch0":0}],"_id":[{"watch1":0}],"value":[{"watch2":0}]}],[260,"db-tag",{"removeButton":[1,"remove-button"],"id":[1],"className":[1,"classname"],"semantic":[1],"emphasis":[1],"icon":[1],"showCheckState":[8,"show-check-state"],"showIcon":[8,"show-icon"],"noText":[8,"no-text"],"overflow":[8],"text":[1],"behavior":[1]}],[260,"db-custom-select-dropdown",{"id":[1],"className":[1,"classname"],"width":[1]}],[260,"db-custom-select-list",{"multiple":[4],"label":[1],"id":[1],"className":[1,"classname"]}],[260,"db-custom-select-list-item",{"id":[1],"isGroupTitle":[4,"is-group-title"],"showDivider":[4,"show-divider"],"type":[1],"checked":[8],"className":[1,"classname"],"groupTitle":[1,"group-title"],"icon":[1],"showIcon":[8,"show-icon"],"name":[1],"disabled":[8],"value":[8],"label":[1],"_id":[32],"hasDivider":[32]},null,{"isGroupTitle":[{"watch0":0}],"showDivider":[{"watch0":0}]}]]],["p-29efc51e",[[260,"db-button",{"type":[1],"id":[1],"className":[1,"classname"],"disabled":[8],"iconLeading":[1,"icon-leading"],"icon":[1],"showIconLeading":[8,"show-icon-leading"],"showIcon":[8,"show-icon"],"iconTrailing":[1,"icon-trailing"],"showIconTrailing":[8,"show-icon-trailing"],"size":[1],"width":[1],"variant":[1],"noText":[8,"no-text"],"name":[1],"form":[1],"value":[1],"text":[1]}]]],["p-027fb90a",[[260,"db-infotext",{"id":[1],"className":[1,"classname"],"icon":[1],"semantic":[1],"size":[1],"showIcon":[8,"show-icon"],"text":[1]}]]]]'),e))));
|
|
1
|
+
import{p as e,b as a}from"./p-9pYJFapZ.js";export{s as setNonce}from"./p-9pYJFapZ.js";import{g as i}from"./p-DQuL1Twl.js";(()=>{const a=import.meta.url,i={};return""!==a&&(i.resourcesUrl=new URL(".",a).href),e(i)})().then((async e=>(await i(),a(JSON.parse('[["p-5426dbd3",[[260,"db-custom-select",{"id":[1],"invalidMessage":[1,"invalid-message"],"message":[1],"showMessage":[8,"show-message"],"ariaDescribedBy":[1,"aria-described-by"],"showNoResults":[4,"show-no-results"],"showLoading":[4,"show-loading"],"multiple":[8],"showSelectAll":[4,"show-select-all"],"showSearch":[4,"show-search"],"values":[16],"validation":[1],"options":[16],"searchValue":[1,"search-value"],"selectedLabels":[1,"selected-labels"],"transformSelectedLabels":[16],"selectedType":[1,"selected-type"],"amountText":[1,"amount-text"],"validMessage":[1,"valid-message"],"required":[8],"selectAllLabel":[1,"select-all-label"],"removeTagsTexts":[16],"placement":[1],"searchFilter":[16],"className":[1,"classname"],"formFieldWidth":[1,"form-field-width"],"variant":[1],"showRequiredAsterisk":[8,"show-required-asterisk"],"showLabel":[8,"show-label"],"icon":[1],"showIcon":[8,"show-icon"],"label":[1],"form":[1],"name":[1],"disabled":[8],"open":[4],"selectedPrefix":[1,"selected-prefix"],"dropdownWidth":[1,"dropdown-width"],"searchLabel":[1,"search-label"],"searchPlaceholder":[1,"search-placeholder"],"listLabel":[1,"list-label"],"loadingText":[1,"loading-text"],"noResultsText":[1,"no-results-text"],"mobileCloseButtonText":[1,"mobile-close-button-text"],"showClearSelection":[4,"show-clear-selection"],"clearSelectionText":[1,"clear-selection-text"],"placeholder":[1],"messageIcon":[1,"message-icon"],"_id":[32],"_messageId":[32],"_validMessageId":[32],"_invalidMessageId":[32],"_invalidMessage":[32],"_selectId":[32],"_labelId":[32],"_summaryId":[32],"_placeholderId":[32],"_infoTextId":[32],"_validity":[32],"_userInteraction":[32],"abortController":[32],"_descByIds":[32],"_selectedLabels":[32],"_selectedLabelsId":[32],"_voiceOverFallback":[32],"_selectedOptions":[32],"selectAllEnabled":[32],"searchEnabled":[32],"amountOptions":[32],"_values":[32],"_options":[32],"_hasNoOptions":[32],"_documentClickListenerCallbackId":[32],"_internalChangeTimestamp":[32],"_documentScrollListenerCallbackId":[32],"_observer":[32],"_searchValue":[32],"selectAllChecked":[32],"selectAllIndeterminate":[32]},null,{"detailsRef":[{"watch0":0},{"watch2":0}],"_id":[{"watch1":0}],"_descByIds":[{"watch2":0}],"showNoResults":[{"watch3":0}],"showLoading":[{"watch3":0}],"_options":[{"watch3":0}],"showSelectAll":[{"watch4":0}],"amountOptions":[{"watch4":0},{"watch5":0},{"watch10":0}],"multiple":[{"watch4":0}],"showSearch":[{"watch5":0}],"values":[{"watch6":0}],"_values":[{"watch7":0},{"watch10":0},{"watch13":0}],"selectRef":[{"watch7":0},{"watch8":0},{"watch17":0}],"validation":[{"watch9":0}],"options":[{"watch11":0},{"watch13":0}],"searchValue":[{"watch12":0}],"_selectedOptions":[{"watch14":0},{"watch15":0}],"selectedType":[{"watch14":0}],"amountText":[{"watch14":0}],"selectedLabels":[{"watch14":0}],"transformSelectedLabels":[{"watch14":0}],"selectAllIndeterminate":[{"watch16":0}],"selectAllRef":[{"watch16":0}],"invalidMessage":[{"watch17":0}]}]]],["p-e30a4814",[[260,"db-tabs",{"id":[1],"name":[1],"tabs":[1],"arrowScrollDistance":[8,"arrow-scroll-distance"],"orientation":[1],"behavior":[1],"initialSelectedMode":[1,"initial-selected-mode"],"initialSelectedIndex":[8,"initial-selected-index"],"className":[1,"classname"],"alignment":[1],"width":[1],"_id":[32],"_name":[32],"initialized":[32],"showScrollLeft":[32],"showScrollRight":[32],"scrollContainer":[32],"_resizeObserver":[32]},null,{"_ref":[{"watch0":0}],"initialized":[{"watch0":0}]}]]],["p-2069117e",[[260,"db-header",{"forceMobile":[8,"force-mobile"],"drawerOpen":[8,"drawer-open"],"className":[1,"classname"],"id":[1],"width":[1],"closeButtonId":[1,"close-button-id"],"closeButtonText":[1,"close-button-text"],"burgerMenuLabel":[1,"burger-menu-label"],"initialized":[32],"forcedToMobile":[32]},null,{"initialized":[{"watch0":0}],"_ref":[{"watch0":0}]}]]],["p-78f6b72a",[[260,"db-accordion",{"id":[1],"name":[1],"behavior":[1],"initOpenIndex":[16],"items":[1],"className":[1,"classname"],"variant":[1],"_id":[32],"_name":[32],"initialized":[32],"_initOpenIndexDone":[32]},null,{"initialized":[{"watch0":0}],"name":[{"watch0":0}],"behavior":[{"watch0":0}],"_id":[{"watch0":0}],"_ref":[{"watch1":0},{"watch2":0}],"_name":[{"watch1":0}],"_initOpenIndexDone":[{"watch2":0}],"initOpenIndex":[{"watch2":0}]}]]],["p-29d3070a",[[260,"db-checkbox",{"id":[1],"invalidMessage":[1,"invalid-message"],"message":[1],"showMessage":[8,"show-message"],"indeterminate":[8],"checked":[8],"validMessage":[1,"valid-message"],"validation":[1],"required":[8],"className":[1,"classname"],"size":[1],"showRequiredAsterisk":[8,"show-required-asterisk"],"showLabel":[8,"show-label"],"name":[1],"disabled":[8],"value":[8],"ariaDescribedBy":[1,"aria-described-by"],"label":[1],"messageIcon":[1,"message-icon"],"initialized":[32],"_id":[32],"_messageId":[32],"_validMessageId":[32],"_invalidMessageId":[32],"_invalidMessage":[32],"_descByIds":[32],"_voiceOverFallback":[32],"abortController":[32]},null,{"_ref":[{"watch0":0},{"watch2":0},{"watch3":0},{"watch4":0}],"invalidMessage":[{"watch0":0}],"_id":[{"watch1":0}],"initialized":[{"watch2":0},{"watch3":0}],"indeterminate":[{"watch2":0}],"checked":[{"watch3":0}]}]]],["p-286f83f4",[[260,"db-navigation-item",{"subNavigationExpanded":[8,"sub-navigation-expanded"],"id":[1],"className":[1,"classname"],"width":[1],"icon":[1],"showIcon":[8,"show-icon"],"active":[4],"wrap":[8],"disabled":[8],"text":[1],"backButtonId":[1,"back-button-id"],"backButtonText":[1,"back-button-text"],"initialized":[32],"hasAreaPopup":[32],"hasSubNavigation":[32],"isSubNavigationExpanded":[32],"autoClose":[32],"subNavigationId":[32],"navigationItemSafeTriangle":[32]},null,{"subNavigationExpanded":[{"watch0":0}],"initialized":[{"watch1":0}],"_ref":[{"watch1":0}]}]]],["p-c9d514e5",[[260,"db-notification",{"id":[1],"className":[1,"classname"],"ariaLive":[1,"aria-live"],"semantic":[1],"variant":[1],"showIcon":[8,"show-icon"],"icon":[1],"linkVariant":[1,"link-variant"],"headline":[8],"showHeadline":[8,"show-headline"],"text":[1],"timestamp":[1],"showTimestamp":[8,"show-timestamp"],"closeable":[8],"closeButtonId":[1,"close-button-id"],"closeButtonText":[1,"close-button-text"]}]]],["p-b729b29f",[[260,"db-select",{"id":[1],"invalidMessage":[1,"invalid-message"],"message":[1],"showMessage":[8,"show-message"],"placeholder":[1],"value":[8],"validMessage":[1,"valid-message"],"validation":[1],"required":[8],"className":[1,"classname"],"variant":[1],"showLabel":[8,"show-label"],"showRequiredAsterisk":[8,"show-required-asterisk"],"icon":[1],"showIcon":[8,"show-icon"],"label":[1],"disabled":[8],"name":[1],"size":[2],"autocomplete":[1],"multiple":[4],"ariaDescribedBy":[1,"aria-described-by"],"options":[16],"messageIcon":[1,"message-icon"],"_id":[32],"_messageId":[32],"_validMessageId":[32],"_invalidMessageId":[32],"_invalidMessage":[32],"_placeholderId":[32],"_descByIds":[32],"_value":[32],"initialized":[32],"_voiceOverFallback":[32],"abortController":[32]},null,{"_ref":[{"watch0":0},{"watch3":0}],"invalidMessage":[{"watch0":0}],"_id":[{"watch1":0}],"initialized":[{"watch1":0}],"value":[{"watch2":0}]}]]],["p-26fa6bc1",[[260,"db-switch",{"id":[1],"validation":[1],"required":[8],"message":[1],"showMessage":[8,"show-message"],"validMessage":[1,"valid-message"],"invalidMessage":[1,"invalid-message"],"checked":[8],"disabled":[8],"visualAid":[8,"visual-aid"],"size":[1],"showLabel":[8,"show-label"],"variant":[16],"showRequiredAsterisk":[8,"show-required-asterisk"],"className":[1,"classname"],"value":[8],"name":[1],"iconLeading":[1,"icon-leading"],"icon":[1],"iconTrailing":[1,"icon-trailing"],"label":[1],"messageIcon":[1,"message-icon"],"_id":[32],"_messageId":[32],"_validMessageId":[32],"_invalidMessageId":[32],"_invalidMessage":[32],"_descByIds":[32],"_voiceOverFallback":[32],"abortController":[32]},null,{"validation":[{"watch0":0}],"required":[{"watch0":0}],"message":[{"watch0":0}],"showMessage":[{"watch0":0}],"validMessage":[{"watch0":0}],"invalidMessage":[{"watch0":0}],"checked":[{"watch0":0}],"_ref":[{"watch1":0}]}]]],["p-39d22a0f",[[0,"db-textarea",{"id":[1],"invalidMessage":[1,"invalid-message"],"message":[1],"showMessage":[8,"show-message"],"value":[8],"validMessage":[1,"valid-message"],"validation":[1],"required":[8],"minLength":[8,"min-length"],"maxLength":[8,"max-length"],"className":[1,"classname"],"variant":[1],"showRequiredAsterisk":[8,"show-required-asterisk"],"showLabel":[8,"show-label"],"label":[1],"fieldSizing":[1,"field-sizing"],"resize":[1],"showResizer":[8,"show-resizer"],"disabled":[8],"readOnly":[8,"read-only"],"readonly":[8],"form":[1],"maxlength":[8],"minlength":[8],"name":[1],"wrap":[1],"spellCheck":[4,"spell-check"],"autocomplete":[1],"ariaDescribedBy":[1,"aria-described-by"],"placeholder":[1],"rows":[8],"cols":[8],"messageIcon":[1,"message-icon"],"_id":[32],"_messageId":[32],"_validMessageId":[32],"_invalidMessageId":[32],"_invalidMessage":[32],"_descByIds":[32],"_value":[32],"_voiceOverFallback":[32],"abortController":[32]},null,{"_ref":[{"watch0":0},{"watch3":0}],"invalidMessage":[{"watch0":0}],"_id":[{"watch1":0}],"value":[{"watch2":0}]}]]],["p-5bca6d35",[[260,"db-badge",{"placement":[1],"id":[1],"className":[1,"classname"],"semantic":[1],"size":[1],"emphasis":[1],"label":[1],"text":[1],"initialized":[32]},null,{"_ref":[{"watch0":0}],"initialized":[{"watch0":0}]}]]],["p-a232eea2",[[260,"db-brand",{"hideLogo":[4,"hide-logo"],"icon":[1],"showIcon":[8,"show-icon"],"id":[1],"className":[1,"classname"],"text":[1]}]]],["p-bde7ff5f",[[260,"db-card",{"id":[1],"className":[1,"classname"],"behavior":[1],"elevationLevel":[1,"elevation-level"],"spacing":[1]}]]],["p-af0e61d0",[[260,"db-custom-select-form-field",{"id":[1],"className":[1,"classname"]}]]],["p-9d5365f7",[[0,"db-divider",{"id":[1],"margin":[1],"variant":[1],"emphasis":[1],"width":[1],"className":[1,"classname"]}]]],["p-15241486",[[260,"db-icon",{"id":[1],"className":[1,"classname"],"icon":[1],"weight":[1],"variant":[1],"text":[1]}]]],["p-197f90e4",[[260,"db-link",{"id":[1],"className":[1,"classname"],"href":[1],"target":[1],"rel":[1],"role":[1],"referrerpolicy":[1],"referrerPolicy":[1,"referrer-policy"],"hreflang":[1],"disabled":[8],"size":[1],"showIcon":[8,"show-icon"],"variant":[1],"content":[1],"wrap":[8],"text":[1]}]]],["p-58611dcc",[[260,"db-navigation",{"id":[1],"className":[1,"classname"],"_id":[32]}]]],["p-623a6b59",[[260,"db-page",{"fadeIn":[8,"fade-in"],"documentOverflow":[1,"document-overflow"],"variant":[1],"id":[1],"className":[1,"classname"],"mainClass":[1,"main-class"],"fontsLoaded":[32]}]]],["p-b6538eed",[[260,"db-popover",{"placement":[1],"id":[1],"className":[1,"classname"],"spacing":[1],"gap":[8],"animation":[8],"open":[8],"delay":[1],"width":[1],"initialized":[32],"isExpanded":[32],"_documentScrollListenerCallbackId":[32],"_observer":[32]},null,{"_ref":[{"watch0":0},{"watch1":0}],"initialized":[{"watch0":0}],"isExpanded":[{"watch1":0}]}]]],["p-13dd39f1",[[260,"db-radio",{"id":[1],"checked":[8],"size":[1],"showLabel":[8,"show-label"],"showRequiredAsterisk":[8,"show-required-asterisk"],"className":[1,"classname"],"validation":[1],"name":[1],"disabled":[8],"value":[8],"required":[8],"label":[1],"initialized":[32],"_id":[32],"abortController":[32]},null,{"initialized":[{"watch0":0}],"_ref":[{"watch0":0},{"watch1":0}],"checked":[{"watch0":0}]}]]],["p-2baf9c08",[[260,"db-section",{"id":[1],"className":[1,"classname"],"spacing":[1],"width":[1]}]]],["p-a98bde77",[[260,"db-stack",{"id":[1],"className":[1,"classname"],"gap":[1],"variant":[1],"direction":[1],"alignment":[1],"justifyContent":[1,"justify-content"],"wrap":[8]}]]],["p-86414acd",[[260,"db-drawer",{"open":[8],"position":[1],"backdrop":[1],"variant":[1],"id":[1],"direction":[1],"className":[1,"classname"],"spacing":[1],"width":[1],"rounded":[8],"closeButtonId":[1,"close-button-id"],"closeButtonText":[1,"close-button-text"],"initialized":[32]},null,{"open":[{"watch0":0}],"_ref":[{"watch1":0}],"initialized":[{"watch1":0}],"position":[{"watch1":0}]}]]],["p-a7463ead",[[260,"db-accordion-item",{"id":[1],"defaultOpen":[4,"default-open"],"name":[1],"className":[1,"classname"],"disabled":[8],"headlinePlain":[1,"headline-plain"],"text":[1],"_id":[32],"_open":[32],"_name":[32],"initialized":[32]},null,{"_ref":[{"watch0":0}],"initialized":[{"watch0":0}],"name":[{"watch1":0}]}]]],["p-9a543d5a",[[260,"db-tooltip",{"id":[1],"variant":[1],"placement":[1],"className":[1,"classname"],"emphasis":[1],"animation":[8],"delay":[1],"width":[1],"showArrow":[8,"show-arrow"],"_id":[32],"initialized":[32],"_documentScrollListenerCallbackId":[32],"_observer":[32]},null,{"_ref":[{"watch0":0}],"initialized":[{"watch0":0}]}]]],["p-a1e66a3d",[[260,"db-tab-item",{"active":[8],"name":[1],"className":[1,"classname"],"id":[1],"iconLeading":[1,"icon-leading"],"icon":[1],"iconTrailing":[1,"icon-trailing"],"showIconLeading":[8,"show-icon-leading"],"showIcon":[8,"show-icon"],"showIconTrailing":[8,"show-icon-trailing"],"noText":[8,"no-text"],"disabled":[8],"checked":[8],"label":[1],"_selected":[32],"_name":[32],"initialized":[32],"_listenerAdded":[32],"boundSetSelectedOnChange":[32]},null,{"_ref":[{"watch0":0}],"initialized":[{"watch0":0}],"boundSetSelectedOnChange":[{"watch0":0}],"name":[{"watch1":0}]}],[260,"db-tab-list",{"id":[1],"className":[1,"classname"],"_id":[32]}],[260,"db-tab-panel",{"className":[1,"classname"],"id":[1],"content":[1]}]]],["p-75ae0fd9",[[260,"db-input",{"id":[1],"invalidMessage":[1,"invalid-message"],"dataListId":[1,"data-list-id"],"message":[1],"showMessage":[8,"show-message"],"value":[8],"validMessage":[1,"valid-message"],"validation":[1],"required":[8],"minLength":[8,"min-length"],"maxLength":[8,"max-length"],"pattern":[1],"dataList":[16],"className":[1,"classname"],"variant":[1],"showLabel":[8,"show-label"],"showIconLeading":[8,"show-icon-leading"],"showIcon":[8,"show-icon"],"iconLeading":[1,"icon-leading"],"icon":[1],"iconTrailing":[1,"icon-trailing"],"showRequiredAsterisk":[8,"show-required-asterisk"],"showIconTrailing":[8,"show-icon-trailing"],"label":[1],"fieldSizing":[1,"field-sizing"],"name":[1],"type":[1],"multiple":[8],"placeholder":[1],"disabled":[8],"step":[8],"maxlength":[8],"minlength":[8],"max":[8],"min":[8],"readOnly":[8,"read-only"],"readonly":[8],"form":[1],"size":[2],"autocomplete":[1],"autofocus":[8],"enterkeyhint":[1],"inputmode":[1],"ariaDescribedBy":[1,"aria-described-by"],"messageSize":[1,"message-size"],"messageIcon":[1,"message-icon"],"validMessageSize":[1,"valid-message-size"],"invalidMessageSize":[1,"invalid-message-size"],"_id":[32],"_messageId":[32],"_validMessageId":[32],"_invalidMessageId":[32],"_invalidMessage":[32],"_dataListId":[32],"_descByIds":[32],"_value":[32],"_voiceOverFallback":[32],"abortController":[32]},null,{"_ref":[{"watch0":0},{"watch3":0}],"invalidMessage":[{"watch0":0}],"_id":[{"watch1":0}],"value":[{"watch2":0}]}],[260,"db-tag",{"removeButton":[1,"remove-button"],"id":[1],"className":[1,"classname"],"semantic":[1],"emphasis":[1],"icon":[1],"showCheckState":[8,"show-check-state"],"showIcon":[8,"show-icon"],"noText":[8,"no-text"],"overflow":[8],"text":[1],"behavior":[1]}],[260,"db-custom-select-dropdown",{"id":[1],"className":[1,"classname"],"width":[1]}],[260,"db-custom-select-list",{"multiple":[4],"label":[1],"id":[1],"className":[1,"classname"]}],[260,"db-custom-select-list-item",{"id":[1],"isGroupTitle":[4,"is-group-title"],"showDivider":[4,"show-divider"],"type":[1],"checked":[8],"className":[1,"classname"],"groupTitle":[1,"group-title"],"icon":[1],"showIcon":[8,"show-icon"],"name":[1],"disabled":[8],"value":[8],"label":[1],"_id":[32],"hasDivider":[32]},null,{"isGroupTitle":[{"watch0":0}],"showDivider":[{"watch0":0}]}]]],["p-29efc51e",[[260,"db-button",{"type":[1],"id":[1],"className":[1,"classname"],"disabled":[8],"iconLeading":[1,"icon-leading"],"icon":[1],"showIconLeading":[8,"show-icon-leading"],"showIcon":[8,"show-icon"],"iconTrailing":[1,"icon-trailing"],"showIconTrailing":[8,"show-icon-trailing"],"size":[1],"width":[1],"variant":[1],"noText":[8,"no-text"],"name":[1],"form":[1],"value":[1],"text":[1]}]]],["p-027fb90a",[[260,"db-infotext",{"id":[1],"className":[1,"classname"],"icon":[1],"semantic":[1],"size":[1],"showIcon":[8,"show-icon"],"text":[1]}]]]]'),e))));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as t,h as s}from"./p-9pYJFapZ.js";import{l as h,g as a,h as d,f as e,k as l,b as n,r as o,a as c}from"./p-BdL-nI5y.js";import{h as r,d as v,s as u,u as f,f as b,e as m,l as p,c as w}from"./p-BwBkekqp.js";import{c as y}from"./p-Cb-k135w.js";const k=class{constructor(s){i(this,s),this.input=t(this,"input"),this.change=t(this,"change"),this.blur=t(this,"blur"),this.focus=t(this,"focus"),this._id=void 0,this._messageId=void 0,this._validMessageId=void 0,this._invalidMessageId=void 0,this._invalidMessage=void 0,this._descByIds=void 0,this._value="",this._voiceOverFallback="",this.abortController=void 0}hasValidState(){var i;return!!(null!==(i=this.validMessage)&&void 0!==i?i:"valid"===this.validation)}handleValidation(){var i,t,s,a;(null===(i=this._ref)||void 0===i?void 0:i.validity.valid)&&"invalid"!==this.validation?this.hasValidState()&&(null===(s=this._ref)||void 0===s?void 0:s.validity.valid)&&(this.required||this.minLength||this.maxLength)?(this._descByIds=this._validMessageId,r()&&(this._voiceOverFallback=null!==(a=this.validMessage)&&void 0!==a?a:l,v((()=>this._voiceOverFallback=""),1e3))):this._descByIds=u(this.message,this.showMessage)?this._messageId:void 0:(this._descByIds=this._invalidMessageId,this._invalidMessage=this.invalidMessage||(null===(t=this._ref)||void 0===t?void 0:t.validationMessage)||h,r()&&(this._voiceOverFallback=this._invalidMessage,v((()=>this._voiceOverFallback=""),1e3)))}handleInput(i,t){this.input&&this.input.emit(i),this.handleValidation()}handleChange(i,t){this.change&&this.change.emit(i),this.handleValidation()}handleBlur(i){this.blur&&this.blur.emit(i)}handleFocus(i){this.focus&&this.focus.emit(i)}enableAttributePassing(i,t){const s=null==i?void 0:i.closest(t);if(i&&s){const t=s.attributes;for(let h=0;h<t.length;h++){const a=t.item(h);if(a&&(a.name.startsWith("data-")||a.name.startsWith("aria-"))&&(i.setAttribute(a.name,a.value),s.removeAttribute(a.name)),a&&"class"===a.name){const t=a.value.includes("hydrated"),h=a.value.replace("hydrated","").trim(),d=i.getAttribute("class");i.setAttribute(a.name,`${d?`${d} `:""}${h}`),t?s.setAttribute("class","hydrated"):s.removeAttribute(a.name)}}}}watch0Fn(){var i;this._invalidMessage=this.invalidMessage||(null===(i=this._ref)||void 0===i?void 0:i.validationMessage)||h}watch0(){this.watch0Fn()}watch1Fn(){if(this._id){const i=this._id+e;this._messageId=i,this._validMessageId=this._id+a,this._invalidMessageId=this._id+d,u(this.message,this.showMessage)&&(this._descByIds=i),this.handleValidation()}}watch1(){this.watch1Fn()}watch2Fn(){void 0!==this.value&&(this._value=this.value)}watch2(){this.watch2Fn()}watch3Fn(){if(this._ref){const i=void 0;let t=this.abortController;t||(t=new AbortController,this.abortController=t),y(this._ref,{value:this.value,defaultValue:i},(i=>{this.handleChange(i,!0),this.handleInput(i,!0)}),t.signal)}}watch3(){this.watch3Fn()}componentDidLoad(){var i;this.enableAttributePassing(this._ref,"db-textarea");const t=null!==(i=this.id)&&void 0!==i?i:`textarea-${f()}`;this._id=t,this._messageId=t+e,this._validMessageId=t+a,this._invalidMessageId=t+d,this._invalidMessage=this.invalidMessage||h,this.watch0Fn(),this.watch1Fn(),this.watch2Fn(),this.watch3Fn()}disconnectedCallback(){var i;null===(i=this.abortController)||void 0===i||i.abort()}render(){var i,t,h,a,d;return s("div",{key:"3ac7e870ca2c9d8f366f07797fc15c238ddeab50",class:w("db-textarea",this.className),"data-variant":this.variant,"data-hide-asterisk":p(this.showRequiredAsterisk),"data-hide-label":p(this.showLabel)},s("label",{key:"d3d0e209d0a14a54975cce835e50e4f57d09d1bd",htmlFor:this._id},null!==(i=this.label)&&void 0!==i?i:c),s("textarea",{key:"7e7dce4db9a84230a9c736039eefd58022944cf8","aria-invalid":"invalid"===this.validation,"data-custom-validity":this.validation,"data-field-sizing":this.fieldSizing,ref:i=>{this._ref=i},id:this._id,"data-resize":this.resize,"data-hide-resizer":p(null===(t=this.showResizer)||void 0===t||t),disabled:m(this.disabled,"disabled"),required:m(this.required,"required"),readOnly:m(this.readOnly,"readOnly")||m(this.readonly,"readonly"),form:this.form,maxLength:b(this.maxLength,this.maxlength),minLength:b(this.minLength,this.minlength),name:this.name,wrap:this.wrap,spellcheck:this.spellCheck,autocomplete:this.autocomplete,onInput:i=>this.handleInput(i),onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i),value:null!==(h=this.value)&&void 0!==h?h:this._value,"aria-describedby":null!==(a=this.ariaDescribedBy)&&void 0!==a?a:this._descByIds,placeholder:null!==(d=this.placeholder)&&void 0!==d?d:n,rows:b(this.rows,o),cols:b(this.cols)}),u(this.message,this.showMessage)?s("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?s("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage||l):null,s("db-infotext",{key:"dc153c224d3acafa0a8d7f3ad37317b76cba01b8",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),s("span",{key:"21cd2120d06ec2891979d7a7fc0f1041031dabf2","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{_ref:[{watch0:0},{watch3:0}],invalidMessage:[{watch0:0}],_id:[{watch1:0}],value:[{watch2:0}]}}};export{k as db_textarea}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as s,c as i}from"./p-9pYJFapZ.js";import{c as a,e as h,u as e,g as d,h as o,d as l,s as c,i as n,k as r,f as u,j as b,b as f,l as v}from"./p-BwBkekqp.js";import{l as m,g as p,h as y,j as k,f as w,k as g,b as x,a as $,m as _}from"./p-BdL-nI5y.js";import{c as F}from"./p-Cb-k135w.js";const C=class{constructor(s){t(this,s),this.width="fixed"}enableAttributePassing(t,s){const i=null==t?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const h=s.item(a);if(h&&(h.name.startsWith("data-")||h.name.startsWith("aria-"))&&(t.setAttribute(h.name,h.value),i.removeAttribute(h.name)),h&&"class"===h.name){const s=h.value.includes("hydrated"),a=h.value.replace("hydrated","").trim(),e=t.getAttribute("class");t.setAttribute(h.name,`${e?`${e} `:""}${a}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(h.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-custom-select-dropdown")}render(){return s("article",{key:"98087cc1db985bbb2e2578cb9e2c78bc3a0c3b23",class:a("db-custom-select-dropdown db-card",this.className),"data-spacing":"none",ref:t=>{this._ref=t},id:this.id,"data-width":this.width},s("slot",{key:"25bcaa79bdf8168feffce0a59c0adbc656023e64"}))}},L=class{constructor(s){t(this,s)}enableAttributePassing(t,s){const i=null==t?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const h=s.item(a);if(h&&(h.name.startsWith("data-")||h.name.startsWith("aria-"))&&(t.setAttribute(h.name,h.value),i.removeAttribute(h.name)),h&&"class"===h.name){const s=h.value.includes("hydrated"),a=h.value.replace("hydrated","").trim(),e=t.getAttribute("class");t.setAttribute(h.name,`${e?`${e} `:""}${a}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(h.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-custom-select-list")}render(){return s("div",{key:"f47e219aac45d07e958a94969205260af981bcf1",class:a("db-custom-select-list",this.className),role:this.multiple?"group":"radiogroup","aria-label":this.label,ref:t=>{this._ref=t},id:this.id},s("ul",{key:"adca0d159ec4cd5d2dc46f11fe41006276dba94f"},s("slot",{key:"abb6edfb683a3e4a42512b2185854099c66f1f3c"})))}},A=class{constructor(s){t(this,s),this.change=i(this,"change"),this._id=void 0,this.hasDivider=!1}handleChange(t){t.stopPropagation(),this.change&&this.change.emit(t)}getIconTrailing(){if(!this.isGroupTitle&&"checkbox"!==this.type)return h(this.checked,"checked")?"check":"x_placeholder"}enableAttributePassing(t,s){const i=null==t?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const h=s.item(a);if(h&&(h.name.startsWith("data-")||h.name.startsWith("aria-"))&&(t.setAttribute(h.name,h.value),i.removeAttribute(h.name)),h&&"class"===h.name){const s=h.value.includes("hydrated"),a=h.value.replace("hydrated","").trim(),e=t.getAttribute("class");t.setAttribute(h.name,`${e?`${e} `:""}${a}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(h.name)}}}}watch0Fn(){this.hasDivider=Boolean(this.isGroupTitle||this.showDivider)}watch0(){this.watch0Fn()}componentDidLoad(){var t;this.enableAttributePassing(this._ref,"db-custom-select-list-item"),this._id=null!==(t=this.id)&&void 0!==t?t:`custom-select-list-item-${e()}`,this.watch0Fn()}render(){return s("li",{key:"d94821da8bf1842933f6518079c9e463459bed2b",class:a("db-custom-select-list-item",this.className,{"db-checkbox":"checkbox"===this.type&&!this.isGroupTitle,"db-radio":"checkbox"!==this.type&&!this.isGroupTitle}),ref:t=>{this._ref=t},id:this._id,"data-divider":d(this.hasDivider)},this.isGroupTitle?s("span",null,this.groupTitle):s("label",{"data-icon":"checkbox"!==this.type&&this.icon?this.icon:void 0,"data-show-icon":d(this.showIcon),"data-icon-trailing":this.getIconTrailing()},s("input",{class:"db-custom-select-list-item-checkbox","data-disable-focus":"true",type:this.type,name:this.name,form:this.name,checked:h(this.checked,"checked"),disabled:h(this.disabled,"disabled"),value:this.value,onChange:t=>this.handleChange(t)}),this.label?this.label:s("slot",null)))}static get watchers(){return{isGroupTitle:[{watch0:0}],showDivider:[{watch0:0}]}}},B=class{constructor(s){t(this,s),this.input=i(this,"input"),this.change=i(this,"change"),this.blur=i(this,"blur"),this.focus=i(this,"focus"),this._id=void 0,this._messageId=void 0,this._validMessageId=void 0,this._invalidMessageId=void 0,this._invalidMessage=void 0,this._dataListId=void 0,this._descByIds=void 0,this._value="",this._voiceOverFallback="",this.abortController=void 0}hasValidState(){var t;return!!(null!==(t=this.validMessage)&&void 0!==t?t:"valid"===this.validation)}handleValidation(){var t,s,i,a;(null===(t=this._ref)||void 0===t?void 0:t.validity.valid)&&"invalid"!==this.validation?this.hasValidState()&&(null===(i=this._ref)||void 0===i?void 0:i.validity.valid)&&(this.required||this.minLength||this.maxLength||this.pattern)?(this._descByIds=this._validMessageId,o()&&(this._voiceOverFallback=null!==(a=this.validMessage)&&void 0!==a?a:g,l((()=>this._voiceOverFallback=""),1e3))):this._descByIds=c(this.message,this.showMessage)?this._messageId:void 0:(this._descByIds=this._invalidMessageId,this._invalidMessage=this.invalidMessage||(null===(s=this._ref)||void 0===s?void 0:s.validationMessage)||m,o()&&(this._voiceOverFallback=this._invalidMessage,l((()=>this._voiceOverFallback=""),1e3)))}handleInput(t,s){this.input&&this.input.emit(t),this.handleValidation()}handleChange(t,s){this.change&&this.change.emit(t),this.handleValidation()}handleBlur(t){this.blur&&this.blur.emit(t)}handleFocus(t){this.focus&&this.focus.emit(t)}getDataList(){const t=this.dataList;return Array.from((n(t)?null==t?void 0:t.map((t=>({value:t,label:void 0}))):t)||[])}enableAttributePassing(t,s){const i=null==t?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const h=s.item(a);if(h&&(h.name.startsWith("data-")||h.name.startsWith("aria-"))&&(t.setAttribute(h.name,h.value),i.removeAttribute(h.name)),h&&"class"===h.name){const s=h.value.includes("hydrated"),a=h.value.replace("hydrated","").trim(),e=t.getAttribute("class");t.setAttribute(h.name,`${e?`${e} `:""}${a}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(h.name)}}}}watch0Fn(){var t;this._invalidMessage=this.invalidMessage||(null===(t=this._ref)||void 0===t?void 0:t.validationMessage)||m}watch0(){this.watch0Fn()}watch1Fn(){var t;if(this._id){const s=this._id+w;this._messageId=s,this._validMessageId=this._id+p,this._invalidMessageId=this._id+y,this._dataListId=null!==(t=this.dataListId)&&void 0!==t?t:this._id+k,c(this.message,this.showMessage)&&(this._descByIds=s),this.handleValidation()}}watch1(){this.watch1Fn()}watch2Fn(){void 0!==this.value&&(this._value=this.value)}watch2(){this.watch2Fn()}watch3Fn(){if(this._ref){const t=void 0;let s=this.abortController;s||(s=new AbortController,this.abortController=s),F(this._ref,{value:this.value,defaultValue:t},(t=>{this.handleChange(t,!0),this.handleInput(t,!0)}),s.signal)}}watch3(){this.watch3Fn()}componentDidLoad(){var t;this.enableAttributePassing(this._ref,"db-input");const s=null!==(t=this.id)&&void 0!==t?t:`input-${e()}`;this._id=s,this._messageId=s+w,this._validMessageId=s+p,this._invalidMessageId=s+y,this._dataListId=s+k,this._invalidMessage=this.invalidMessage||m,this.watch0Fn(),this.watch1Fn(),this.watch2Fn(),this.watch3Fn()}disconnectedCallback(){var t;null===(t=this.abortController)||void 0===t||t.abort()}render(){var t,i,e,o,l,n,m,p;return s("div",{key:"2783a6e0005baac376a9cd75d0f468c3f55c5f0c",class:a("db-input",this.className),"data-variant":this.variant,"data-hide-label":v(this.showLabel),"data-show-icon":d(null!==(t=this.showIconLeading)&&void 0!==t?t:this.showIcon),"data-icon":null!==(i=this.iconLeading)&&void 0!==i?i:this.icon,"data-icon-trailing":this.iconTrailing,"data-hide-asterisk":v(this.showRequiredAsterisk),"data-show-icon-trailing":d(this.showIconTrailing)},s("label",{key:"0a1b84ca8f479e931f7f2a3506fd158dfaeb5396",htmlFor:this._id},null!==(e=this.label)&&void 0!==e?e:$),s("input",{key:"a30aadb4b840d8b31b9484a2401160469301b6cf","aria-invalid":"invalid"===this.validation,"data-custom-validity":this.validation,"data-field-sizing":this.fieldSizing,ref:t=>{this._ref=t},id:this._id,name:this.name,type:this.type||"text",multiple:h(this.multiple,"multiple"),placeholder:null!==(o=this.placeholder)&&void 0!==o?o:x,disabled:h(this.disabled,"disabled"),required:h(this.required,"required"),step:b(this.step),value:null!==(l=this.value)&&void 0!==l?l:this._value,maxLength:u(this.maxLength,this.maxlength),minLength:u(this.minLength,this.minlength),max:r(this.max,this.type),min:r(this.min,this.type),readOnly:h(this.readOnly,"readOnly")||h(this.readonly,"readonly"),form:this.form,pattern:this.pattern,size:this.size,autoComplete:this.autocomplete,autoFocus:h(this.autofocus,"autofocus"),enterKeyHint:this.enterkeyhint,inputMode:this.inputmode,onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),onBlur:t=>this.handleBlur(t),onFocus:t=>this.handleFocus(t),list:this.dataList&&this._dataListId,"aria-describedby":null!==(n=this.ariaDescribedBy)&&void 0!==n?n:this._descByIds,role:["datetime-local","date","time","week","month","color"].includes(null!==(m=this.type)&&void 0!==m?m:"")&&f()?"textbox":void 0}),this.dataList?s("datalist",{id:this._dataListId},null===(p=this.getDataList())||void 0===p?void 0:p.map((t=>s("option",{key:this._dataListId+"-option-"+t.value,value:t.value},t.label)))):null,s("slot",{key:"8a188730a5219b5611c55ce3527165223e080492"}),c(this.message,this.showMessage)?s("db-infotext",{size:this.messageSize||"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?s("db-infotext",{semantic:"successful",id:this._validMessageId,size:this.validMessageSize||"small"},this.validMessage||g):null,s("db-infotext",{key:"f8782431777d7a7af3c6e6069ad87b5e933686ba",semantic:"critical",id:this._invalidMessageId,size:this.invalidMessageSize||"small"},this._invalidMessage),s("span",{key:"651068b04f3f87c7129782c212eebbfca027cda6","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{_ref:[{watch0:0},{watch3:0}],invalidMessage:[{watch0:0}],_id:[{watch1:0}],value:[{watch2:0}]}}},D=class{constructor(s){t(this,s),this.remove=i(this,"remove")}handleRemove(t){t&&(t.stopPropagation(),this.remove&&this.remove.emit(t))}getRemoveButtonText(){return this.removeButton?this.removeButton:_}enableAttributePassing(t,s){const i=null==t?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const h=s.item(a);if(h&&(h.name.startsWith("data-")||h.name.startsWith("aria-"))&&(t.setAttribute(h.name,h.value),i.removeAttribute(h.name)),h&&"class"===h.name){const s=h.value.includes("hydrated"),a=h.value.replace("hydrated","").trim(),e=t.getAttribute("class");t.setAttribute(h.name,`${e?`${e} `:""}${a}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(h.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tag")}render(){var t;return s("div",{key:"db86fabfde3f9d1e41a863f58db34eb88d067440",class:a("db-tag",this.className),ref:t=>{this._ref=t},id:this.id,"data-semantic":this.semantic,"data-emphasis":this.emphasis,"data-icon":this.icon,"data-show-check-state":d(null===(t=this.showCheckState)||void 0===t||t),"data-show-icon":d(this.showIcon),"data-no-text":d(this.noText),"data-overflow":d(this.overflow)},s("slot",{key:"1bef11e30ca670fa5bf1d438cd12c43e233cded4",name:"content"}),s("slot",{key:"3f94141f60688d0730478711748fa9dbb194f810"}),this.text?this.text:null,"removable"===this.behavior?s("button",{class:"db-button db-tab-remove-button","data-icon":"cross","data-size":"small","data-no-text":"true","data-variant":"ghost",type:"button",onClick:t=>this.handleRemove(t)},s("db-tooltip",{variant:"label"},this.getRemoveButtonText())):null)}};export{C as db_custom_select_dropdown,L as db_custom_select_list,A as db_custom_select_list_item,B as db_input,D as db_tag}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as t,h as s,F as h}from"./p-9pYJFapZ.js";import{l as a,g as l,h as e,f as d,i as o,k as n,a as c}from"./p-BdL-nI5y.js";import{h as r,d as v,s as u,u as b,e as f,g as p,l as m,c as w}from"./p-BwBkekqp.js";import{c as k}from"./p-Cb-k135w.js";const y=class{constructor(s){i(this,s),this.click=t(this,"click"),this.input=t(this,"input"),this.change=t(this,"change"),this.blur=t(this,"blur"),this.focus=t(this,"focus"),this._id=void 0,this._messageId=void 0,this._validMessageId=void 0,this._invalidMessageId=void 0,this._invalidMessage=void 0,this._placeholderId="",this._descByIds=void 0,this._value="",this.initialized=!1,this._voiceOverFallback="",this.abortController=void 0}hasValidState(){var i;return!!(null!==(i=this.validMessage)&&void 0!==i?i:"valid"===this.validation)}handleValidation(){var i,t,s,h;(null===(i=this._ref)||void 0===i?void 0:i.validity.valid)&&"invalid"!==this.validation?this.hasValidState()&&(null===(s=this._ref)||void 0===s?void 0:s.validity.valid)&&this.required?(this._descByIds=this._validMessageId,r()&&(this._voiceOverFallback=null!==(h=this.validMessage)&&void 0!==h?h:n,v((()=>this._voiceOverFallback=""),1e3))):this._descByIds=u(this.message,this.showMessage)?this._messageId:this.placeholder?this._placeholderId:void 0:(this._descByIds=this._invalidMessageId,this._invalidMessage=this.invalidMessage||(null===(t=this._ref)||void 0===t?void 0:t.validationMessage)||a,r()&&(this._voiceOverFallback=this._invalidMessage,v((()=>this._voiceOverFallback=""),1e3)))}handleClick(i){this.click&&this.click.emit(i)}handleInput(i,t){this.input&&this.input.emit(i),this.handleValidation()}handleChange(i,t){this.change&&this.change.emit(i),this.handleValidation()}handleBlur(i){this.blur&&this.blur.emit(i)}handleFocus(i){this.focus&&this.focus.emit(i)}getOptionLabel(i){var t,s;return null!==(t=i.label)&&void 0!==t?t:null===(s=i.value)||void 0===s?void 0:s.toString()}enableAttributePassing(i,t){const s=null==i?void 0:i.closest(t);if(i&&s){const t=s.attributes;for(let h=0;h<t.length;h++){const a=t.item(h);if(a&&(a.name.startsWith("data-")||a.name.startsWith("aria-"))&&(i.setAttribute(a.name,a.value),s.removeAttribute(a.name)),a&&"class"===a.name){const t=a.value.includes("hydrated"),h=a.value.replace("hydrated","").trim(),l=i.getAttribute("class");i.setAttribute(a.name,`${l?`${l} `:""}${h}`),t?s.setAttribute("class","hydrated"):s.removeAttribute(a.name)}}}}watch0Fn(){var i;this._invalidMessage=this.invalidMessage||(null===(i=this._ref)||void 0===i?void 0:i.validationMessage)||a}watch0(){this.watch0Fn()}watch1Fn(){if(this._id&&this.initialized){const i=this._id+d,t=this._id+o;this._messageId=i,this._validMessageId=this._id+l,this._invalidMessageId=this._id+e,this._placeholderId=t,this._descByIds=u(this.message,this.showMessage)?i:this.placeholder?t:void 0,this.handleValidation(),this.initialized=!1}}watch1(){this.watch1Fn()}watch2Fn(){this._value=this.value}watch2(){this.watch2Fn()}watch3Fn(){if(this._ref){const i=void 0;let t=this.abortController;t||(t=new AbortController,this.abortController=t),k(this._ref,{value:this.value,defaultValue:i},(i=>{this.handleChange(i,!0),this.handleInput(i,!0)}),t.signal)}}watch3(){this.watch3Fn()}componentDidLoad(){var i;this.enableAttributePassing(this._ref,"db-select"),this.initialized=!0;const t=null!==(i=this.id)&&void 0!==i?i:`select-${b()}`;this._id=t,this._messageId=t+d,this._validMessageId=t+l,this._invalidMessageId=t+e,this._placeholderId=t+o,this._invalidMessage=this.invalidMessage||a,this.watch0Fn(),this.watch1Fn(),this.watch2Fn(),this.watch3Fn()}disconnectedCallback(){var i;null===(i=this.abortController)||void 0===i||i.abort()}render(){var i,t,a,l,e;return s("div",{key:"
|
|
1
|
+
import{r as i,c as t,h as s,F as h}from"./p-9pYJFapZ.js";import{l as a,g as l,h as e,f as d,i as o,k as n,a as c}from"./p-BdL-nI5y.js";import{h as r,d as v,s as u,u as b,e as f,g as p,l as m,c as w}from"./p-BwBkekqp.js";import{c as k}from"./p-Cb-k135w.js";const y=class{constructor(s){i(this,s),this.click=t(this,"click"),this.input=t(this,"input"),this.change=t(this,"change"),this.blur=t(this,"blur"),this.focus=t(this,"focus"),this._id=void 0,this._messageId=void 0,this._validMessageId=void 0,this._invalidMessageId=void 0,this._invalidMessage=void 0,this._placeholderId="",this._descByIds=void 0,this._value="",this.initialized=!1,this._voiceOverFallback="",this.abortController=void 0}hasValidState(){var i;return!!(null!==(i=this.validMessage)&&void 0!==i?i:"valid"===this.validation)}handleValidation(){var i,t,s,h;(null===(i=this._ref)||void 0===i?void 0:i.validity.valid)&&"invalid"!==this.validation?this.hasValidState()&&(null===(s=this._ref)||void 0===s?void 0:s.validity.valid)&&this.required?(this._descByIds=this._validMessageId,r()&&(this._voiceOverFallback=null!==(h=this.validMessage)&&void 0!==h?h:n,v((()=>this._voiceOverFallback=""),1e3))):this._descByIds=u(this.message,this.showMessage)?this._messageId:this.placeholder?this._placeholderId:void 0:(this._descByIds=this._invalidMessageId,this._invalidMessage=this.invalidMessage||(null===(t=this._ref)||void 0===t?void 0:t.validationMessage)||a,r()&&(this._voiceOverFallback=this._invalidMessage,v((()=>this._voiceOverFallback=""),1e3)))}handleClick(i){this.click&&this.click.emit(i)}handleInput(i,t){this.input&&this.input.emit(i),this.handleValidation()}handleChange(i,t){this.change&&this.change.emit(i),this.handleValidation()}handleBlur(i){this.blur&&this.blur.emit(i)}handleFocus(i){this.focus&&this.focus.emit(i)}getOptionLabel(i){var t,s;return null!==(t=i.label)&&void 0!==t?t:null===(s=i.value)||void 0===s?void 0:s.toString()}enableAttributePassing(i,t){const s=null==i?void 0:i.closest(t);if(i&&s){const t=s.attributes;for(let h=0;h<t.length;h++){const a=t.item(h);if(a&&(a.name.startsWith("data-")||a.name.startsWith("aria-"))&&(i.setAttribute(a.name,a.value),s.removeAttribute(a.name)),a&&"class"===a.name){const t=a.value.includes("hydrated"),h=a.value.replace("hydrated","").trim(),l=i.getAttribute("class");i.setAttribute(a.name,`${l?`${l} `:""}${h}`),t?s.setAttribute("class","hydrated"):s.removeAttribute(a.name)}}}}watch0Fn(){var i;this._invalidMessage=this.invalidMessage||(null===(i=this._ref)||void 0===i?void 0:i.validationMessage)||a}watch0(){this.watch0Fn()}watch1Fn(){if(this._id&&this.initialized){const i=this._id+d,t=this._id+o;this._messageId=i,this._validMessageId=this._id+l,this._invalidMessageId=this._id+e,this._placeholderId=t,this._descByIds=u(this.message,this.showMessage)?i:this.placeholder?t:void 0,this.handleValidation(),this.initialized=!1}}watch1(){this.watch1Fn()}watch2Fn(){this._value=this.value}watch2(){this.watch2Fn()}watch3Fn(){if(this._ref){const i=void 0;let t=this.abortController;t||(t=new AbortController,this.abortController=t),k(this._ref,{value:this.value,defaultValue:i},(i=>{this.handleChange(i,!0),this.handleInput(i,!0)}),t.signal)}}watch3(){this.watch3Fn()}componentDidLoad(){var i;this.enableAttributePassing(this._ref,"db-select"),this.initialized=!0;const t=null!==(i=this.id)&&void 0!==i?i:`select-${b()}`;this._id=t,this._messageId=t+d,this._validMessageId=t+l,this._invalidMessageId=t+e,this._placeholderId=t+o,this._invalidMessage=this.invalidMessage||a,this.watch0Fn(),this.watch1Fn(),this.watch2Fn(),this.watch3Fn()}disconnectedCallback(){var i;null===(i=this.abortController)||void 0===i||i.abort()}render(){var i,t,a,l,e;return s("div",{key:"0139805ef7af1df0231794b1214fb861e6564247",class:w("db-select",this.className),"data-variant":this.variant,"data-hide-label":m(this.showLabel),"data-hide-asterisk":m(this.showRequiredAsterisk),"data-icon":this.icon,"data-show-icon":p(this.showIcon)},s("label",{key:"32f2bbc5b919c3450c33f6e18a5da5826da7aa11",htmlFor:this._id},null!==(i=this.label)&&void 0!==i?i:c),s("select",{key:"b5f973899ce6d4dd1d1de822a41dd4035cc08757","aria-invalid":"invalid"===this.validation,"data-custom-validity":this.validation,ref:i=>{this._ref=i},required:f(this.required,"required"),disabled:f(this.disabled,"disabled"),id:this._id,name:this.name,size:this.size,value:null!==(t=this.value)&&void 0!==t?t:this._value,autocomplete:this.autocomplete,multiple:this.multiple,onInput:i=>this.handleInput(i),onClick:i=>this.handleClick(i),onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i),"aria-describedby":null!==(a=this.ariaDescribedBy)&&void 0!==a?a:this._descByIds},"floating"===this.variant||this.placeholder?s("option",{class:"placeholder",value:""}):null,(null===(l=this.options)||void 0===l?void 0:l.length)?null===(e=this.options)||void 0===e?void 0:e.map((i=>{var t;return s(h,null,i.options?s("optgroup",{label:this.getOptionLabel(i),key:void 0},null===(t=i.options)||void 0===t?void 0:t.map((i=>s("option",{value:i.value,selected:i.selected,disabled:i.disabled,key:void 0},this.getOptionLabel(i))))):s("option",{value:i.value,disabled:i.disabled,selected:i.selected,key:void 0},this.getOptionLabel(i)))})):s("slot",null)),this.placeholder?s("span",{class:"db-select-placeholder",id:this._placeholderId},this.placeholder):null,u(this.message,this.showMessage)?s("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?s("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage||n):null,s("db-infotext",{key:"8b6c170210a55708f2539f46bd599a47a9e81781",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),s("span",{key:"17de2c472570dce406b18eeac924c0c88446ce6d","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{_ref:[{watch0:0},{watch3:0}],invalidMessage:[{watch0:0}],_id:[{watch1:0}],initialized:[{watch1:0}],value:[{watch2:0}]}}};export{y as db_select}
|
|
@@ -191,7 +191,7 @@ const DBInput = class {
|
|
|
191
191
|
this._invalidMessage = undefined;
|
|
192
192
|
this._dataListId = undefined;
|
|
193
193
|
this._descByIds = undefined;
|
|
194
|
-
this._value =
|
|
194
|
+
this._value = "";
|
|
195
195
|
this._voiceOverFallback = "";
|
|
196
196
|
this.abortController = undefined;
|
|
197
197
|
}
|
|
@@ -321,13 +321,18 @@ const DBInput = class {
|
|
|
321
321
|
this.watch1Fn();
|
|
322
322
|
}
|
|
323
323
|
watch2Fn() {
|
|
324
|
-
this.
|
|
324
|
+
if (this.value !== undefined) {
|
|
325
|
+
this._value = this.value;
|
|
326
|
+
}
|
|
325
327
|
}
|
|
326
328
|
watch2() {
|
|
327
329
|
this.watch2Fn();
|
|
328
330
|
}
|
|
329
331
|
watch3Fn() {
|
|
330
|
-
|
|
332
|
+
// If angular uses ngModel value and _value are null
|
|
333
|
+
// then the value will be set afterward and the _ref will be refreshed
|
|
334
|
+
const addResetListener = true;
|
|
335
|
+
if (this._ref && addResetListener) {
|
|
331
336
|
const defaultValue = undefined;
|
|
332
337
|
let controller = this.abortController;
|
|
333
338
|
if (!controller) {
|
|
@@ -367,7 +372,7 @@ const DBInput = class {
|
|
|
367
372
|
}
|
|
368
373
|
render() {
|
|
369
374
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
370
|
-
return (h("div", { key: '
|
|
375
|
+
return (h("div", { key: '2783a6e0005baac376a9cd75d0f468c3f55c5f0c', class: cls("db-input", this.className), "data-variant": this.variant, "data-hide-label": getHideProp(this.showLabel), "data-show-icon": getBooleanAsString((_a = this.showIconLeading) !== null && _a !== void 0 ? _a : this.showIcon), "data-icon": (_b = this.iconLeading) !== null && _b !== void 0 ? _b : this.icon, "data-icon-trailing": this.iconTrailing, "data-hide-asterisk": getHideProp(this.showRequiredAsterisk), "data-show-icon-trailing": getBooleanAsString(this.showIconTrailing) }, h("label", { key: '0a1b84ca8f479e931f7f2a3506fd158dfaeb5396', htmlFor: this._id }, (_c = this.label) !== null && _c !== void 0 ? _c : DEFAULT_LABEL), h("input", { key: 'a30aadb4b840d8b31b9484a2401160469301b6cf', "aria-invalid": this.validation === "invalid", "data-custom-validity": this.validation, "data-field-sizing": this.fieldSizing, ref: (el) => {
|
|
371
376
|
this._ref = el;
|
|
372
377
|
}, id: this._id, name: this.name, type: this.type || "text", multiple: getBoolean(this.multiple, "multiple"), placeholder: (_d = this.placeholder) !== null && _d !== void 0 ? _d : DEFAULT_PLACEHOLDER, disabled: getBoolean(this.disabled, "disabled"), required: getBoolean(this.required, "required"), step: getStep(this.step), value: (_e = this.value) !== null && _e !== void 0 ? _e : this._value, maxLength: getNumber(this.maxLength, this.maxlength), minLength: getNumber(this.minLength, this.minlength), max: getInputValue(this.max, this.type), min: getInputValue(this.min, this.type), readOnly: getBoolean(this.readOnly, "readOnly") ||
|
|
373
378
|
getBoolean(this.readonly, "readonly"), form: this.form, pattern: this.pattern, size: this.size, autoComplete: this.autocomplete, autoFocus: getBoolean(this.autofocus, "autofocus"), enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event), onBlur: (event) => this.handleBlur(event), onFocus: (event) => this.handleFocus(event), list: this.dataList && this._dataListId, "aria-describedby": (_f = this.ariaDescribedBy) !== null && _f !== void 0 ? _f : this._descByIds, role: [
|
|
@@ -379,7 +384,7 @@ const DBInput = class {
|
|
|
379
384
|
"color",
|
|
380
385
|
].includes((_g = this.type) !== null && _g !== void 0 ? _g : "") && isIOSSafari()
|
|
381
386
|
? "textbox"
|
|
382
|
-
: undefined }), this.dataList ? (h("datalist", { id: this._dataListId }, (_h = this.getDataList()) === null || _h === void 0 ? void 0 : _h.map((option) => (h("option", { key: this._dataListId + "-option-" + option.value, value: option.value }, option.label))))) : null, h("slot", { key: '
|
|
387
|
+
: undefined }), this.dataList ? (h("datalist", { id: this._dataListId }, (_h = this.getDataList()) === null || _h === void 0 ? void 0 : _h.map((option) => (h("option", { key: this._dataListId + "-option-" + option.value, value: option.value }, option.label))))) : null, h("slot", { key: '8a188730a5219b5611c55ce3527165223e080492' }), stringPropVisible(this.message, this.showMessage) ? (h("db-infotext", { size: this.messageSize || "small", icon: this.messageIcon, id: this._messageId }, this.message)) : null, this.hasValidState() ? (h("db-infotext", { semantic: "successful", id: this._validMessageId, size: this.validMessageSize || "small" }, this.validMessage || DEFAULT_VALID_MESSAGE)) : null, h("db-infotext", { key: 'f8782431777d7a7af3c6e6069ad87b5e933686ba', semantic: "critical", id: this._invalidMessageId, size: this.invalidMessageSize || "small" }, this._invalidMessage), h("span", { key: '651068b04f3f87c7129782c212eebbfca027cda6', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
|
|
383
388
|
}
|
|
384
389
|
static get watchers() { return {
|
|
385
390
|
"_ref": [{
|
|
@@ -164,7 +164,10 @@ const DBSelect = class {
|
|
|
164
164
|
this.watch2Fn();
|
|
165
165
|
}
|
|
166
166
|
watch3Fn() {
|
|
167
|
-
|
|
167
|
+
// If angular uses ngModel value and _value are null
|
|
168
|
+
// then the value will be set afterward and the _ref will be refreshed
|
|
169
|
+
const addResetListener = true;
|
|
170
|
+
if (this._ref && addResetListener) {
|
|
168
171
|
const defaultValue = undefined;
|
|
169
172
|
let controller = this.abortController;
|
|
170
173
|
if (!controller) {
|
|
@@ -205,14 +208,14 @@ const DBSelect = class {
|
|
|
205
208
|
}
|
|
206
209
|
render() {
|
|
207
210
|
var _a, _b, _c, _d, _e;
|
|
208
|
-
return (h("div", { key: '
|
|
211
|
+
return (h("div", { key: '0139805ef7af1df0231794b1214fb861e6564247', class: cls("db-select", this.className), "data-variant": this.variant, "data-hide-label": getHideProp(this.showLabel), "data-hide-asterisk": getHideProp(this.showRequiredAsterisk), "data-icon": this.icon, "data-show-icon": getBooleanAsString(this.showIcon) }, h("label", { key: '32f2bbc5b919c3450c33f6e18a5da5826da7aa11', htmlFor: this._id }, (_a = this.label) !== null && _a !== void 0 ? _a : DEFAULT_LABEL), h("select", { key: 'b5f973899ce6d4dd1d1de822a41dd4035cc08757', "aria-invalid": this.validation === "invalid", "data-custom-validity": this.validation, ref: (el) => {
|
|
209
212
|
this._ref = el;
|
|
210
213
|
}, required: getBoolean(this.required, "required"), disabled: getBoolean(this.disabled, "disabled"), id: this._id, name: this.name, size: this.size,
|
|
211
214
|
/* @ts-ignore */
|
|
212
215
|
value: (_b = this.value) !== null && _b !== void 0 ? _b : this._value, autocomplete: this.autocomplete, multiple: this.multiple, onInput: (event) => this.handleInput(event), onClick: (event) => this.handleClick(event), onChange: (event) => this.handleChange(event), onBlur: (event) => this.handleBlur(event), onFocus: (event) => this.handleFocus(event), "aria-describedby": (_c = this.ariaDescribedBy) !== null && _c !== void 0 ? _c : this._descByIds }, this.variant === "floating" || this.placeholder ? (h("option", { class: "placeholder", value: "" })) : null, ((_d = this.options) === null || _d === void 0 ? void 0 : _d.length) ? ((_e = this.options) === null || _e === void 0 ? void 0 : _e.map((option) => {
|
|
213
216
|
var _a;
|
|
214
217
|
return (h(Fragment, null, option.options ? (h("optgroup", { label: this.getOptionLabel(option), key: undefined }, (_a = option.options) === null || _a === void 0 ? void 0 : _a.map((optgroupOption) => (h("option", { value: optgroupOption.value, selected: optgroupOption.selected, disabled: optgroupOption.disabled, key: undefined }, this.getOptionLabel(optgroupOption)))))) : (h("option", { value: option.value, disabled: option.disabled, selected: option.selected, key: undefined }, this.getOptionLabel(option)))));
|
|
215
|
-
})) : (h("slot", null))), this.placeholder ? (h("span", { class: "db-select-placeholder", id: this._placeholderId }, this.placeholder)) : null, stringPropVisible(this.message, this.showMessage) ? (h("db-infotext", { size: "small", icon: this.messageIcon, id: this._messageId }, this.message)) : null, this.hasValidState() ? (h("db-infotext", { size: "small", semantic: "successful", id: this._validMessageId }, this.validMessage || DEFAULT_VALID_MESSAGE)) : null, h("db-infotext", { key: '
|
|
218
|
+
})) : (h("slot", null))), this.placeholder ? (h("span", { class: "db-select-placeholder", id: this._placeholderId }, this.placeholder)) : null, stringPropVisible(this.message, this.showMessage) ? (h("db-infotext", { size: "small", icon: this.messageIcon, id: this._messageId }, this.message)) : null, this.hasValidState() ? (h("db-infotext", { size: "small", semantic: "successful", id: this._validMessageId }, this.validMessage || DEFAULT_VALID_MESSAGE)) : null, h("db-infotext", { key: '8b6c170210a55708f2539f46bd599a47a9e81781', size: "small", semantic: "critical", id: this._invalidMessageId }, this._invalidMessage), h("span", { key: '17de2c472570dce406b18eeac924c0c88446ce6d', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
|
|
216
219
|
}
|
|
217
220
|
static get watchers() { return {
|
|
218
221
|
"_ref": [{
|
|
@@ -134,13 +134,18 @@ const DBTextarea = class {
|
|
|
134
134
|
this.watch1Fn();
|
|
135
135
|
}
|
|
136
136
|
watch2Fn() {
|
|
137
|
-
this.
|
|
137
|
+
if (this.value !== undefined) {
|
|
138
|
+
this._value = this.value;
|
|
139
|
+
}
|
|
138
140
|
}
|
|
139
141
|
watch2() {
|
|
140
142
|
this.watch2Fn();
|
|
141
143
|
}
|
|
142
144
|
watch3Fn() {
|
|
143
|
-
|
|
145
|
+
// If angular uses ngModel value and _value are null
|
|
146
|
+
// then the value will be set afterward and the _ref will be refreshed
|
|
147
|
+
const addResetListener = true;
|
|
148
|
+
if (this._ref && addResetListener) {
|
|
144
149
|
const defaultValue = undefined;
|
|
145
150
|
let controller = this.abortController;
|
|
146
151
|
if (!controller) {
|
|
@@ -179,10 +184,10 @@ const DBTextarea = class {
|
|
|
179
184
|
}
|
|
180
185
|
render() {
|
|
181
186
|
var _a, _b, _c, _d, _e;
|
|
182
|
-
return (h("div", { key: '
|
|
187
|
+
return (h("div", { key: '3ac7e870ca2c9d8f366f07797fc15c238ddeab50', class: cls("db-textarea", this.className), "data-variant": this.variant, "data-hide-asterisk": getHideProp(this.showRequiredAsterisk), "data-hide-label": getHideProp(this.showLabel) }, h("label", { key: 'd3d0e209d0a14a54975cce835e50e4f57d09d1bd', htmlFor: this._id }, (_a = this.label) !== null && _a !== void 0 ? _a : DEFAULT_LABEL), h("textarea", { key: '7e7dce4db9a84230a9c736039eefd58022944cf8', "aria-invalid": this.validation === "invalid", "data-custom-validity": this.validation, "data-field-sizing": this.fieldSizing, ref: (el) => {
|
|
183
188
|
this._ref = el;
|
|
184
189
|
}, id: this._id, "data-resize": this.resize, "data-hide-resizer": getHideProp((_b = this.showResizer) !== null && _b !== void 0 ? _b : true), disabled: getBoolean(this.disabled, "disabled"), required: getBoolean(this.required, "required"), readOnly: getBoolean(this.readOnly, "readOnly") ||
|
|
185
|
-
getBoolean(this.readonly, "readonly"), form: this.form, maxLength: getNumber(this.maxLength, this.maxlength), minLength: getNumber(this.minLength, this.minlength), name: this.name, wrap: this.wrap, spellcheck: this.spellCheck, autocomplete: this.autocomplete, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event), onBlur: (event) => this.handleBlur(event), onFocus: (event) => this.handleFocus(event), value: (_c = this.value) !== null && _c !== void 0 ? _c : this._value, "aria-describedby": (_d = this.ariaDescribedBy) !== null && _d !== void 0 ? _d : this._descByIds, placeholder: (_e = this.placeholder) !== null && _e !== void 0 ? _e : DEFAULT_PLACEHOLDER, rows: getNumber(this.rows, DEFAULT_ROWS), cols: getNumber(this.cols) }), stringPropVisible(this.message, this.showMessage) ? (h("db-infotext", { size: "small", icon: this.messageIcon, id: this._messageId }, this.message)) : null, this.hasValidState() ? (h("db-infotext", { size: "small", semantic: "successful", id: this._validMessageId }, this.validMessage || DEFAULT_VALID_MESSAGE)) : null, h("db-infotext", { key: '
|
|
190
|
+
getBoolean(this.readonly, "readonly"), form: this.form, maxLength: getNumber(this.maxLength, this.maxlength), minLength: getNumber(this.minLength, this.minlength), name: this.name, wrap: this.wrap, spellcheck: this.spellCheck, autocomplete: this.autocomplete, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event), onBlur: (event) => this.handleBlur(event), onFocus: (event) => this.handleFocus(event), value: (_c = this.value) !== null && _c !== void 0 ? _c : this._value, "aria-describedby": (_d = this.ariaDescribedBy) !== null && _d !== void 0 ? _d : this._descByIds, placeholder: (_e = this.placeholder) !== null && _e !== void 0 ? _e : DEFAULT_PLACEHOLDER, rows: getNumber(this.rows, DEFAULT_ROWS), cols: getNumber(this.cols) }), stringPropVisible(this.message, this.showMessage) ? (h("db-infotext", { size: "small", icon: this.messageIcon, id: this._messageId }, this.message)) : null, this.hasValidState() ? (h("db-infotext", { size: "small", semantic: "successful", id: this._validMessageId }, this.validMessage || DEFAULT_VALID_MESSAGE)) : null, h("db-infotext", { key: 'dc153c224d3acafa0a8d7f3ad37317b76cba01b8', size: "small", semantic: "critical", id: this._invalidMessageId }, this._invalidMessage), h("span", { key: '21cd2120d06ec2891979d7a7fc0f1041031dabf2', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
|
|
186
191
|
}
|
|
187
192
|
static get watchers() { return {
|
|
188
193
|
"_ref": [{
|
package/dist/web-types.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
3
|
"name": "@db-ux/wc-core-components",
|
|
4
|
-
"version": "4.3.
|
|
4
|
+
"version": "4.3.1",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -1732,7 +1732,7 @@
|
|
|
1732
1732
|
{ "name": "_invalidMessage" },
|
|
1733
1733
|
{ "name": "_dataListId" },
|
|
1734
1734
|
{ "name": "_descByIds" },
|
|
1735
|
-
{ "name": "_value" },
|
|
1735
|
+
{ "name": "_value", "type": "string" },
|
|
1736
1736
|
{ "name": "_voiceOverFallback", "type": "string" },
|
|
1737
1737
|
{ "name": "abortController" }
|
|
1738
1738
|
],
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@db-ux/wc-core-components",
|
|
3
|
-
"version": "4.3.
|
|
3
|
+
"version": "4.3.1",
|
|
4
4
|
"description": "Stencil components for @db-ux/core-components",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"web-types": "./dist/web-types.json",
|
|
49
49
|
"customElements": "dist/custom-elements.json",
|
|
50
50
|
"dependencies": {
|
|
51
|
-
"@db-ux/core-components": "4.3.
|
|
52
|
-
"@db-ux/core-foundations": "4.3.
|
|
51
|
+
"@db-ux/core-components": "4.3.1",
|
|
52
|
+
"@db-ux/core-foundations": "4.3.1"
|
|
53
53
|
}
|
|
54
54
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,h as s}from"./p-9pYJFapZ.js";import{l as h,g as a,h as e,f as d,k as l,b as n,r as o,a as r}from"./p-BdL-nI5y.js";import{h as c,d as u,s as v,u as b,f,e as m,l as p,c as w}from"./p-BwBkekqp.js";import{c as y}from"./p-Cb-k135w.js";const k=class{constructor(s){t(this,s),this.input=i(this,"input"),this.change=i(this,"change"),this.blur=i(this,"blur"),this.focus=i(this,"focus"),this._id=void 0,this._messageId=void 0,this._validMessageId=void 0,this._invalidMessageId=void 0,this._invalidMessage=void 0,this._descByIds=void 0,this._value="",this._voiceOverFallback="",this.abortController=void 0}hasValidState(){var t;return!!(null!==(t=this.validMessage)&&void 0!==t?t:"valid"===this.validation)}handleValidation(){var t,i,s,a;(null===(t=this._ref)||void 0===t?void 0:t.validity.valid)&&"invalid"!==this.validation?this.hasValidState()&&(null===(s=this._ref)||void 0===s?void 0:s.validity.valid)&&(this.required||this.minLength||this.maxLength)?(this._descByIds=this._validMessageId,c()&&(this._voiceOverFallback=null!==(a=this.validMessage)&&void 0!==a?a:l,u((()=>this._voiceOverFallback=""),1e3))):this._descByIds=v(this.message,this.showMessage)?this._messageId:void 0:(this._descByIds=this._invalidMessageId,this._invalidMessage=this.invalidMessage||(null===(i=this._ref)||void 0===i?void 0:i.validationMessage)||h,c()&&(this._voiceOverFallback=this._invalidMessage,u((()=>this._voiceOverFallback=""),1e3)))}handleInput(t,i){this.input&&this.input.emit(t),this.handleValidation()}handleChange(t,i){this.change&&this.change.emit(t),this.handleValidation()}handleBlur(t){this.blur&&this.blur.emit(t)}handleFocus(t){this.focus&&this.focus.emit(t)}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let h=0;h<i.length;h++){const a=i.item(h);if(a&&(a.name.startsWith("data-")||a.name.startsWith("aria-"))&&(t.setAttribute(a.name,a.value),s.removeAttribute(a.name)),a&&"class"===a.name){const i=a.value.includes("hydrated"),h=a.value.replace("hydrated","").trim(),e=t.getAttribute("class");t.setAttribute(a.name,`${e?`${e} `:""}${h}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(a.name)}}}}watch0Fn(){var t;this._invalidMessage=this.invalidMessage||(null===(t=this._ref)||void 0===t?void 0:t.validationMessage)||h}watch0(){this.watch0Fn()}watch1Fn(){if(this._id){const t=this._id+d;this._messageId=t,this._validMessageId=this._id+a,this._invalidMessageId=this._id+e,v(this.message,this.showMessage)&&(this._descByIds=t),this.handleValidation()}}watch1(){this.watch1Fn()}watch2Fn(){this._value=this.value}watch2(){this.watch2Fn()}watch3Fn(){if(this._ref){const t=void 0;let i=this.abortController;i||(i=new AbortController,this.abortController=i),y(this._ref,{value:this.value,defaultValue:t},(t=>{this.handleChange(t,!0),this.handleInput(t,!0)}),i.signal)}}watch3(){this.watch3Fn()}componentDidLoad(){var t;this.enableAttributePassing(this._ref,"db-textarea");const i=null!==(t=this.id)&&void 0!==t?t:`textarea-${b()}`;this._id=i,this._messageId=i+d,this._validMessageId=i+a,this._invalidMessageId=i+e,this._invalidMessage=this.invalidMessage||h,this.watch0Fn(),this.watch1Fn(),this.watch2Fn(),this.watch3Fn()}disconnectedCallback(){var t;null===(t=this.abortController)||void 0===t||t.abort()}render(){var t,i,h,a,e;return s("div",{key:"9255fc80e1688243e518a6e109e9114dc146423e",class:w("db-textarea",this.className),"data-variant":this.variant,"data-hide-asterisk":p(this.showRequiredAsterisk),"data-hide-label":p(this.showLabel)},s("label",{key:"b6b329b9e0f27286df0d1bb905fb9b717ee9fe19",htmlFor:this._id},null!==(t=this.label)&&void 0!==t?t:r),s("textarea",{key:"7a8a0f97d2348dd5b4d47a2dc8c7ff1530e094df","aria-invalid":"invalid"===this.validation,"data-custom-validity":this.validation,"data-field-sizing":this.fieldSizing,ref:t=>{this._ref=t},id:this._id,"data-resize":this.resize,"data-hide-resizer":p(null===(i=this.showResizer)||void 0===i||i),disabled:m(this.disabled,"disabled"),required:m(this.required,"required"),readOnly:m(this.readOnly,"readOnly")||m(this.readonly,"readonly"),form:this.form,maxLength:f(this.maxLength,this.maxlength),minLength:f(this.minLength,this.minlength),name:this.name,wrap:this.wrap,spellcheck:this.spellCheck,autocomplete:this.autocomplete,onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),onBlur:t=>this.handleBlur(t),onFocus:t=>this.handleFocus(t),value:null!==(h=this.value)&&void 0!==h?h:this._value,"aria-describedby":null!==(a=this.ariaDescribedBy)&&void 0!==a?a:this._descByIds,placeholder:null!==(e=this.placeholder)&&void 0!==e?e:n,rows:f(this.rows,o),cols:f(this.cols)}),v(this.message,this.showMessage)?s("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?s("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage||l):null,s("db-infotext",{key:"f291ebb55cc437ba56ed5fb01e4c261037ce453c",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),s("span",{key:"2b2079f8e31da8800bd00e4e5b41d71bcde3ab95","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{_ref:[{watch0:0},{watch3:0}],invalidMessage:[{watch0:0}],_id:[{watch1:0}],value:[{watch2:0}]}}};export{k as db_textarea}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as s,c as i}from"./p-9pYJFapZ.js";import{c as a,e as h,u as e,g as d,h as o,d as l,s as c,i as n,k as r,f as u,j as b,b as f,l as v}from"./p-BwBkekqp.js";import{l as m,g as p,h as y,j as k,f as w,k as g,b as x,a as $,m as _}from"./p-BdL-nI5y.js";import{c as F}from"./p-Cb-k135w.js";const C=class{constructor(s){t(this,s),this.width="fixed"}enableAttributePassing(t,s){const i=null==t?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const h=s.item(a);if(h&&(h.name.startsWith("data-")||h.name.startsWith("aria-"))&&(t.setAttribute(h.name,h.value),i.removeAttribute(h.name)),h&&"class"===h.name){const s=h.value.includes("hydrated"),a=h.value.replace("hydrated","").trim(),e=t.getAttribute("class");t.setAttribute(h.name,`${e?`${e} `:""}${a}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(h.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-custom-select-dropdown")}render(){return s("article",{key:"98087cc1db985bbb2e2578cb9e2c78bc3a0c3b23",class:a("db-custom-select-dropdown db-card",this.className),"data-spacing":"none",ref:t=>{this._ref=t},id:this.id,"data-width":this.width},s("slot",{key:"25bcaa79bdf8168feffce0a59c0adbc656023e64"}))}},L=class{constructor(s){t(this,s)}enableAttributePassing(t,s){const i=null==t?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const h=s.item(a);if(h&&(h.name.startsWith("data-")||h.name.startsWith("aria-"))&&(t.setAttribute(h.name,h.value),i.removeAttribute(h.name)),h&&"class"===h.name){const s=h.value.includes("hydrated"),a=h.value.replace("hydrated","").trim(),e=t.getAttribute("class");t.setAttribute(h.name,`${e?`${e} `:""}${a}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(h.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-custom-select-list")}render(){return s("div",{key:"f47e219aac45d07e958a94969205260af981bcf1",class:a("db-custom-select-list",this.className),role:this.multiple?"group":"radiogroup","aria-label":this.label,ref:t=>{this._ref=t},id:this.id},s("ul",{key:"adca0d159ec4cd5d2dc46f11fe41006276dba94f"},s("slot",{key:"abb6edfb683a3e4a42512b2185854099c66f1f3c"})))}},A=class{constructor(s){t(this,s),this.change=i(this,"change"),this._id=void 0,this.hasDivider=!1}handleChange(t){t.stopPropagation(),this.change&&this.change.emit(t)}getIconTrailing(){if(!this.isGroupTitle&&"checkbox"!==this.type)return h(this.checked,"checked")?"check":"x_placeholder"}enableAttributePassing(t,s){const i=null==t?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const h=s.item(a);if(h&&(h.name.startsWith("data-")||h.name.startsWith("aria-"))&&(t.setAttribute(h.name,h.value),i.removeAttribute(h.name)),h&&"class"===h.name){const s=h.value.includes("hydrated"),a=h.value.replace("hydrated","").trim(),e=t.getAttribute("class");t.setAttribute(h.name,`${e?`${e} `:""}${a}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(h.name)}}}}watch0Fn(){this.hasDivider=Boolean(this.isGroupTitle||this.showDivider)}watch0(){this.watch0Fn()}componentDidLoad(){var t;this.enableAttributePassing(this._ref,"db-custom-select-list-item"),this._id=null!==(t=this.id)&&void 0!==t?t:`custom-select-list-item-${e()}`,this.watch0Fn()}render(){return s("li",{key:"d94821da8bf1842933f6518079c9e463459bed2b",class:a("db-custom-select-list-item",this.className,{"db-checkbox":"checkbox"===this.type&&!this.isGroupTitle,"db-radio":"checkbox"!==this.type&&!this.isGroupTitle}),ref:t=>{this._ref=t},id:this._id,"data-divider":d(this.hasDivider)},this.isGroupTitle?s("span",null,this.groupTitle):s("label",{"data-icon":"checkbox"!==this.type&&this.icon?this.icon:void 0,"data-show-icon":d(this.showIcon),"data-icon-trailing":this.getIconTrailing()},s("input",{class:"db-custom-select-list-item-checkbox","data-disable-focus":"true",type:this.type,name:this.name,form:this.name,checked:h(this.checked,"checked"),disabled:h(this.disabled,"disabled"),value:this.value,onChange:t=>this.handleChange(t)}),this.label?this.label:s("slot",null)))}static get watchers(){return{isGroupTitle:[{watch0:0}],showDivider:[{watch0:0}]}}},B=class{constructor(s){t(this,s),this.input=i(this,"input"),this.change=i(this,"change"),this.blur=i(this,"blur"),this.focus=i(this,"focus"),this._id=void 0,this._messageId=void 0,this._validMessageId=void 0,this._invalidMessageId=void 0,this._invalidMessage=void 0,this._dataListId=void 0,this._descByIds=void 0,this._value=void 0,this._voiceOverFallback="",this.abortController=void 0}hasValidState(){var t;return!!(null!==(t=this.validMessage)&&void 0!==t?t:"valid"===this.validation)}handleValidation(){var t,s,i,a;(null===(t=this._ref)||void 0===t?void 0:t.validity.valid)&&"invalid"!==this.validation?this.hasValidState()&&(null===(i=this._ref)||void 0===i?void 0:i.validity.valid)&&(this.required||this.minLength||this.maxLength||this.pattern)?(this._descByIds=this._validMessageId,o()&&(this._voiceOverFallback=null!==(a=this.validMessage)&&void 0!==a?a:g,l((()=>this._voiceOverFallback=""),1e3))):this._descByIds=c(this.message,this.showMessage)?this._messageId:void 0:(this._descByIds=this._invalidMessageId,this._invalidMessage=this.invalidMessage||(null===(s=this._ref)||void 0===s?void 0:s.validationMessage)||m,o()&&(this._voiceOverFallback=this._invalidMessage,l((()=>this._voiceOverFallback=""),1e3)))}handleInput(t,s){this.input&&this.input.emit(t),this.handleValidation()}handleChange(t,s){this.change&&this.change.emit(t),this.handleValidation()}handleBlur(t){this.blur&&this.blur.emit(t)}handleFocus(t){this.focus&&this.focus.emit(t)}getDataList(){const t=this.dataList;return Array.from((n(t)?null==t?void 0:t.map((t=>({value:t,label:void 0}))):t)||[])}enableAttributePassing(t,s){const i=null==t?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const h=s.item(a);if(h&&(h.name.startsWith("data-")||h.name.startsWith("aria-"))&&(t.setAttribute(h.name,h.value),i.removeAttribute(h.name)),h&&"class"===h.name){const s=h.value.includes("hydrated"),a=h.value.replace("hydrated","").trim(),e=t.getAttribute("class");t.setAttribute(h.name,`${e?`${e} `:""}${a}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(h.name)}}}}watch0Fn(){var t;this._invalidMessage=this.invalidMessage||(null===(t=this._ref)||void 0===t?void 0:t.validationMessage)||m}watch0(){this.watch0Fn()}watch1Fn(){var t;if(this._id){const s=this._id+w;this._messageId=s,this._validMessageId=this._id+p,this._invalidMessageId=this._id+y,this._dataListId=null!==(t=this.dataListId)&&void 0!==t?t:this._id+k,c(this.message,this.showMessage)&&(this._descByIds=s),this.handleValidation()}}watch1(){this.watch1Fn()}watch2Fn(){this._value=this.value}watch2(){this.watch2Fn()}watch3Fn(){if(this._ref){const t=void 0;let s=this.abortController;s||(s=new AbortController,this.abortController=s),F(this._ref,{value:this.value,defaultValue:t},(t=>{this.handleChange(t,!0),this.handleInput(t,!0)}),s.signal)}}watch3(){this.watch3Fn()}componentDidLoad(){var t;this.enableAttributePassing(this._ref,"db-input");const s=null!==(t=this.id)&&void 0!==t?t:`input-${e()}`;this._id=s,this._messageId=s+w,this._validMessageId=s+p,this._invalidMessageId=s+y,this._dataListId=s+k,this._invalidMessage=this.invalidMessage||m,this.watch0Fn(),this.watch1Fn(),this.watch2Fn(),this.watch3Fn()}disconnectedCallback(){var t;null===(t=this.abortController)||void 0===t||t.abort()}render(){var t,i,e,o,l,n,m,p;return s("div",{key:"67eb319a65364be7bb4bba4f0fac864e8b12f1d3",class:a("db-input",this.className),"data-variant":this.variant,"data-hide-label":v(this.showLabel),"data-show-icon":d(null!==(t=this.showIconLeading)&&void 0!==t?t:this.showIcon),"data-icon":null!==(i=this.iconLeading)&&void 0!==i?i:this.icon,"data-icon-trailing":this.iconTrailing,"data-hide-asterisk":v(this.showRequiredAsterisk),"data-show-icon-trailing":d(this.showIconTrailing)},s("label",{key:"d305e5bcf15985ae7c287db6b93971c02f525fbd",htmlFor:this._id},null!==(e=this.label)&&void 0!==e?e:$),s("input",{key:"1951499d2ab18789993eafac4d3c6b5a711e4b58","aria-invalid":"invalid"===this.validation,"data-custom-validity":this.validation,"data-field-sizing":this.fieldSizing,ref:t=>{this._ref=t},id:this._id,name:this.name,type:this.type||"text",multiple:h(this.multiple,"multiple"),placeholder:null!==(o=this.placeholder)&&void 0!==o?o:x,disabled:h(this.disabled,"disabled"),required:h(this.required,"required"),step:b(this.step),value:null!==(l=this.value)&&void 0!==l?l:this._value,maxLength:u(this.maxLength,this.maxlength),minLength:u(this.minLength,this.minlength),max:r(this.max,this.type),min:r(this.min,this.type),readOnly:h(this.readOnly,"readOnly")||h(this.readonly,"readonly"),form:this.form,pattern:this.pattern,size:this.size,autoComplete:this.autocomplete,autoFocus:h(this.autofocus,"autofocus"),enterKeyHint:this.enterkeyhint,inputMode:this.inputmode,onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),onBlur:t=>this.handleBlur(t),onFocus:t=>this.handleFocus(t),list:this.dataList&&this._dataListId,"aria-describedby":null!==(n=this.ariaDescribedBy)&&void 0!==n?n:this._descByIds,role:["datetime-local","date","time","week","month","color"].includes(null!==(m=this.type)&&void 0!==m?m:"")&&f()?"textbox":void 0}),this.dataList?s("datalist",{id:this._dataListId},null===(p=this.getDataList())||void 0===p?void 0:p.map((t=>s("option",{key:this._dataListId+"-option-"+t.value,value:t.value},t.label)))):null,s("slot",{key:"90c59c82c57e5189693b954d999493372af62970"}),c(this.message,this.showMessage)?s("db-infotext",{size:this.messageSize||"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?s("db-infotext",{semantic:"successful",id:this._validMessageId,size:this.validMessageSize||"small"},this.validMessage||g):null,s("db-infotext",{key:"aa671024bc3badc32ee4bf59528878e4ef91a581",semantic:"critical",id:this._invalidMessageId,size:this.invalidMessageSize||"small"},this._invalidMessage),s("span",{key:"215d6ace4fc3da52ad43afd52dbcf03347056958","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{_ref:[{watch0:0},{watch3:0}],invalidMessage:[{watch0:0}],_id:[{watch1:0}],value:[{watch2:0}]}}},D=class{constructor(s){t(this,s),this.remove=i(this,"remove")}handleRemove(t){t&&(t.stopPropagation(),this.remove&&this.remove.emit(t))}getRemoveButtonText(){return this.removeButton?this.removeButton:_}enableAttributePassing(t,s){const i=null==t?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const h=s.item(a);if(h&&(h.name.startsWith("data-")||h.name.startsWith("aria-"))&&(t.setAttribute(h.name,h.value),i.removeAttribute(h.name)),h&&"class"===h.name){const s=h.value.includes("hydrated"),a=h.value.replace("hydrated","").trim(),e=t.getAttribute("class");t.setAttribute(h.name,`${e?`${e} `:""}${a}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(h.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tag")}render(){var t;return s("div",{key:"db86fabfde3f9d1e41a863f58db34eb88d067440",class:a("db-tag",this.className),ref:t=>{this._ref=t},id:this.id,"data-semantic":this.semantic,"data-emphasis":this.emphasis,"data-icon":this.icon,"data-show-check-state":d(null===(t=this.showCheckState)||void 0===t||t),"data-show-icon":d(this.showIcon),"data-no-text":d(this.noText),"data-overflow":d(this.overflow)},s("slot",{key:"1bef11e30ca670fa5bf1d438cd12c43e233cded4",name:"content"}),s("slot",{key:"3f94141f60688d0730478711748fa9dbb194f810"}),this.text?this.text:null,"removable"===this.behavior?s("button",{class:"db-button db-tab-remove-button","data-icon":"cross","data-size":"small","data-no-text":"true","data-variant":"ghost",type:"button",onClick:t=>this.handleRemove(t)},s("db-tooltip",{variant:"label"},this.getRemoveButtonText())):null)}};export{C as db_custom_select_dropdown,L as db_custom_select_list,A as db_custom_select_list_item,B as db_input,D as db_tag}
|