@public-ui/hydrate 2.2.16-rc.1 → 2.2.16-rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +22 -22
- package/dist/index.mjs +22 -22
- package/package.json +3 -3
package/dist/index.js
CHANGED
|
@@ -5868,13 +5868,13 @@ class KolButtonWc {
|
|
|
5868
5868
|
var _a, _b;
|
|
5869
5869
|
const hasExpertSlot = showExpertSlot(this.state._label);
|
|
5870
5870
|
const hasAriaDescription = Boolean((_b = (_a = this.state._ariaDescription) === null || _a === void 0 ? void 0 : _a.trim()) === null || _b === void 0 ? void 0 : _b.length);
|
|
5871
|
-
return (hAsync(Host, { key: 'd45ad337e0a56f359cf274d2955bd75841647804', class: "kol-button-wc" }, hAsync("button", Object.assign({ key: '
|
|
5871
|
+
return (hAsync(Host, { key: 'd45ad337e0a56f359cf274d2955bd75841647804', class: "kol-button-wc" }, hAsync("button", Object.assign({ key: '9bda0691767c6dbb8e658713861002fae8ffa300', ref: this.catchRef, accessKey: this.state._accessKey || undefined, "aria-controls": this.state._ariaControls, "aria-describedby": hasAriaDescription ? this.internalDescriptionById : undefined, "aria-expanded": mapBoolean2String(this.state._ariaExpanded), "aria-haspopup": this._ariaHasPopup, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, "aria-selected": mapStringOrBoolean2String(this.state._ariaSelected), "aria-keyshortcuts": this.state._shortKey, class: {
|
|
5872
5872
|
button: true,
|
|
5873
5873
|
disabled: this.state._disabled === true,
|
|
5874
5874
|
[this.state._variant]: this.state._variant !== 'custom',
|
|
5875
5875
|
[this.state._customClass]: this.state._variant === 'custom' && typeof this.state._customClass === 'string' && this.state._customClass.length > 0,
|
|
5876
5876
|
'hide-label': this.state._hideLabel === true,
|
|
5877
|
-
}, disabled: this.state._disabled, id: this.state._id, name: this.state._name }, this.state._on, { onClick: this.onClick, role: this.state._role, tabIndex: this.state._tabIndex, type: this.state._type }), hAsync(KolSpanWcTag, { key: '
|
|
5877
|
+
}, disabled: this.state._disabled, id: this.state._id, name: this.state._name }, this.state._on, { onClick: this.onClick, role: this.state._role, tabIndex: this.state._tabIndex, type: this.state._type }), hAsync(KolSpanWcTag, { key: '13089e55131105e244e8854e88b31377cc0d55aa', class: "button-inner", _badgeText: this.state._accessKey || this.state._shortKey, _icons: this.state._icons, _hideLabel: this.state._hideLabel, _label: hasExpertSlot ? '' : this.state._label }, hAsync("slot", { key: '2a1c1c36e6caf742592cbbe2237884ce88ab6feb', name: "expert", slot: "expert" }))), hAsync(KolTooltipWcTag, { key: '41a4acf8b8eb0264dc516559309844f2862d507d', "aria-hidden": "true", hidden: hasExpertSlot || !this.state._hideLabel, _badgeText: this.state._accessKey || this.state._shortKey, _align: this.state._tooltipAlign, _label: typeof this.state._label === 'string' ? this.state._label : '' }), hasAriaDescription && (hAsync("span", { key: '144acc2f013a343e77f81b0a902d2105f31bba86', class: "visually-hidden", id: this.internalDescriptionById }, this.state._ariaDescription))));
|
|
5878
5878
|
}
|
|
5879
5879
|
constructor(hostRef) {
|
|
5880
5880
|
registerInstance(this, hostRef);
|
|
@@ -6511,13 +6511,13 @@ class KolCombobox {
|
|
|
6511
6511
|
render() {
|
|
6512
6512
|
const hasExpertSlot = showExpertSlot(this.state._label);
|
|
6513
6513
|
const { ariaDescribedBy } = getRenderStates(this.state);
|
|
6514
|
-
return (hAsync(Host, { key: '539582153b25b549cdbda73a0e48ab7cdd4a191a', class: "kol-combobox" }, hAsync("div", { key: '1d2e85257cbcb73f9524b36bc0fe60acee7b0a93', class: clsx('combobox', this.state._disabled && 'combobox--disabled') }, hAsync(KolInputTag, { key: 'ed68373d5ce2dc77ac17f1c2e1c7bef1fe70d668', _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _disabled: this.state._disabled, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _msg: this.state._msg, _required: this.state._required, _shortKey: this.state._shortKey, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.refInput) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: 'bbd2040c0f50b8c5c8e59f8591932d6dc739c7c1', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '5cba627e6fc743cc491b0489de20d1ca35ee1381', slot: "input" }, hAsync("div", { key: '4fe1a68b244c8baae0ff5bd7a287e1a7e2887b78', class: "combobox__group" }, hAsync("input", Object.assign({ key: '
|
|
6514
|
+
return (hAsync(Host, { key: '539582153b25b549cdbda73a0e48ab7cdd4a191a', class: "kol-combobox" }, hAsync("div", { key: '1d2e85257cbcb73f9524b36bc0fe60acee7b0a93', class: clsx('combobox', this.state._disabled && 'combobox--disabled') }, hAsync(KolInputTag, { key: 'ed68373d5ce2dc77ac17f1c2e1c7bef1fe70d668', _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _disabled: this.state._disabled, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _msg: this.state._msg, _required: this.state._required, _shortKey: this.state._shortKey, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.refInput) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: 'bbd2040c0f50b8c5c8e59f8591932d6dc739c7c1', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '5cba627e6fc743cc491b0489de20d1ca35ee1381', slot: "input" }, hAsync("div", { key: '4fe1a68b244c8baae0ff5bd7a287e1a7e2887b78', class: "combobox__group" }, hAsync("input", Object.assign({ key: '110dfe077ca616741734b5167ef37b15b8b1c063', ref: this.catchRef, class: "combobox__input", type: "text", role: "combobox", "aria-autocomplete": "both", "aria-expanded": this._isOpen ? 'true' : 'false', "aria-controls": "listbox", value: this.state._value, accessKey: this.state._accessKey, "aria-keyshortcuts": this.state._shortKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, "aria-labelledby": this.state._id, "aria-activedescendant": this._isOpen && this._focusedOptionIndex >= 0 ? `option-${this._focusedOptionIndex}` : undefined, autoCapitalize: "off", autoComplete: "off", autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, name: this.state._name, required: this.state._required }, this.controller.onFacade, { onFocus: (event) => {
|
|
6515
6515
|
this.controller.onFacade.onFocus(event);
|
|
6516
6516
|
this.inputHasFocus = true;
|
|
6517
6517
|
}, onBlur: (event) => {
|
|
6518
6518
|
this.controller.onFacade.onBlur(event);
|
|
6519
6519
|
this.inputHasFocus = false;
|
|
6520
|
-
}, onChange: this.onChange.bind(this), onInput: this.onInput.bind(this), placeholder: this.state._placeholder })), hAsync("button", { key: '
|
|
6520
|
+
}, onChange: this.onChange.bind(this), onInput: this.onInput.bind(this), placeholder: this.state._placeholder })), hAsync("button", { key: 'ad9d0a73c202c6b584dea3a110aa932442c03b92', tabindex: "-1", class: "combobox__icon", onClick: this.toggleListbox.bind(this), disabled: this.state._disabled }, hAsync(KolIconTag, { key: 'fd6c947c1d984c4cc2b8662e9f49afc4550caa27', _icons: "codicon codicon-triangle-down", _label: translate('kol-dropdown') }))), this._isOpen && !(this.state._disabled === true) && (hAsync("ul", { key: 'eb07af059e8fa1eb98463b1f9eb7a3a9529d475c', role: "listbox", class: clsx('combobox__listbox', this.blockSuggestionMouseOver && 'combobox__listbox--cursor-hidden'), onKeyDown: this.handleKeyDownDropdown.bind(this) }, Array.isArray(this._filteredSuggestions) &&
|
|
6521
6521
|
this._filteredSuggestions.length > 0 &&
|
|
6522
6522
|
this._filteredSuggestions.map((option, index) => (hAsync("li", { id: `option-${index}`, key: `-${index}`, ref: (el) => {
|
|
6523
6523
|
if (el)
|
|
@@ -7620,7 +7620,7 @@ class KolInputCheckbox {
|
|
|
7620
7620
|
'hide-label': !!this.state._hideLabel,
|
|
7621
7621
|
checked: this.state._checked,
|
|
7622
7622
|
indeterminate: this.state._indeterminate,
|
|
7623
|
-
}, "data-label-align": this.state._labelAlign || 'right', "data-role": this.state._variant === 'button' ? 'button' : undefined, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _disabled: this.state._disabled, _msg: this.state._msg, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _id: this.state._id, _label: this.state._label, _required: this.state._required, _shortKey: this.state._shortKey, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { key: 'bbe43013b8f71788d12b4e8c1505dd5b086748a9', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey || this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("label", { key: '9cd520c111970d4f0ac428d26e5a30f50cd9d269', slot: "input", class: "checkbox-container" }, hAsync(KolIconTag, { key: '1d799224fe7de743f2905a1442dd872d72098338', class: "icon", _icons: this.state._indeterminate ? this.state._icons.indeterminate : this.state._checked ? this.state._icons.checked : this.state._icons.unchecked, _label: "" }), hAsync("input", Object.assign({ key: '
|
|
7623
|
+
}, "data-label-align": this.state._labelAlign || 'right', "data-role": this.state._variant === 'button' ? 'button' : undefined, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _disabled: this.state._disabled, _msg: this.state._msg, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _id: this.state._id, _label: this.state._label, _required: this.state._required, _shortKey: this.state._shortKey, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { key: 'bbe43013b8f71788d12b4e8c1505dd5b086748a9', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey || this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("label", { key: '9cd520c111970d4f0ac428d26e5a30f50cd9d269', slot: "input", class: "checkbox-container" }, hAsync(KolIconTag, { key: '1d799224fe7de743f2905a1442dd872d72098338', class: "icon", _icons: this.state._indeterminate ? this.state._icons.indeterminate : this.state._checked ? this.state._icons.checked : this.state._icons.unchecked, _label: "" }), hAsync("input", Object.assign({ key: '47d8973669d1dce11065bcd92665522a48f204c8', class: `checkbox-input-element${this.state._variant === 'button' ? ' visually-hidden' : ''}`, ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-keyshortcuts": this.state._shortKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, checked: this.state._checked, disabled: this.state._disabled, id: this.state._id, indeterminate: this.state._indeterminate, name: this.state._name, required: this.state._required, tabIndex: this.state._tabIndex, type: "checkbox" }, this.controller.onFacade, { onInput: this.onInput, onChange: this.onChange, onKeyDown: this.onKeyDown.bind(this), onFocus: (event) => {
|
|
7624
7624
|
this.controller.onFacade.onFocus(event);
|
|
7625
7625
|
this.inputHasFocus = true;
|
|
7626
7626
|
}, onBlur: (event) => {
|
|
@@ -7896,7 +7896,7 @@ class KolInputColor {
|
|
|
7896
7896
|
return (hAsync(Host, { key: 'eee67867decb854d8b5da3a6664367c539fa9919', class: "kol-input-color" }, hAsync(KolInputTag, { key: '0789ee68085bc6d800502f5b568c2efc030516ca', class: {
|
|
7897
7897
|
color: true,
|
|
7898
7898
|
'hide-label': !!this.state._hideLabel,
|
|
7899
|
-
}, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _disabled: this.state._disabled, _msg: this.state._msg, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _hideError: this.state._hideError, _id: this.state._id, _label: this.state._label, _shortKey: this.state._shortKey, _suggestions: this.state._suggestions, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: '869da8afdf66a6a83cdcdc63ade42e1521a44166', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '765767282379bec02e2aefdb5f734f88286d8891', slot: "input" }, hAsync("input", Object.assign({ key: '
|
|
7899
|
+
}, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _disabled: this.state._disabled, _msg: this.state._msg, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _hideError: this.state._hideError, _id: this.state._id, _label: this.state._label, _shortKey: this.state._shortKey, _suggestions: this.state._suggestions, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: '869da8afdf66a6a83cdcdc63ade42e1521a44166', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '765767282379bec02e2aefdb5f734f88286d8891', slot: "input" }, hAsync("input", Object.assign({ key: '85bd066f0e52c67980eb792d04c8fe55e688d9ee', ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-keyshortcuts": this.state._shortKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, name: this.state._name, slot: "input", type: "color", value: this.state._value }, this.controller.onFacade, { onFocus: (event) => {
|
|
7900
7900
|
this.controller.onFacade.onFocus(event);
|
|
7901
7901
|
this.inputHasFocus = true;
|
|
7902
7902
|
}, onBlur: (event) => {
|
|
@@ -8272,7 +8272,7 @@ class KolInputDate {
|
|
|
8272
8272
|
return (hAsync(Host, { key: '8657af4f219518c6c18d62e3cd7ef7681e143cc3', class: { 'kol-input-date': true, 'has-value': this.state._hasValue } }, hAsync(KolInputTag, { key: '9ec350cbd69031b99b5412cb6a8a907035e52d1f', class: {
|
|
8273
8273
|
[this.state._type]: true,
|
|
8274
8274
|
'hide-label': !!this.state._hideLabel,
|
|
8275
|
-
}, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _disabled: this.state._disabled, _msg: this.state._msg, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _suggestions: this.state._suggestions, _readOnly: this.state._readOnly, _required: this.state._required, _shortKey: this.state._shortKey, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { key: 'c3ef44f1b628170fb2cfc0cdbdd62fd06c1a8461', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey || this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '2eb1d8a2385634b7dfb1a455af1e1534d084e33a', slot: "input" }, hAsync("input", Object.assign({ key: '
|
|
8275
|
+
}, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _disabled: this.state._disabled, _msg: this.state._msg, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _suggestions: this.state._suggestions, _readOnly: this.state._readOnly, _required: this.state._required, _shortKey: this.state._shortKey, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { key: 'c3ef44f1b628170fb2cfc0cdbdd62fd06c1a8461', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey || this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '2eb1d8a2385634b7dfb1a455af1e1534d084e33a', slot: "input" }, hAsync("input", Object.assign({ key: '3b129a72eb426673efb8350d4aa1f7aec1f018a4', ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-keyshortcuts": this.state._shortKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, max: this.state._max, min: this.state._min, name: this.state._name, readOnly: this.state._readOnly, required: this.state._required, step: this.state._step, type: this.state._type, value: this.state._value || undefined }, this.controller.onFacade, { onKeyDown: this.onKeyDown, onBlur: (event) => {
|
|
8276
8276
|
this.controller.onFacade.onBlur(event);
|
|
8277
8277
|
this.inputHasFocus = false;
|
|
8278
8278
|
}, onFocus: (event) => {
|
|
@@ -9155,7 +9155,7 @@ class KolInputEmail {
|
|
|
9155
9155
|
return (hAsync(Host, { key: 'ac60edbcb3ebfe102a939ec5b38a37e8a40dedcf', class: {
|
|
9156
9156
|
'kol-input-email': true,
|
|
9157
9157
|
'has-value': this.state._hasValue,
|
|
9158
|
-
} }, hAsync(KolInputTag, { key: 'fbe21fa47f283d683551a2aed89878feb3e183e6', class: { email: true, 'hide-label': !!this.state._hideLabel }, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _currentLength: this.state._currentLength, _currentLengthDebounced: this.state._currentLengthDebounced, _disabled: this.state._disabled, _msg: this.state._msg, _hideError: this.state._hideError, _hasCounter: this.state._hasCounter, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _suggestions: this.state._suggestions, _maxLength: this.state._maxLength, _readOnly: this.state._readOnly, _required: this.state._required, _shortKey: this.state._shortKey, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: '4f50f622f5ad6742d7293da85d45db61c6012c37', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '8c6a027da0919608da7af05d39e400a62bffd5f0', slot: "input" }, hAsync("input", Object.assign({ key: '
|
|
9158
|
+
} }, hAsync(KolInputTag, { key: 'fbe21fa47f283d683551a2aed89878feb3e183e6', class: { email: true, 'hide-label': !!this.state._hideLabel }, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _currentLength: this.state._currentLength, _currentLengthDebounced: this.state._currentLengthDebounced, _disabled: this.state._disabled, _msg: this.state._msg, _hideError: this.state._hideError, _hasCounter: this.state._hasCounter, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _suggestions: this.state._suggestions, _maxLength: this.state._maxLength, _readOnly: this.state._readOnly, _required: this.state._required, _shortKey: this.state._shortKey, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: '4f50f622f5ad6742d7293da85d45db61c6012c37', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '8c6a027da0919608da7af05d39e400a62bffd5f0', slot: "input" }, hAsync("input", Object.assign({ key: '9ee6dafe9aafbf4449da04b5c43500d1eecd0044', ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-keyshortcuts": this.state._shortKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, multiple: this.state._multiple, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, maxlength: this.state._maxLength, name: this.state._name, pattern: this.state._pattern, placeholder: this.state._placeholder, readOnly: this.state._readOnly, required: this.state._required, type: "email", value: this.state._value }, this.controller.onFacade, { onKeyDown: this.onKeyDown, onInput: this.onInput, onFocus: (event) => {
|
|
9159
9159
|
this.controller.onFacade.onFocus(event);
|
|
9160
9160
|
this.inputHasFocus = true;
|
|
9161
9161
|
}, onBlur: (event) => {
|
|
@@ -9447,7 +9447,7 @@ class KolInputFile {
|
|
|
9447
9447
|
return (hAsync(Host, { key: '2fb1994862e55f5f29d5539ea76611a910602944', class: "kol-input-file" }, hAsync(KolInputTag, { key: 'bf5b084f28a7167cb04213ddd16617e0dd656d62', class: {
|
|
9448
9448
|
file: true,
|
|
9449
9449
|
'hide-label': !!this.state._hideLabel,
|
|
9450
|
-
}, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _disabled: this.state._disabled, _msg: this.state._msg, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _required: this.state._required, _shortKey: this.state._shortKey, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: '80930ef080e0a80ba7ec5d83b8d0452d501c659a', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '614c84ae9760bc39232515f874154eb9f5b88983', slot: "input" }, hAsync("input", Object.assign({ key: '
|
|
9450
|
+
}, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _disabled: this.state._disabled, _msg: this.state._msg, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _required: this.state._required, _shortKey: this.state._shortKey, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: '80930ef080e0a80ba7ec5d83b8d0452d501c659a', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '614c84ae9760bc39232515f874154eb9f5b88983', slot: "input" }, hAsync("input", Object.assign({ key: 'e1d8b7a442254e70d5728a0ead467927eb05063e', ref: this.catchRef, title: "", accept: this.state._accept, accessKey: this.state._accessKey, "aria-keyshortcuts": this.state._shortKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, multiple: this.state._multiple, name: this.state._name, required: this.state._required, type: "file", value: this.state._value }, this.controller.onFacade, { onChange: this.onChange, onInput: this.onInput, onFocus: (event) => {
|
|
9451
9451
|
this.controller.onFacade.onFocus(event);
|
|
9452
9452
|
this.inputHasFocus = true;
|
|
9453
9453
|
}, onBlur: (event) => {
|
|
@@ -9755,7 +9755,7 @@ class KolInputNumber {
|
|
|
9755
9755
|
} }, hAsync(KolInputTag, { key: 'c14ef81d498de0b55146571ccd48ff133c39c0f9', class: {
|
|
9756
9756
|
number: true,
|
|
9757
9757
|
'hide-label': !!this.state._hideLabel,
|
|
9758
|
-
}, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _disabled: this.state._disabled, _msg: this.state._msg, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _suggestions: this.state._suggestions, _readOnly: this.state._readOnly, _required: this.state._required, _shortKey: this.state._shortKey, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { key: '8b4b88a454603fa88aa7a46d59d3b5fdf9717bd0', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '8934f83d83685b71106f5006a28363f8579c5af1', slot: "input" }, hAsync("input", Object.assign({ key: '
|
|
9758
|
+
}, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _disabled: this.state._disabled, _msg: this.state._msg, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _suggestions: this.state._suggestions, _readOnly: this.state._readOnly, _required: this.state._required, _shortKey: this.state._shortKey, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { key: '8b4b88a454603fa88aa7a46d59d3b5fdf9717bd0', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '8934f83d83685b71106f5006a28363f8579c5af1', slot: "input" }, hAsync("input", Object.assign({ key: '249196519cf608fbd58e392b000edebbcc49c087', ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-keyshortcuts": this.state._shortKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, max: this.state._max, min: this.state._min, name: this.state._name, readOnly: this.state._readOnly, required: this.state._required, placeholder: this.state._placeholder, step: this.state._step, type: "number", value: this.state._value }, this.controller.onFacade, { onKeyDown: this.onKeyDown, onFocus: (event) => {
|
|
9759
9759
|
this.controller.onFacade.onFocus(event);
|
|
9760
9760
|
this.inputHasFocus = true;
|
|
9761
9761
|
}, onBlur: (event) => {
|
|
@@ -10010,7 +10010,7 @@ class KolInputPassword {
|
|
|
10010
10010
|
} }, hAsync(KolInputTag, { key: '048d9a4e598a6b4533f764cca09ce233e736e45f', class: {
|
|
10011
10011
|
'hide-label': !!this.state._hideLabel,
|
|
10012
10012
|
password: true,
|
|
10013
|
-
}, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _currentLength: this.state._currentLength, _currentLengthDebounced: this.state._currentLengthDebounced, _disabled: this.state._disabled, _msg: this.state._msg, _hasCounter: this.state._hasCounter, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _maxLength: this.state._maxLength, _readOnly: this.state._readOnly, _required: this.state._required, _shortKey: this.state._shortKey, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: '78cdb4e9cca607018f3ea7ccb32ee147ef0faf45', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '1865764ad5fbaffd38d743a36e138cb49ec4e976', slot: "input" }, hAsync("input", Object.assign({ key: '
|
|
10013
|
+
}, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _currentLength: this.state._currentLength, _currentLengthDebounced: this.state._currentLengthDebounced, _disabled: this.state._disabled, _msg: this.state._msg, _hasCounter: this.state._hasCounter, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _maxLength: this.state._maxLength, _readOnly: this.state._readOnly, _required: this.state._required, _shortKey: this.state._shortKey, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: '78cdb4e9cca607018f3ea7ccb32ee147ef0faf45', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '1865764ad5fbaffd38d743a36e138cb49ec4e976', slot: "input" }, hAsync("input", Object.assign({ key: '9b5e3fc61407e77d13f91f1cc063376cd734801c', ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-keyshortcuts": this.state._shortKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, maxlength: this.state._maxLength, name: this.state._name, pattern: this.state._pattern, placeholder: this.state._placeholder, readOnly: this.state._readOnly, required: this.state._required, type: this._passwordVisible ? 'text' : 'password', value: this.state._value }, this.controller.onFacade, { onKeyDown: this.onKeyDown, onInput: this.onInput, onFocus: (event) => {
|
|
10014
10014
|
this.controller.onFacade.onFocus(event);
|
|
10015
10015
|
this.inputHasFocus = true;
|
|
10016
10016
|
}, onBlur: (event) => {
|
|
@@ -10594,20 +10594,20 @@ class KolInputRange {
|
|
|
10594
10594
|
'hide-label': !!this.state._hideLabel,
|
|
10595
10595
|
}, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _disabled: this.state._disabled, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _msg: this.state._msg, _shortKey: this.state._shortKey, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { key: 'b2bc64f1194f6cb03795c2866847b6521b4f5ca7', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: 'f07fc1f84f62c34fa698fec424f33c5a20c09d78', slot: "input" }, hAsync("div", { key: 'ab6085f852f2f5f253c89824089b4d2ffbbacaaf', class: "inputs-wrapper", style: {
|
|
10596
10596
|
'--kolibri-input-range--input-number--width': `calc(${String((_a = this.state._max) !== null && _a !== void 0 ? _a : 100).length}ch + 2em)`,
|
|
10597
|
-
} }, hAsync("input", Object.assign({ key: '
|
|
10597
|
+
} }, hAsync("input", Object.assign({ key: '498ba4bba9741dc487c53841210dc6333b010e7f', ref: this.catchInputRangeRef, title: "", accessKey: this.state._accessKey, "aria-keyshortcuts": this.state._shortKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, "aria-hidden": "true", autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, list: hasSuggestions ? `${this.state._id}-list` : undefined, max: this.state._max, min: this.state._min, name: this.state._name ? `${this.state._name}-range` : undefined, step: this.state._step, tabIndex: -1, type: "range", value: this.state._value }, this.controller.onFacade, { onChange: this.onChange, onFocus: (event) => {
|
|
10598
10598
|
this.controller.onFacade.onFocus(event);
|
|
10599
10599
|
this.inputHasFocus = true;
|
|
10600
10600
|
}, onBlur: (event) => {
|
|
10601
10601
|
this.controller.onFacade.onBlur(event);
|
|
10602
10602
|
this.inputHasFocus = false;
|
|
10603
|
-
} })), hAsync("input", Object.assign({ key: '
|
|
10603
|
+
} })), hAsync("input", Object.assign({ key: '678216841af206cd80113c42e677bf173007a50e', ref: this.catchInputNumberRef, title: "", accessKey: this.state._accessKey, "aria-keyshortcuts": this.state._shortKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, max: this.state._max, min: this.state._min, name: this.state._name ? `${this.state._name}-number` : undefined, step: this.state._step, type: "number", value: this.state._value }, this.controller.onFacade, { onKeyDown: this.onKeyDown, onChange: this.onChange, onFocus: (event) => {
|
|
10604
10604
|
this.controller.onFacade.onFocus(event);
|
|
10605
10605
|
this.inputHasFocus = true;
|
|
10606
10606
|
}, onBlur: (event) => {
|
|
10607
10607
|
this.controller.onFacade.onBlur(event);
|
|
10608
10608
|
this.inputHasFocus = false;
|
|
10609
10609
|
} }))), hasSuggestions && [
|
|
10610
|
-
hAsync("datalist", { key: '
|
|
10610
|
+
hAsync("datalist", { key: 'ef2aacbd06670d1adcce44e3240eb202017d3521', id: `${this.state._id}-list` }, this.state._suggestions.map((option) => (hAsync("option", { value: option })))),
|
|
10611
10611
|
]))));
|
|
10612
10612
|
}
|
|
10613
10613
|
constructor(hostRef) {
|
|
@@ -10851,7 +10851,7 @@ class KolInputText {
|
|
|
10851
10851
|
} }, hAsync(KolInputTag, { key: '683fdcbf6d18f55934c467160cb24ff8b5fb9c77', class: {
|
|
10852
10852
|
[this.state._type]: true,
|
|
10853
10853
|
'hide-label': !!this.state._hideLabel,
|
|
10854
|
-
}, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _currentLength: this.state._currentLength, _currentLengthDebounced: this.state._currentLengthDebounced, _disabled: this.state._disabled, _hasCounter: this.state._hasCounter, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _maxLength: this.state._maxLength, _msg: this.state._msg, _readOnly: this.state._readOnly, _required: this.state._required, _shortKey: this.state._shortKey, _smartButton: this.state._smartButton, _suggestions: this.state._suggestions, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: '91054ddb0072e2f640cb20f40ba29c942f88a8c3', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '045478c632017b140113e56395139a95f906b94a', slot: "input" }, hAsync("input", Object.assign({ key: '
|
|
10854
|
+
}, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _currentLength: this.state._currentLength, _currentLengthDebounced: this.state._currentLengthDebounced, _disabled: this.state._disabled, _hasCounter: this.state._hasCounter, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _maxLength: this.state._maxLength, _msg: this.state._msg, _readOnly: this.state._readOnly, _required: this.state._required, _shortKey: this.state._shortKey, _smartButton: this.state._smartButton, _suggestions: this.state._suggestions, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: '91054ddb0072e2f640cb20f40ba29c942f88a8c3', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '045478c632017b140113e56395139a95f906b94a', slot: "input" }, hAsync("input", Object.assign({ key: 'd5685b81521f14d241d19c6f60eb3c4afd2890d2', ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-keyshortcuts": this.state._shortKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, maxlength: this.state._maxLength, name: this.state._name, pattern: this.state._pattern, placeholder: this.state._placeholder, readOnly: this.state._readOnly, required: this.state._required, spellcheck: this.state._spellCheck, type: this.state._type, value: this.state._value }, this.controller.onFacade, { onChange: this.onChange, onInput: this.onInput, onKeyDown: this.onKeyDown, onFocus: (event) => {
|
|
10855
10855
|
this.controller.onFacade.onFocus(event);
|
|
10856
10856
|
this.inputHasFocus = true;
|
|
10857
10857
|
}, onBlur: (event) => {
|
|
@@ -11612,7 +11612,7 @@ class KolLinkWc {
|
|
|
11612
11612
|
const { isExternal, tagAttrs } = this.getRenderValues();
|
|
11613
11613
|
const hasExpertSlot = showExpertSlot(this.state._label);
|
|
11614
11614
|
const hasAriaDescription = Boolean((_b = (_a = this.state._ariaDescription) === null || _a === void 0 ? void 0 : _a.trim()) === null || _b === void 0 ? void 0 : _b.length);
|
|
11615
|
-
return (hAsync(Host, { key: 'c49c578ca62676b33a74c33e27bb4033852af9ba', class: "kol-link-wc" }, hAsync("a", Object.assign({ key: '
|
|
11615
|
+
return (hAsync(Host, { key: 'c49c578ca62676b33a74c33e27bb4033852af9ba', class: "kol-link-wc" }, hAsync("a", Object.assign({ key: 'd3644d0cab0642dd9ac4a4adbb1cda8d94130f02', ref: this.catchRef }, tagAttrs, { accessKey: this.state._accessKey, "aria-keyshortcuts": this.state._shortKey, "aria-current": this.state._ariaCurrent, "aria-describedby": hasAriaDescription ? this.internalDescriptionById : undefined, "aria-disabled": this.state._disabled ? 'true' : undefined, "aria-expanded": typeof this.state._ariaExpanded === 'boolean' ? String(this.state._ariaExpanded) : undefined, "aria-owns": this.state._ariaOwns, "aria-label": this.state._hideLabel && typeof this.state._label === 'string'
|
|
11616
11616
|
? `${this.state._label}${isExternal ? ` (${translate('kol-open-link-in-tab')})` : ''}`
|
|
11617
11617
|
: undefined, class: {
|
|
11618
11618
|
disabled: this.state._disabled === true,
|
|
@@ -11620,7 +11620,7 @@ class KolLinkWc {
|
|
|
11620
11620
|
'hide-label': this.state._hideLabel === true,
|
|
11621
11621
|
[this.state._variant]: this.state._variant !== 'custom',
|
|
11622
11622
|
[this.state._customClass]: this.state._variant === 'custom' && typeof this.state._customClass === 'string' && this.state._customClass.length > 0,
|
|
11623
|
-
} }, this.state._on, { onClick: this.onClick, onKeyPress: this.onClick, role: this.state._role, tabIndex: this.state._disabled ? -1 : this.state._tabIndex }), hAsync(KolSpanWcTag, { key: '
|
|
11623
|
+
} }, this.state._on, { onClick: this.onClick, onKeyPress: this.onClick, role: this.state._role, tabIndex: this.state._disabled ? -1 : this.state._tabIndex }), hAsync(KolSpanWcTag, { key: '70c1eed54032875f76ba8c084e9f104ab6743717', _badgeText: this.state._accessKey || this.state._shortKey, _icons: this.state._icons, _hideLabel: this.state._hideLabel, _label: hasExpertSlot ? '' : this.state._label || this.state._href }, hAsync("slot", { key: '59c2e14f7d68766bc4563a2c35e8203c13120fd7', name: "expert", slot: "expert" })), isExternal && (hAsync(KolIconTag, { key: 'c15b0b8f617aebfa9c13ef718183a60d52260151', class: "external-link-icon", _label: this.state._hideLabel ? '' : translate('kol-open-link-in-tab'), _icons: 'codicon codicon-link-external', "aria-hidden": this.state._hideLabel }))), hAsync(KolTooltipWcTag, { key: '29e17c6f098bd7de20658508ff902478368282c1', "aria-hidden": "true", hidden: hasExpertSlot || !this.state._hideLabel, _badgeText: this.state._accessKey || this.state._shortKey, _align: this.state._tooltipAlign, _label: this.state._label || this.state._href }), hasAriaDescription && (hAsync("span", { key: '28c8d140110185294e5a6b1ce89f394c38337833', class: "visually-hidden", id: this.internalDescriptionById }, this.state._ariaDescription))));
|
|
11624
11624
|
}
|
|
11625
11625
|
validateAccessKey(value) {
|
|
11626
11626
|
validateAccessKey(this, value);
|
|
@@ -15346,7 +15346,7 @@ class KolSelect {
|
|
|
15346
15346
|
form: this.host,
|
|
15347
15347
|
ref: this.selectRef,
|
|
15348
15348
|
});
|
|
15349
|
-
} }, hAsync("input", { key: '04b19515fb209a89e8c90be28ff1d136f454f468', type: "submit", hidden: true }), hAsync("select", Object.assign({ key: '
|
|
15349
|
+
} }, hAsync("input", { key: '04b19515fb209a89e8c90be28ff1d136f454f468', type: "submit", hidden: true }), hAsync("select", Object.assign({ key: '993b1ef7f71489da0e16e929280054c35fd85579', ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-keyshortcuts": this.state._shortKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, multiple: this.state._multiple, name: this.state._name, required: this.state._required, size: this.state._rows }, this.controller.onFacade, { onInput: this.onInput.bind(this), onChange: this.onChange.bind(this), onFocus: (event) => {
|
|
15350
15350
|
this.controller.onFacade.onFocus(event);
|
|
15351
15351
|
this.inputHasFocus = true;
|
|
15352
15352
|
}, onBlur: (event) => {
|
|
@@ -15749,17 +15749,17 @@ class KolSingleSelect {
|
|
|
15749
15749
|
var _a;
|
|
15750
15750
|
const hasExpertSlot = showExpertSlot(this.state._label);
|
|
15751
15751
|
const { ariaDescribedBy } = getRenderStates(this.state);
|
|
15752
|
-
return (hAsync(Host, { key: 'dc3138e5d26bf2378a912798f4d74df22b9f40e5', class: "kol-single-select" }, hAsync("div", { key: '0e66657247dd08a547763a40f11d1bd265cca470', class: `single-select ${this.state._disabled === true ? 'disabled' : ''} ` }, hAsync(KolInputTag, { key: '3bf80abe04b484fd849936644c4de583ea08160b', _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _disabled: this.state._disabled, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _msg: this.state._msg, _required: this.state._required, _shortKey: this.state._shortKey, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, role: `presentation` }, hAsync("span", { key: '3a27fc72a26d502f5f1a50656e39f81f9c0d9d26', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey || this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey || this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '287432b2cc43c8536d0b59e9e4495a12227e6916', slot: "input" }, hAsync("div", { key: 'feb7b795dc4a6ab2447167222d9a3973f868a7da', class: "single-select__group" }, hAsync("input", Object.assign({ key: '
|
|
15752
|
+
return (hAsync(Host, { key: 'dc3138e5d26bf2378a912798f4d74df22b9f40e5', class: "kol-single-select" }, hAsync("div", { key: '0e66657247dd08a547763a40f11d1bd265cca470', class: `single-select ${this.state._disabled === true ? 'disabled' : ''} ` }, hAsync(KolInputTag, { key: '3bf80abe04b484fd849936644c4de583ea08160b', _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _disabled: this.state._disabled, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _msg: this.state._msg, _required: this.state._required, _shortKey: this.state._shortKey, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, role: `presentation` }, hAsync("span", { key: '3a27fc72a26d502f5f1a50656e39f81f9c0d9d26', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey || this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey || this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '287432b2cc43c8536d0b59e9e4495a12227e6916', slot: "input" }, hAsync("div", { key: 'feb7b795dc4a6ab2447167222d9a3973f868a7da', class: "single-select__group" }, hAsync("input", Object.assign({ key: '1da2b138947d26efc863041ee43ba7bf6432d1e6', ref: this.catchRef, class: "single-select__input", "data-testid": "single-select-input", type: "text", "aria-autocomplete": "both", "aria-controls": "listbox", value: this._inputValue, accessKey: this.state._accessKey, "aria-keyshortcuts": this.state._shortKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, "aria-activedescendant": this._isOpen && this._focusedOptionIndex >= 0 ? `option-${this._focusedOptionIndex}` : undefined, autoCapitalize: "off", autoComplete: "off", autoCorrect: "off", disabled: this.state._disabled, name: this.state._name, required: this.state._required }, this.controller.onFacade, { onInput: this.onInput.bind(this), onChange: this.onChange.bind(this), onClick: this.toggleListbox.bind(this), onFocus: (event) => {
|
|
15753
15753
|
this.controller.onFacade.onFocus(event);
|
|
15754
15754
|
this.inputHasFocus = true;
|
|
15755
15755
|
}, onBlur: (event) => {
|
|
15756
15756
|
this.controller.onFacade.onBlur(event);
|
|
15757
15757
|
this.inputHasFocus = false;
|
|
15758
|
-
}, placeholder: this.state._placeholder })), this._inputValue && !this.state._hideClearButton && (hAsync(KolIconTag, { key: '
|
|
15758
|
+
}, placeholder: this.state._placeholder })), this._inputValue && !this.state._hideClearButton && (hAsync(KolIconTag, { key: '14de8f1c01f2ae1f373ed4d5fea93f85b179b9fa', _icons: "codicon codicon-close", _label: translate('kol-delete-selection'), onClick: () => {
|
|
15759
15759
|
var _a;
|
|
15760
15760
|
this.clearSelection();
|
|
15761
15761
|
(_a = this.refInput) === null || _a === void 0 ? void 0 : _a.focus();
|
|
15762
|
-
}, class: "single-select__delete" })), hAsync("button", { key: '
|
|
15762
|
+
}, class: "single-select__delete" })), hAsync("button", { key: '5b295d620df8af1c6ac7f9144111924aaf1c3240', tabindex: "-1", class: "single-select__button", onClick: this.toggleListbox.bind(this), disabled: this.state._disabled }, hAsync(KolIconTag, { key: 'a75954be59a425c82f23eddb41deb2549ddff6bd', _icons: "codicon codicon-triangle-down", _label: translate('kol-dropdown') }))), this._isOpen && !(this.state._disabled === true) && (hAsync("ul", { key: 'f7f1523a0f99559b50ef009f3ba7a9e2a2d596e6', role: "listbox", class: clsx('single-select__listbox', this.blockSuggestionMouseOver && 'single-select__listbox--cursor-hidden'), style: { '--visible-options': `${(_a = this._rows) !== null && _a !== void 0 ? _a : 5}` }, onKeyDown: this.handleKeyDownDropdown.bind(this) }, Array.isArray(this._filteredOptions) && this._filteredOptions.length > 0 ? (this._filteredOptions.map((option, index) => (hAsync("li", { id: `option-${index}`, key: `-${index}`, ref: (el) => {
|
|
15763
15763
|
if (el)
|
|
15764
15764
|
this.refOptions[index] = el;
|
|
15765
15765
|
}, tabIndex: -1, role: "option", "aria-selected": this._value === option.value ? 'true' : undefined, onClick: (event) => {
|
|
@@ -26224,7 +26224,7 @@ class KolTextarea {
|
|
|
26224
26224
|
render() {
|
|
26225
26225
|
const { ariaDescribedBy } = getRenderStates(this.state);
|
|
26226
26226
|
const hasExpertSlot = showExpertSlot(this.state._label);
|
|
26227
|
-
return (hAsync(Host, { key: '73f6f705bd540008891cc0c119381114c2daf062', class: { 'kol-textarea': true, 'has-value': this.state._hasValue } }, hAsync(KolInputTag, { key: 'cd123118a262a25c544a64351af60c59ea0d6376', class: { textarea: true, 'hide-label': !!this.state._hideLabel, 'has-counter': !!this.state._hasCounter }, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _currentLength: this.state._currentLength, _currentLengthDebounced: this.state._currentLengthDebounced, _disabled: this.state._disabled, _hideError: this.state._hideError, _hasCounter: this.state._hasCounter, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _maxLength: this.state._maxLength, _msg: this.state._msg, _readOnly: this.state._readOnly, _required: this.state._required, _shortKey: this.state._shortKey, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.textareaRef) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: 'ecdeb23a4ee2891ffe21d1f19e5b6d1fbf158ee6', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey || this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey || this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '527aaa560861374f83daa097fd85ec6cad015058', slot: "input" }, hAsync("textarea", Object.assign({ key: '
|
|
26227
|
+
return (hAsync(Host, { key: '73f6f705bd540008891cc0c119381114c2daf062', class: { 'kol-textarea': true, 'has-value': this.state._hasValue } }, hAsync(KolInputTag, { key: 'cd123118a262a25c544a64351af60c59ea0d6376', class: { textarea: true, 'hide-label': !!this.state._hideLabel, 'has-counter': !!this.state._hasCounter }, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _currentLength: this.state._currentLength, _currentLengthDebounced: this.state._currentLengthDebounced, _disabled: this.state._disabled, _hideError: this.state._hideError, _hasCounter: this.state._hasCounter, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _maxLength: this.state._maxLength, _msg: this.state._msg, _readOnly: this.state._readOnly, _required: this.state._required, _shortKey: this.state._shortKey, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.textareaRef) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: 'ecdeb23a4ee2891ffe21d1f19e5b6d1fbf158ee6', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey || this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey || this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '527aaa560861374f83daa097fd85ec6cad015058', slot: "input" }, hAsync("textarea", Object.assign({ key: 'fa701683c9bd3cae71a5351ab9c6f8e68e7445fc', ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-keyshortcuts": this.state._shortKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, maxlength: this.state._maxLength, name: this.state._name, readOnly: this.state._readOnly, required: this.state._required, rows: this.state._rows, placeholder: this.state._placeholder, spellcheck: this.state._spellCheck }, this.controller.onFacade, { onInput: this.onInput, onFocus: (event) => {
|
|
26228
26228
|
this.controller.onFacade.onFocus(event);
|
|
26229
26229
|
this.inputHasFocus = true;
|
|
26230
26230
|
}, onBlur: (event) => {
|
package/dist/index.mjs
CHANGED
|
@@ -5864,13 +5864,13 @@ class KolButtonWc {
|
|
|
5864
5864
|
var _a, _b;
|
|
5865
5865
|
const hasExpertSlot = showExpertSlot(this.state._label);
|
|
5866
5866
|
const hasAriaDescription = Boolean((_b = (_a = this.state._ariaDescription) === null || _a === void 0 ? void 0 : _a.trim()) === null || _b === void 0 ? void 0 : _b.length);
|
|
5867
|
-
return (hAsync(Host, { key: 'd45ad337e0a56f359cf274d2955bd75841647804', class: "kol-button-wc" }, hAsync("button", Object.assign({ key: '
|
|
5867
|
+
return (hAsync(Host, { key: 'd45ad337e0a56f359cf274d2955bd75841647804', class: "kol-button-wc" }, hAsync("button", Object.assign({ key: '9bda0691767c6dbb8e658713861002fae8ffa300', ref: this.catchRef, accessKey: this.state._accessKey || undefined, "aria-controls": this.state._ariaControls, "aria-describedby": hasAriaDescription ? this.internalDescriptionById : undefined, "aria-expanded": mapBoolean2String(this.state._ariaExpanded), "aria-haspopup": this._ariaHasPopup, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, "aria-selected": mapStringOrBoolean2String(this.state._ariaSelected), "aria-keyshortcuts": this.state._shortKey, class: {
|
|
5868
5868
|
button: true,
|
|
5869
5869
|
disabled: this.state._disabled === true,
|
|
5870
5870
|
[this.state._variant]: this.state._variant !== 'custom',
|
|
5871
5871
|
[this.state._customClass]: this.state._variant === 'custom' && typeof this.state._customClass === 'string' && this.state._customClass.length > 0,
|
|
5872
5872
|
'hide-label': this.state._hideLabel === true,
|
|
5873
|
-
}, disabled: this.state._disabled, id: this.state._id, name: this.state._name }, this.state._on, { onClick: this.onClick, role: this.state._role, tabIndex: this.state._tabIndex, type: this.state._type }), hAsync(KolSpanWcTag, { key: '
|
|
5873
|
+
}, disabled: this.state._disabled, id: this.state._id, name: this.state._name }, this.state._on, { onClick: this.onClick, role: this.state._role, tabIndex: this.state._tabIndex, type: this.state._type }), hAsync(KolSpanWcTag, { key: '13089e55131105e244e8854e88b31377cc0d55aa', class: "button-inner", _badgeText: this.state._accessKey || this.state._shortKey, _icons: this.state._icons, _hideLabel: this.state._hideLabel, _label: hasExpertSlot ? '' : this.state._label }, hAsync("slot", { key: '2a1c1c36e6caf742592cbbe2237884ce88ab6feb', name: "expert", slot: "expert" }))), hAsync(KolTooltipWcTag, { key: '41a4acf8b8eb0264dc516559309844f2862d507d', "aria-hidden": "true", hidden: hasExpertSlot || !this.state._hideLabel, _badgeText: this.state._accessKey || this.state._shortKey, _align: this.state._tooltipAlign, _label: typeof this.state._label === 'string' ? this.state._label : '' }), hasAriaDescription && (hAsync("span", { key: '144acc2f013a343e77f81b0a902d2105f31bba86', class: "visually-hidden", id: this.internalDescriptionById }, this.state._ariaDescription))));
|
|
5874
5874
|
}
|
|
5875
5875
|
constructor(hostRef) {
|
|
5876
5876
|
registerInstance(this, hostRef);
|
|
@@ -6507,13 +6507,13 @@ class KolCombobox {
|
|
|
6507
6507
|
render() {
|
|
6508
6508
|
const hasExpertSlot = showExpertSlot(this.state._label);
|
|
6509
6509
|
const { ariaDescribedBy } = getRenderStates(this.state);
|
|
6510
|
-
return (hAsync(Host, { key: '539582153b25b549cdbda73a0e48ab7cdd4a191a', class: "kol-combobox" }, hAsync("div", { key: '1d2e85257cbcb73f9524b36bc0fe60acee7b0a93', class: clsx('combobox', this.state._disabled && 'combobox--disabled') }, hAsync(KolInputTag, { key: 'ed68373d5ce2dc77ac17f1c2e1c7bef1fe70d668', _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _disabled: this.state._disabled, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _msg: this.state._msg, _required: this.state._required, _shortKey: this.state._shortKey, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.refInput) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: 'bbd2040c0f50b8c5c8e59f8591932d6dc739c7c1', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '5cba627e6fc743cc491b0489de20d1ca35ee1381', slot: "input" }, hAsync("div", { key: '4fe1a68b244c8baae0ff5bd7a287e1a7e2887b78', class: "combobox__group" }, hAsync("input", Object.assign({ key: '
|
|
6510
|
+
return (hAsync(Host, { key: '539582153b25b549cdbda73a0e48ab7cdd4a191a', class: "kol-combobox" }, hAsync("div", { key: '1d2e85257cbcb73f9524b36bc0fe60acee7b0a93', class: clsx('combobox', this.state._disabled && 'combobox--disabled') }, hAsync(KolInputTag, { key: 'ed68373d5ce2dc77ac17f1c2e1c7bef1fe70d668', _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _disabled: this.state._disabled, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _msg: this.state._msg, _required: this.state._required, _shortKey: this.state._shortKey, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.refInput) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: 'bbd2040c0f50b8c5c8e59f8591932d6dc739c7c1', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '5cba627e6fc743cc491b0489de20d1ca35ee1381', slot: "input" }, hAsync("div", { key: '4fe1a68b244c8baae0ff5bd7a287e1a7e2887b78', class: "combobox__group" }, hAsync("input", Object.assign({ key: '110dfe077ca616741734b5167ef37b15b8b1c063', ref: this.catchRef, class: "combobox__input", type: "text", role: "combobox", "aria-autocomplete": "both", "aria-expanded": this._isOpen ? 'true' : 'false', "aria-controls": "listbox", value: this.state._value, accessKey: this.state._accessKey, "aria-keyshortcuts": this.state._shortKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, "aria-labelledby": this.state._id, "aria-activedescendant": this._isOpen && this._focusedOptionIndex >= 0 ? `option-${this._focusedOptionIndex}` : undefined, autoCapitalize: "off", autoComplete: "off", autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, name: this.state._name, required: this.state._required }, this.controller.onFacade, { onFocus: (event) => {
|
|
6511
6511
|
this.controller.onFacade.onFocus(event);
|
|
6512
6512
|
this.inputHasFocus = true;
|
|
6513
6513
|
}, onBlur: (event) => {
|
|
6514
6514
|
this.controller.onFacade.onBlur(event);
|
|
6515
6515
|
this.inputHasFocus = false;
|
|
6516
|
-
}, onChange: this.onChange.bind(this), onInput: this.onInput.bind(this), placeholder: this.state._placeholder })), hAsync("button", { key: '
|
|
6516
|
+
}, onChange: this.onChange.bind(this), onInput: this.onInput.bind(this), placeholder: this.state._placeholder })), hAsync("button", { key: 'ad9d0a73c202c6b584dea3a110aa932442c03b92', tabindex: "-1", class: "combobox__icon", onClick: this.toggleListbox.bind(this), disabled: this.state._disabled }, hAsync(KolIconTag, { key: 'fd6c947c1d984c4cc2b8662e9f49afc4550caa27', _icons: "codicon codicon-triangle-down", _label: translate('kol-dropdown') }))), this._isOpen && !(this.state._disabled === true) && (hAsync("ul", { key: 'eb07af059e8fa1eb98463b1f9eb7a3a9529d475c', role: "listbox", class: clsx('combobox__listbox', this.blockSuggestionMouseOver && 'combobox__listbox--cursor-hidden'), onKeyDown: this.handleKeyDownDropdown.bind(this) }, Array.isArray(this._filteredSuggestions) &&
|
|
6517
6517
|
this._filteredSuggestions.length > 0 &&
|
|
6518
6518
|
this._filteredSuggestions.map((option, index) => (hAsync("li", { id: `option-${index}`, key: `-${index}`, ref: (el) => {
|
|
6519
6519
|
if (el)
|
|
@@ -7616,7 +7616,7 @@ class KolInputCheckbox {
|
|
|
7616
7616
|
'hide-label': !!this.state._hideLabel,
|
|
7617
7617
|
checked: this.state._checked,
|
|
7618
7618
|
indeterminate: this.state._indeterminate,
|
|
7619
|
-
}, "data-label-align": this.state._labelAlign || 'right', "data-role": this.state._variant === 'button' ? 'button' : undefined, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _disabled: this.state._disabled, _msg: this.state._msg, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _id: this.state._id, _label: this.state._label, _required: this.state._required, _shortKey: this.state._shortKey, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { key: 'bbe43013b8f71788d12b4e8c1505dd5b086748a9', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey || this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("label", { key: '9cd520c111970d4f0ac428d26e5a30f50cd9d269', slot: "input", class: "checkbox-container" }, hAsync(KolIconTag, { key: '1d799224fe7de743f2905a1442dd872d72098338', class: "icon", _icons: this.state._indeterminate ? this.state._icons.indeterminate : this.state._checked ? this.state._icons.checked : this.state._icons.unchecked, _label: "" }), hAsync("input", Object.assign({ key: '
|
|
7619
|
+
}, "data-label-align": this.state._labelAlign || 'right', "data-role": this.state._variant === 'button' ? 'button' : undefined, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _disabled: this.state._disabled, _msg: this.state._msg, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _id: this.state._id, _label: this.state._label, _required: this.state._required, _shortKey: this.state._shortKey, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { key: 'bbe43013b8f71788d12b4e8c1505dd5b086748a9', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey || this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("label", { key: '9cd520c111970d4f0ac428d26e5a30f50cd9d269', slot: "input", class: "checkbox-container" }, hAsync(KolIconTag, { key: '1d799224fe7de743f2905a1442dd872d72098338', class: "icon", _icons: this.state._indeterminate ? this.state._icons.indeterminate : this.state._checked ? this.state._icons.checked : this.state._icons.unchecked, _label: "" }), hAsync("input", Object.assign({ key: '47d8973669d1dce11065bcd92665522a48f204c8', class: `checkbox-input-element${this.state._variant === 'button' ? ' visually-hidden' : ''}`, ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-keyshortcuts": this.state._shortKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, checked: this.state._checked, disabled: this.state._disabled, id: this.state._id, indeterminate: this.state._indeterminate, name: this.state._name, required: this.state._required, tabIndex: this.state._tabIndex, type: "checkbox" }, this.controller.onFacade, { onInput: this.onInput, onChange: this.onChange, onKeyDown: this.onKeyDown.bind(this), onFocus: (event) => {
|
|
7620
7620
|
this.controller.onFacade.onFocus(event);
|
|
7621
7621
|
this.inputHasFocus = true;
|
|
7622
7622
|
}, onBlur: (event) => {
|
|
@@ -7892,7 +7892,7 @@ class KolInputColor {
|
|
|
7892
7892
|
return (hAsync(Host, { key: 'eee67867decb854d8b5da3a6664367c539fa9919', class: "kol-input-color" }, hAsync(KolInputTag, { key: '0789ee68085bc6d800502f5b568c2efc030516ca', class: {
|
|
7893
7893
|
color: true,
|
|
7894
7894
|
'hide-label': !!this.state._hideLabel,
|
|
7895
|
-
}, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _disabled: this.state._disabled, _msg: this.state._msg, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _hideError: this.state._hideError, _id: this.state._id, _label: this.state._label, _shortKey: this.state._shortKey, _suggestions: this.state._suggestions, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: '869da8afdf66a6a83cdcdc63ade42e1521a44166', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '765767282379bec02e2aefdb5f734f88286d8891', slot: "input" }, hAsync("input", Object.assign({ key: '
|
|
7895
|
+
}, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _disabled: this.state._disabled, _msg: this.state._msg, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _hideError: this.state._hideError, _id: this.state._id, _label: this.state._label, _shortKey: this.state._shortKey, _suggestions: this.state._suggestions, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: '869da8afdf66a6a83cdcdc63ade42e1521a44166', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '765767282379bec02e2aefdb5f734f88286d8891', slot: "input" }, hAsync("input", Object.assign({ key: '85bd066f0e52c67980eb792d04c8fe55e688d9ee', ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-keyshortcuts": this.state._shortKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, name: this.state._name, slot: "input", type: "color", value: this.state._value }, this.controller.onFacade, { onFocus: (event) => {
|
|
7896
7896
|
this.controller.onFacade.onFocus(event);
|
|
7897
7897
|
this.inputHasFocus = true;
|
|
7898
7898
|
}, onBlur: (event) => {
|
|
@@ -8268,7 +8268,7 @@ class KolInputDate {
|
|
|
8268
8268
|
return (hAsync(Host, { key: '8657af4f219518c6c18d62e3cd7ef7681e143cc3', class: { 'kol-input-date': true, 'has-value': this.state._hasValue } }, hAsync(KolInputTag, { key: '9ec350cbd69031b99b5412cb6a8a907035e52d1f', class: {
|
|
8269
8269
|
[this.state._type]: true,
|
|
8270
8270
|
'hide-label': !!this.state._hideLabel,
|
|
8271
|
-
}, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _disabled: this.state._disabled, _msg: this.state._msg, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _suggestions: this.state._suggestions, _readOnly: this.state._readOnly, _required: this.state._required, _shortKey: this.state._shortKey, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { key: 'c3ef44f1b628170fb2cfc0cdbdd62fd06c1a8461', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey || this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '2eb1d8a2385634b7dfb1a455af1e1534d084e33a', slot: "input" }, hAsync("input", Object.assign({ key: '
|
|
8271
|
+
}, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _disabled: this.state._disabled, _msg: this.state._msg, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _suggestions: this.state._suggestions, _readOnly: this.state._readOnly, _required: this.state._required, _shortKey: this.state._shortKey, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { key: 'c3ef44f1b628170fb2cfc0cdbdd62fd06c1a8461', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey || this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '2eb1d8a2385634b7dfb1a455af1e1534d084e33a', slot: "input" }, hAsync("input", Object.assign({ key: '3b129a72eb426673efb8350d4aa1f7aec1f018a4', ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-keyshortcuts": this.state._shortKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, max: this.state._max, min: this.state._min, name: this.state._name, readOnly: this.state._readOnly, required: this.state._required, step: this.state._step, type: this.state._type, value: this.state._value || undefined }, this.controller.onFacade, { onKeyDown: this.onKeyDown, onBlur: (event) => {
|
|
8272
8272
|
this.controller.onFacade.onBlur(event);
|
|
8273
8273
|
this.inputHasFocus = false;
|
|
8274
8274
|
}, onFocus: (event) => {
|
|
@@ -9151,7 +9151,7 @@ class KolInputEmail {
|
|
|
9151
9151
|
return (hAsync(Host, { key: 'ac60edbcb3ebfe102a939ec5b38a37e8a40dedcf', class: {
|
|
9152
9152
|
'kol-input-email': true,
|
|
9153
9153
|
'has-value': this.state._hasValue,
|
|
9154
|
-
} }, hAsync(KolInputTag, { key: 'fbe21fa47f283d683551a2aed89878feb3e183e6', class: { email: true, 'hide-label': !!this.state._hideLabel }, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _currentLength: this.state._currentLength, _currentLengthDebounced: this.state._currentLengthDebounced, _disabled: this.state._disabled, _msg: this.state._msg, _hideError: this.state._hideError, _hasCounter: this.state._hasCounter, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _suggestions: this.state._suggestions, _maxLength: this.state._maxLength, _readOnly: this.state._readOnly, _required: this.state._required, _shortKey: this.state._shortKey, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: '4f50f622f5ad6742d7293da85d45db61c6012c37', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '8c6a027da0919608da7af05d39e400a62bffd5f0', slot: "input" }, hAsync("input", Object.assign({ key: '
|
|
9154
|
+
} }, hAsync(KolInputTag, { key: 'fbe21fa47f283d683551a2aed89878feb3e183e6', class: { email: true, 'hide-label': !!this.state._hideLabel }, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _currentLength: this.state._currentLength, _currentLengthDebounced: this.state._currentLengthDebounced, _disabled: this.state._disabled, _msg: this.state._msg, _hideError: this.state._hideError, _hasCounter: this.state._hasCounter, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _suggestions: this.state._suggestions, _maxLength: this.state._maxLength, _readOnly: this.state._readOnly, _required: this.state._required, _shortKey: this.state._shortKey, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: '4f50f622f5ad6742d7293da85d45db61c6012c37', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '8c6a027da0919608da7af05d39e400a62bffd5f0', slot: "input" }, hAsync("input", Object.assign({ key: '9ee6dafe9aafbf4449da04b5c43500d1eecd0044', ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-keyshortcuts": this.state._shortKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, multiple: this.state._multiple, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, maxlength: this.state._maxLength, name: this.state._name, pattern: this.state._pattern, placeholder: this.state._placeholder, readOnly: this.state._readOnly, required: this.state._required, type: "email", value: this.state._value }, this.controller.onFacade, { onKeyDown: this.onKeyDown, onInput: this.onInput, onFocus: (event) => {
|
|
9155
9155
|
this.controller.onFacade.onFocus(event);
|
|
9156
9156
|
this.inputHasFocus = true;
|
|
9157
9157
|
}, onBlur: (event) => {
|
|
@@ -9443,7 +9443,7 @@ class KolInputFile {
|
|
|
9443
9443
|
return (hAsync(Host, { key: '2fb1994862e55f5f29d5539ea76611a910602944', class: "kol-input-file" }, hAsync(KolInputTag, { key: 'bf5b084f28a7167cb04213ddd16617e0dd656d62', class: {
|
|
9444
9444
|
file: true,
|
|
9445
9445
|
'hide-label': !!this.state._hideLabel,
|
|
9446
|
-
}, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _disabled: this.state._disabled, _msg: this.state._msg, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _required: this.state._required, _shortKey: this.state._shortKey, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: '80930ef080e0a80ba7ec5d83b8d0452d501c659a', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '614c84ae9760bc39232515f874154eb9f5b88983', slot: "input" }, hAsync("input", Object.assign({ key: '
|
|
9446
|
+
}, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _disabled: this.state._disabled, _msg: this.state._msg, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _required: this.state._required, _shortKey: this.state._shortKey, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: '80930ef080e0a80ba7ec5d83b8d0452d501c659a', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '614c84ae9760bc39232515f874154eb9f5b88983', slot: "input" }, hAsync("input", Object.assign({ key: 'e1d8b7a442254e70d5728a0ead467927eb05063e', ref: this.catchRef, title: "", accept: this.state._accept, accessKey: this.state._accessKey, "aria-keyshortcuts": this.state._shortKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, multiple: this.state._multiple, name: this.state._name, required: this.state._required, type: "file", value: this.state._value }, this.controller.onFacade, { onChange: this.onChange, onInput: this.onInput, onFocus: (event) => {
|
|
9447
9447
|
this.controller.onFacade.onFocus(event);
|
|
9448
9448
|
this.inputHasFocus = true;
|
|
9449
9449
|
}, onBlur: (event) => {
|
|
@@ -9751,7 +9751,7 @@ class KolInputNumber {
|
|
|
9751
9751
|
} }, hAsync(KolInputTag, { key: 'c14ef81d498de0b55146571ccd48ff133c39c0f9', class: {
|
|
9752
9752
|
number: true,
|
|
9753
9753
|
'hide-label': !!this.state._hideLabel,
|
|
9754
|
-
}, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _disabled: this.state._disabled, _msg: this.state._msg, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _suggestions: this.state._suggestions, _readOnly: this.state._readOnly, _required: this.state._required, _shortKey: this.state._shortKey, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { key: '8b4b88a454603fa88aa7a46d59d3b5fdf9717bd0', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '8934f83d83685b71106f5006a28363f8579c5af1', slot: "input" }, hAsync("input", Object.assign({ key: '
|
|
9754
|
+
}, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _disabled: this.state._disabled, _msg: this.state._msg, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _suggestions: this.state._suggestions, _readOnly: this.state._readOnly, _required: this.state._required, _shortKey: this.state._shortKey, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { key: '8b4b88a454603fa88aa7a46d59d3b5fdf9717bd0', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '8934f83d83685b71106f5006a28363f8579c5af1', slot: "input" }, hAsync("input", Object.assign({ key: '249196519cf608fbd58e392b000edebbcc49c087', ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-keyshortcuts": this.state._shortKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, max: this.state._max, min: this.state._min, name: this.state._name, readOnly: this.state._readOnly, required: this.state._required, placeholder: this.state._placeholder, step: this.state._step, type: "number", value: this.state._value }, this.controller.onFacade, { onKeyDown: this.onKeyDown, onFocus: (event) => {
|
|
9755
9755
|
this.controller.onFacade.onFocus(event);
|
|
9756
9756
|
this.inputHasFocus = true;
|
|
9757
9757
|
}, onBlur: (event) => {
|
|
@@ -10006,7 +10006,7 @@ class KolInputPassword {
|
|
|
10006
10006
|
} }, hAsync(KolInputTag, { key: '048d9a4e598a6b4533f764cca09ce233e736e45f', class: {
|
|
10007
10007
|
'hide-label': !!this.state._hideLabel,
|
|
10008
10008
|
password: true,
|
|
10009
|
-
}, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _currentLength: this.state._currentLength, _currentLengthDebounced: this.state._currentLengthDebounced, _disabled: this.state._disabled, _msg: this.state._msg, _hasCounter: this.state._hasCounter, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _maxLength: this.state._maxLength, _readOnly: this.state._readOnly, _required: this.state._required, _shortKey: this.state._shortKey, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: '78cdb4e9cca607018f3ea7ccb32ee147ef0faf45', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '1865764ad5fbaffd38d743a36e138cb49ec4e976', slot: "input" }, hAsync("input", Object.assign({ key: '
|
|
10009
|
+
}, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _currentLength: this.state._currentLength, _currentLengthDebounced: this.state._currentLengthDebounced, _disabled: this.state._disabled, _msg: this.state._msg, _hasCounter: this.state._hasCounter, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _maxLength: this.state._maxLength, _readOnly: this.state._readOnly, _required: this.state._required, _shortKey: this.state._shortKey, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: '78cdb4e9cca607018f3ea7ccb32ee147ef0faf45', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '1865764ad5fbaffd38d743a36e138cb49ec4e976', slot: "input" }, hAsync("input", Object.assign({ key: '9b5e3fc61407e77d13f91f1cc063376cd734801c', ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-keyshortcuts": this.state._shortKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, maxlength: this.state._maxLength, name: this.state._name, pattern: this.state._pattern, placeholder: this.state._placeholder, readOnly: this.state._readOnly, required: this.state._required, type: this._passwordVisible ? 'text' : 'password', value: this.state._value }, this.controller.onFacade, { onKeyDown: this.onKeyDown, onInput: this.onInput, onFocus: (event) => {
|
|
10010
10010
|
this.controller.onFacade.onFocus(event);
|
|
10011
10011
|
this.inputHasFocus = true;
|
|
10012
10012
|
}, onBlur: (event) => {
|
|
@@ -10590,20 +10590,20 @@ class KolInputRange {
|
|
|
10590
10590
|
'hide-label': !!this.state._hideLabel,
|
|
10591
10591
|
}, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _disabled: this.state._disabled, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _msg: this.state._msg, _shortKey: this.state._shortKey, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { key: 'b2bc64f1194f6cb03795c2866847b6521b4f5ca7', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: 'f07fc1f84f62c34fa698fec424f33c5a20c09d78', slot: "input" }, hAsync("div", { key: 'ab6085f852f2f5f253c89824089b4d2ffbbacaaf', class: "inputs-wrapper", style: {
|
|
10592
10592
|
'--kolibri-input-range--input-number--width': `calc(${String((_a = this.state._max) !== null && _a !== void 0 ? _a : 100).length}ch + 2em)`,
|
|
10593
|
-
} }, hAsync("input", Object.assign({ key: '
|
|
10593
|
+
} }, hAsync("input", Object.assign({ key: '498ba4bba9741dc487c53841210dc6333b010e7f', ref: this.catchInputRangeRef, title: "", accessKey: this.state._accessKey, "aria-keyshortcuts": this.state._shortKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, "aria-hidden": "true", autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, list: hasSuggestions ? `${this.state._id}-list` : undefined, max: this.state._max, min: this.state._min, name: this.state._name ? `${this.state._name}-range` : undefined, step: this.state._step, tabIndex: -1, type: "range", value: this.state._value }, this.controller.onFacade, { onChange: this.onChange, onFocus: (event) => {
|
|
10594
10594
|
this.controller.onFacade.onFocus(event);
|
|
10595
10595
|
this.inputHasFocus = true;
|
|
10596
10596
|
}, onBlur: (event) => {
|
|
10597
10597
|
this.controller.onFacade.onBlur(event);
|
|
10598
10598
|
this.inputHasFocus = false;
|
|
10599
|
-
} })), hAsync("input", Object.assign({ key: '
|
|
10599
|
+
} })), hAsync("input", Object.assign({ key: '678216841af206cd80113c42e677bf173007a50e', ref: this.catchInputNumberRef, title: "", accessKey: this.state._accessKey, "aria-keyshortcuts": this.state._shortKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, max: this.state._max, min: this.state._min, name: this.state._name ? `${this.state._name}-number` : undefined, step: this.state._step, type: "number", value: this.state._value }, this.controller.onFacade, { onKeyDown: this.onKeyDown, onChange: this.onChange, onFocus: (event) => {
|
|
10600
10600
|
this.controller.onFacade.onFocus(event);
|
|
10601
10601
|
this.inputHasFocus = true;
|
|
10602
10602
|
}, onBlur: (event) => {
|
|
10603
10603
|
this.controller.onFacade.onBlur(event);
|
|
10604
10604
|
this.inputHasFocus = false;
|
|
10605
10605
|
} }))), hasSuggestions && [
|
|
10606
|
-
hAsync("datalist", { key: '
|
|
10606
|
+
hAsync("datalist", { key: 'ef2aacbd06670d1adcce44e3240eb202017d3521', id: `${this.state._id}-list` }, this.state._suggestions.map((option) => (hAsync("option", { value: option })))),
|
|
10607
10607
|
]))));
|
|
10608
10608
|
}
|
|
10609
10609
|
constructor(hostRef) {
|
|
@@ -10847,7 +10847,7 @@ class KolInputText {
|
|
|
10847
10847
|
} }, hAsync(KolInputTag, { key: '683fdcbf6d18f55934c467160cb24ff8b5fb9c77', class: {
|
|
10848
10848
|
[this.state._type]: true,
|
|
10849
10849
|
'hide-label': !!this.state._hideLabel,
|
|
10850
|
-
}, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _currentLength: this.state._currentLength, _currentLengthDebounced: this.state._currentLengthDebounced, _disabled: this.state._disabled, _hasCounter: this.state._hasCounter, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _maxLength: this.state._maxLength, _msg: this.state._msg, _readOnly: this.state._readOnly, _required: this.state._required, _shortKey: this.state._shortKey, _smartButton: this.state._smartButton, _suggestions: this.state._suggestions, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: '91054ddb0072e2f640cb20f40ba29c942f88a8c3', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '045478c632017b140113e56395139a95f906b94a', slot: "input" }, hAsync("input", Object.assign({ key: '
|
|
10850
|
+
}, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _currentLength: this.state._currentLength, _currentLengthDebounced: this.state._currentLengthDebounced, _disabled: this.state._disabled, _hasCounter: this.state._hasCounter, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _maxLength: this.state._maxLength, _msg: this.state._msg, _readOnly: this.state._readOnly, _required: this.state._required, _shortKey: this.state._shortKey, _smartButton: this.state._smartButton, _suggestions: this.state._suggestions, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: '91054ddb0072e2f640cb20f40ba29c942f88a8c3', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '045478c632017b140113e56395139a95f906b94a', slot: "input" }, hAsync("input", Object.assign({ key: 'd5685b81521f14d241d19c6f60eb3c4afd2890d2', ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-keyshortcuts": this.state._shortKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, maxlength: this.state._maxLength, name: this.state._name, pattern: this.state._pattern, placeholder: this.state._placeholder, readOnly: this.state._readOnly, required: this.state._required, spellcheck: this.state._spellCheck, type: this.state._type, value: this.state._value }, this.controller.onFacade, { onChange: this.onChange, onInput: this.onInput, onKeyDown: this.onKeyDown, onFocus: (event) => {
|
|
10851
10851
|
this.controller.onFacade.onFocus(event);
|
|
10852
10852
|
this.inputHasFocus = true;
|
|
10853
10853
|
}, onBlur: (event) => {
|
|
@@ -11608,7 +11608,7 @@ class KolLinkWc {
|
|
|
11608
11608
|
const { isExternal, tagAttrs } = this.getRenderValues();
|
|
11609
11609
|
const hasExpertSlot = showExpertSlot(this.state._label);
|
|
11610
11610
|
const hasAriaDescription = Boolean((_b = (_a = this.state._ariaDescription) === null || _a === void 0 ? void 0 : _a.trim()) === null || _b === void 0 ? void 0 : _b.length);
|
|
11611
|
-
return (hAsync(Host, { key: 'c49c578ca62676b33a74c33e27bb4033852af9ba', class: "kol-link-wc" }, hAsync("a", Object.assign({ key: '
|
|
11611
|
+
return (hAsync(Host, { key: 'c49c578ca62676b33a74c33e27bb4033852af9ba', class: "kol-link-wc" }, hAsync("a", Object.assign({ key: 'd3644d0cab0642dd9ac4a4adbb1cda8d94130f02', ref: this.catchRef }, tagAttrs, { accessKey: this.state._accessKey, "aria-keyshortcuts": this.state._shortKey, "aria-current": this.state._ariaCurrent, "aria-describedby": hasAriaDescription ? this.internalDescriptionById : undefined, "aria-disabled": this.state._disabled ? 'true' : undefined, "aria-expanded": typeof this.state._ariaExpanded === 'boolean' ? String(this.state._ariaExpanded) : undefined, "aria-owns": this.state._ariaOwns, "aria-label": this.state._hideLabel && typeof this.state._label === 'string'
|
|
11612
11612
|
? `${this.state._label}${isExternal ? ` (${translate('kol-open-link-in-tab')})` : ''}`
|
|
11613
11613
|
: undefined, class: {
|
|
11614
11614
|
disabled: this.state._disabled === true,
|
|
@@ -11616,7 +11616,7 @@ class KolLinkWc {
|
|
|
11616
11616
|
'hide-label': this.state._hideLabel === true,
|
|
11617
11617
|
[this.state._variant]: this.state._variant !== 'custom',
|
|
11618
11618
|
[this.state._customClass]: this.state._variant === 'custom' && typeof this.state._customClass === 'string' && this.state._customClass.length > 0,
|
|
11619
|
-
} }, this.state._on, { onClick: this.onClick, onKeyPress: this.onClick, role: this.state._role, tabIndex: this.state._disabled ? -1 : this.state._tabIndex }), hAsync(KolSpanWcTag, { key: '
|
|
11619
|
+
} }, this.state._on, { onClick: this.onClick, onKeyPress: this.onClick, role: this.state._role, tabIndex: this.state._disabled ? -1 : this.state._tabIndex }), hAsync(KolSpanWcTag, { key: '70c1eed54032875f76ba8c084e9f104ab6743717', _badgeText: this.state._accessKey || this.state._shortKey, _icons: this.state._icons, _hideLabel: this.state._hideLabel, _label: hasExpertSlot ? '' : this.state._label || this.state._href }, hAsync("slot", { key: '59c2e14f7d68766bc4563a2c35e8203c13120fd7', name: "expert", slot: "expert" })), isExternal && (hAsync(KolIconTag, { key: 'c15b0b8f617aebfa9c13ef718183a60d52260151', class: "external-link-icon", _label: this.state._hideLabel ? '' : translate('kol-open-link-in-tab'), _icons: 'codicon codicon-link-external', "aria-hidden": this.state._hideLabel }))), hAsync(KolTooltipWcTag, { key: '29e17c6f098bd7de20658508ff902478368282c1', "aria-hidden": "true", hidden: hasExpertSlot || !this.state._hideLabel, _badgeText: this.state._accessKey || this.state._shortKey, _align: this.state._tooltipAlign, _label: this.state._label || this.state._href }), hasAriaDescription && (hAsync("span", { key: '28c8d140110185294e5a6b1ce89f394c38337833', class: "visually-hidden", id: this.internalDescriptionById }, this.state._ariaDescription))));
|
|
11620
11620
|
}
|
|
11621
11621
|
validateAccessKey(value) {
|
|
11622
11622
|
validateAccessKey(this, value);
|
|
@@ -15342,7 +15342,7 @@ class KolSelect {
|
|
|
15342
15342
|
form: this.host,
|
|
15343
15343
|
ref: this.selectRef,
|
|
15344
15344
|
});
|
|
15345
|
-
} }, hAsync("input", { key: '04b19515fb209a89e8c90be28ff1d136f454f468', type: "submit", hidden: true }), hAsync("select", Object.assign({ key: '
|
|
15345
|
+
} }, hAsync("input", { key: '04b19515fb209a89e8c90be28ff1d136f454f468', type: "submit", hidden: true }), hAsync("select", Object.assign({ key: '993b1ef7f71489da0e16e929280054c35fd85579', ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-keyshortcuts": this.state._shortKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, multiple: this.state._multiple, name: this.state._name, required: this.state._required, size: this.state._rows }, this.controller.onFacade, { onInput: this.onInput.bind(this), onChange: this.onChange.bind(this), onFocus: (event) => {
|
|
15346
15346
|
this.controller.onFacade.onFocus(event);
|
|
15347
15347
|
this.inputHasFocus = true;
|
|
15348
15348
|
}, onBlur: (event) => {
|
|
@@ -15745,17 +15745,17 @@ class KolSingleSelect {
|
|
|
15745
15745
|
var _a;
|
|
15746
15746
|
const hasExpertSlot = showExpertSlot(this.state._label);
|
|
15747
15747
|
const { ariaDescribedBy } = getRenderStates(this.state);
|
|
15748
|
-
return (hAsync(Host, { key: 'dc3138e5d26bf2378a912798f4d74df22b9f40e5', class: "kol-single-select" }, hAsync("div", { key: '0e66657247dd08a547763a40f11d1bd265cca470', class: `single-select ${this.state._disabled === true ? 'disabled' : ''} ` }, hAsync(KolInputTag, { key: '3bf80abe04b484fd849936644c4de583ea08160b', _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _disabled: this.state._disabled, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _msg: this.state._msg, _required: this.state._required, _shortKey: this.state._shortKey, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, role: `presentation` }, hAsync("span", { key: '3a27fc72a26d502f5f1a50656e39f81f9c0d9d26', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey || this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey || this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '287432b2cc43c8536d0b59e9e4495a12227e6916', slot: "input" }, hAsync("div", { key: 'feb7b795dc4a6ab2447167222d9a3973f868a7da', class: "single-select__group" }, hAsync("input", Object.assign({ key: '
|
|
15748
|
+
return (hAsync(Host, { key: 'dc3138e5d26bf2378a912798f4d74df22b9f40e5', class: "kol-single-select" }, hAsync("div", { key: '0e66657247dd08a547763a40f11d1bd265cca470', class: `single-select ${this.state._disabled === true ? 'disabled' : ''} ` }, hAsync(KolInputTag, { key: '3bf80abe04b484fd849936644c4de583ea08160b', _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _disabled: this.state._disabled, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _msg: this.state._msg, _required: this.state._required, _shortKey: this.state._shortKey, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, role: `presentation` }, hAsync("span", { key: '3a27fc72a26d502f5f1a50656e39f81f9c0d9d26', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey || this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey || this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '287432b2cc43c8536d0b59e9e4495a12227e6916', slot: "input" }, hAsync("div", { key: 'feb7b795dc4a6ab2447167222d9a3973f868a7da', class: "single-select__group" }, hAsync("input", Object.assign({ key: '1da2b138947d26efc863041ee43ba7bf6432d1e6', ref: this.catchRef, class: "single-select__input", "data-testid": "single-select-input", type: "text", "aria-autocomplete": "both", "aria-controls": "listbox", value: this._inputValue, accessKey: this.state._accessKey, "aria-keyshortcuts": this.state._shortKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, "aria-activedescendant": this._isOpen && this._focusedOptionIndex >= 0 ? `option-${this._focusedOptionIndex}` : undefined, autoCapitalize: "off", autoComplete: "off", autoCorrect: "off", disabled: this.state._disabled, name: this.state._name, required: this.state._required }, this.controller.onFacade, { onInput: this.onInput.bind(this), onChange: this.onChange.bind(this), onClick: this.toggleListbox.bind(this), onFocus: (event) => {
|
|
15749
15749
|
this.controller.onFacade.onFocus(event);
|
|
15750
15750
|
this.inputHasFocus = true;
|
|
15751
15751
|
}, onBlur: (event) => {
|
|
15752
15752
|
this.controller.onFacade.onBlur(event);
|
|
15753
15753
|
this.inputHasFocus = false;
|
|
15754
|
-
}, placeholder: this.state._placeholder })), this._inputValue && !this.state._hideClearButton && (hAsync(KolIconTag, { key: '
|
|
15754
|
+
}, placeholder: this.state._placeholder })), this._inputValue && !this.state._hideClearButton && (hAsync(KolIconTag, { key: '14de8f1c01f2ae1f373ed4d5fea93f85b179b9fa', _icons: "codicon codicon-close", _label: translate('kol-delete-selection'), onClick: () => {
|
|
15755
15755
|
var _a;
|
|
15756
15756
|
this.clearSelection();
|
|
15757
15757
|
(_a = this.refInput) === null || _a === void 0 ? void 0 : _a.focus();
|
|
15758
|
-
}, class: "single-select__delete" })), hAsync("button", { key: '
|
|
15758
|
+
}, class: "single-select__delete" })), hAsync("button", { key: '5b295d620df8af1c6ac7f9144111924aaf1c3240', tabindex: "-1", class: "single-select__button", onClick: this.toggleListbox.bind(this), disabled: this.state._disabled }, hAsync(KolIconTag, { key: 'a75954be59a425c82f23eddb41deb2549ddff6bd', _icons: "codicon codicon-triangle-down", _label: translate('kol-dropdown') }))), this._isOpen && !(this.state._disabled === true) && (hAsync("ul", { key: 'f7f1523a0f99559b50ef009f3ba7a9e2a2d596e6', role: "listbox", class: clsx('single-select__listbox', this.blockSuggestionMouseOver && 'single-select__listbox--cursor-hidden'), style: { '--visible-options': `${(_a = this._rows) !== null && _a !== void 0 ? _a : 5}` }, onKeyDown: this.handleKeyDownDropdown.bind(this) }, Array.isArray(this._filteredOptions) && this._filteredOptions.length > 0 ? (this._filteredOptions.map((option, index) => (hAsync("li", { id: `option-${index}`, key: `-${index}`, ref: (el) => {
|
|
15759
15759
|
if (el)
|
|
15760
15760
|
this.refOptions[index] = el;
|
|
15761
15761
|
}, tabIndex: -1, role: "option", "aria-selected": this._value === option.value ? 'true' : undefined, onClick: (event) => {
|
|
@@ -26220,7 +26220,7 @@ class KolTextarea {
|
|
|
26220
26220
|
render() {
|
|
26221
26221
|
const { ariaDescribedBy } = getRenderStates(this.state);
|
|
26222
26222
|
const hasExpertSlot = showExpertSlot(this.state._label);
|
|
26223
|
-
return (hAsync(Host, { key: '73f6f705bd540008891cc0c119381114c2daf062', class: { 'kol-textarea': true, 'has-value': this.state._hasValue } }, hAsync(KolInputTag, { key: 'cd123118a262a25c544a64351af60c59ea0d6376', class: { textarea: true, 'hide-label': !!this.state._hideLabel, 'has-counter': !!this.state._hasCounter }, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _currentLength: this.state._currentLength, _currentLengthDebounced: this.state._currentLengthDebounced, _disabled: this.state._disabled, _hideError: this.state._hideError, _hasCounter: this.state._hasCounter, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _maxLength: this.state._maxLength, _msg: this.state._msg, _readOnly: this.state._readOnly, _required: this.state._required, _shortKey: this.state._shortKey, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.textareaRef) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: 'ecdeb23a4ee2891ffe21d1f19e5b6d1fbf158ee6', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey || this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey || this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '527aaa560861374f83daa097fd85ec6cad015058', slot: "input" }, hAsync("textarea", Object.assign({ key: '
|
|
26223
|
+
return (hAsync(Host, { key: '73f6f705bd540008891cc0c119381114c2daf062', class: { 'kol-textarea': true, 'has-value': this.state._hasValue } }, hAsync(KolInputTag, { key: 'cd123118a262a25c544a64351af60c59ea0d6376', class: { textarea: true, 'hide-label': !!this.state._hideLabel, 'has-counter': !!this.state._hasCounter }, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _currentLength: this.state._currentLength, _currentLengthDebounced: this.state._currentLengthDebounced, _disabled: this.state._disabled, _hideError: this.state._hideError, _hasCounter: this.state._hasCounter, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _maxLength: this.state._maxLength, _msg: this.state._msg, _readOnly: this.state._readOnly, _required: this.state._required, _shortKey: this.state._shortKey, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.textareaRef) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: 'ecdeb23a4ee2891ffe21d1f19e5b6d1fbf158ee6', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (hAsync(Fragment, null, hAsync(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey || this.state._shortKey), label: this.state._label }), ' ', hAsync("kbd", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey || this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '527aaa560861374f83daa097fd85ec6cad015058', slot: "input" }, hAsync("textarea", Object.assign({ key: 'fa701683c9bd3cae71a5351ab9c6f8e68e7445fc', ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-keyshortcuts": this.state._shortKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, maxlength: this.state._maxLength, name: this.state._name, readOnly: this.state._readOnly, required: this.state._required, rows: this.state._rows, placeholder: this.state._placeholder, spellcheck: this.state._spellCheck }, this.controller.onFacade, { onInput: this.onInput, onFocus: (event) => {
|
|
26224
26224
|
this.controller.onFacade.onFocus(event);
|
|
26225
26225
|
this.inputHasFocus = true;
|
|
26226
26226
|
}, onBlur: (event) => {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@public-ui/hydrate",
|
|
3
|
-
"version": "2.2.16-rc.
|
|
3
|
+
"version": "2.2.16-rc.2",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"homepage": "https://public-ui.github.io",
|
|
6
6
|
"repository": {
|
|
@@ -46,10 +46,10 @@
|
|
|
46
46
|
],
|
|
47
47
|
"devDependencies": {
|
|
48
48
|
"rimraf": "6.0.1",
|
|
49
|
-
"@public-ui/components": "2.2.16-rc.
|
|
49
|
+
"@public-ui/components": "2.2.16-rc.2"
|
|
50
50
|
},
|
|
51
51
|
"peerDependencies": {
|
|
52
|
-
"@public-ui/components": "2.2.16-rc.
|
|
52
|
+
"@public-ui/components": "2.2.16-rc.2"
|
|
53
53
|
},
|
|
54
54
|
"sideEffects": false,
|
|
55
55
|
"type": "commonjs",
|