@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 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
- vibrateOnError();
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: '2b0d74465270eef8d8d6f3da8c04377f862e8630' }, props), hAsync("slot", { key: '55e8ad62be763c26af16813e5ebfac2ce1f63b54' })));
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
- validateAlt(this, value, { required: true });
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
- validateImageSizes(this, value);
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
- validateImageSrcset(this, value);
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: 'cca1e1b65e9aab11b4c15bea394d6c54ead1a123', class: "kol-image", alt: this.state._alt, loading: this.state._loading, sizes: this.state._sizes, src: this.state._src, srcset: this.state._srcset }));
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: '2ca0df775c2fcce89473dfeaad1fbb64235b8a3b', class: "kol-split-button" }, hAsync("div", { key: '8933d5eddbc53f3653dcba1c4bcee525cff244b4', class: "kol-split-button__root" }, hAsync(KolButtonWcTag, { key: 'f5a0ca81140515725acb321757a7fe36ee02ea14', class: clsx('kol-split-button__button', {
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
- }), ref: this.catchPrimaryRef, _accessKey: this._accessKey, _ariaControls: this._ariaControls, _ariaDescription: this._ariaDescription, _ariaExpanded: this._ariaExpanded, _ariaSelected: this._ariaSelected, _customClass: this._customClass, _disabled: this._disabled, _icons: this._icons, _id: this._id, _hideLabel: this._hideLabel, _label: this._label, _name: this._name, _on: this.clickButtonHandler, _role: this._role, _shortKey: this._shortKey, _syncValueBySelector: this._syncValueBySelector, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value, _buttonVariant: this._variant }), hAsync("div", { key: '4ee2a8564093ceaf91735a06cadb2d61477e8403', class: "kol-split-button__horizontal-line" }), hAsync(KolButtonWcTag, { key: 'aae9e7140a3f4fe3c892a29172b33c72ef165a30', 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: '032232308b826e91f2bed8dce79ce898961f5f0f', _show: this.state._show, _on: { onClose: this.handleOnClose }, _align: "bottom" }, hAsync("slot", { key: 'dc706f0a2c45e7527111af72e0bdf5b6a551ef60' }))));
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
- vibrateOnError();
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: '2b0d74465270eef8d8d6f3da8c04377f862e8630' }, props), hAsync("slot", { key: '55e8ad62be763c26af16813e5ebfac2ce1f63b54' })));
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
- validateAlt(this, value, { required: true });
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
- validateImageSizes(this, value);
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
- validateImageSrcset(this, value);
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: 'cca1e1b65e9aab11b4c15bea394d6c54ead1a123', class: "kol-image", alt: this.state._alt, loading: this.state._loading, sizes: this.state._sizes, src: this.state._src, srcset: this.state._srcset }));
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: '2ca0df775c2fcce89473dfeaad1fbb64235b8a3b', class: "kol-split-button" }, hAsync("div", { key: '8933d5eddbc53f3653dcba1c4bcee525cff244b4', class: "kol-split-button__root" }, hAsync(KolButtonWcTag, { key: 'f5a0ca81140515725acb321757a7fe36ee02ea14', class: clsx('kol-split-button__button', {
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
- }), ref: this.catchPrimaryRef, _accessKey: this._accessKey, _ariaControls: this._ariaControls, _ariaDescription: this._ariaDescription, _ariaExpanded: this._ariaExpanded, _ariaSelected: this._ariaSelected, _customClass: this._customClass, _disabled: this._disabled, _icons: this._icons, _id: this._id, _hideLabel: this._hideLabel, _label: this._label, _name: this._name, _on: this.clickButtonHandler, _role: this._role, _shortKey: this._shortKey, _syncValueBySelector: this._syncValueBySelector, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value, _buttonVariant: this._variant }), hAsync("div", { key: '4ee2a8564093ceaf91735a06cadb2d61477e8403', class: "kol-split-button__horizontal-line" }), hAsync(KolButtonWcTag, { key: 'aae9e7140a3f4fe3c892a29172b33c72ef165a30', 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: '032232308b826e91f2bed8dce79ce898961f5f0f', _show: this.state._show, _on: { onClose: this.handleOnClose }, _align: "bottom" }, hAsync("slot", { key: 'dc706f0a2c45e7527111af72e0bdf5b6a551ef60' }))));
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-6ae0104cda0b7b19a5b0d6bbc5f990b9fe544fa0.0",
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-6ae0104cda0b7b19a5b0d6bbc5f990b9fe544fa0.0"
49
+ "@public-ui/components": "3.0.2-ab502d4896d9763f93bb8cce1b07a1b2f8d04439.0"
50
50
  },
51
51
  "peerDependencies": {
52
- "@public-ui/components": "3.0.2-6ae0104cda0b7b19a5b0d6bbc5f990b9fe544fa0.0"
52
+ "@public-ui/components": "3.0.2-ab502d4896d9763f93bb8cce1b07a1b2f8d04439.0"
53
53
  },
54
54
  "sideEffects": false,
55
55
  "type": "commonjs",