@public-ui/hydrate 1.7.19-rc.0 → 1.7.20
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 +146 -118
- package/package.json +3 -3
package/dist/index.js
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
8
|
/*!
|
|
9
|
-
Stencil Mock Doc v4.
|
|
9
|
+
Stencil Mock Doc v4.15.0 | MIT Licensed | https://stenciljs.com
|
|
10
10
|
*/
|
|
11
11
|
const CONTENT_REF_ID = 'r';
|
|
12
12
|
const ORG_LOCATION_ID = 'o';
|
|
@@ -3462,6 +3462,18 @@ Testing components with ElementInternals is fully supported in e2e tests.`);
|
|
|
3462
3462
|
blur() {
|
|
3463
3463
|
dispatchEvent(this, new MockFocusEvent('blur', { relatedTarget: null, bubbles: true, cancelable: true, composed: true }));
|
|
3464
3464
|
}
|
|
3465
|
+
get localName() {
|
|
3466
|
+
/**
|
|
3467
|
+
* The `localName` of an element should be always given, however the way
|
|
3468
|
+
* MockDoc is constructed, it won't allow us to guarantee that. Let's throw
|
|
3469
|
+
* and error we get into the situation where we don't have a `nodeName` set.
|
|
3470
|
+
*
|
|
3471
|
+
*/
|
|
3472
|
+
if (!this.nodeName) {
|
|
3473
|
+
throw new Error(`Can't compute elements localName without nodeName`);
|
|
3474
|
+
}
|
|
3475
|
+
return this.nodeName.toLocaleLowerCase();
|
|
3476
|
+
}
|
|
3465
3477
|
get namespaceURI() {
|
|
3466
3478
|
return this.__namespaceURI;
|
|
3467
3479
|
}
|
|
@@ -6437,6 +6449,9 @@ class MockDocument extends MockHTMLElement {
|
|
|
6437
6449
|
set dir(value) {
|
|
6438
6450
|
this.documentElement.dir = value;
|
|
6439
6451
|
}
|
|
6452
|
+
get localName() {
|
|
6453
|
+
throw new Error('Unimplemented');
|
|
6454
|
+
}
|
|
6440
6455
|
get location() {
|
|
6441
6456
|
if (this.defaultView != null) {
|
|
6442
6457
|
return this.defaultView.location;
|
|
@@ -7317,7 +7332,7 @@ const initKoliBri = () => {
|
|
|
7317
7332
|
| . ' | .-. | | | ,--. | .-. \\ | .--' ,--.
|
|
7318
7333
|
| |\\ \\ | '-' | | | | | | '--' / | | | |
|
|
7319
7334
|
\`--' \`--´ \`---´ \`--' \`--' \`------´ \`--' \`--'
|
|
7320
|
-
🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | 1.7.
|
|
7335
|
+
🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | 1.7.20
|
|
7321
7336
|
`, {
|
|
7322
7337
|
forceLog: true,
|
|
7323
7338
|
});
|
|
@@ -7370,6 +7385,10 @@ function queryNonceMetaTagContent(e) {
|
|
|
7370
7385
|
return null !== (n = null === (o = null === (t = e.head) || void 0 === t ? void 0 : t.querySelector('meta[name="csp-nonce"]')) || void 0 === o ? void 0 : o.getAttribute("content")) && void 0 !== n ? n : void 0;
|
|
7371
7386
|
}
|
|
7372
7387
|
|
|
7388
|
+
function sortedAttrNames(e) {
|
|
7389
|
+
return e.includes("ref") ? [ ...e.filter((e => "ref" !== e)), "ref" ] : e;
|
|
7390
|
+
}
|
|
7391
|
+
|
|
7373
7392
|
function componentOnReady() {
|
|
7374
7393
|
return getHostRef(this).$onReadyPromise$;
|
|
7375
7394
|
}
|
|
@@ -7710,8 +7729,8 @@ const createTime = (e, t = "") => {
|
|
|
7710
7729
|
}
|
|
7711
7730
|
}, parseClassListRegex = /\s/, parseClassList = e => e ? e.split(parseClassListRegex) : [], CAPTURE_EVENT_SUFFIX = "Capture", CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$"), updateElement = (e, t, o, n) => {
|
|
7712
7731
|
const s = 11 === t.$elm$.nodeType && t.$elm$.host ? t.$elm$.host : t.$elm$, l = e && e.$attrs$ || EMPTY_OBJ, a = t.$attrs$ || EMPTY_OBJ;
|
|
7713
|
-
for (n
|
|
7714
|
-
for (n
|
|
7732
|
+
for (n of sortedAttrNames(Object.keys(l))) n in a || setAccessor(s, n, l[n], void 0, o, t.$flags$);
|
|
7733
|
+
for (n of sortedAttrNames(Object.keys(a))) setAccessor(s, n, l[n], a[n], o, t.$flags$);
|
|
7715
7734
|
};
|
|
7716
7735
|
|
|
7717
7736
|
let scopeId, contentRef, hostTagName, useNativeShadowDom = !1, checkSlotFallbackVisibility = !1, checkSlotRelocate = !1, isSvgMode = !1;
|
|
@@ -7853,9 +7872,12 @@ const createElm = (e, t, o, n) => {
|
|
|
7853
7872
|
let l = null === (n = t["s-ol"]) || void 0 === n ? void 0 : n.previousSibling;
|
|
7854
7873
|
for (;l; ) {
|
|
7855
7874
|
let n = null !== (s = l["s-nr"]) && void 0 !== s ? s : null;
|
|
7856
|
-
if (n && n["s-sn"] === t["s-sn"] && e === n.parentNode
|
|
7857
|
-
|
|
7858
|
-
|
|
7875
|
+
if (n && n["s-sn"] === t["s-sn"] && e === n.parentNode) {
|
|
7876
|
+
for (n = n.nextSibling; n === t || (null == n ? void 0 : n["s-sr"]); ) n = null == n ? void 0 : n.nextSibling;
|
|
7877
|
+
if (!n || !n["s-nr"]) {
|
|
7878
|
+
o = n;
|
|
7879
|
+
break;
|
|
7880
|
+
}
|
|
7859
7881
|
}
|
|
7860
7882
|
l = l.previousSibling;
|
|
7861
7883
|
}
|
|
@@ -9668,7 +9690,7 @@ class KolAbbr {
|
|
|
9668
9690
|
};
|
|
9669
9691
|
}
|
|
9670
9692
|
render() {
|
|
9671
|
-
return (hAsync(Host, { key: '
|
|
9693
|
+
return (hAsync(Host, { key: '471dbfc7885b5279fe7ceae64390d829644615c0', class: "kol-abbr" }, hAsync("abbr", { key: '00fa0074095c055693f89a2cd47181c93a85308c', "aria-labelledby": this.nonce, role: "definition", tabindex: "0", title: this.state._label }, hAsync("span", { key: '490fe2c7b020dc964b1910e0331018af9281d0f4', title: "" }, hAsync("slot", { key: '6109cb7018e37b9aec6e95642dfa74b7382c24dd' }))), hAsync(KolTooltipWcTag, { key: '64e8eb37981ce31ecbc7dcdf8681cb880f835044', _align: this.state._tooltipAlign, _id: this.nonce, _label: this.state._label })));
|
|
9672
9694
|
}
|
|
9673
9695
|
validateLabel(value) {
|
|
9674
9696
|
validateLabel(this, value, {
|
|
@@ -9757,10 +9779,10 @@ class KolAccordion {
|
|
|
9757
9779
|
};
|
|
9758
9780
|
}
|
|
9759
9781
|
render() {
|
|
9760
|
-
return (hAsync(Host, { key: '
|
|
9782
|
+
return (hAsync(Host, { key: '2210fb25c93cc811783f763e956d04c9156e84a4', class: "kol-accordion" }, hAsync("div", { key: '43f6add95e19695da0263baac094f4de2e77133e', class: {
|
|
9761
9783
|
accordion: true,
|
|
9762
9784
|
open: this.state._open === true,
|
|
9763
|
-
} }, hAsync(KolHeadingWcTag, { key: '
|
|
9785
|
+
} }, hAsync(KolHeadingWcTag, { key: '1236a155eee820f52c146a018f5d14be6eb4f39b', _label: "", _level: this.state._level }, hAsync(KolButtonWcTag, { key: '41675f03cb4d062348f68bdf67b938b285c22f65', ref: this.catchRef, _ariaControls: this.nonce, _ariaExpanded: this.state._open, _icons: this.state._open ? 'codicon codicon-remove' : 'codicon codicon-add', _label: this.state._label, _on: { onClick: this.onClick } })), hAsync("div", { key: 'b11a1fe12ab8892959b637101a22a965e9803492', class: "header" }, hAsync("slot", { key: 'b38992dabe9c3332d92b1d341017499f422a46e9', name: "header" })), hAsync("div", { key: 'd85a96772ab32376fb402d657c4cd9407395efa6', class: "wrapper" }, hAsync("div", { key: '3b580afec226b4cbe56255c3a50a6b6bb28fb16c', class: "animation-wrapper" }, hAsync("div", { key: '9a76ec130c4536c74bd0bc53384311c5ddb5eff2', "aria-hidden": this.state._open === false ? 'true' : undefined, class: "content", id: this.nonce }, hAsync("slot", { key: '5c6c3448fa9e237c082859fa37b191e3d59b5b9b', name: "content" }), " ", hAsync("slot", { key: 'f488707b6f86a9dfbfea753df7062d7a6cd8a521' })))))));
|
|
9764
9786
|
}
|
|
9765
9787
|
validateHeading(value) {
|
|
9766
9788
|
this.validateLabel(value);
|
|
@@ -9834,7 +9856,7 @@ class KolAlert {
|
|
|
9834
9856
|
};
|
|
9835
9857
|
}
|
|
9836
9858
|
render() {
|
|
9837
|
-
return (hAsync(Host, { key: '
|
|
9859
|
+
return (hAsync(Host, { key: '79eb03c6cd09d363ca549fb6b5f669a42fd9ab88', class: "kol-alert" }, hAsync(KolAlertWcTag, { key: 'ed1724f28925d329557d156500a14aa1b4109a5d', _alert: this._alert, _hasCloser: this._hasCloser, _label: this._label || this._heading, _level: this._level, _on: this._on, _type: this._type, _variant: this._variant }, hAsync("slot", { key: 'fb8896ff810c957ffcae4eda282355a12c9661e5' }))));
|
|
9838
9860
|
}
|
|
9839
9861
|
static get style() { return {
|
|
9840
9862
|
default: KolAlertDefaultStyle0
|
|
@@ -12424,16 +12446,16 @@ class KolAlertWc {
|
|
|
12424
12446
|
this.validateAlert(false);
|
|
12425
12447
|
}, 10000);
|
|
12426
12448
|
}
|
|
12427
|
-
return (hAsync(Host, { key: '
|
|
12449
|
+
return (hAsync(Host, { key: '5623c860359559b0888b7e01bd43bd0944b3f621', class: {
|
|
12428
12450
|
'kol-alert-wc': true,
|
|
12429
12451
|
[this.state._type]: true,
|
|
12430
12452
|
[this.state._variant]: true,
|
|
12431
12453
|
hasCloser: !!this.state._hasCloser,
|
|
12432
|
-
}, role: this.state._alert ? 'alert' : undefined }, hAsync("div", { key: '
|
|
12454
|
+
}, role: this.state._alert ? 'alert' : undefined }, hAsync("div", { key: '11a550e34680bae64f86fba0635ad1365ee4df7e', class: "heading" }, hAsync(AlertIcon, { key: '63a3d7902e23f07c14ab7212c4bd4905eedec39f', label: this.state._label, type: this.state._type }), hAsync("div", { key: 'f3d110da2a70bb609c306dab61e5549bb2fc93ea' }, typeof this.state._label === 'string' && ((_a = this.state._label) === null || _a === void 0 ? void 0 : _a.length) > 0 && (hAsync(KolHeadingWcTag, { key: 'a361b01b6ae62e81062f1b02d6e233f25bf884b0', _label: this.state._label, _level: this.state._level })), this.state._variant === 'msg' && (hAsync("div", { key: '1d7f25fd69fde4e24b7276d07c84421937d55ade', class: "content" }, hAsync("slot", { key: 'd34b1c369f545522a9663248ce8aa1e73952f469' })))), this.state._hasCloser && (hAsync(KolButtonWcTag, { key: '31741ec67c586e60ca092feb6f07e05bd2dc127d', class: "close", _hideLabel: true, _icons: {
|
|
12433
12455
|
left: {
|
|
12434
12456
|
icon: 'codicon codicon-close',
|
|
12435
12457
|
},
|
|
12436
|
-
}, _label: translate('kol-close'), _on: this.on, _tooltipAlign: "left" }))), this.state._variant === 'card' && (hAsync("div", { class: "content" }, hAsync("slot",
|
|
12458
|
+
}, _label: translate('kol-close'), _on: this.on, _tooltipAlign: "left" }))), this.state._variant === 'card' && (hAsync("div", { key: '07b9d36d6c0b62a3a19172eae0f24b90bbb1b793', class: "content" }, hAsync("slot", { key: '3fb53c9f8381578b9a0ea72e07774baf64c8d52e' })))));
|
|
12437
12459
|
}
|
|
12438
12460
|
validateAlert(value) {
|
|
12439
12461
|
watchBoolean(this, '_alert', value);
|
|
@@ -12507,7 +12529,7 @@ class KolAvatar {
|
|
|
12507
12529
|
this._label = undefined;
|
|
12508
12530
|
}
|
|
12509
12531
|
render() {
|
|
12510
|
-
return (hAsync(Host, { key: '
|
|
12532
|
+
return (hAsync(Host, { key: '337af9d8d2e1ff0e9a5438fe93f1b618dadbf5e5', class: "kol-avatar" }, hAsync(KolAvatarWcTag, { key: 'c0b25dae5dbf9892b1bff53f1416434888ba769d', _src: this._src, _label: this._label })));
|
|
12511
12533
|
}
|
|
12512
12534
|
static get style() { return {
|
|
12513
12535
|
default: KolAvatarDefaultStyle0
|
|
@@ -12556,7 +12578,7 @@ class KolAvatarWc {
|
|
|
12556
12578
|
};
|
|
12557
12579
|
}
|
|
12558
12580
|
render() {
|
|
12559
|
-
return (hAsync(Host, { key: '
|
|
12581
|
+
return (hAsync(Host, { key: '41951a5655fb3122a3106b3d2b4d4228ebe5b2f4', class: "kol-avatar-wc" }, hAsync("div", { key: 'f768dc508b07c443b9d180ca9b626a22b02a26de', "aria-label": translate('kol-avatar-alt', { placeholders: { name: this.state._label } }), class: "container", role: "img" }, this.state._src ? (hAsync("img", { alt: "", "aria-hidden": "true", class: "image", src: this.state._src })) : (hAsync("span", { "aria-hidden": "true", class: "initials" }, formatLabelAsInitials(this.state._label.trim()))))));
|
|
12560
12582
|
}
|
|
12561
12583
|
validateSrc(value) {
|
|
12562
12584
|
validateImageSource(this, value);
|
|
@@ -13171,12 +13193,12 @@ class KolBadge {
|
|
|
13171
13193
|
}
|
|
13172
13194
|
render() {
|
|
13173
13195
|
const hasSmartButton = typeof this.state._smartButton === 'object' && this.state._smartButton !== null;
|
|
13174
|
-
return (hAsync(Host, { key: '
|
|
13196
|
+
return (hAsync(Host, { key: '928a4a12998193fd35e8113e30483f0889cb113a', class: "kol-badge" }, hAsync("span", { key: '9334506c7d5601388c2731c827c1cd54d1c0ba9a', class: {
|
|
13175
13197
|
'smart-button': typeof this.state._smartButton === 'object' && this.state._smartButton !== null,
|
|
13176
13198
|
}, style: {
|
|
13177
13199
|
backgroundColor: this.bgColorStr,
|
|
13178
13200
|
color: this.colorStr,
|
|
13179
|
-
} }, hAsync(KolSpanWcTag, { key: '
|
|
13201
|
+
} }, hAsync(KolSpanWcTag, { key: 'e54f0c27feff596569925eb88d24f346cebf56fd', id: hasSmartButton ? this.id : undefined, _allowMarkdown: true, _hideLabel: this._hideLabel || this._iconOnly, _icons: this._icons || this._icon, _label: this._label }), hasSmartButton && this.renderSmartButton(this.state._smartButton))));
|
|
13180
13202
|
}
|
|
13181
13203
|
validateColor(value) {
|
|
13182
13204
|
validateColor(this, value, {
|
|
@@ -13265,7 +13287,7 @@ class KolBreadcrumb {
|
|
|
13265
13287
|
}
|
|
13266
13288
|
render() {
|
|
13267
13289
|
var _a;
|
|
13268
|
-
return (hAsync(Host, { key: '
|
|
13290
|
+
return (hAsync(Host, { key: '03ff5ece936c843d1675c64ff7b7b5afbd134b40', class: "kol-breadcrumb" }, hAsync("nav", { key: '94e1e2d4d4329e61e5477eb57cde76ecbce514f7', "aria-label": (_a = this.state._label) !== null && _a !== void 0 ? _a : '' }, hAsync("ul", { key: 'dbfccf5de6121a8b9c20c2b6d93f30289a774bd5' }, this.state._links.length === 0 && (hAsync("li", { key: 'dc595bdfb03d42ad8c909f2fe26734ad89a3ce3d' }, hAsync(KolIconTag, { key: '86f007ea0d61645e32e7b4b0c8578d025046b289', _label: "", _icons: "codicon codicon-home" }), "\u2026")), this.state._links.map(this.renderLink)))));
|
|
13269
13291
|
}
|
|
13270
13292
|
validateAriaLabel(value) {
|
|
13271
13293
|
this.validateLabel(value);
|
|
@@ -13348,11 +13370,11 @@ class KolButton {
|
|
|
13348
13370
|
this._variant = 'normal';
|
|
13349
13371
|
}
|
|
13350
13372
|
render() {
|
|
13351
|
-
return (hAsync(Host, { key: '
|
|
13373
|
+
return (hAsync(Host, { key: '69cbf564dba30adba7458a6c62f5d1d5c0bf462e', class: "kol-button" }, hAsync(KolButtonWcTag, { key: 'bba677a5eb79a22a46a3a63fc683a30bf596ef60', ref: this.catchRef, class: {
|
|
13352
13374
|
button: true,
|
|
13353
13375
|
[this._variant]: this._variant !== 'custom',
|
|
13354
13376
|
[this._customClass]: this._variant === 'custom' && typeof this._customClass === 'string' && this._customClass.length > 0,
|
|
13355
|
-
}, _accessKey: this._accessKey, _ariaControls: this._ariaControls, _ariaCurrent: this._ariaCurrent, _ariaExpanded: this._ariaExpanded, _ariaLabel: this._ariaLabel, _ariaSelected: this._ariaSelected, _customClass: this._customClass, _disabled: this._disabled, _hideLabel: this._hideLabel || this._iconOnly, _icons: this._icons || this._icon, _iconAlign: this._iconAlign, _id: this._id, _label: this._label, _name: this._name, _on: this._on, _role: this._role, _syncValueBySelector: this._syncValueBySelector, _tabIndex: this._tabIndex, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value, _variant: this._variant }, hAsync("slot", { key: '
|
|
13377
|
+
}, _accessKey: this._accessKey, _ariaControls: this._ariaControls, _ariaCurrent: this._ariaCurrent, _ariaExpanded: this._ariaExpanded, _ariaLabel: this._ariaLabel, _ariaSelected: this._ariaSelected, _customClass: this._customClass, _disabled: this._disabled, _hideLabel: this._hideLabel || this._iconOnly, _icons: this._icons || this._icon, _iconAlign: this._iconAlign, _id: this._id, _label: this._label, _name: this._name, _on: this._on, _role: this._role, _syncValueBySelector: this._syncValueBySelector, _tabIndex: this._tabIndex, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value, _variant: this._variant }, hAsync("slot", { key: '0bed9206e2d1ae2461259ef50e7f4a86081dc7b5', name: "expert", slot: "expert" }))));
|
|
13356
13378
|
}
|
|
13357
13379
|
get host() { return getElement(this); }
|
|
13358
13380
|
static get style() { return {
|
|
@@ -13401,7 +13423,7 @@ class KolButtonGroup {
|
|
|
13401
13423
|
registerInstance(this, hostRef);
|
|
13402
13424
|
}
|
|
13403
13425
|
render() {
|
|
13404
|
-
return (hAsync(Host, { key: '
|
|
13426
|
+
return (hAsync(Host, { key: '856c4def4a38f041bac8fb59aafe1e8e3d85c56f', class: "kol-button-group" }, hAsync(KolButtonGroupWcTag, { key: '95563871f03b261afabcaa8d570879fd8aa3fb40' }, hAsync("slot", { key: 'b341aec28098c5170e5aa8c53b8ca71050732880' }))));
|
|
13405
13427
|
}
|
|
13406
13428
|
static get style() { return {
|
|
13407
13429
|
default: KolButtonGroupDefaultStyle0
|
|
@@ -13422,7 +13444,7 @@ class KolButtonGroupWc {
|
|
|
13422
13444
|
this.state = {};
|
|
13423
13445
|
}
|
|
13424
13446
|
render() {
|
|
13425
|
-
return (hAsync(Host, { key: '
|
|
13447
|
+
return (hAsync(Host, { key: '95c045b64c996a4b4075fb50751c84c4109d19db', class: "kol-button-group-wc" }, hAsync("slot", { key: '290f706d0e47811986f120342735b5c6e2c0d8a3' })));
|
|
13426
13448
|
}
|
|
13427
13449
|
static get cmpMeta() { return {
|
|
13428
13450
|
"$flags$": 4,
|
|
@@ -13468,7 +13490,7 @@ class KolButtonLink {
|
|
|
13468
13490
|
this._value = undefined;
|
|
13469
13491
|
}
|
|
13470
13492
|
render() {
|
|
13471
|
-
return (hAsync(Host, { key: '
|
|
13493
|
+
return (hAsync(Host, { key: '4f3d7382e1af26a09db1859e35492bc8fef0ef48', class: "kol-button-link" }, hAsync(KolButtonWcTag, { key: '3b258e7e522c6b7f4dc242429c478663d4d2db6c', ref: this.catchRef, _accessKey: this._accessKey, _ariaControls: this._ariaControls, _ariaCurrent: this._ariaCurrent, _ariaExpanded: this._ariaExpanded, _ariaLabel: this._ariaLabel, _ariaSelected: this._ariaSelected, _disabled: this._disabled, _icons: this._icons || this._icon, _hideLabel: this._hideLabel || this._iconOnly, _id: this._id, _label: this._label, _name: this._name, _on: this._on, _role: "link", _syncValueBySelector: this._syncValueBySelector, _tabIndex: this._tabIndex, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value }, hAsync("slot", { key: '4471d3ed30f49dc6c434d96303b3a3ed6fcb50cf', name: "expert", slot: "expert" }))));
|
|
13472
13494
|
}
|
|
13473
13495
|
get host() { return getElement(this); }
|
|
13474
13496
|
static get style() { return {
|
|
@@ -13515,7 +13537,7 @@ class KolButtonLinkTextSwitch {
|
|
|
13515
13537
|
this._link = undefined;
|
|
13516
13538
|
}
|
|
13517
13539
|
render() {
|
|
13518
|
-
return hAsync(Host, { key: '
|
|
13540
|
+
return hAsync(Host, { key: '4c6b65d7f50d5ded64dceb7405e84a7a9ff9997c', class: "kol-button-link-text-switch" }, this.renderContent());
|
|
13519
13541
|
}
|
|
13520
13542
|
renderContent() {
|
|
13521
13543
|
if (this._link._on) {
|
|
@@ -13754,7 +13776,6 @@ const propagateResetEventToForm = (options = {}) => {
|
|
|
13754
13776
|
}
|
|
13755
13777
|
};
|
|
13756
13778
|
const propagateSubmitEventToForm = (options = {}) => {
|
|
13757
|
-
var _a, _b;
|
|
13758
13779
|
const form = searchFormElement(options.form);
|
|
13759
13780
|
if (form instanceof HTMLElement) {
|
|
13760
13781
|
const event = new SubmitEvent('submit', {
|
|
@@ -13763,23 +13784,30 @@ const propagateSubmitEventToForm = (options = {}) => {
|
|
|
13763
13784
|
submitter: form,
|
|
13764
13785
|
});
|
|
13765
13786
|
if (form.tagName === 'FORM') {
|
|
13766
|
-
setEventTarget(event, form);
|
|
13767
|
-
form.dispatchEvent(event);
|
|
13768
13787
|
if (getExperimentalMode() && form.noValidate === false) {
|
|
13769
13788
|
devHint(`If you have not focusable or hidden form fields in your form, you should enable noValidate for your form.`, {
|
|
13770
13789
|
force: true,
|
|
13771
13790
|
});
|
|
13772
13791
|
}
|
|
13773
|
-
|
|
13774
|
-
form.requestSubmit
|
|
13775
|
-
|
|
13792
|
+
setTimeout(() => {
|
|
13793
|
+
if (typeof form.requestSubmit === 'function') {
|
|
13794
|
+
form.requestSubmit();
|
|
13795
|
+
}
|
|
13796
|
+
else {
|
|
13797
|
+
setEventTarget(event, form);
|
|
13798
|
+
form.dispatchEvent(event);
|
|
13799
|
+
}
|
|
13800
|
+
});
|
|
13776
13801
|
}
|
|
13777
13802
|
else if (form.tagName === 'KOL-FORM') {
|
|
13778
13803
|
setEventTarget(event, KoliBriDevHelper.querySelector('form', form));
|
|
13779
13804
|
const kolForm = form;
|
|
13780
|
-
|
|
13781
|
-
|
|
13782
|
-
|
|
13805
|
+
setTimeout(() => {
|
|
13806
|
+
var _a, _b;
|
|
13807
|
+
if (typeof ((_a = kolForm._on) === null || _a === void 0 ? void 0 : _a.onSubmit) === 'function') {
|
|
13808
|
+
(_b = kolForm._on) === null || _b === void 0 ? void 0 : _b.onSubmit(event);
|
|
13809
|
+
}
|
|
13810
|
+
});
|
|
13783
13811
|
}
|
|
13784
13812
|
}
|
|
13785
13813
|
};
|
|
@@ -13952,13 +13980,13 @@ class AssociatedInputController {
|
|
|
13952
13980
|
class KolButtonWc {
|
|
13953
13981
|
render() {
|
|
13954
13982
|
const hasExpertSlot = showExpertSlot(this.state._label);
|
|
13955
|
-
return (hAsync(Host, { key: '
|
|
13983
|
+
return (hAsync(Host, { key: '09d5419f23b9b4f81b314975d2931bec19d3bf5b', class: "kol-button-wc" }, hAsync("button", Object.assign({ key: 'ebcb966d7a46f0e2a7b2d861a98f1b60ed688851', ref: this.catchRef, accessKey: this.state._accessKey, "aria-controls": this.state._ariaControls, "aria-current": mapStringOrBoolean2String(this.state._ariaCurrent), "aria-expanded": mapBoolean2String(this.state._ariaExpanded), "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, "aria-selected": mapStringOrBoolean2String(this.state._ariaSelected), class: {
|
|
13956
13984
|
button: true,
|
|
13957
13985
|
[this.state._variant]: this.state._variant !== 'custom',
|
|
13958
13986
|
[this.state._customClass]: this.state._variant === 'custom' && typeof this.state._customClass === 'string' && this.state._customClass.length > 0,
|
|
13959
13987
|
'icon-only': this.state._hideLabel === true,
|
|
13960
13988
|
'hide-label': this.state._hideLabel === true,
|
|
13961
|
-
}, 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: '
|
|
13989
|
+
}, 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: '707a57684f25f801fdae05bdecbbef45587e4722', class: "button-inner", _icons: this.state._icons, _hideLabel: this.state._hideLabel, _label: hasExpertSlot ? '' : this.state._label }, hAsync("slot", { key: '95be52ac02537fe2e01e24003859f0fbcca9db71', name: "expert", slot: "expert" }))), hAsync(KolTooltipWcTag, { key: 'e278d183d95bea879ebf924b6c9e165012bb8aad', "aria-hidden": "true", hidden: hasExpertSlot || !this.state._hideLabel, _align: this.state._tooltipAlign, _label: typeof this.state._label === 'string' ? this.state._label : '' })));
|
|
13962
13990
|
}
|
|
13963
13991
|
constructor(hostRef) {
|
|
13964
13992
|
registerInstance(this, hostRef);
|
|
@@ -14220,7 +14248,7 @@ class KolCard {
|
|
|
14220
14248
|
};
|
|
14221
14249
|
}
|
|
14222
14250
|
render() {
|
|
14223
|
-
return (hAsync(Host, { key: '
|
|
14251
|
+
return (hAsync(Host, { key: 'c5e556c6f7cff24fecb56fd6cf98cd82cdaeb709', class: "kol-card" }, hAsync("div", { key: '49b67f816fda0c202af3215d81927ede788888a2', class: "card" }, hAsync("div", { key: '3a57a30b8f857c6472ba913e8239271eda00214a', class: "header" }, hAsync(KolHeadingWcTag, { key: 'ac4c92f2f82c577b42a18f4dacc76cd5ea77affb', _label: this.state._label, _level: this.state._level }), hAsync("slot", { key: '695f2617bc206a7ab1327005923267c329d3250d', name: "header" })), hAsync("div", { key: 'f512cb92b3e4fd6aec58f430b9825098f32ba69e', class: "content" }, hAsync("slot", { key: '1d15d0ef96ab7d2f1c1f9331849dcc3a9dcb7f9d', name: "content" }), hAsync("slot", { key: 'ffc54d4efc0febc6c7635e3dc6087bb430fb6c1b' })), this.state._hasFooter && (hAsync("div", { key: 'e62e78b3d6b9a3a182ddf407936e6148ed633cb1', class: "footer" }, hAsync("slot", { key: 'ae67dd948cc0a0224f6671e4e8986b766c2f0a13', name: "footer" }))), this.state._hasCloser && (hAsync(KolButtonWcTag, { key: 'ab2d976c9c1c1942853c04d9422094bd3db34726', class: "close", _hideLabel: true, _icons: {
|
|
14224
14252
|
left: {
|
|
14225
14253
|
icon: 'codicon codicon-close',
|
|
14226
14254
|
},
|
|
@@ -14391,9 +14419,9 @@ class KolDetails {
|
|
|
14391
14419
|
};
|
|
14392
14420
|
}
|
|
14393
14421
|
render() {
|
|
14394
|
-
return (hAsync(Host, { key: '
|
|
14422
|
+
return (hAsync(Host, { key: 'a74e58d8db562a493e78a48ae663d714efa5ab95', class: "kol-details" }, hAsync("details", { key: 'e322e2b9d503104108ddfc4a5c7951eaa26286e1', ref: (el) => {
|
|
14395
14423
|
this.detailsElement = el;
|
|
14396
|
-
}, onToggle: this.handleToggle }, hAsync("summary", { key: '
|
|
14424
|
+
}, onToggle: this.handleToggle }, hAsync("summary", { key: '2b2d239c3fa48d83513d004c150c66cea4897030', ref: this.catchRef }, this.state._open ? (hAsync(KolIconTag, { _label: "", _icons: "codicon codicon-chevron-down" })) : (hAsync(KolIconTag, { _label: "", _icons: "codicon codicon-chevron-right" })), hAsync("span", { key: 'af9183dddfdcdaf0b2f807a5eb0e7bd3b2f09b51' }, this.state._label)), hAsync("div", { key: '6322e1768922848537310910dc9e1b3c853c76ba', "aria-hidden": this.state._open === false ? 'true' : undefined, class: "content", ref: (element) => (this.contentElement = element) }, hAsync(KolIndentedTextTag, { key: '30501824ebca59f2ed9e089448da1574f39558c5' }, hAsync("slot", { key: '2230614a6d2483939fe829bd6de3f6e364de2240' }))))));
|
|
14397
14425
|
}
|
|
14398
14426
|
validateLabel(value) {
|
|
14399
14427
|
validateLabel(this, value, {
|
|
@@ -14491,10 +14519,10 @@ class KolForm {
|
|
|
14491
14519
|
this.state = {};
|
|
14492
14520
|
}
|
|
14493
14521
|
render() {
|
|
14494
|
-
return (hAsync(Host, { key: '
|
|
14522
|
+
return (hAsync(Host, { key: '378adeb8d0181271a2060ef9ae8d7d21c7e00c66', class: "kol-form" }, this._errorList && this._errorList.length > 0 && (hAsync(KolAlertTag, { key: '4c65d0bad0db34c59e31c14c7b568bfd9776eeeb', _type: "error" }, translate('kol-error-list-message'), hAsync("nav", { key: '710fbc007a4d35b884168683265b7e5935abe35d', "aria-label": translate('kol-error-list') }, hAsync("ul", { key: 'dfbb193608e412e4f24424454d1617f665e04daa' }, this._errorList.map((error, index) => (hAsync("li", { key: index }, hAsync(KolLinkTag, { _href: error.selector, _label: error.message, _on: { onClick: this.handleLinkClick }, ref: (el) => {
|
|
14495
14523
|
if (index === 0)
|
|
14496
14524
|
this.errorListElement = el;
|
|
14497
|
-
} })))))))), hAsync("form", { key: '
|
|
14525
|
+
} })))))))), hAsync("form", { key: 'd656185e18e1187563b537e85cfe8187616b369f', method: "post", onSubmit: this.onSubmit, onReset: this.onReset, autoComplete: "off", noValidate: true }, this.state._requiredText === true ? (hAsync("p", null, hAsync(KolIndentedTextTag, null, translate('kol-form-description')))) : typeof this.state._requiredText === 'string' && this.state._requiredText.length > 0 ? (hAsync("p", null, hAsync(KolIndentedTextTag, null, this.state._requiredText))) : null, hAsync("slot", { key: 'be2df2798a6d88024a596538edbbf876f18789ea' }))));
|
|
14498
14526
|
}
|
|
14499
14527
|
focusErrorList() {
|
|
14500
14528
|
setTimeout(() => {
|
|
@@ -14558,7 +14586,7 @@ class KolHeading {
|
|
|
14558
14586
|
this._secondaryHeadline = undefined;
|
|
14559
14587
|
}
|
|
14560
14588
|
render() {
|
|
14561
|
-
return (hAsync(KolHeadingWcTag, { key: '
|
|
14589
|
+
return (hAsync(KolHeadingWcTag, { key: 'e275291d274c039d06083862e79a854a7190a3ae', _label: this._label, _level: this._level, _secondaryHeadline: this._secondaryHeadline, class: "kol-heading" }, hAsync("slot", { key: '2fb677e47ce3988506c0a0d0a1474c668ee3b405' })));
|
|
14562
14590
|
}
|
|
14563
14591
|
static get style() { return {
|
|
14564
14592
|
default: KolHeadingDefaultStyle0
|
|
@@ -14641,7 +14669,7 @@ class KolHeadingWc {
|
|
|
14641
14669
|
this.validateSecondaryHeadline(this._secondaryHeadline);
|
|
14642
14670
|
}
|
|
14643
14671
|
render() {
|
|
14644
|
-
return (hAsync(Host, { key: '
|
|
14672
|
+
return (hAsync(Host, { key: '12638ded70a69ee660926c87b2b138f43f428039', class: "kol-heading-wc" }, typeof this.state._secondaryHeadline === 'string' && this.state._secondaryHeadline.length > 0 ? (hAsync("hgroup", null, this.renderHeadline(this.state._label, this.state._level), this.state._secondaryHeadline && this.renderSecondaryHeadline(this.state._secondaryHeadline, this.state._level + 1))) : (this.renderHeadline(this.state._label, this.state._level))));
|
|
14645
14673
|
}
|
|
14646
14674
|
static get watchers() { return {
|
|
14647
14675
|
"_label": ["validateLabel"],
|
|
@@ -14680,7 +14708,7 @@ class KolIcon {
|
|
|
14680
14708
|
}
|
|
14681
14709
|
render() {
|
|
14682
14710
|
const ariaShow = typeof this.state._label === 'string' && this.state._label.length > 0;
|
|
14683
|
-
return (hAsync(Host, { key: '
|
|
14711
|
+
return (hAsync(Host, { key: 'a61fa1b195fc0192c49b175df56bf665ad67d426', exportparts: "icon", class: "kol-icon" }, hAsync("i", { key: '823c935cb3699f40c92b8ae7fb10aef90f40bd37', "aria-hidden": ariaShow ? undefined : 'true', "aria-label": ariaShow ? this.state._label : undefined, class: `${this.state._icons}`, part: "icon", role: "img" })));
|
|
14684
14712
|
}
|
|
14685
14713
|
validateAriaLabel(value) {
|
|
14686
14714
|
this.validateLabel(value);
|
|
@@ -14742,7 +14770,7 @@ class KolIconFontAwesome {
|
|
|
14742
14770
|
this._part = undefined;
|
|
14743
14771
|
}
|
|
14744
14772
|
render() {
|
|
14745
|
-
return (hAsync(Host, { key: '
|
|
14773
|
+
return (hAsync(Host, { key: 'a7d0655f902d389b51754b16f6c2fcdb46134e0f', class: "kol-icon-font-awesome" }, hAsync(KolIconTag, { key: 'ae31a2df401bafb5b563040d11dff46899c63b34', exportparts: `icon${typeof this._part === 'string' ? `,${this._part}` : ''}`, _ariaLabel: this._ariaLabel, _icon: typeof this._prefix === 'string' && typeof this._icon === 'string' ? `${this._prefix} fa-${this._icon}` : undefined })));
|
|
14746
14774
|
}
|
|
14747
14775
|
static get cmpMeta() { return {
|
|
14748
14776
|
"$flags$": 0,
|
|
@@ -14767,7 +14795,7 @@ class KolIconIcofont {
|
|
|
14767
14795
|
this._part = undefined;
|
|
14768
14796
|
}
|
|
14769
14797
|
render() {
|
|
14770
|
-
return (hAsync(Host, { key: '
|
|
14798
|
+
return (hAsync(Host, { key: '0ffe9ce80b7d875c9df4932aa0852bd61af2c4af', class: "kol-icon-icofont" }, hAsync(KolIconTag, { key: '02260920dfc52036f50ba57ae27dae480de3344e', exportparts: `icon${typeof this._part === 'string' ? `,${this._part}` : ''}`, _ariaLabel: this._ariaLabel, _icon: typeof this._icon === 'string' ? `icofont-${this._icon}` : undefined })));
|
|
14771
14799
|
}
|
|
14772
14800
|
static get cmpMeta() { return {
|
|
14773
14801
|
"$flags$": 0,
|
|
@@ -14832,7 +14860,7 @@ class KolImage {
|
|
|
14832
14860
|
this.validateSrcset(this._srcset);
|
|
14833
14861
|
}
|
|
14834
14862
|
render() {
|
|
14835
|
-
return (hAsync(Host, { key: '
|
|
14863
|
+
return (hAsync(Host, { key: 'e808efcfd0c9d5c7ab0b1f42ae7278cfe425b88d', class: "kol-image" }, hAsync("img", { key: '11dd20cea2c97cb4350d21c93886697a6e171e18', alt: this.state._alt, loading: this.state._loading, sizes: this.state._sizes, src: this.state._src, srcset: this.state._srcset })));
|
|
14836
14864
|
}
|
|
14837
14865
|
static get watchers() { return {
|
|
14838
14866
|
"_alt": ["validateAlt"],
|
|
@@ -14870,7 +14898,7 @@ class KolIndentedText {
|
|
|
14870
14898
|
this.state = {};
|
|
14871
14899
|
}
|
|
14872
14900
|
render() {
|
|
14873
|
-
return (hAsync(Host, { key: '
|
|
14901
|
+
return (hAsync(Host, { key: '91ea4fd4e0552265614cc3c99df8b01eae2584c0', class: "kol-indented-text-wc" }, hAsync("div", { key: '408248f67779730d34e188b898769477a20d5456' }, hAsync("slot", { key: '8d9835f8f7e8d88813e003b2bdb2248899a02e37' }))));
|
|
14874
14902
|
}
|
|
14875
14903
|
static get style() { return {
|
|
14876
14904
|
default: KolIndentedTextDefaultStyle0
|
|
@@ -14936,7 +14964,7 @@ class KolInput {
|
|
|
14936
14964
|
const hasExpertSlot = showExpertSlot(this._label);
|
|
14937
14965
|
const hasHint = typeof this._hint === 'string' && this._hint.length > 0;
|
|
14938
14966
|
const useTooltopInsteadOfLabel = !hasExpertSlot && this._hideLabel;
|
|
14939
|
-
return (hAsync(Host, { key: '
|
|
14967
|
+
return (hAsync(Host, { key: '8fc0c89a974285aee132e548834920280ec476c0', class: {
|
|
14940
14968
|
'kol-input': true,
|
|
14941
14969
|
disabled: this._disabled === true,
|
|
14942
14970
|
error: hasError === true,
|
|
@@ -14944,11 +14972,11 @@ class KolInput {
|
|
|
14944
14972
|
required: this._required === true,
|
|
14945
14973
|
touched: this._touched === true,
|
|
14946
14974
|
'hidden-error': this._hideError === true,
|
|
14947
|
-
} }, hAsync("label", { key: '
|
|
14975
|
+
} }, hAsync("label", { key: '0e7a7e48d04267c16d5a421d8d995da8c4358be0', class: "input-label", id: !useTooltopInsteadOfLabel ? `${this._id}-label` : undefined, hidden: useTooltopInsteadOfLabel, htmlFor: this._id }, hAsync("span", { key: '0f6fe89a02cb3572ff3fbe632fc9238645871252' }, hAsync("slot", { key: '89c19e3075192d3eeabde219c8c7f14bcdf00776', name: "label" }))), hasHint && (hAsync("span", { key: 'f332306dd9ff0d501e9cdb58044da76602b3639e', class: "hint", id: `${this._id}-hint` }, this._hint)), hAsync("div", { key: 'a27960392a62e8f532def0d2796c3c4d411d88a2', class: {
|
|
14948
14976
|
input: true,
|
|
14949
14977
|
'icon-left': typeof ((_a = this.getIconsProp()) === null || _a === void 0 ? void 0 : _a.left) === 'object',
|
|
14950
14978
|
'icon-right': typeof ((_b = this.getIconsProp()) === null || _b === void 0 ? void 0 : _b.right) === 'object',
|
|
14951
|
-
} }, ((_c = this.getIconsProp()) === null || _c === void 0 ? void 0 : _c.left) && (hAsync(KolIconTag, { _ariaLabel: "", _icons: ((_d = this.getIconsProp()) === null || _d === void 0 ? void 0 : _d.left).icon, style: this.getIconStyles((_e = this.getIconsProp()) === null || _e === void 0 ? void 0 : _e.left) })), hAsync("div", { key: '
|
|
14979
|
+
} }, ((_c = this.getIconsProp()) === null || _c === void 0 ? void 0 : _c.left) && (hAsync(KolIconTag, { key: '478be71d36f5e1313bef2b4b77240d889bfb51ae', _ariaLabel: "", _icons: ((_d = this.getIconsProp()) === null || _d === void 0 ? void 0 : _d.left).icon, style: this.getIconStyles((_e = this.getIconsProp()) === null || _e === void 0 ? void 0 : _e.left) })), hAsync("div", { key: '3292bc865ff6841fa16484131b7451d8a8dc329b', ref: this.catchInputSlot, id: this.slotName, class: "input-slot" }), typeof this._smartButton === 'object' && this._smartButton !== null && (hAsync(KolButtonWcTag, { key: '0befb885b457482fc7890893121241c11c2dcf26', _customClass: this._smartButton._customClass, _disabled: this._smartButton._disabled, _icons: this._smartButton._icons, _hideLabel: true, _id: this._smartButton._id, _label: this._smartButton._label, _on: this._smartButton._on, _tooltipAlign: this._smartButton._tooltipAlign, _variant: this._smartButton._variant })), ((_f = this.getIconsProp()) === null || _f === void 0 ? void 0 : _f.right) && (hAsync(KolIconTag, { key: '4fc2562353004dca1a941da2313593f9b09cc538', _ariaLabel: "", _icons: ((_g = this.getIconsProp()) === null || _g === void 0 ? void 0 : _g.right).icon, style: this.getIconStyles((_h = this.getIconsProp()) === null || _h === void 0 ? void 0 : _h.right) }))), useTooltopInsteadOfLabel && (hAsync(KolTooltipWcTag, { key: 'b7b192e1632cb14cfaa94243fe34ca798cf599d7', "aria-hidden": "true", class: "input-tooltip", _align: this._tooltipAlign, _id: this._hideLabel ? `${this._id}-label` : undefined, _label: this._label })), hasError && hAsync(FormFieldMsg, { key: 'd675b93c4a68665767cd4829e84391b9bbc94a93', _alert: this._alert, _hideError: this._hideError, _error: this._error, _id: this._id }), Array.isArray(this._suggestions) && this._suggestions.length > 0 && (hAsync("datalist", { key: 'd7d32fc1df0486acd57b6e813e5d3e9ed376845c', id: `${this._id}-list` }, this._suggestions.map((option) => (hAsync("option", { value: option }))))), this._hasCounter && (hAsync("span", { key: 'adfeb54dc2b8bdccdf04b76ea55f15fbdbd7215a', class: "counter", "aria-atomic": "true", "aria-live": "polite" }, this._currentLength, this._maxLength && (hAsync(Fragment, { key: '42503be254f0745dea3bd75d2b9a8bbf2041c505' }, hAsync("span", { key: 'b94bc48250af289e1a919261b35a928d9a84177d', "aria-label": translate('kol-of'), role: "img" }, "/"), this._maxLength)), ' ', hAsync("span", { key: '66cf763462718f9e29d26fa2491fafe91ea61de9' }, translate('kol-characters'))))));
|
|
14952
14980
|
}
|
|
14953
14981
|
get host() { return getElement(this); }
|
|
14954
14982
|
static get cmpMeta() { return {
|
|
@@ -14991,7 +15019,7 @@ class KolInputAdapterLeanup {
|
|
|
14991
15019
|
deprecatedHint(`Die Komponente 'kol-input-adapter-leanup' mit dem Release v1.1.7 umgezogen. Lesen Sie hier, wie Sie sie migrieren: https://public-ui.github.io/docs/changelog/#117---30092022`);
|
|
14992
15020
|
}
|
|
14993
15021
|
render() {
|
|
14994
|
-
return (hAsync(Host, { key: '
|
|
15022
|
+
return (hAsync(Host, { key: '33484e0b644cb68f0bb48812fd4bec0fe7d16448', class: "kol-input-adapter-leanup" }, hAsync(KolAlertTag, { key: 'cdc53d4167e46142cd2c02fe6e8e4bf0919be7d5', _type: "warning" }, "Die Komponente ", hAsync("code", { key: '356e0206d0d8d86b635a4e38872a18e7325c1b99' }, "kol-input-adapter-leanup"), " ist umgezogen. Lesen Sie hier, wie Sie sie migrieren:", ' ', hAsync(KolLinkTag, { key: 'ed97d121db6faf2235b857c12bff49bb5c17c2dd', _href: "https://public-ui.github.io/docs/changelog#118---07102022", _label: "https://public-ui.github.io/docs/changelog#118---07102022", _target: "documentation" }))));
|
|
14995
15023
|
}
|
|
14996
15024
|
static get cmpMeta() { return {
|
|
14997
15025
|
"$flags$": 9,
|
|
@@ -15407,13 +15435,13 @@ class KolInputCheckbox {
|
|
|
15407
15435
|
render() {
|
|
15408
15436
|
const { ariaDescribedBy } = getRenderStates(this.state);
|
|
15409
15437
|
const hasExpertSlot = showExpertSlot(this.state._label);
|
|
15410
|
-
return (hAsync(Host, { key: '
|
|
15438
|
+
return (hAsync(Host, { key: 'e627effec34070bfd03e6b30367d20e43be0046c', class: "kol-input-checkbox" }, hAsync(KolInputTag, { key: '2c30cb2916c5eb6095752f9e9600fa093dc1688b', class: {
|
|
15411
15439
|
checkbox: true,
|
|
15412
15440
|
[this.state._variant]: true,
|
|
15413
15441
|
'hide-label': !!this.state._hideLabel,
|
|
15414
15442
|
checked: this.state._checked,
|
|
15415
15443
|
indeterminate: this.state._indeterminate,
|
|
15416
|
-
}, "data-role": this.state._variant === 'button' ? 'button' : undefined, _alert: this.state._alert, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _id: this.state._id, _label: this.state._label, _required: this.state._required, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { key: '
|
|
15444
|
+
}, "data-role": this.state._variant === 'button' ? 'button' : undefined, _alert: this.state._alert, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _id: this.state._id, _label: this.state._label, _required: this.state._required, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { key: 'eb07ea1b3b3d4f0cae4b14f3f2ae663c61e881c4', slot: "label" }, hasExpertSlot ? hAsync("slot", null) : this.state._label), hAsync("label", { key: 'f0cd1ad6428d8974548ca6094165238c00032d60', slot: "input", class: "checkbox-container" }, hAsync(KolIconTag, { key: '45507d43d98bafa893e210cf8d428ce17d93aac5', 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: '59b19756ee66272e2e5ff6b85a711cd6504c6d2e', class: `checkbox-input-element${this.state._variant === 'button' ? ' visually-hidden' : ''}`, ref: this.catchRef, 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, 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, { onChange: this.onChange, onClick: undefined }))))));
|
|
15417
15445
|
}
|
|
15418
15446
|
constructor(hostRef) {
|
|
15419
15447
|
registerInstance(this, hostRef);
|
|
@@ -15691,10 +15719,10 @@ class KolInputColor {
|
|
|
15691
15719
|
const { ariaDescribedBy } = getRenderStates(this.state);
|
|
15692
15720
|
const hasSuggestions = Array.isArray(this.state._suggestions) && this.state._suggestions.length > 0;
|
|
15693
15721
|
const hasExpertSlot = showExpertSlot(this.state._label);
|
|
15694
|
-
return (hAsync(Host, { key: '
|
|
15722
|
+
return (hAsync(Host, { key: 'b91916be1a907ed0806551d992054ac75111d9ac', class: "kol-input-color" }, hAsync(KolInputTag, { key: '9e806ef5b2ab533f46497999ff166122b999d283', class: {
|
|
15695
15723
|
color: true,
|
|
15696
15724
|
'hide-label': !!this.state._hideLabel,
|
|
15697
|
-
}, _disabled: this.state._disabled, _error: this.state._error, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _hideError: this.state._hideError, _id: this.state._id, _label: this.state._label, _suggestions: this.state._suggestions, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: '
|
|
15725
|
+
}, _disabled: this.state._disabled, _error: this.state._error, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _hideError: this.state._hideError, _id: this.state._id, _label: this.state._label, _suggestions: this.state._suggestions, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: '7f1fa338827a299f058d8c15175c129eedadc2c5', slot: "label" }, hasExpertSlot ? hAsync("slot", null) : this.state._label), hAsync("div", { key: 'a96cc65505c19427ebddfe69ec4dd7cc5af0d434', slot: "input" }, hAsync("input", Object.assign({ key: 'cf5755aa4ea0b03013cb54831d62330755435f76', ref: this.catchRef, 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, name: this.state._name, slot: "input", spellcheck: "false", type: "color", value: this.state._value }, this.controller.onFacade))))));
|
|
15698
15726
|
}
|
|
15699
15727
|
constructor(hostRef) {
|
|
15700
15728
|
registerInstance(this, hostRef);
|
|
@@ -16010,10 +16038,10 @@ class KolInputDate {
|
|
|
16010
16038
|
const { ariaDescribedBy } = getRenderStates(this.state);
|
|
16011
16039
|
const hasSuggestions = Array.isArray(this.state._suggestions) && this.state._suggestions.length > 0;
|
|
16012
16040
|
const hasExpertSlot = showExpertSlot(this.state._label);
|
|
16013
|
-
return (hAsync(Host, { key: '
|
|
16041
|
+
return (hAsync(Host, { key: 'da2751f1f6398238c1e770ce8078df44e9c23341', class: { 'kol-input-date': true, 'has-value': this.state._hasValue } }, hAsync(KolInputTag, { key: '66c3f86e0f3848b658e7d5c2b95b9926b6c2214f', class: {
|
|
16014
16042
|
[this.state._type]: true,
|
|
16015
16043
|
'hide-label': !!this.state._hideLabel,
|
|
16016
|
-
}, _disabled: this.state._disabled, _error: this.state._error, _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, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { key: '
|
|
16044
|
+
}, _disabled: this.state._disabled, _error: this.state._error, _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, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { key: 'ad51ce48972c5ea1457d7c62b6dd2f50da0c5f4a', slot: "label" }, hasExpertSlot ? hAsync("slot", null) : this.state._label), hAsync("div", { key: '760d2d479422de68c364126502372a90e31299a0', slot: "input" }, hAsync("input", Object.assign({ key: '8d78c701722bb93dc99b9afef883cafdcd90c334', ref: this.catchRef, 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, readOnly: this.state._readOnly, required: this.state._required, step: this.state._step, spellcheck: "false", type: this.state._type, value: this.state._value }, this.controller.onFacade, { onKeyDown: this.onKeyDown }))))));
|
|
16017
16045
|
}
|
|
16018
16046
|
constructor(hostRef) {
|
|
16019
16047
|
registerInstance(this, hostRef);
|
|
@@ -16357,10 +16385,10 @@ class KolInputEmail {
|
|
|
16357
16385
|
const { ariaDescribedBy } = getRenderStates(this.state);
|
|
16358
16386
|
const hasSuggestions = Array.isArray(this.state._suggestions) && this.state._suggestions.length > 0;
|
|
16359
16387
|
const hasExpertSlot = showExpertSlot(this.state._label);
|
|
16360
|
-
return (hAsync(Host, { key: '
|
|
16388
|
+
return (hAsync(Host, { key: '88ba208718c640a1271aa3195395d7354196211c', class: {
|
|
16361
16389
|
'kol-input-email': true,
|
|
16362
16390
|
'has-value': this.state._hasValue,
|
|
16363
|
-
} }, hAsync(KolInputTag, { key: '
|
|
16391
|
+
} }, hAsync(KolInputTag, { key: 'b35964b379043ec29754d7fe26e044883371f97e', class: { email: true, 'hide-label': !!this.state._hideLabel }, _alert: this.state._alert, _currentLength: this.state._currentLength, _disabled: this.state._disabled, _error: this.state._error, _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, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: '2d472f2ff5463f06537cb9c55b5eb6c70bb5cbe5', slot: "label" }, hasExpertSlot ? hAsync("slot", null) : this.state._label), hAsync("div", { key: '44ecc390ae086351e24d1fe15d9b3ad2f1a87827', slot: "input" }, hAsync("input", Object.assign({ key: '5e1a6a9ebab972829b2a88d5eb0c3def0015be06', ref: this.catchRef, 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, 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, size: this.state._size, spellcheck: "false", type: "email", value: this.state._value }, this.controller.onFacade, { onKeyDown: this.onKeyDown, onInput: this.onInput }))))));
|
|
16364
16392
|
}
|
|
16365
16393
|
constructor(hostRef) {
|
|
16366
16394
|
registerInstance(this, hostRef);
|
|
@@ -16626,10 +16654,10 @@ class KolInputFile {
|
|
|
16626
16654
|
render() {
|
|
16627
16655
|
const { ariaDescribedBy } = getRenderStates(this.state);
|
|
16628
16656
|
const hasExpertSlot = showExpertSlot(this.state._label);
|
|
16629
|
-
return (hAsync(Host, { key: '
|
|
16657
|
+
return (hAsync(Host, { key: '2faa4a161593cff8f4466be74d9313ccaaca53bd', class: "kol-input-file" }, hAsync(KolInputTag, { key: 'd1f95ee9cca508de120db9e3a437c3dad5270a2c', class: {
|
|
16630
16658
|
file: true,
|
|
16631
16659
|
'hide-label': !!this.state._hideLabel,
|
|
16632
|
-
}, _disabled: this.state._disabled, _error: this.state._error, _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, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: '
|
|
16660
|
+
}, _disabled: this.state._disabled, _error: this.state._error, _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, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: 'a2b94c32fcf0eca16e2432b55e118ffa2d7aa1ba', slot: "label" }, hasExpertSlot ? hAsync("slot", null) : this.state._label), hAsync("div", { key: '6b1ba3eb142cbd167519e4bf4c99c07f8c4fa7b6', slot: "input" }, hAsync("input", Object.assign({ key: '90bd21e00c34a208b37e756c0d606d5cd568e678', ref: this.catchRef, title: "", accept: this.state._accept, 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", autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, multiple: this.state._multiple, name: this.state._name, required: this.state._required, spellcheck: "false", type: "file", value: this.state._value }, this.controller.onFacade, { onChange: this.onChange, onInput: this.onInput }))))));
|
|
16633
16661
|
}
|
|
16634
16662
|
constructor(hostRef) {
|
|
16635
16663
|
registerInstance(this, hostRef);
|
|
@@ -16901,13 +16929,13 @@ class KolInputNumber {
|
|
|
16901
16929
|
const { ariaDescribedBy } = getRenderStates(this.state);
|
|
16902
16930
|
const hasSuggestions = Array.isArray(this.state._suggestions) && this.state._suggestions.length > 0;
|
|
16903
16931
|
const hasExpertSlot = showExpertSlot(this.state._label);
|
|
16904
|
-
return (hAsync(Host, { key: '
|
|
16932
|
+
return (hAsync(Host, { key: '47f6452991c55b0edc1d49ff689465e0e56df4be', class: {
|
|
16905
16933
|
'kol-input-number': true,
|
|
16906
16934
|
'has-value': this.state._hasValue,
|
|
16907
|
-
} }, hAsync(KolInputTag, { key: '
|
|
16935
|
+
} }, hAsync(KolInputTag, { key: '16354481d369b7ed0dc7d6da09a95f332b8c0d50', class: {
|
|
16908
16936
|
[this.state._type]: true,
|
|
16909
16937
|
'hide-label': !!this.state._hideLabel,
|
|
16910
|
-
}, _disabled: this.state._disabled, _error: this.state._error, _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, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { key: '
|
|
16938
|
+
}, _disabled: this.state._disabled, _error: this.state._error, _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, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { key: '3f1b344ca427a06c64cf7991567209b1a1177360', slot: "label" }, hasExpertSlot ? hAsync("slot", null) : this.state._label), hAsync("div", { key: '99d623740650c65784594d4a867a4b0c2b903975', slot: "input" }, hAsync("input", Object.assign({ key: '479afabe26fd23f0b7396ad90f147fb47a46ba94', ref: this.catchRef, 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, readOnly: this.state._readOnly, required: this.state._required, placeholder: this.state._placeholder, step: this.state._step, spellcheck: "false", type: this.state._type, value: this.state._value }, this.controller.onFacade, { onKeyDown: this.onKeyDown }))))));
|
|
16911
16939
|
}
|
|
16912
16940
|
constructor(hostRef) {
|
|
16913
16941
|
registerInstance(this, hostRef);
|
|
@@ -17140,13 +17168,13 @@ class KolInputPassword {
|
|
|
17140
17168
|
render() {
|
|
17141
17169
|
const { ariaDescribedBy } = getRenderStates(this.state);
|
|
17142
17170
|
const hasExpertSlot = showExpertSlot(this.state._label);
|
|
17143
|
-
return (hAsync(Host, { key: '
|
|
17171
|
+
return (hAsync(Host, { key: 'ec91de337fca0dd5f0c345444de400b3c2e7d94c', class: {
|
|
17144
17172
|
'kol-input-password': true,
|
|
17145
17173
|
'has-value': this.state._hasValue,
|
|
17146
|
-
} }, hAsync(KolInputTag, { key: '
|
|
17174
|
+
} }, hAsync(KolInputTag, { key: 'b91d7687a3f48f133f2be6db76793574be8a252e', class: {
|
|
17147
17175
|
'hide-label': !!this.state._hideLabel,
|
|
17148
17176
|
password: true,
|
|
17149
|
-
}, _currentLength: this.state._currentLength, _disabled: this.state._disabled, _error: this.state._error, _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, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: '
|
|
17177
|
+
}, _currentLength: this.state._currentLength, _disabled: this.state._disabled, _error: this.state._error, _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, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: '57bd71898ec5118ae379ab8b5f6ae20e25ca8c62', slot: "label" }, hasExpertSlot ? hAsync("slot", null) : this.state._label), hAsync("div", { key: 'dd9dd40afc59ea478dc76fdc5abeaf913b61effd', slot: "input" }, hAsync("input", Object.assign({ key: '71c1638bafc738a11eed06473e484cc30bf31e17', ref: this.catchRef, 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, maxlength: this.state._maxLength, name: this.state._name, pattern: this.state._pattern, placeholder: this.state._placeholder, readOnly: this.state._readOnly, required: this.state._required, size: this.state._size, spellcheck: "false", type: "password", value: this.state._value }, this.controller.onFacade, { onKeyDown: this.onKeyDown, onInput: this.onInput }))))));
|
|
17150
17178
|
}
|
|
17151
17179
|
constructor(hostRef) {
|
|
17152
17180
|
registerInstance(this, hostRef);
|
|
@@ -17369,13 +17397,13 @@ class KolInputRadio {
|
|
|
17369
17397
|
render() {
|
|
17370
17398
|
const { ariaDescribedBy, hasError } = getRenderStates(this.state);
|
|
17371
17399
|
const hasExpertSlot = showExpertSlot(this.state._label);
|
|
17372
|
-
return (hAsync(Host, { key: '
|
|
17400
|
+
return (hAsync(Host, { key: 'acd83c35943b3d9a111e654ce93ca5020544727a', class: "kol-input-radio" }, hAsync("fieldset", { key: '1c7305b87939e30a6e8b4fb49ce7e248c8ae6824', class: {
|
|
17373
17401
|
disabled: this.state._disabled === true,
|
|
17374
17402
|
error: hasError === true,
|
|
17375
17403
|
required: this.state._required === true,
|
|
17376
17404
|
'hidden-error': this._hideError === true,
|
|
17377
17405
|
[this.state._orientation]: true,
|
|
17378
|
-
} }, hAsync("legend", { key: '
|
|
17406
|
+
} }, hAsync("legend", { key: 'aed0b7265e81587f70290aa0140ccff62cf32338', class: "block w-full mb-1 leading-normal" }, hAsync("span", { key: '436d964dd89b679beca1a2ae0db9763b62c0b9dc' }, hAsync("span", { key: 'ffd29740b8124c5db46f4508d6151e72f68155e9', slot: "label" }, hasExpertSlot ? hAsync("slot", null) : this.state._label))), this.state._options.map((option, index) => {
|
|
17379
17407
|
const customId = `${this.state._id}-${index}`;
|
|
17380
17408
|
const slotName = `radio-${index}`;
|
|
17381
17409
|
return (hAsync(KolInputTag, { class: {
|
|
@@ -17387,7 +17415,7 @@ class KolInputRadio {
|
|
|
17387
17415
|
padding: this.state._hideLabel ? '0' : undefined,
|
|
17388
17416
|
visibility: this.state._hideLabel ? 'hidden' : undefined,
|
|
17389
17417
|
} }, hAsync("span", null, hAsync("span", null, option.label))))));
|
|
17390
|
-
}), hasError && hAsync(FormFieldMsg, { _alert: this.state._alert, _hideError: this.state._hideError, _error: this.state._error, _id: this.state._id }))));
|
|
17418
|
+
}), hasError && hAsync(FormFieldMsg, { key: '7ac5c8d38d2a8a625ae921d47821d4fcc1ff3aa2', _alert: this.state._alert, _hideError: this.state._hideError, _error: this.state._error, _id: this.state._id }))));
|
|
17391
17419
|
}
|
|
17392
17420
|
constructor(hostRef) {
|
|
17393
17421
|
registerInstance(this, hostRef);
|
|
@@ -17581,7 +17609,7 @@ class KolInputRadioGroup {
|
|
|
17581
17609
|
deprecatedHint(`[KolInputRadioGroup] Die Komponenten Input-Radio-Group und Input-Radio werden zur Komponente Input-Radio zusammengeführt. Wir empfehlen den Tag <kol-input-radio> statt <kol-input-radio-group> zu verwenden.
|
|
17582
17610
|
|
|
17583
17611
|
Mit der Version 1.1 wird die Komponente KolInputRadioGroup aus der Bibliothek entfernt.`);
|
|
17584
|
-
return (hAsync(Host, { key: '
|
|
17612
|
+
return (hAsync(Host, { key: '8bb167b33fc471f4adba17b4f0ef8deaa28b00cb', class: "kol-input-radio-group" }, hAsync(KolInputRadioTag, { key: '71e75bc94db42c153d6e04e2fca22b905ea68a6b', _accessKey: this._accessKey, _disabled: this._disabled, _error: this._error, _hideLabel: this._hideLabel, _id: this._id, _label: this._label, _list: this._list, _name: this._name, _on: this._on, _orientation: this._orientation, _required: this._required, _tabIndex: this._tabIndex, _touched: this._touched, _value: this._value }, hAsync("slot", { key: '52c6b38f08484342b22e97a70d70f4768513ad4a' }))));
|
|
17585
17613
|
}
|
|
17586
17614
|
static get cmpMeta() { return {
|
|
17587
17615
|
"$flags$": 9,
|
|
@@ -17665,13 +17693,13 @@ class KolInputRange {
|
|
|
17665
17693
|
const { ariaDescribedBy } = getRenderStates(this.state);
|
|
17666
17694
|
const hasSuggestions = Array.isArray(this.state._suggestions) && this.state._suggestions.length > 0;
|
|
17667
17695
|
const hasExpertSlot = showExpertSlot(this.state._label);
|
|
17668
|
-
return (hAsync(Host, { key: '
|
|
17696
|
+
return (hAsync(Host, { key: 'f93c3dea4ab3e45fcb970c5a2b9ddf9b14d02122', class: "kol-input-range" }, hAsync(KolInputTag, { key: 'aade6d3df99093f8fa704fecb4e3bf04c04accf1', class: {
|
|
17669
17697
|
range: true,
|
|
17670
17698
|
'hide-label': !!this.state._hideLabel,
|
|
17671
|
-
}, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { key: '
|
|
17699
|
+
}, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { key: '90c2707c95387a18d90c11c60f32b73a843b778a', slot: "label" }, hasExpertSlot ? hAsync("slot", null) : this.state._label), hAsync("div", { key: 'af73f3f5934cc0fc489bdd1fed20c17de78480a2', slot: "input" }, hAsync("div", { key: 'c4bf3b9854214b688315f46ac61d0d00de3d54b3', class: "inputs-wrapper", style: {
|
|
17672
17700
|
'--kolibri-input-range--input-number--width': `${this.state._max}`.length + 0.5 + 'em',
|
|
17673
|
-
} }, hAsync("input", Object.assign({ key: '
|
|
17674
|
-
hAsync("datalist", { id: `${this.state._id}-list` }, this.state._suggestions.map((option) => (hAsync("option", { value: option })))),
|
|
17701
|
+
} }, hAsync("input", Object.assign({ key: '72f23c2eb3116a917585c119b81627d4857b1f13', 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, spellcheck: "false", step: this.state._step, tabIndex: -1, type: "range", value: this.state._value }, this.controller.onFacade, { onChange: this.onChange })), hAsync("input", Object.assign({ key: '31f21cc83972362e407f9030811368d98bb4a1d2', 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 }))), hasSuggestions && [
|
|
17702
|
+
hAsync("datalist", { key: '074427f8c542ba1a81e6e0b93c473f4724f70826', id: `${this.state._id}-list` }, this.state._suggestions.map((option) => (hAsync("option", { value: option })))),
|
|
17675
17703
|
]))));
|
|
17676
17704
|
}
|
|
17677
17705
|
constructor(hostRef) {
|
|
@@ -17896,13 +17924,13 @@ class KolInputText {
|
|
|
17896
17924
|
const { ariaDescribedBy } = getRenderStates(this.state);
|
|
17897
17925
|
const hasSuggestions = Array.isArray(this.state._suggestions) && this.state._suggestions.length > 0;
|
|
17898
17926
|
const hasExpertSlot = showExpertSlot(this.state._label);
|
|
17899
|
-
return (hAsync(Host, { key: '
|
|
17927
|
+
return (hAsync(Host, { key: '4772da78d870f97e78b83329502534860c72479c', class: {
|
|
17900
17928
|
'kol-input-text': true,
|
|
17901
17929
|
'has-value': this.state._hasValue,
|
|
17902
|
-
} }, hAsync(KolInputTag, { key: '
|
|
17930
|
+
} }, hAsync(KolInputTag, { key: '09360a82a4be80e5d7fd44e959d40818e7376b71', class: {
|
|
17903
17931
|
[this.state._type]: true,
|
|
17904
17932
|
'hide-label': !!this.state._hideLabel,
|
|
17905
|
-
}, _currentLength: this.state._currentLength, _disabled: this.state._disabled, _error: this.state._error, _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, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: '
|
|
17933
|
+
}, _currentLength: this.state._currentLength, _disabled: this.state._disabled, _error: this.state._error, _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, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: '4492bdd0148326b48aa95264abf3d49a44fe2dcb', slot: "label" }, hasExpertSlot ? hAsync("slot", null) : this.state._label), hAsync("div", { key: '68ce9a208ef0a2f39d61be21c66b3277d3a90bdc', slot: "input" }, hAsync("input", Object.assign({ key: '677963a6a8c016fd970c35793a0dc572aaef35d5', ref: this.catchRef, 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, maxlength: this.state._maxLength, name: this.state._name, pattern: this.state._pattern, placeholder: this.state._placeholder, readOnly: this.state._readOnly, required: this.state._required, size: this.state._size, spellcheck: "false", type: this.state._type, value: this.state._value }, this.controller.onFacade, { onChange: this.onChange, onInput: this.onInput, onKeyDown: this.onKeyDown }))))));
|
|
17906
17934
|
}
|
|
17907
17935
|
constructor(hostRef) {
|
|
17908
17936
|
registerInstance(this, hostRef);
|
|
@@ -18175,7 +18203,7 @@ class KolKolibri {
|
|
|
18175
18203
|
}
|
|
18176
18204
|
render() {
|
|
18177
18205
|
const fillColor = `rgb(${this.state._color.red},${this.state._color.green},${this.state._color.blue})`;
|
|
18178
|
-
return (hAsync(Host, { key: '
|
|
18206
|
+
return (hAsync(Host, { key: 'f7994e9fda312aaa74bf7bb9b63b8652b9676831', class: "kol-kolibri" }, hAsync("svg", { key: 'a3e8c9abe242d27441835031c9f35b432809cf9c', role: "img", "aria-label": translate('kol-kolibri-logo'), xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 600 600", fill: fillColor }, hAsync("path", { key: 'b43aa1e84ada755f433f3271df4ff9ab4376eccd', d: "M353 322L213 304V434L353 322Z" }), hAsync("path", { key: '9caa489fd0961ad613944c9eaec48e3e027c98d1', d: "M209 564V304L149 434L209 564Z" }), hAsync("path", { key: 'a2dd8842668edd53f3210bc3576dd2183c180dc3', d: "M357 316L417 250L361 210L275 244L357 316Z" }), hAsync("path", { key: '92eee684ff7af9e71dcee40231749b8c2d888a6e', d: "M329 218L237 92L250 222L272 241L329 218Z" }), hAsync("path", { key: '17a303b91513aa1837112436a44a276be485b788', d: "M353 318L35 36L213 300L353 318Z" }), hAsync("path", { key: '9c8d219b2d3fd9ebf87ec4277916d5282181dd9d', d: "M391 286L565 272L421 252L391 286Z" }), this.state._labeled === true && (hAsync("text", { key: '2c9e5b12338159eca076664fb0629afd127bd62d', x: "250", y: "525", fill: fillColor }, "KoliBri")))));
|
|
18179
18207
|
}
|
|
18180
18208
|
validateColor(value) {
|
|
18181
18209
|
validateColor(this, value, {
|
|
@@ -18249,7 +18277,7 @@ class KolLink {
|
|
|
18249
18277
|
this._useCase = 'text';
|
|
18250
18278
|
}
|
|
18251
18279
|
render() {
|
|
18252
|
-
return (hAsync(Host, { key: '
|
|
18280
|
+
return (hAsync(Host, { key: '74345b8d1f0990e058ac4f13b95aa0f9f294a414', class: "kol-link" }, hAsync(KolLinkWcTag, { key: '94001d15e1bcced73261804db19b43bd169ff62d', ref: this.catchRef, _ariaControls: this._ariaControls, _ariaCurrent: this._ariaCurrent, _ariaExpanded: this._ariaExpanded, _ariaLabel: this._ariaLabel, _ariaSelected: this._ariaSelected, _disabled: this._disabled, _download: this._download, _hideLabel: this._hideLabel, _href: this._href, _icons: this._icons || this._icon, _iconAlign: this._iconAlign, _label: this._label, _listenAriaCurrent: this._listenAriaCurrent, _on: this._on, _role: this._role, _selector: this._selector, _stealth: this._stealth, _tabIndex: this._tabIndex, _target: this._target, _tooltipAlign: this._tooltipAlign, _useCase: this._useCase }, hAsync("slot", { key: 'c5e1e0964d8aa3212405c221dfe976f2cbc0b626', name: "expert", slot: "expert" }), hAsync("slot", { key: '7f09d65b917cc733a4b633255520a2af971aa386', slot: "expert" }))));
|
|
18253
18281
|
}
|
|
18254
18282
|
get host() { return getElement(this); }
|
|
18255
18283
|
static get style() { return {
|
|
@@ -18320,11 +18348,11 @@ class KolLinkButton {
|
|
|
18320
18348
|
this._variant = 'normal';
|
|
18321
18349
|
}
|
|
18322
18350
|
render() {
|
|
18323
|
-
return (hAsync(Host, { key: '
|
|
18351
|
+
return (hAsync(Host, { key: 'd1307f4dbe2a381b84f96592d2c5b8a04d7fdbf3', class: "kol-link-button" }, hAsync(KolLinkWcTag, { key: '07112cde9ae2298421f4cd9d3cffaedf891ef0fb', ref: this.catchRef, class: {
|
|
18324
18352
|
button: true,
|
|
18325
18353
|
[this._variant]: this._variant !== 'custom',
|
|
18326
18354
|
[this._customClass]: this._variant === 'custom' && typeof this._customClass === 'string' && this._customClass.length > 0,
|
|
18327
|
-
}, _ariaControls: this._ariaControls, _ariaCurrent: this._ariaCurrent, _ariaExpanded: this._ariaExpanded, _ariaLabel: this._ariaLabel, _ariaSelected: this._ariaSelected, _disabled: this._disabled, _download: this._download, _hideLabel: this._hideLabel, _href: this._href, _icon: this._icon, _label: this._label, _listenAriaCurrent: this._listenAriaCurrent, _on: this._on, _role: "button", _tabIndex: this._tabIndex, _target: this._target, _tooltipAlign: this._tooltipAlign }, hAsync("slot", { key: '
|
|
18355
|
+
}, _ariaControls: this._ariaControls, _ariaCurrent: this._ariaCurrent, _ariaExpanded: this._ariaExpanded, _ariaLabel: this._ariaLabel, _ariaSelected: this._ariaSelected, _disabled: this._disabled, _download: this._download, _hideLabel: this._hideLabel, _href: this._href, _icon: this._icon, _label: this._label, _listenAriaCurrent: this._listenAriaCurrent, _on: this._on, _role: "button", _tabIndex: this._tabIndex, _target: this._target, _tooltipAlign: this._tooltipAlign }, hAsync("slot", { key: '56a9576fb5d8368167bc8f6ae689f5e0cc2be5ce', name: "expert", slot: "expert" }))));
|
|
18328
18356
|
}
|
|
18329
18357
|
get host() { return getElement(this); }
|
|
18330
18358
|
static get style() { return {
|
|
@@ -18397,10 +18425,10 @@ class KolLinkGroup {
|
|
|
18397
18425
|
}
|
|
18398
18426
|
render() {
|
|
18399
18427
|
var _a;
|
|
18400
|
-
return (hAsync(Host, { key: '
|
|
18428
|
+
return (hAsync(Host, { key: 'dfc2d155582baa0ea7854e4be7cf926a7f8ae74a', class: "kol-link-group" }, hAsync("nav", { key: '8bc19d9f99d0ef5b7b9986666c63a61a4f5b5a74', "aria-label": this.state._label, class: {
|
|
18401
18429
|
vertical: this.state._orientation === 'vertical',
|
|
18402
18430
|
horizontal: this.state._orientation === 'horizontal',
|
|
18403
|
-
} }, typeof this.state._heading === 'string' && ((_a = this.state._heading) === null || _a === void 0 ? void 0 : _a.length) > 0 && (hAsync(KolHeadingWcTag, { _label: this.state._heading, _level: this.state._level })), this.isUl === false ? (hAsync("ol", null, hAsync(ListItem, { links: this.state._links, orientation: this.state._orientation, listStyleType: this.state._listStyleType }))) : (hAsync("ul", null, hAsync(ListItem, { links: this.state._links, orientation: this.state._orientation, listStyleType: this.state._listStyleType }))))));
|
|
18431
|
+
} }, typeof this.state._heading === 'string' && ((_a = this.state._heading) === null || _a === void 0 ? void 0 : _a.length) > 0 && (hAsync(KolHeadingWcTag, { key: '9778b0f2f1a5f3a45a96c6d3e23f8dde582d092d', _label: this.state._heading, _level: this.state._level })), this.isUl === false ? (hAsync("ol", null, hAsync(ListItem, { links: this.state._links, orientation: this.state._orientation, listStyleType: this.state._listStyleType }))) : (hAsync("ul", null, hAsync(ListItem, { links: this.state._links, orientation: this.state._orientation, listStyleType: this.state._listStyleType }))))));
|
|
18404
18432
|
}
|
|
18405
18433
|
validateAriaLabel(value) {
|
|
18406
18434
|
this.validateLabel(value);
|
|
@@ -18614,7 +18642,7 @@ class KolLinkWc {
|
|
|
18614
18642
|
render() {
|
|
18615
18643
|
const { isExternal, tagAttrs, goToProps } = this.getRenderValues();
|
|
18616
18644
|
const hasExpertSlot = showExpertSlot(this.state._label);
|
|
18617
|
-
return (hAsync(Host, { key: '
|
|
18645
|
+
return (hAsync(Host, { key: '573ff81686c9b82006439e9c5842c37e3b889b89', class: "kol-link-wc" }, hAsync("a", Object.assign({ key: '1eab7bad4213a9c7adccb62d818f70b6c4f29872', ref: this.catchRef }, tagAttrs, { "aria-controls": this.state._ariaControls, "aria-current": this.state._ariaCurrent, "aria-expanded": mapBoolean2String(this.state._ariaExpanded), "aria-label": this.state._hideLabel && typeof this.state._label === 'string'
|
|
18618
18646
|
? `${this.state._label}${isExternal ? ` (${translate('kol-open-link-in-tab')})` : ''}`
|
|
18619
18647
|
: undefined, "aria-selected": mapBoolean2String(this.state._ariaSelected), class: {
|
|
18620
18648
|
disabled: this.state._disabled === true,
|
|
@@ -18622,7 +18650,7 @@ class KolLinkWc {
|
|
|
18622
18650
|
'icon-only': this.state._hideLabel === true,
|
|
18623
18651
|
'hide-label': this.state._hideLabel === true,
|
|
18624
18652
|
'external-link': isExternal,
|
|
18625
|
-
} }, this.state._on, { onClick: this.onClick, onKeyPress: this.onClick }, goToProps, { role: this.state._role, tabIndex: this.state._tabIndex }), hAsync(KolSpanWcTag, { key: '
|
|
18653
|
+
} }, this.state._on, { onClick: this.onClick, onKeyPress: this.onClick }, goToProps, { role: this.state._role, tabIndex: this.state._tabIndex }), hAsync(KolSpanWcTag, { key: '5b0e6ac812b48aba1158e10f45ca2e24b33f8973', _icons: this.state._icons, _hideLabel: this.state._hideLabel, _label: hasExpertSlot ? '' : this.state._label || this.state._href }, hAsync("slot", { key: 'a0dc7a2e3c23e09abbc9645501dbb8f10286dd5b', name: "expert", slot: "expert" })), isExternal && (hAsync(KolIconTag, { key: 'dce3d530c6097148c27bc651cb979022f021d107', 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: 'ae137d669a745b93919f0d19ec9ac0b4220571c5', "aria-hidden": "true", hidden: hasExpertSlot || !this.state._hideLabel, _align: this.state._tooltipAlign, _label: this.state._label || this.state._href })));
|
|
18626
18654
|
}
|
|
18627
18655
|
validateAriaControls(value) {
|
|
18628
18656
|
validateAriaControls(this, value);
|
|
@@ -18998,7 +19026,7 @@ class KolLogo {
|
|
|
18998
19026
|
}
|
|
18999
19027
|
render() {
|
|
19000
19028
|
var _a;
|
|
19001
|
-
return (hAsync(Host, { key: '
|
|
19029
|
+
return (hAsync(Host, { key: '854b304e1a67b50db78277b1c21a7d3f8327604a', class: "kol-logo" }, hAsync("svg", { key: '47e701b050fc065eaf7eaae6c51c78067c6b6e3c', "aria-label": translate('kol-logo-description', { placeholders: { orgShort: this.state._org, orgLong: getAriaLabel(this.state._org) } }), role: "img", viewBox: "0 0 225 100" }, hAsync("rect", { key: 'a8da6270d8a489e9863ec7211c896b683e94b25e', width: "100%", height: "100%", fill: "white" }), hAsync("svg", { key: '333ba957874d0fc38225541b605c5a7565000a30', x: "0", y: "4", height: "75" }, hAsync(Adler, { key: '4548a64c15ca49c2ecca6ee2203ce70bb49bab8c' })), hAsync("svg", { key: 'bb772e26c3ebcbc21e302deaa95f2a4172ddc33a', x: "40.5", y: "3.5", height: "100" }, hAsync("rect", { key: '1324e9232cd516ec14cf36522d3c3d2a9320674a', width: "5", height: "30" }), hAsync("rect", { key: 'c7b60713b72a70864add98f2ac0376dff21b60e8', y: "30", width: "5", height: "30", fill: "red" }), hAsync("rect", { key: '85951791701f98526c1e17731409ddadf299a9b0', y: "60", width: "5", height: "30", fill: "#fc0" })), hAsync("svg", { key: '3e54cd0536c7bcbe0e099fa0d9ed129dda8c036e', x: "50", y: "0" }, hAsync("text", { key: 'c3b2781ed18a2240aac3d75c34c87c3061290157', x: "0", y: "-0.05em", "font-family": "BundesSans Web", style: { backgroundColor: 'white', color: 'black' } }, BUND_LOGO_TEXT_MAP.has(this.state._org) ? (hAsync("tspan", null, (_a = BUND_LOGO_TEXT_MAP.get(this.state._org)) === null || _a === void 0 ? void 0 : _a.map((text, index) => {
|
|
19002
19030
|
return (hAsync("tspan", { x: "0", dy: "1.1em", key: `kol-logo-text-${index}` }, text));
|
|
19003
19031
|
}))) : (hAsync("tspan", { fill: "red" }, hAsync("tspan", { x: "0", dy: "1.1em" }, "Der Schl\u00FCsselwert"), hAsync("tspan", { x: "0", dy: "1.1em", "font-weight": "bold" }, "'", this.state._org, "'"), hAsync("tspan", { x: "0", dy: "1.1em" }, "ist nicht definiert."), hAsync("tspan", { x: "0", dy: "1.1em" }, "oder freigegeben."))))))));
|
|
19004
19032
|
}
|
|
@@ -19169,16 +19197,16 @@ class KolModal {
|
|
|
19169
19197
|
}
|
|
19170
19198
|
}
|
|
19171
19199
|
render() {
|
|
19172
|
-
return (hAsync(Host, { key: '
|
|
19200
|
+
return (hAsync(Host, { key: '2b9abe0d2195ad2e18d95380ba4faf94470b2286', class: "kol-modal", ref: (el) => {
|
|
19173
19201
|
this.hostElement = el;
|
|
19174
|
-
} }, this.state._activeElement && (hAsync("div", { class: "overlay" }, hAsync("div", { class: "modal", style: {
|
|
19202
|
+
} }, this.state._activeElement && (hAsync("div", { key: 'c47b4ada1ad7e94f9d25c1c71b52cc8b8aed7701', class: "overlay" }, hAsync("div", { key: '247b1272339e7f38c126fd4f52318336acda8c54', class: "modal", style: {
|
|
19175
19203
|
width: this.state._width,
|
|
19176
19204
|
}, "aria-label": this.state._label, "aria-modal": "true", role: "dialog", onKeyDown: this.onKeyDown, ref: (el) => {
|
|
19177
19205
|
if (el) {
|
|
19178
19206
|
el.setAttribute('tabindex', '0');
|
|
19179
19207
|
setTimeout(() => el.focus(), 250);
|
|
19180
19208
|
}
|
|
19181
|
-
} }, hAsync("slot",
|
|
19209
|
+
} }, hAsync("slot", { key: '83b0cd1596324a53c99b3cc4b5b56a1d19e25285' }))))));
|
|
19182
19210
|
}
|
|
19183
19211
|
validateActiveElement(value) {
|
|
19184
19212
|
watchValidator(this, '_activeElement', (value) => typeof value === 'object' || value === null, new Set(['HTMLElement', 'null']), value, {
|
|
@@ -19328,7 +19356,7 @@ class KolNav {
|
|
|
19328
19356
|
return (hAsync(Host, { key: '22d1f41175666b6e540c1d93a92a88283e6bfced', class: "kol-nav" }, hAsync("div", { key: '42dcf20c3d0d157f08f5a09a5a4566755288a5a0', class: {
|
|
19329
19357
|
[orientation]: true,
|
|
19330
19358
|
[this.state._variant]: true,
|
|
19331
|
-
} }, hAsync("nav", { key: '86c2c08a34f26948b8054c5735c4a673e22a6ddc', "aria-label": this.state._label, id: "nav" }, hAsync(this.linkList, { key: 'fe334ca90260312723e146b5bcc5194c741cd828', collapsible: collapsible, hideLabel: hideLabel, deep: 0, links: this.state._links, orientation: orientation })), hasCompactButton && (hAsync("div", { class: "compact" }, hAsync(KolButtonTag, { _ariaControls: "nav", _ariaExpanded: !hideLabel, _icons: hideLabel ? 'codicon codicon-chevron-right' : 'codicon codicon-chevron-left', _hideLabel: true, _label: translate(hideLabel ? 'kol-nav-maximize' : 'kol-nav-minimize'), _on: {
|
|
19359
|
+
} }, hAsync("nav", { key: '86c2c08a34f26948b8054c5735c4a673e22a6ddc', "aria-label": this.state._label, id: "nav" }, hAsync(this.linkList, { key: 'fe334ca90260312723e146b5bcc5194c741cd828', collapsible: collapsible, hideLabel: hideLabel, deep: 0, links: this.state._links, orientation: orientation })), hasCompactButton && (hAsync("div", { key: '54bd6c9a3c2a41c6c838c3762cc31005d794e1c3', class: "compact" }, hAsync(KolButtonTag, { key: 'b549ce4b27d2fa882ea8b6bd6dd9852dbc441304', _ariaControls: "nav", _ariaExpanded: !hideLabel, _icons: hideLabel ? 'codicon codicon-chevron-right' : 'codicon codicon-chevron-left', _hideLabel: true, _label: translate(hideLabel ? 'kol-nav-maximize' : 'kol-nav-minimize'), _on: {
|
|
19332
19360
|
onClick: () => {
|
|
19333
19361
|
this.state = Object.assign(Object.assign({}, this.state), { _hideLabel: this.state._hideLabel === false });
|
|
19334
19362
|
},
|
|
@@ -19608,14 +19636,14 @@ class KolPagination {
|
|
|
19608
19636
|
}, _value: [this.state._pageSize] }))));
|
|
19609
19637
|
}
|
|
19610
19638
|
getUnselectedPageButton(page) {
|
|
19611
|
-
return (hAsync("li",
|
|
19639
|
+
return (hAsync("li", { key: `${this.nonce}-${page}` }, hAsync(KolButtonTag, { exportparts: "icon", _customClass: this.state._customClass, _label: "", _on: {
|
|
19612
19640
|
onClick: (event) => {
|
|
19613
19641
|
this.onClick(event, page);
|
|
19614
19642
|
},
|
|
19615
19643
|
}, _variant: this.state._variant }, hAsync("span", { slot: "expert" }, hAsync("span", { class: "visually-hidden" }, translate('kol-page')), " ", page))));
|
|
19616
19644
|
}
|
|
19617
19645
|
getSelectedPageButton(page) {
|
|
19618
|
-
return (hAsync("li",
|
|
19646
|
+
return (hAsync("li", { key: `${this.nonce}-selected` }, hAsync(KolButtonWcTag, { class: "selected", _customClass: this.state._customClass, _disabled: true, _ariaCurrent: true, _label: "", _variant: this.state._variant }, hAsync("span", { slot: "expert" }, hAsync("span", { class: "visually-hidden" }, translate('kol-page')), " ", page))));
|
|
19619
19647
|
}
|
|
19620
19648
|
validateBoundaryCount(value) {
|
|
19621
19649
|
watchNumber(this, '_boundaryCount', Math.max(0, value !== null && value !== void 0 ? value : 1));
|
|
@@ -21363,7 +21391,7 @@ class KolPopover {
|
|
|
21363
21391
|
(_a = document.scrollingElement) === null || _a === void 0 ? void 0 : _a.removeEventListener('scroll', this.showPopover);
|
|
21364
21392
|
}
|
|
21365
21393
|
render() {
|
|
21366
|
-
return (hAsync(Host, { key: '
|
|
21394
|
+
return (hAsync(Host, { key: '8e23df026b2c5b42e397a35baf6d76df8be1c6e1', ref: this.catchHostAndTriggerElement, class: "kol-popover-wc" }, hAsync("div", { key: 'e303984c79d1ab2d183aa30aaba27cbaba71e7eb', class: { popover: true, hidden: !this.state._show, show: this.state._visible }, ref: this.catchPopoverElement }, hAsync("div", { key: '62f97bf8492ba03054bdcf4e355e36af7b47a2b1', class: `arrow ${this.state._align}`, ref: this.catchArrowElement }), hAsync("slot", { key: '02e2cfd49d178e08a3baf38d3c6f5dda33a62e08' }))));
|
|
21367
21395
|
}
|
|
21368
21396
|
validateAlign(value) {
|
|
21369
21397
|
validateAlign(this, value);
|
|
@@ -21445,7 +21473,7 @@ class KolProcess {
|
|
|
21445
21473
|
};
|
|
21446
21474
|
}
|
|
21447
21475
|
render() {
|
|
21448
|
-
return (hAsync(Host, { key: '
|
|
21476
|
+
return (hAsync(Host, { key: '47defb5309eea70ff5fde3e6f6ecf9d99644ec63', class: "kol-progress" }, createProgressSVG(this.state), hAsync("progress", { key: 'c1afdb59cf40fbe18763637cae057c57153002d9', "aria-busy": this.state._value < this.state._max ? 'true' : 'false', max: this.state._max, value: this.state._value }), hAsync("span", { key: '3f51bc1fd04b896a9d785e6547d43a39a8170b50', "aria-live": "polite", "aria-relevant": "removals text", hidden: true }, this.state._liveValue, " von ", this.state._max, " ", this.state._unit)));
|
|
21449
21477
|
}
|
|
21450
21478
|
validateLabel(value) {
|
|
21451
21479
|
validateLabel(this, value);
|
|
@@ -21563,9 +21591,9 @@ class KolQuote {
|
|
|
21563
21591
|
}
|
|
21564
21592
|
render() {
|
|
21565
21593
|
const hasExpertSlot = showExpertSlot(this.state._quote);
|
|
21566
|
-
return (hAsync(Host, { key: '
|
|
21594
|
+
return (hAsync(Host, { key: 'fede296b285a0f185f73748fef071a0274e8c183', class: "kol-quote" }, hAsync("figure", { key: 'd8092ac7ebace66a851e93479c47eb519c042014', class: {
|
|
21567
21595
|
[this.state._variant]: true,
|
|
21568
|
-
} }, this.state._variant === 'block' ? (hAsync("blockquote", { cite: this.state._href }, this.state._quote, hAsync("span", { "aria-hidden": !hasExpertSlot ? 'true' : undefined, hidden: !hasExpertSlot }, hAsync("slot", { name: "expert" })))) : (hAsync("q", { cite: this.state._href }, this.state._quote, hAsync("span", { "aria-hidden": !hasExpertSlot ? 'true' : undefined, hidden: !hasExpertSlot }, hAsync("slot", { name: "expert" })))), typeof this.state._label === 'string' && this.state._label.length > 0 && (hAsync("figcaption",
|
|
21596
|
+
} }, this.state._variant === 'block' ? (hAsync("blockquote", { cite: this.state._href }, this.state._quote, hAsync("span", { "aria-hidden": !hasExpertSlot ? 'true' : undefined, hidden: !hasExpertSlot }, hAsync("slot", { name: "expert" })))) : (hAsync("q", { cite: this.state._href }, this.state._quote, hAsync("span", { "aria-hidden": !hasExpertSlot ? 'true' : undefined, hidden: !hasExpertSlot }, hAsync("slot", { name: "expert" })))), typeof this.state._label === 'string' && this.state._label.length > 0 && (hAsync("figcaption", { key: '372f2505524c4278bd9eb251e9063fd98d89f1ab' }, hAsync("cite", { key: '3e6163322a7da843257176e7af18878b8ecb6c12' }, hAsync(KolLinkTag, { key: 'ad980fbc324774161d2bf3e4ef342a284d782ff9', _href: this.state._href, _label: this.state._label, _target: "_blank", class: "kol-link" })))))));
|
|
21569
21597
|
}
|
|
21570
21598
|
static get watchers() { return {
|
|
21571
21599
|
"_caption": ["validateCaption"],
|
|
@@ -21713,10 +21741,10 @@ class KolSelect {
|
|
|
21713
21741
|
render() {
|
|
21714
21742
|
const { ariaDescribedBy } = getRenderStates(this.state);
|
|
21715
21743
|
const hasExpertSlot = showExpertSlot(this.state._label);
|
|
21716
|
-
return (hAsync(Host, { key: '
|
|
21744
|
+
return (hAsync(Host, { key: 'afe610ddf1a160aa0aa3b77828e244e6c05b0ec2', class: { 'kol-select': true, 'has-value': this.state._hasValue } }, hAsync(KolInputTag, { key: '6ceb377e2ac975571790359839a3a78285da6b84', class: {
|
|
21717
21745
|
'hide-label': !!this.state._hideLabel,
|
|
21718
21746
|
select: true,
|
|
21719
|
-
}, _disabled: this.state._disabled, _error: this.state._error, _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, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: '
|
|
21747
|
+
}, _disabled: this.state._disabled, _error: this.state._error, _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, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: '31b0c398fc384a5e3b3a7d56a668a56349beda03', slot: "label" }, hasExpertSlot ? hAsync("slot", null) : this.state._label), hAsync("div", { key: '118eb6618d333bcd5d1c5c10428f26e8a5a55092', slot: "input" }, hAsync("select", Object.assign({ key: 'b673aa0368f86342c36ee333ecfc1d6c3fc5584f', ref: this.catchRef, 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", 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, spellcheck: "false", style: {
|
|
21720
21748
|
height: this.state._height,
|
|
21721
21749
|
} }, this.controller.onFacade, { onChange: this.onChange }), this.state._options.map((option, index) => {
|
|
21722
21750
|
const key = `-${index}`;
|
|
@@ -21944,7 +21972,7 @@ class KolSkipNav {
|
|
|
21944
21972
|
};
|
|
21945
21973
|
}
|
|
21946
21974
|
render() {
|
|
21947
|
-
return (hAsync(Host, { key: '
|
|
21975
|
+
return (hAsync(Host, { key: '0e6d86d9542b0b61bcf2b1f16aa6e06cb6857b9a', class: "kol-skip-nav" }, hAsync("nav", { key: '66f4d2a10303d500b2f103017fcf80ecd34a80ef', "aria-label": this.state._label }, hAsync("ul", { key: '1e32a6232952c0bd6b723c37833c382e9e84013e' }, this.state._links.map((link, index) => {
|
|
21948
21976
|
return (hAsync("li", { key: index }, hAsync(KolLinkWcTag, Object.assign({}, link))));
|
|
21949
21977
|
})))));
|
|
21950
21978
|
}
|
|
@@ -22006,7 +22034,7 @@ class KolSpan {
|
|
|
22006
22034
|
this._label = undefined;
|
|
22007
22035
|
}
|
|
22008
22036
|
render() {
|
|
22009
|
-
return (hAsync(KolSpanWcTag, { key: '
|
|
22037
|
+
return (hAsync(KolSpanWcTag, { key: '8aedf03324bf4523a9472fcf15eba5058d7009a1', _icons: this._icons || this._icon, _hideLabel: this._hideLabel, _label: this._label, class: "kol-span" }, hAsync("slot", { key: 'bb1432cb61dafef1135c3e9fc59a24148aec8c02', name: "expert", slot: "expert" })));
|
|
22010
22038
|
}
|
|
22011
22039
|
static get style() { return {
|
|
22012
22040
|
default: KolSpanDefaultStyle0
|
|
@@ -30372,11 +30400,11 @@ class KolSpanWc {
|
|
|
30372
30400
|
render() {
|
|
30373
30401
|
var _a, _b, _c, _d, _e;
|
|
30374
30402
|
const hideExpertSlot = !showExpertSlot(this.state._label);
|
|
30375
|
-
return (hAsync(Host, { key: '
|
|
30403
|
+
return (hAsync(Host, { key: 'd6f0841e5c8937779120b3fa1086bf9790983da5', class: {
|
|
30376
30404
|
'kol-span-wc': true,
|
|
30377
30405
|
'icon-only': !!this.state._hideLabel,
|
|
30378
30406
|
'hide-label': !!this.state._hideLabel,
|
|
30379
|
-
} }, this.state._icons.top && (hAsync(KolIconTag, { class: "icon top", style: this.state._icons.top.style, _label: (_a = this.state._icons.top.label) !== null && _a !== void 0 ? _a : '', _icons: this.state._icons.top.icon })), hAsync("span", { key: '
|
|
30407
|
+
} }, this.state._icons.top && (hAsync(KolIconTag, { key: '4f2919b81aa7c57cbaee3cfab87bc33959df6228', class: "icon top", style: this.state._icons.top.style, _label: (_a = this.state._icons.top.label) !== null && _a !== void 0 ? _a : '', _icons: this.state._icons.top.icon })), hAsync("span", { key: '533bd8126f90cf2085b4065a09a66d157b6b055c' }, this.state._icons.left && (hAsync(KolIconTag, { key: '6c2ba6d66ceb59dc88e772dec674b50fdc2c2a18', class: "icon left", style: this.state._icons.left.style, _label: (_b = this.state._icons.left.label) !== null && _b !== void 0 ? _b : '', _icons: this.state._icons.left.icon })), !this.state._hideLabel && hideExpertSlot ? (this.state._allowMarkdown && typeof this.state._label === 'string' && this.state._label.length > 0 ? (hAsync("span", { class: "span-label md", innerHTML: md(this.state._label) })) : (hAsync("span", { class: "span-label" }, (_c = this.state._label) !== null && _c !== void 0 ? _c : ''))) : (''), hAsync("span", { key: '192701bd3f586d3eea19a37fd9d9ab4c1f349854', "aria-hidden": hideExpertSlot ? 'true' : undefined, class: "span-label", hidden: hideExpertSlot }, hAsync("slot", { key: '8810e8b3057a2d5733babb252ac4484f3e9dc8bc', name: "expert" })), this.state._icons.right && (hAsync(KolIconTag, { key: '1c87f3736e3fa0c2d62b3bc7dc3977ac1bd15298', class: "icon right", style: this.state._icons.right.style, _label: (_d = this.state._icons.right.label) !== null && _d !== void 0 ? _d : '', _icons: this.state._icons.right.icon }))), this.state._icons.bottom && (hAsync(KolIconTag, { key: 'c548468a7d8f66d13dac3367680610ae70f10ecd', class: "icon bottom", style: this.state._icons.bottom.style, _label: (_e = this.state._icons.bottom.label) !== null && _e !== void 0 ? _e : '', _icons: this.state._icons.bottom.icon }))));
|
|
30380
30408
|
}
|
|
30381
30409
|
validateAllowMarkdown(value) {
|
|
30382
30410
|
watchBoolean(this, '_allowMarkdown', value, {
|
|
@@ -30462,7 +30490,7 @@ class KolSpin {
|
|
|
30462
30490
|
};
|
|
30463
30491
|
}
|
|
30464
30492
|
render() {
|
|
30465
|
-
return (hAsync(Host, { key: '
|
|
30493
|
+
return (hAsync(Host, { key: 'c8b7873c8f1336b9514b7c5972bd7803c7a8b1d3', class: "kol-spin" }, this.state._show ? (hAsync("span", { "aria-busy": "true", "aria-label": translate('kol-action-running'), "aria-live": "polite", class: {
|
|
30466
30494
|
spin: true,
|
|
30467
30495
|
[this.state._variant]: true,
|
|
30468
30496
|
}, role: "alert" }, renderSpin(this.state._variant))) : (this.showToggled && hAsync("span", { "aria-label": translate('kol-action-done'), "aria-busy": "false", "aria-live": "polite", role: "alert" }))));
|
|
@@ -30585,12 +30613,12 @@ class KolSplitButton {
|
|
|
30585
30613
|
};
|
|
30586
30614
|
}
|
|
30587
30615
|
render() {
|
|
30588
|
-
return (hAsync(Host, { key: '
|
|
30616
|
+
return (hAsync(Host, { key: '5f65c3778d75fd93923ead109475ab3392c2b563', class: "kol-split-button split-button" }, hAsync(KolButtonWcTag, { key: '1588e58289a4d19c947ca2965ac88c03bc196336', class: {
|
|
30589
30617
|
'main-button': true,
|
|
30590
30618
|
button: true,
|
|
30591
30619
|
[this._variant]: this._variant !== 'custom',
|
|
30592
30620
|
[this._customClass]: this._variant === 'custom' && typeof this._customClass === 'string' && this._customClass.length > 0,
|
|
30593
|
-
}, _accessKey: this._accessKey, _ariaControls: this._ariaControls, _ariaExpanded: this._ariaExpanded, _ariaSelected: this._ariaSelected, _customClass: this._customClass, _disabled: this._disabled, _icons: this._icons || this._icon, _hideLabel: this._hideLabel, _label: this._label, _name: this._name, _on: this.clickButtonHandler, _role: this._role, _syncValueBySelector: this._syncValueBySelector, _tabIndex: this._tabIndex, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value, _variant: this._variant }), hAsync("div", { key: '
|
|
30621
|
+
}, _accessKey: this._accessKey, _ariaControls: this._ariaControls, _ariaExpanded: this._ariaExpanded, _ariaSelected: this._ariaSelected, _customClass: this._customClass, _disabled: this._disabled, _icons: this._icons || this._icon, _hideLabel: this._hideLabel, _label: this._label, _name: this._name, _on: this.clickButtonHandler, _role: this._role, _syncValueBySelector: this._syncValueBySelector, _tabIndex: this._tabIndex, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value, _variant: this._variant }), hAsync("div", { key: '3206518e4228e4011d6c181104bfebf0d73e246c', class: "horizontal-line" }), hAsync(KolButtonWcTag, { key: 'cc159485592d6a0a95fb33f138bd90e87c0bbade', class: "secondary-button", _disabled: this._disabled, _hideLabel: true, _icons: "codicon codicon-triangle-down", _label: `dropdown ${this.state._show ? 'schließen' : 'öffnen'}`, _on: this.clickToggleHandler }), hAsync("div", { key: '024c2cf521d436ae3ff531e97a87be523f432899', class: "popover", ref: this.catchDropdownElements }, hAsync("div", { key: 'e082c7caf610b57dee6311e50200d696a41caf41', class: "popover-content" }, hAsync("slot", { key: 'f8a25f4b8a2f728de9cee06591f0799d561a0950' })))));
|
|
30594
30622
|
}
|
|
30595
30623
|
validateShowDropdown(value) {
|
|
30596
30624
|
this.validateShow(value);
|
|
@@ -30660,7 +30688,7 @@ class KolSymbol {
|
|
|
30660
30688
|
};
|
|
30661
30689
|
}
|
|
30662
30690
|
render() {
|
|
30663
|
-
return (hAsync(Host, { key: '
|
|
30691
|
+
return (hAsync(Host, { key: '0be886da2845096403ec9ef72ef49d7a732ca949', class: "kol-symbol" }, hAsync("span", { key: '59eaa999163be1a14d67c061dba5b1730ccbee46', "aria-label": this.state._label, role: "term" }, this.state._symbol)));
|
|
30664
30692
|
}
|
|
30665
30693
|
validateAriaLabel(value) {
|
|
30666
30694
|
this.validateLabel(value);
|
|
@@ -31160,9 +31188,9 @@ class KolTable {
|
|
|
31160
31188
|
var _a, _b;
|
|
31161
31189
|
const displayedData = this.selectDisplayedData(this.state._sortedData, this.showPagination ? (_b = (_a = this.state._pagination) === null || _a === void 0 ? void 0 : _a._pageSize) !== null && _b !== void 0 ? _b : 10 : this.state._sortedData.length, this.state._pagination._page || 1);
|
|
31162
31190
|
const dataField = this.createDataField(displayedData, this.state._headers);
|
|
31163
|
-
return (hAsync(Host, { key: '
|
|
31191
|
+
return (hAsync(Host, { key: '0b25339e9737c78ae1467d230ef4c6144e7095cf', class: "kol-table" }, this.pageEndSlice > 0 && this.showPagination && (hAsync("div", { key: '29574f22d8295fc659072db537c30731662b20e4', class: "pagination" }, hAsync("span", { key: '0d078dd32d51a042adc5c3dddfa3d12efe8f4d68' }, "Eintr\u00E4ge ", this.pageEndSlice > 0 ? this.pageStartSlice + 1 : 0, " bis ", this.pageEndSlice, " von", ' ', this.state._pagination._max || (Array.isArray(this.state._data) ? this.state._data.length : 0), " angezeigt"), hAsync("div", { key: 'a8014a891bc82ce5dfdea7c8e4d74739b456f38a' }, hAsync(KolPaginationTag, { key: '9255a0af56743ef05b760f8d9f273adcd9f0e0ac', _boundaryCount: this.state._pagination._boundaryCount, _customClass: this.state._pagination._customClass, _on: this.handlePagination, _page: this.state._pagination._page, _pageSize: this.state._pagination._pageSize, _pageSizeOptions: this.state._pagination._pageSizeOptions || PAGINATION_OPTIONS, _siblingCount: this.state._pagination._siblingCount, _tooltipAlign: "bottom", _max: this.state._pagination._max || this.state._pagination._total || this.state._data.length, _label: translate('kol-table-pagination-label', { placeholders: { label: this.state._label } }) })))), hAsync("div", { key: 'a1eeaae4534d936d4198216c60eee1699c869f12', ref: (element) => (this.tableDivElement = element), class: "table", tabindex: this.tableDivElementHasScrollbar ? '-1' : undefined }, hAsync("table", { key: 'd9a7b74b949df2820d27354c98906e2940cd3db2', style: {
|
|
31164
31192
|
minWidth: this.state._minWidth,
|
|
31165
|
-
} }, hAsync("div", { key: '
|
|
31193
|
+
} }, hAsync("div", { key: '9379d6e077e33eaa04c86ee877d01b5baf6a6998', class: "focus-element", tabindex: this.tableDivElementHasScrollbar ? '0' : undefined, "aria-describedby": "caption" }, "\u00A0"), hAsync("caption", { key: '543b0b0dde251230e15beee58f0e075d10b7aec5', id: "caption" }, this.state._label), Array.isArray(this.state._headers.horizontal) && (hAsync("thead", { key: '9c6eaffe43e5e6d5e01817c55fa219656e960a3c' }, this.state._headers.horizontal.map((cols, rowIndex) => (hAsync("tr", { key: `thead-${rowIndex}` }, cols.map((col, colIndex) => {
|
|
31166
31194
|
if (col.asTd === true) {
|
|
31167
31195
|
return (hAsync("td", { key: `thead-${rowIndex}-${colIndex}-${col.label}`, class: {
|
|
31168
31196
|
[col.textAlign]: typeof col.textAlign === 'string' && col.textAlign.length > 0,
|
|
@@ -31212,7 +31240,7 @@ class KolTable {
|
|
|
31212
31240
|
},
|
|
31213
31241
|
} })) : (col.label)));
|
|
31214
31242
|
}
|
|
31215
|
-
})))))), hAsync("tbody", { key: '
|
|
31243
|
+
})))))), hAsync("tbody", { key: '31a5eaaf530c6c8d11681b5d0509911f767f008b' }, dataField.map(this.renderTableRow)), this.state._dataFoot.length > 0 ? this.renderFoot() : ''))));
|
|
31216
31244
|
}
|
|
31217
31245
|
static get watchers() { return {
|
|
31218
31246
|
"_caption": ["validateCaption"],
|
|
@@ -31400,12 +31428,12 @@ class KolTabs {
|
|
|
31400
31428
|
} }))));
|
|
31401
31429
|
}
|
|
31402
31430
|
render() {
|
|
31403
|
-
return (hAsync(Host, { key: '
|
|
31431
|
+
return (hAsync(Host, { key: '7109b906df9c4c3356379a2eec36a3e76505e247' }, hAsync("div", { key: 'b5705b12419916ccf87591c5a695538a7bab9e87', ref: (el) => {
|
|
31404
31432
|
this.tabPanelsElement = el;
|
|
31405
31433
|
}, class: {
|
|
31406
31434
|
'kol-tabs-wc': true,
|
|
31407
31435
|
[`tabs-align-${this.state._align}`]: true,
|
|
31408
|
-
} }, this.renderButtonGroup(), hAsync("div", { key: '
|
|
31436
|
+
} }, this.renderButtonGroup(), hAsync("div", { key: 'e52a03f36407977ad7d01a37024b5fe53edb5ff9', ref: this.catchTabPanelHost }))));
|
|
31409
31437
|
}
|
|
31410
31438
|
validateAlign(value) {
|
|
31411
31439
|
validateAlign(this, value);
|
|
@@ -31621,7 +31649,7 @@ class KolTextarea {
|
|
|
31621
31649
|
render() {
|
|
31622
31650
|
const { ariaDescribedBy } = getRenderStates(this.state);
|
|
31623
31651
|
const hasExpertSlot = showExpertSlot(this.state._label);
|
|
31624
|
-
return (hAsync(Host, { key: '
|
|
31652
|
+
return (hAsync(Host, { key: '720aae0c55d6ae89fffb833263cb08ea34f8aff7', class: { 'kol-textarea': true, 'has-value': this.state._hasValue } }, hAsync(KolInputTag, { key: '98a20921cf6a7a3da8bb746add054daa3683b0c6', class: { textarea: true, 'hide-label': !!this.state._hideLabel, 'has-counter': !!this.state._hasCounter }, _alert: this.state._alert, _currentLength: this.state._currentLength, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hasCounter: this.state._hasCounter, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _id: this.state._id, _label: this.state._label, _maxLength: this.state._maxLength, _readOnly: this.state._readOnly, _required: this.state._required, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, hAsync("span", { key: 'efbe731ad3f37e96023e340c6cc144f6a2b187fa', slot: "label" }, hasExpertSlot ? hAsync("slot", null) : this.state._label), hAsync("div", { key: '80c1b5a93d30e8323fbc76ef92dbec7d328e51e4', slot: "input" }, hAsync("textarea", Object.assign({ key: '89c802de4220d0db3864c0b318d85b30034388d8', ref: this.catchRef, 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", 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: "false" }, this.controller.onFacade, { onInput: this.onInput, style: {
|
|
31625
31653
|
resize: this.state._resize,
|
|
31626
31654
|
}, value: this.state._value }))))));
|
|
31627
31655
|
}
|
|
@@ -31908,7 +31936,7 @@ class KolToast {
|
|
|
31908
31936
|
this.validateType(this._type);
|
|
31909
31937
|
}
|
|
31910
31938
|
render() {
|
|
31911
|
-
return (hAsync(Host, { key: '
|
|
31939
|
+
return (hAsync(Host, { key: '0542a43b3083b6cbb7adadaed3551ab94f9b1879', class: "kol-toast" }, this.state._show && (hAsync("div", { key: '0916074ad0021f2ae726b8678d6535c2c08c42ec' }, hAsync(KolAlertTag, { key: '50fce2512d5268de53a02272fbaa565c65915c2d', _alert: this.state._alert, _label: this.state._label, _level: this.state._level, _hasCloser: this.state._hasCloser, _type: this.state._type, _variant: "card", _on: this.on, class: "kol-alert" }, hAsync("slot", { key: '88703cc54794c0630b91cf44707fef95c9da925a' }))))));
|
|
31912
31940
|
}
|
|
31913
31941
|
static get watchers() { return {
|
|
31914
31942
|
"_alert": ["validateAlert"],
|
|
@@ -32000,7 +32028,7 @@ class KolToastContainer {
|
|
|
32000
32028
|
}, TRANSITION_TIMEOUT);
|
|
32001
32029
|
}
|
|
32002
32030
|
render() {
|
|
32003
|
-
return (hAsync(Host, { key: '
|
|
32031
|
+
return (hAsync(Host, { key: 'ec2876a778c1c986f7963ca9c3b22cf074614a65', class: "kol-toast-container" }, hAsync(Fragment, { key: '2b66532d05219daa75c8aa2e1be42a9ce4681b0b' }, this.state._toastStates.length > 1 && (hAsync(KolButtonTag, { key: '52cebc7ce0ec46564c7fb0b871abbac04be6a205', _label: translate('kol-toast-close-all'), class: "close-all", _on: {
|
|
32004
32032
|
onClick: () => {
|
|
32005
32033
|
void this.closeAll();
|
|
32006
32034
|
},
|
|
@@ -32184,7 +32212,7 @@ class KolTooltip {
|
|
|
32184
32212
|
this.showOrHideTooltip();
|
|
32185
32213
|
}
|
|
32186
32214
|
render() {
|
|
32187
|
-
return (hAsync(Host, { key: '
|
|
32215
|
+
return (hAsync(Host, { key: '7f8ecf9c0a2290dfd6906b51ff94c044fb244312', class: "kol-tooltip-wc" }, this.state._label !== '' && (hAsync("div", { key: '1a19732e88a727300b48f71a7747e2258a94b57f', class: "tooltip-floating", ref: this.catchTooltipElement }, hAsync("div", { key: 'c61adf4a1eef293b9c3d6f6685fca8b7243d7a8e', class: "tooltip-area tooltip-arrow", ref: this.catchArrowElement }), hAsync(KolSpanWcTag, { key: '92da4f72212174f0d0ae65a31f4d06065a707844', class: "tooltip-area tooltip-content", id: this.state._id, _label: this.state._label })))));
|
|
32188
32216
|
}
|
|
32189
32217
|
validateAlign(value) {
|
|
32190
32218
|
validateAlign(this, value);
|
|
@@ -32282,7 +32310,7 @@ class KolVersion {
|
|
|
32282
32310
|
};
|
|
32283
32311
|
}
|
|
32284
32312
|
render() {
|
|
32285
|
-
return (hAsync(Host, { key: '
|
|
32313
|
+
return (hAsync(Host, { key: '2edfc207260af568a5a3f10d0fa9047ba8380769', class: "kol-version" }, hAsync(KolBadgeTag, { key: 'c1057ebec1ce1c736199390d87690180ef20cd11', _color: Farbspektrum.Hellgrau, _icons: {
|
|
32286
32314
|
left: { icon: 'codicon codicon-versions', label: translate('kol-version') },
|
|
32287
32315
|
}, _label: this.state._label })));
|
|
32288
32316
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@public-ui/hydrate",
|
|
3
|
-
"version": "1.7.
|
|
3
|
+
"version": "1.7.20",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"homepage": "https://public-ui.github.io",
|
|
6
6
|
"repository": {
|
|
@@ -45,11 +45,11 @@
|
|
|
45
45
|
"hydrate"
|
|
46
46
|
],
|
|
47
47
|
"devDependencies": {
|
|
48
|
-
"@public-ui/components": "1.7.
|
|
48
|
+
"@public-ui/components": "1.7.20",
|
|
49
49
|
"rimraf": "5.0.5"
|
|
50
50
|
},
|
|
51
51
|
"peerDependencies": {
|
|
52
|
-
"@public-ui/components": "1.7.
|
|
52
|
+
"@public-ui/components": "1.7.20"
|
|
53
53
|
},
|
|
54
54
|
"sideEffects": false,
|
|
55
55
|
"type": "commonjs",
|