@public-ui/hydrate 3.0.2-6ae0104cda0b7b19a5b0d6bbc5f990b9fe544fa0.0 → 3.0.2-ab502d4896d9763f93bb8cce1b07a1b2f8d04439.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -5
- package/dist/index.js +16 -56
- package/dist/index.mjs +16 -56
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -19,9 +19,9 @@ Provide an adapter for Server Side Rendering of KoliBri components.
|
|
|
19
19
|
You can install the adapter with `npm`, `pnpm` or `yarn`:
|
|
20
20
|
|
|
21
21
|
```bash
|
|
22
|
-
npm i @public-ui/hydrate
|
|
23
|
-
pnpm i @public-ui/hydrate
|
|
24
|
-
yarn add @public-ui/hydrate
|
|
22
|
+
npm i -g @public-ui/hydrate
|
|
23
|
+
pnpm i -g @public-ui/hydrate
|
|
24
|
+
yarn add -g @public-ui/hydrate
|
|
25
25
|
```
|
|
26
26
|
|
|
27
27
|
## Usage
|
|
@@ -35,5 +35,3 @@ import { renderToString } from '@public-ui/hydrate';
|
|
|
35
35
|
const inputHtml = `<kol-button _label="Hello World"_></kol-button>`;
|
|
36
36
|
const { html } = await renderToString(inputHtml);
|
|
37
37
|
```
|
|
38
|
-
|
|
39
|
-
Refer to the [default theme README](../../themes/default/README.md) for information on customizing the output.
|
package/dist/index.js
CHANGED
|
@@ -3832,10 +3832,6 @@ const validateAdjustHeight = (component, value) => {
|
|
|
3832
3832
|
watchBoolean(component, '_adjustHeight', value);
|
|
3833
3833
|
};
|
|
3834
3834
|
|
|
3835
|
-
const validateAlt = (component, value, options = {}) => {
|
|
3836
|
-
watchString(component, '_alt', value, options);
|
|
3837
|
-
};
|
|
3838
|
-
|
|
3839
3835
|
const validateAlignment = (component, propName, value) => {
|
|
3840
3836
|
watchValidator(component, propName, (value) => typeof value === 'string' && alignPropTypeOptions.includes(value), new Set(alignPropTypeOptions), value, {
|
|
3841
3837
|
defaultValue: 'top',
|
|
@@ -4202,14 +4198,6 @@ const validateImageSource = (component, value, options) => {
|
|
|
4202
4198
|
watchString(component, '_src', value, options);
|
|
4203
4199
|
};
|
|
4204
4200
|
|
|
4205
|
-
const validateImageSizes = (component, value, options = {}) => {
|
|
4206
|
-
watchString(component, '_sizes', value, options);
|
|
4207
|
-
};
|
|
4208
|
-
|
|
4209
|
-
const validateImageSrcset = (component, value, options = {}) => {
|
|
4210
|
-
watchString(component, '_srcset', value, options);
|
|
4211
|
-
};
|
|
4212
|
-
|
|
4213
4201
|
const validateIndeterminate = (component, value) => {
|
|
4214
4202
|
watchBoolean(component, '_indeterminate', value);
|
|
4215
4203
|
};
|
|
@@ -5146,28 +5134,13 @@ const AlertIcon = ({ type, label }) => {
|
|
|
5146
5134
|
}
|
|
5147
5135
|
};
|
|
5148
5136
|
|
|
5149
|
-
const vibrateOnError = () => {
|
|
5150
|
-
if (typeof navigator === 'undefined' || typeof navigator.vibrate !== 'function') {
|
|
5151
|
-
return;
|
|
5152
|
-
}
|
|
5153
|
-
const ua = navigator.userActivation;
|
|
5154
|
-
const hasGesture = (ua === null || ua === void 0 ? void 0 : ua.isActive) || (ua === null || ua === void 0 ? void 0 : ua.hasBeenActive);
|
|
5155
|
-
if (!hasGesture) {
|
|
5156
|
-
return;
|
|
5157
|
-
}
|
|
5158
|
-
if (!matchMedia('(any-pointer: coarse)').matches) {
|
|
5159
|
-
return;
|
|
5160
|
-
}
|
|
5161
|
-
try {
|
|
5162
|
-
navigator.vibrate([100, 75, 100, 75, 100]);
|
|
5163
|
-
}
|
|
5164
|
-
catch (_a) {
|
|
5165
|
-
}
|
|
5166
|
-
};
|
|
5167
5137
|
const KolAlertFc = (props, children) => {
|
|
5138
|
+
var _a, _b;
|
|
5168
5139
|
const { class: classNames = {}, alert = false, hasCloser = false, label, level = 0, type = 'default', variant = 'msg', onAlertTimeout, onCloserClick } = props, other = __rest(props, ["class", "alert", "hasCloser", "label", "level", "type", "variant", "onAlertTimeout", "onCloserClick"]);
|
|
5169
5140
|
if (alert) {
|
|
5170
|
-
|
|
5141
|
+
if ((_a = navigator.userActivation) === null || _a === void 0 ? void 0 : _a.hasBeenActive) {
|
|
5142
|
+
(_b = navigator === null || navigator === void 0 ? void 0 : navigator.vibrate) === null || _b === void 0 ? void 0 : _b.call(navigator, [100, 75, 100, 75, 100]);
|
|
5143
|
+
}
|
|
5171
5144
|
setTimeout(() => {
|
|
5172
5145
|
onAlertTimeout === null || onAlertTimeout === void 0 ? void 0 : onAlertTimeout();
|
|
5173
5146
|
}, 10000);
|
|
@@ -5232,7 +5205,7 @@ class KolAlertWc {
|
|
|
5232
5205
|
onCloserClick: this.close,
|
|
5233
5206
|
onAlertTimeout: this.handleAlertTimeout,
|
|
5234
5207
|
};
|
|
5235
|
-
return (hAsync(KolAlertFc, Object.assign({ key: '
|
|
5208
|
+
return (hAsync(KolAlertFc, Object.assign({ key: '9038051f21b86a9c83c8ac5619e723dff5ebcbeb' }, props), hAsync("slot", { key: 'cfd116176ab783db5232d9d5520f8ae890ca44db' })));
|
|
5236
5209
|
}
|
|
5237
5210
|
validateAlert(value) {
|
|
5238
5211
|
watchBoolean(this, '_alert', value);
|
|
@@ -18357,13 +18330,15 @@ class KolImage {
|
|
|
18357
18330
|
};
|
|
18358
18331
|
}
|
|
18359
18332
|
validateAlt(value) {
|
|
18360
|
-
|
|
18333
|
+
watchString(this, '_alt', value, {
|
|
18334
|
+
required: true,
|
|
18335
|
+
});
|
|
18361
18336
|
}
|
|
18362
18337
|
validateLoading(value) {
|
|
18363
18338
|
validateLoading(this, value);
|
|
18364
18339
|
}
|
|
18365
18340
|
validateSizes(value) {
|
|
18366
|
-
|
|
18341
|
+
watchString(this, '_sizes', value);
|
|
18367
18342
|
}
|
|
18368
18343
|
validateSrc(value) {
|
|
18369
18344
|
validateImageSource(this, value, {
|
|
@@ -18371,7 +18346,7 @@ class KolImage {
|
|
|
18371
18346
|
});
|
|
18372
18347
|
}
|
|
18373
18348
|
validateSrcset(value) {
|
|
18374
|
-
|
|
18349
|
+
watchString(this, '_srcset', value);
|
|
18375
18350
|
}
|
|
18376
18351
|
componentWillLoad() {
|
|
18377
18352
|
this.validateAlt(this._alt);
|
|
@@ -18381,7 +18356,7 @@ class KolImage {
|
|
|
18381
18356
|
this.validateSrcset(this._srcset);
|
|
18382
18357
|
}
|
|
18383
18358
|
render() {
|
|
18384
|
-
return (hAsync("img", { key: '
|
|
18359
|
+
return (hAsync("img", { key: '23837493ec11632608a497a0319b945b91cadb6d', class: "kol-image", alt: this.state._alt, loading: this.state._loading, sizes: this.state._sizes, src: this.state._src, srcset: this.state._srcset }));
|
|
18385
18360
|
}
|
|
18386
18361
|
static get watchers() { return {
|
|
18387
18362
|
"_alt": ["validateAlt"],
|
|
@@ -26405,9 +26380,6 @@ var KolSplitButtonDefaultStyle0 = defaultStyleCss$9;
|
|
|
26405
26380
|
class KolSplitButton {
|
|
26406
26381
|
constructor(hostRef) {
|
|
26407
26382
|
registerInstance(this, hostRef);
|
|
26408
|
-
this.catchPrimaryRef = (ref) => {
|
|
26409
|
-
this.primaryButtonWcRef = ref;
|
|
26410
|
-
};
|
|
26411
26383
|
this.clickButtonHandler = {
|
|
26412
26384
|
onClick: (event) => {
|
|
26413
26385
|
var _a, _b;
|
|
@@ -26415,6 +26387,9 @@ class KolSplitButton {
|
|
|
26415
26387
|
if (typeof ((_a = this._on) === null || _a === void 0 ? void 0 : _a.onClick) === 'function') {
|
|
26416
26388
|
(_b = this._on) === null || _b === void 0 ? void 0 : _b.onClick(event, this._value);
|
|
26417
26389
|
}
|
|
26390
|
+
else {
|
|
26391
|
+
this.toggleDropdown();
|
|
26392
|
+
}
|
|
26418
26393
|
},
|
|
26419
26394
|
};
|
|
26420
26395
|
this.clickToggleHandler = {
|
|
@@ -26429,9 +26404,7 @@ class KolSplitButton {
|
|
|
26429
26404
|
this.handleOnClose = () => {
|
|
26430
26405
|
this.state = Object.assign(Object.assign({}, this.state), { _show: false });
|
|
26431
26406
|
};
|
|
26432
|
-
this._accessKey = undefined;
|
|
26433
26407
|
this._ariaControls = undefined;
|
|
26434
|
-
this._ariaDescription = undefined;
|
|
26435
26408
|
this._ariaExpanded = undefined;
|
|
26436
26409
|
this._ariaSelected = undefined;
|
|
26437
26410
|
this._customClass = undefined;
|
|
@@ -26443,7 +26416,6 @@ class KolSplitButton {
|
|
|
26443
26416
|
this._name = undefined;
|
|
26444
26417
|
this._on = undefined;
|
|
26445
26418
|
this._role = undefined;
|
|
26446
|
-
this._shortKey = undefined;
|
|
26447
26419
|
this._syncValueBySelector = undefined;
|
|
26448
26420
|
this._tooltipAlign = 'top';
|
|
26449
26421
|
this._type = 'button';
|
|
@@ -26453,19 +26425,12 @@ class KolSplitButton {
|
|
|
26453
26425
|
_show: false,
|
|
26454
26426
|
};
|
|
26455
26427
|
}
|
|
26456
|
-
async getValue() {
|
|
26457
|
-
return this._value;
|
|
26458
|
-
}
|
|
26459
|
-
async kolFocus() {
|
|
26460
|
-
var _a;
|
|
26461
|
-
await ((_a = this.primaryButtonWcRef) === null || _a === void 0 ? void 0 : _a.kolFocus());
|
|
26462
|
-
}
|
|
26463
26428
|
render() {
|
|
26464
26429
|
const i18nDropdownLabel = 'kol-split-button-dropdown-label';
|
|
26465
|
-
return (hAsync("div", { key: '
|
|
26430
|
+
return (hAsync("div", { key: 'adfeb36fc1c13115648cab2c692dcf28ede4f663', class: "kol-split-button" }, hAsync("div", { key: '6ddddfa00a901d7a1c02a242384ba6478955c13b', class: "kol-split-button__root" }, hAsync(KolButtonWcTag, { key: '73295b6c589ee559c4e301c6685568e0aa6359de', class: clsx('kol-split-button__button', {
|
|
26466
26431
|
[this._variant]: this._variant !== 'custom',
|
|
26467
26432
|
[this._customClass]: this._variant === 'custom' && typeof this._customClass === 'string' && this._customClass.length > 0,
|
|
26468
|
-
}),
|
|
26433
|
+
}), _ariaControls: this._ariaControls, _ariaExpanded: this._ariaExpanded, _ariaSelected: this._ariaSelected, _customClass: this._customClass, _disabled: this._disabled, _icons: this._icons, _hideLabel: this._hideLabel, _label: this._label, _name: this._name, _on: this.clickButtonHandler, _role: this._role, _syncValueBySelector: this._syncValueBySelector, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value, _buttonVariant: this._variant }), hAsync("div", { key: '29f15b767934692234c76d6738696ea225488d24', class: "kol-split-button__horizontal-line" }), hAsync(KolButtonWcTag, { key: '689696759403849639ec892383aad2d055ac1482', class: "kol-split-button__secondary-button", _disabled: this._disabled, _hideLabel: true, _icons: "codicon codicon-triangle-down", _label: this.state._show ? translate(`${i18nDropdownLabel}-close`) : translate(`${i18nDropdownLabel}-open`), _on: this.clickToggleHandler })), hAsync(KolPopoverWcTag, { key: 'ba4151408b5ea8295eaee3f680ccd394e081464b', _show: this.state._show, _on: { onClose: this.handleOnClose }, _align: "bottom" }, hAsync("slot", { key: '88c02a85478c3cedae8272e2f3f4848bbf031488' }))));
|
|
26469
26434
|
}
|
|
26470
26435
|
async closePopup() {
|
|
26471
26436
|
this.handleOnClose();
|
|
@@ -26479,9 +26444,7 @@ class KolSplitButton {
|
|
|
26479
26444
|
"$flags$": 57,
|
|
26480
26445
|
"$tagName$": "kol-split-button",
|
|
26481
26446
|
"$members$": {
|
|
26482
|
-
"_accessKey": [1, "_access-key"],
|
|
26483
26447
|
"_ariaControls": [1, "_aria-controls"],
|
|
26484
|
-
"_ariaDescription": [1, "_aria-description"],
|
|
26485
26448
|
"_ariaExpanded": [4, "_aria-expanded"],
|
|
26486
26449
|
"_ariaSelected": [4, "_aria-selected"],
|
|
26487
26450
|
"_customClass": [1, "_custom-class"],
|
|
@@ -26493,15 +26456,12 @@ class KolSplitButton {
|
|
|
26493
26456
|
"_name": [1],
|
|
26494
26457
|
"_on": [16],
|
|
26495
26458
|
"_role": [1],
|
|
26496
|
-
"_shortKey": [1, "_short-key"],
|
|
26497
26459
|
"_syncValueBySelector": [1, "_sync-value-by-selector"],
|
|
26498
26460
|
"_tooltipAlign": [1, "_tooltip-align"],
|
|
26499
26461
|
"_type": [1],
|
|
26500
26462
|
"_value": [8],
|
|
26501
26463
|
"_variant": [1],
|
|
26502
26464
|
"state": [32],
|
|
26503
|
-
"getValue": [64],
|
|
26504
|
-
"kolFocus": [64],
|
|
26505
26465
|
"closePopup": [64]
|
|
26506
26466
|
},
|
|
26507
26467
|
"$listeners$": undefined,
|
package/dist/index.mjs
CHANGED
|
@@ -3828,10 +3828,6 @@ const validateAdjustHeight = (component, value) => {
|
|
|
3828
3828
|
watchBoolean(component, '_adjustHeight', value);
|
|
3829
3829
|
};
|
|
3830
3830
|
|
|
3831
|
-
const validateAlt = (component, value, options = {}) => {
|
|
3832
|
-
watchString(component, '_alt', value, options);
|
|
3833
|
-
};
|
|
3834
|
-
|
|
3835
3831
|
const validateAlignment = (component, propName, value) => {
|
|
3836
3832
|
watchValidator(component, propName, (value) => typeof value === 'string' && alignPropTypeOptions.includes(value), new Set(alignPropTypeOptions), value, {
|
|
3837
3833
|
defaultValue: 'top',
|
|
@@ -4198,14 +4194,6 @@ const validateImageSource = (component, value, options) => {
|
|
|
4198
4194
|
watchString(component, '_src', value, options);
|
|
4199
4195
|
};
|
|
4200
4196
|
|
|
4201
|
-
const validateImageSizes = (component, value, options = {}) => {
|
|
4202
|
-
watchString(component, '_sizes', value, options);
|
|
4203
|
-
};
|
|
4204
|
-
|
|
4205
|
-
const validateImageSrcset = (component, value, options = {}) => {
|
|
4206
|
-
watchString(component, '_srcset', value, options);
|
|
4207
|
-
};
|
|
4208
|
-
|
|
4209
4197
|
const validateIndeterminate = (component, value) => {
|
|
4210
4198
|
watchBoolean(component, '_indeterminate', value);
|
|
4211
4199
|
};
|
|
@@ -5142,28 +5130,13 @@ const AlertIcon = ({ type, label }) => {
|
|
|
5142
5130
|
}
|
|
5143
5131
|
};
|
|
5144
5132
|
|
|
5145
|
-
const vibrateOnError = () => {
|
|
5146
|
-
if (typeof navigator === 'undefined' || typeof navigator.vibrate !== 'function') {
|
|
5147
|
-
return;
|
|
5148
|
-
}
|
|
5149
|
-
const ua = navigator.userActivation;
|
|
5150
|
-
const hasGesture = (ua === null || ua === void 0 ? void 0 : ua.isActive) || (ua === null || ua === void 0 ? void 0 : ua.hasBeenActive);
|
|
5151
|
-
if (!hasGesture) {
|
|
5152
|
-
return;
|
|
5153
|
-
}
|
|
5154
|
-
if (!matchMedia('(any-pointer: coarse)').matches) {
|
|
5155
|
-
return;
|
|
5156
|
-
}
|
|
5157
|
-
try {
|
|
5158
|
-
navigator.vibrate([100, 75, 100, 75, 100]);
|
|
5159
|
-
}
|
|
5160
|
-
catch (_a) {
|
|
5161
|
-
}
|
|
5162
|
-
};
|
|
5163
5133
|
const KolAlertFc = (props, children) => {
|
|
5134
|
+
var _a, _b;
|
|
5164
5135
|
const { class: classNames = {}, alert = false, hasCloser = false, label, level = 0, type = 'default', variant = 'msg', onAlertTimeout, onCloserClick } = props, other = __rest(props, ["class", "alert", "hasCloser", "label", "level", "type", "variant", "onAlertTimeout", "onCloserClick"]);
|
|
5165
5136
|
if (alert) {
|
|
5166
|
-
|
|
5137
|
+
if ((_a = navigator.userActivation) === null || _a === void 0 ? void 0 : _a.hasBeenActive) {
|
|
5138
|
+
(_b = navigator === null || navigator === void 0 ? void 0 : navigator.vibrate) === null || _b === void 0 ? void 0 : _b.call(navigator, [100, 75, 100, 75, 100]);
|
|
5139
|
+
}
|
|
5167
5140
|
setTimeout(() => {
|
|
5168
5141
|
onAlertTimeout === null || onAlertTimeout === void 0 ? void 0 : onAlertTimeout();
|
|
5169
5142
|
}, 10000);
|
|
@@ -5228,7 +5201,7 @@ class KolAlertWc {
|
|
|
5228
5201
|
onCloserClick: this.close,
|
|
5229
5202
|
onAlertTimeout: this.handleAlertTimeout,
|
|
5230
5203
|
};
|
|
5231
|
-
return (hAsync(KolAlertFc, Object.assign({ key: '
|
|
5204
|
+
return (hAsync(KolAlertFc, Object.assign({ key: '9038051f21b86a9c83c8ac5619e723dff5ebcbeb' }, props), hAsync("slot", { key: 'cfd116176ab783db5232d9d5520f8ae890ca44db' })));
|
|
5232
5205
|
}
|
|
5233
5206
|
validateAlert(value) {
|
|
5234
5207
|
watchBoolean(this, '_alert', value);
|
|
@@ -18353,13 +18326,15 @@ class KolImage {
|
|
|
18353
18326
|
};
|
|
18354
18327
|
}
|
|
18355
18328
|
validateAlt(value) {
|
|
18356
|
-
|
|
18329
|
+
watchString(this, '_alt', value, {
|
|
18330
|
+
required: true,
|
|
18331
|
+
});
|
|
18357
18332
|
}
|
|
18358
18333
|
validateLoading(value) {
|
|
18359
18334
|
validateLoading(this, value);
|
|
18360
18335
|
}
|
|
18361
18336
|
validateSizes(value) {
|
|
18362
|
-
|
|
18337
|
+
watchString(this, '_sizes', value);
|
|
18363
18338
|
}
|
|
18364
18339
|
validateSrc(value) {
|
|
18365
18340
|
validateImageSource(this, value, {
|
|
@@ -18367,7 +18342,7 @@ class KolImage {
|
|
|
18367
18342
|
});
|
|
18368
18343
|
}
|
|
18369
18344
|
validateSrcset(value) {
|
|
18370
|
-
|
|
18345
|
+
watchString(this, '_srcset', value);
|
|
18371
18346
|
}
|
|
18372
18347
|
componentWillLoad() {
|
|
18373
18348
|
this.validateAlt(this._alt);
|
|
@@ -18377,7 +18352,7 @@ class KolImage {
|
|
|
18377
18352
|
this.validateSrcset(this._srcset);
|
|
18378
18353
|
}
|
|
18379
18354
|
render() {
|
|
18380
|
-
return (hAsync("img", { key: '
|
|
18355
|
+
return (hAsync("img", { key: '23837493ec11632608a497a0319b945b91cadb6d', class: "kol-image", alt: this.state._alt, loading: this.state._loading, sizes: this.state._sizes, src: this.state._src, srcset: this.state._srcset }));
|
|
18381
18356
|
}
|
|
18382
18357
|
static get watchers() { return {
|
|
18383
18358
|
"_alt": ["validateAlt"],
|
|
@@ -26401,9 +26376,6 @@ var KolSplitButtonDefaultStyle0 = defaultStyleCss$9;
|
|
|
26401
26376
|
class KolSplitButton {
|
|
26402
26377
|
constructor(hostRef) {
|
|
26403
26378
|
registerInstance(this, hostRef);
|
|
26404
|
-
this.catchPrimaryRef = (ref) => {
|
|
26405
|
-
this.primaryButtonWcRef = ref;
|
|
26406
|
-
};
|
|
26407
26379
|
this.clickButtonHandler = {
|
|
26408
26380
|
onClick: (event) => {
|
|
26409
26381
|
var _a, _b;
|
|
@@ -26411,6 +26383,9 @@ class KolSplitButton {
|
|
|
26411
26383
|
if (typeof ((_a = this._on) === null || _a === void 0 ? void 0 : _a.onClick) === 'function') {
|
|
26412
26384
|
(_b = this._on) === null || _b === void 0 ? void 0 : _b.onClick(event, this._value);
|
|
26413
26385
|
}
|
|
26386
|
+
else {
|
|
26387
|
+
this.toggleDropdown();
|
|
26388
|
+
}
|
|
26414
26389
|
},
|
|
26415
26390
|
};
|
|
26416
26391
|
this.clickToggleHandler = {
|
|
@@ -26425,9 +26400,7 @@ class KolSplitButton {
|
|
|
26425
26400
|
this.handleOnClose = () => {
|
|
26426
26401
|
this.state = Object.assign(Object.assign({}, this.state), { _show: false });
|
|
26427
26402
|
};
|
|
26428
|
-
this._accessKey = undefined;
|
|
26429
26403
|
this._ariaControls = undefined;
|
|
26430
|
-
this._ariaDescription = undefined;
|
|
26431
26404
|
this._ariaExpanded = undefined;
|
|
26432
26405
|
this._ariaSelected = undefined;
|
|
26433
26406
|
this._customClass = undefined;
|
|
@@ -26439,7 +26412,6 @@ class KolSplitButton {
|
|
|
26439
26412
|
this._name = undefined;
|
|
26440
26413
|
this._on = undefined;
|
|
26441
26414
|
this._role = undefined;
|
|
26442
|
-
this._shortKey = undefined;
|
|
26443
26415
|
this._syncValueBySelector = undefined;
|
|
26444
26416
|
this._tooltipAlign = 'top';
|
|
26445
26417
|
this._type = 'button';
|
|
@@ -26449,19 +26421,12 @@ class KolSplitButton {
|
|
|
26449
26421
|
_show: false,
|
|
26450
26422
|
};
|
|
26451
26423
|
}
|
|
26452
|
-
async getValue() {
|
|
26453
|
-
return this._value;
|
|
26454
|
-
}
|
|
26455
|
-
async kolFocus() {
|
|
26456
|
-
var _a;
|
|
26457
|
-
await ((_a = this.primaryButtonWcRef) === null || _a === void 0 ? void 0 : _a.kolFocus());
|
|
26458
|
-
}
|
|
26459
26424
|
render() {
|
|
26460
26425
|
const i18nDropdownLabel = 'kol-split-button-dropdown-label';
|
|
26461
|
-
return (hAsync("div", { key: '
|
|
26426
|
+
return (hAsync("div", { key: 'adfeb36fc1c13115648cab2c692dcf28ede4f663', class: "kol-split-button" }, hAsync("div", { key: '6ddddfa00a901d7a1c02a242384ba6478955c13b', class: "kol-split-button__root" }, hAsync(KolButtonWcTag, { key: '73295b6c589ee559c4e301c6685568e0aa6359de', class: clsx('kol-split-button__button', {
|
|
26462
26427
|
[this._variant]: this._variant !== 'custom',
|
|
26463
26428
|
[this._customClass]: this._variant === 'custom' && typeof this._customClass === 'string' && this._customClass.length > 0,
|
|
26464
|
-
}),
|
|
26429
|
+
}), _ariaControls: this._ariaControls, _ariaExpanded: this._ariaExpanded, _ariaSelected: this._ariaSelected, _customClass: this._customClass, _disabled: this._disabled, _icons: this._icons, _hideLabel: this._hideLabel, _label: this._label, _name: this._name, _on: this.clickButtonHandler, _role: this._role, _syncValueBySelector: this._syncValueBySelector, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value, _buttonVariant: this._variant }), hAsync("div", { key: '29f15b767934692234c76d6738696ea225488d24', class: "kol-split-button__horizontal-line" }), hAsync(KolButtonWcTag, { key: '689696759403849639ec892383aad2d055ac1482', class: "kol-split-button__secondary-button", _disabled: this._disabled, _hideLabel: true, _icons: "codicon codicon-triangle-down", _label: this.state._show ? translate(`${i18nDropdownLabel}-close`) : translate(`${i18nDropdownLabel}-open`), _on: this.clickToggleHandler })), hAsync(KolPopoverWcTag, { key: 'ba4151408b5ea8295eaee3f680ccd394e081464b', _show: this.state._show, _on: { onClose: this.handleOnClose }, _align: "bottom" }, hAsync("slot", { key: '88c02a85478c3cedae8272e2f3f4848bbf031488' }))));
|
|
26465
26430
|
}
|
|
26466
26431
|
async closePopup() {
|
|
26467
26432
|
this.handleOnClose();
|
|
@@ -26475,9 +26440,7 @@ class KolSplitButton {
|
|
|
26475
26440
|
"$flags$": 57,
|
|
26476
26441
|
"$tagName$": "kol-split-button",
|
|
26477
26442
|
"$members$": {
|
|
26478
|
-
"_accessKey": [1, "_access-key"],
|
|
26479
26443
|
"_ariaControls": [1, "_aria-controls"],
|
|
26480
|
-
"_ariaDescription": [1, "_aria-description"],
|
|
26481
26444
|
"_ariaExpanded": [4, "_aria-expanded"],
|
|
26482
26445
|
"_ariaSelected": [4, "_aria-selected"],
|
|
26483
26446
|
"_customClass": [1, "_custom-class"],
|
|
@@ -26489,15 +26452,12 @@ class KolSplitButton {
|
|
|
26489
26452
|
"_name": [1],
|
|
26490
26453
|
"_on": [16],
|
|
26491
26454
|
"_role": [1],
|
|
26492
|
-
"_shortKey": [1, "_short-key"],
|
|
26493
26455
|
"_syncValueBySelector": [1, "_sync-value-by-selector"],
|
|
26494
26456
|
"_tooltipAlign": [1, "_tooltip-align"],
|
|
26495
26457
|
"_type": [1],
|
|
26496
26458
|
"_value": [8],
|
|
26497
26459
|
"_variant": [1],
|
|
26498
26460
|
"state": [32],
|
|
26499
|
-
"getValue": [64],
|
|
26500
|
-
"kolFocus": [64],
|
|
26501
26461
|
"closePopup": [64]
|
|
26502
26462
|
},
|
|
26503
26463
|
"$listeners$": undefined,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@public-ui/hydrate",
|
|
3
|
-
"version": "3.0.2-
|
|
3
|
+
"version": "3.0.2-ab502d4896d9763f93bb8cce1b07a1b2f8d04439.0",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"homepage": "https://public-ui.github.io",
|
|
6
6
|
"repository": {
|
|
@@ -46,10 +46,10 @@
|
|
|
46
46
|
],
|
|
47
47
|
"devDependencies": {
|
|
48
48
|
"rimraf": "6.0.1",
|
|
49
|
-
"@public-ui/components": "3.0.2-
|
|
49
|
+
"@public-ui/components": "3.0.2-ab502d4896d9763f93bb8cce1b07a1b2f8d04439.0"
|
|
50
50
|
},
|
|
51
51
|
"peerDependencies": {
|
|
52
|
-
"@public-ui/components": "3.0.2-
|
|
52
|
+
"@public-ui/components": "3.0.2-ab502d4896d9763f93bb8cce1b07a1b2f8d04439.0"
|
|
53
53
|
},
|
|
54
54
|
"sideEffects": false,
|
|
55
55
|
"type": "commonjs",
|