@public-ui/hydrate 2.2.13-rc.3 → 2.2.13-rc.4
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 +6 -5
- package/dist/index.mjs +6 -5
- package/package.json +3 -3
package/dist/index.js
CHANGED
|
@@ -10577,28 +10577,29 @@ class KolInputRange {
|
|
|
10577
10577
|
}
|
|
10578
10578
|
}
|
|
10579
10579
|
render() {
|
|
10580
|
+
var _a;
|
|
10580
10581
|
const { ariaDescribedBy } = getRenderStates(this.state);
|
|
10581
10582
|
const hasSuggestions = Array.isArray(this.state._suggestions) && this.state._suggestions.length > 0;
|
|
10582
10583
|
const hasExpertSlot = showExpertSlot(this.state._label);
|
|
10583
10584
|
return (hAsync(Host, { key: '7f963b6a2214832a05596575a4308d2414555e75', class: "kol-input-range" }, hAsync(KolInputTag, { key: 'f6c7604ad1d59c18980c9468c2862779158b155a', class: {
|
|
10584
10585
|
range: true,
|
|
10585
10586
|
'hide-label': !!this.state._hideLabel,
|
|
10586
|
-
}, _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: '152d465e6306d1a18f6329841e3135b95b17b471', 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("span", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '377a32a3ae7007dd563be90c46c89291e896ad5a', slot: "input" }, hAsync("div", { key: '
|
|
10587
|
-
'--kolibri-input-range--input-number--width':
|
|
10588
|
-
} }, hAsync("input", Object.assign({ key: '
|
|
10587
|
+
}, _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: '152d465e6306d1a18f6329841e3135b95b17b471', 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("span", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '377a32a3ae7007dd563be90c46c89291e896ad5a', slot: "input" }, hAsync("div", { key: 'e5446c37650b0fff795a5b47de59ca2090b6abb2', class: "inputs-wrapper", style: {
|
|
10588
|
+
'--kolibri-input-range--input-number--width': `calc(${String((_a = this.state._max) !== null && _a !== void 0 ? _a : 100).length}ch + 2em)`,
|
|
10589
|
+
} }, hAsync("input", Object.assign({ key: '12448ea87480bf7ae044169a8f614d30c37ef559', ref: this.catchInputRangeRef, title: "", accessKey: this.state._accessKey, "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) => {
|
|
10589
10590
|
this.controller.onFacade.onFocus(event);
|
|
10590
10591
|
this.inputHasFocus = true;
|
|
10591
10592
|
}, onBlur: (event) => {
|
|
10592
10593
|
this.controller.onFacade.onBlur(event);
|
|
10593
10594
|
this.inputHasFocus = false;
|
|
10594
|
-
} })), hAsync("input", Object.assign({ key: '
|
|
10595
|
+
} })), hAsync("input", Object.assign({ key: '26c832230700055607a4a5c95e1671c6cb997b2c', ref: this.catchInputNumberRef, title: "", accessKey: this.state._accessKey, "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) => {
|
|
10595
10596
|
this.controller.onFacade.onFocus(event);
|
|
10596
10597
|
this.inputHasFocus = true;
|
|
10597
10598
|
}, onBlur: (event) => {
|
|
10598
10599
|
this.controller.onFacade.onBlur(event);
|
|
10599
10600
|
this.inputHasFocus = false;
|
|
10600
10601
|
} }))), hasSuggestions && [
|
|
10601
|
-
hAsync("datalist", { key: '
|
|
10602
|
+
hAsync("datalist", { key: '182eca332a586d171e5501928b0221a4ea93f994', id: `${this.state._id}-list` }, this.state._suggestions.map((option) => (hAsync("option", { value: option })))),
|
|
10602
10603
|
]))));
|
|
10603
10604
|
}
|
|
10604
10605
|
constructor(hostRef) {
|
package/dist/index.mjs
CHANGED
|
@@ -10573,28 +10573,29 @@ class KolInputRange {
|
|
|
10573
10573
|
}
|
|
10574
10574
|
}
|
|
10575
10575
|
render() {
|
|
10576
|
+
var _a;
|
|
10576
10577
|
const { ariaDescribedBy } = getRenderStates(this.state);
|
|
10577
10578
|
const hasSuggestions = Array.isArray(this.state._suggestions) && this.state._suggestions.length > 0;
|
|
10578
10579
|
const hasExpertSlot = showExpertSlot(this.state._label);
|
|
10579
10580
|
return (hAsync(Host, { key: '7f963b6a2214832a05596575a4308d2414555e75', class: "kol-input-range" }, hAsync(KolInputTag, { key: 'f6c7604ad1d59c18980c9468c2862779158b155a', class: {
|
|
10580
10581
|
range: true,
|
|
10581
10582
|
'hide-label': !!this.state._hideLabel,
|
|
10582
|
-
}, _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: '152d465e6306d1a18f6329841e3135b95b17b471', 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("span", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '377a32a3ae7007dd563be90c46c89291e896ad5a', slot: "input" }, hAsync("div", { key: '
|
|
10583
|
-
'--kolibri-input-range--input-number--width':
|
|
10584
|
-
} }, hAsync("input", Object.assign({ key: '
|
|
10583
|
+
}, _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: '152d465e6306d1a18f6329841e3135b95b17b471', 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("span", { class: "badge-text-hint", "aria-hidden": "true" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (hAsync("span", null, this.state._label))), hAsync("div", { key: '377a32a3ae7007dd563be90c46c89291e896ad5a', slot: "input" }, hAsync("div", { key: 'e5446c37650b0fff795a5b47de59ca2090b6abb2', class: "inputs-wrapper", style: {
|
|
10584
|
+
'--kolibri-input-range--input-number--width': `calc(${String((_a = this.state._max) !== null && _a !== void 0 ? _a : 100).length}ch + 2em)`,
|
|
10585
|
+
} }, hAsync("input", Object.assign({ key: '12448ea87480bf7ae044169a8f614d30c37ef559', ref: this.catchInputRangeRef, title: "", accessKey: this.state._accessKey, "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) => {
|
|
10585
10586
|
this.controller.onFacade.onFocus(event);
|
|
10586
10587
|
this.inputHasFocus = true;
|
|
10587
10588
|
}, onBlur: (event) => {
|
|
10588
10589
|
this.controller.onFacade.onBlur(event);
|
|
10589
10590
|
this.inputHasFocus = false;
|
|
10590
|
-
} })), hAsync("input", Object.assign({ key: '
|
|
10591
|
+
} })), hAsync("input", Object.assign({ key: '26c832230700055607a4a5c95e1671c6cb997b2c', ref: this.catchInputNumberRef, title: "", accessKey: this.state._accessKey, "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) => {
|
|
10591
10592
|
this.controller.onFacade.onFocus(event);
|
|
10592
10593
|
this.inputHasFocus = true;
|
|
10593
10594
|
}, onBlur: (event) => {
|
|
10594
10595
|
this.controller.onFacade.onBlur(event);
|
|
10595
10596
|
this.inputHasFocus = false;
|
|
10596
10597
|
} }))), hasSuggestions && [
|
|
10597
|
-
hAsync("datalist", { key: '
|
|
10598
|
+
hAsync("datalist", { key: '182eca332a586d171e5501928b0221a4ea93f994', id: `${this.state._id}-list` }, this.state._suggestions.map((option) => (hAsync("option", { value: option })))),
|
|
10598
10599
|
]))));
|
|
10599
10600
|
}
|
|
10600
10601
|
constructor(hostRef) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@public-ui/hydrate",
|
|
3
|
-
"version": "2.2.13-rc.
|
|
3
|
+
"version": "2.2.13-rc.4",
|
|
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.13-rc.
|
|
49
|
+
"@public-ui/components": "2.2.13-rc.4"
|
|
50
50
|
},
|
|
51
51
|
"peerDependencies": {
|
|
52
|
-
"@public-ui/components": "2.2.13-rc.
|
|
52
|
+
"@public-ui/components": "2.2.13-rc.4"
|
|
53
53
|
},
|
|
54
54
|
"sideEffects": false,
|
|
55
55
|
"type": "commonjs",
|