@public-ui/hydrate 1.7.1 → 1.7.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/index.js +19 -6
  2. package/package.json +3 -3
package/dist/index.js CHANGED
@@ -7810,7 +7810,7 @@ const initKoliBri = () => {
7810
7810
  | . ' | .-. | | | ,--. | .-. \\ | .--' ,--.
7811
7811
  | |\\ \\ | '-' | | | | | | '--' / | | | |
7812
7812
  \`--' \`--´ \`---´ \`--' \`--' \`------´ \`--' \`--'
7813
- 🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | 1.7.1
7813
+ 🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | 1.7.2
7814
7814
  `, {
7815
7815
  forceLog: true,
7816
7816
  });
@@ -12061,6 +12061,7 @@ class KolButtonWc {
12061
12061
  validateButtonVariant(this, value);
12062
12062
  }
12063
12063
  componentWillLoad() {
12064
+ var _a;
12064
12065
  this.validateAccessKey(this._accessKey);
12065
12066
  this.validateAriaControls(this._ariaControls);
12066
12067
  this.validateAriaCurrent(this._ariaCurrent);
@@ -12072,7 +12073,7 @@ class KolButtonWc {
12072
12073
  this.validateIcons(this._icons || this._icon);
12073
12074
  this.validateIconAlign(this._iconAlign);
12074
12075
  this.validateId(this._id);
12075
- this.validateLabel(this._label || this._ariaLabel);
12076
+ this.validateLabel((_a = this._label) !== null && _a !== void 0 ? _a : this._ariaLabel);
12076
12077
  this.validateName(this._name);
12077
12078
  this.validateOn(this._on);
12078
12079
  this.validateRole(this._role);
@@ -12826,8 +12827,11 @@ class KolInput {
12826
12827
  getIconsProp() {
12827
12828
  return this._icons || this._icon;
12828
12829
  }
12830
+ getIconStyles(icon) {
12831
+ return icon && typeof icon === 'object' && icon.style ? icon.style : {};
12832
+ }
12829
12833
  render() {
12830
- var _a, _b, _c, _d, _e, _f;
12834
+ var _a, _b, _c, _d, _e, _f, _g, _h;
12831
12835
  const hasError = typeof this._error === 'string' && this._error.length > 0 && this._touched === true;
12832
12836
  const hasExpertSlot = showExpertSlot(this._label);
12833
12837
  const hasHint = typeof this._hint === 'string' && this._hint.length > 0;
@@ -12843,7 +12847,7 @@ class KolInput {
12843
12847
  input: true,
12844
12848
  'icon-left': typeof ((_a = this.getIconsProp()) === null || _a === void 0 ? void 0 : _a.left) === 'object',
12845
12849
  'icon-right': typeof ((_b = this.getIconsProp()) === null || _b === void 0 ? void 0 : _b.right) === 'object',
12846
- } }, ((_c = this.getIconsProp()) === null || _c === void 0 ? void 0 : _c.left) && hAsync("kol-icon", { _ariaLabel: "", _icons: ((_d = this.getIconsProp()) === null || _d === void 0 ? void 0 : _d.left).icon }), hAsync("div", { ref: this.catchInputSlot, id: this.slotName, class: "input-slot" }), typeof this._smartButton === 'object' && this._smartButton !== null && (hAsync("kol-button-wc", { _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 })), ((_e = this.getIconsProp()) === null || _e === void 0 ? void 0 : _e.right) && hAsync("kol-icon", { _ariaLabel: "", _icons: ((_f = this.getIconsProp()) === null || _f === void 0 ? void 0 : _f.right).icon })), useTooltopInsteadOfLabel && (hAsync("kol-tooltip-wc", { "aria-hidden": "true", class: "input-tooltip", _align: this._tooltipAlign, _id: this._hideLabel ? `${this._id}-label` : undefined, _label: this._label })), hasError && (hAsync("kol-alert", { _alert: this._alert, _type: "error", _variant: "msg", "aria-hidden": this._hideError, class: `error${this._hideError ? ' hidden' : ''}`, id: `${this._id}-error` }, this._error)), Array.isArray(this._suggestions) && this._suggestions.length > 0 && (hAsync("datalist", { id: `${this._id}-list` }, this._suggestions.map((option) => (hAsync("option", { value: option }))))), this._hasCounter && (hAsync("span", { class: "counter", "aria-atomic": "true", "aria-live": "polite" }, this._currentLength, this._maxLength && (hAsync(Fragment, null, hAsync("span", { "aria-label": translate('kol-of'), role: "img" }, "/"), this._maxLength)), ' ', hAsync("span", null, translate('kol-characters'))))));
12850
+ } }, ((_c = this.getIconsProp()) === null || _c === void 0 ? void 0 : _c.left) && (hAsync("kol-icon", { _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", { ref: this.catchInputSlot, id: this.slotName, class: "input-slot" }), typeof this._smartButton === 'object' && this._smartButton !== null && (hAsync("kol-button-wc", { _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("kol-icon", { _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("kol-tooltip-wc", { "aria-hidden": "true", class: "input-tooltip", _align: this._tooltipAlign, _id: this._hideLabel ? `${this._id}-label` : undefined, _label: this._label })), hasError && (hAsync("kol-alert", { _alert: this._alert, _type: "error", _variant: "msg", "aria-hidden": this._hideError, class: `error${this._hideError ? ' hidden' : ''}`, id: `${this._id}-error` }, this._error)), Array.isArray(this._suggestions) && this._suggestions.length > 0 && (hAsync("datalist", { id: `${this._id}-list` }, this._suggestions.map((option) => (hAsync("option", { value: option }))))), this._hasCounter && (hAsync("span", { class: "counter", "aria-atomic": "true", "aria-live": "polite" }, this._currentLength, this._maxLength && (hAsync(Fragment, null, hAsync("span", { "aria-label": translate('kol-of'), role: "img" }, "/"), this._maxLength)), ' ', hAsync("span", null, translate('kol-characters'))))));
12847
12851
  }
12848
12852
  get host() { return getElement(this); }
12849
12853
  static get cmpMeta() { return {
@@ -15637,7 +15641,7 @@ class InputRangeController extends InputIconController {
15637
15641
  }
15638
15642
  }
15639
15643
 
15640
- const defaultStyleCss$m = "/*!@:host*/.sc-kol-input-range-default-h{--a11y-min-size:44px;font-size:inherit}/*!@**/*.sc-kol-input-range-default{font-family:Verdana;hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}/*!@[role='button'],\nbutton:not([role='link']),\nkol-input .input*/[role='button'].sc-kol-input-range-default,button.sc-kol-input-range-default:not([role='link']),kol-input.sc-kol-input-range-default .input.sc-kol-input-range-default{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}/*!@a,\nbutton,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\ninput,\noption,\nselect,\ntextarea*/a.sc-kol-input-range-default,button.sc-kol-input-range-default,h1.sc-kol-input-range-default,h2.sc-kol-input-range-default,h3.sc-kol-input-range-default,h4.sc-kol-input-range-default,h5.sc-kol-input-range-default,h6.sc-kol-input-range-default,input.sc-kol-input-range-default,option.sc-kol-input-range-default,select.sc-kol-input-range-default,textarea.sc-kol-input-range-default{font-family:inherit;font-size:inherit}/*!@:is(a, button)*/.sc-kol-input-range-default:is(a,button).sc-kol-input-range-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@:host*/.sc-kol-input-range-default-h{max-width:100%}/*!@**/*.sc-kol-input-range-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-input-range-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-input-range-default>span.sc-kol-input-range-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-input-range-default,button.sc-kol-input-range-default{cursor:pointer}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.sc-kol-input-range-default,input.sc-kol-input-range-default,option.sc-kol-input-range-default,select.sc-kol-input-range-default,textarea.sc-kol-input-range-default{font-family:inherit}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-input-range-default>kol-span-wc.sc-kol-input-range-default>span.sc-kol-input-range-default>span.sc-kol-input-range-default{display:none}/*!@.required label > span::after,\n.required legend > span::after*/.required.sc-kol-input-range-default label.sc-kol-input-range-default>span.sc-kol-input-range-default::after,.required.sc-kol-input-range-default legend.sc-kol-input-range-default>span.sc-kol-input-range-default::after{content:'*'}/*!@:host*/.sc-kol-input-range-default-h{display:block}/*!@input,\ntextarea*/input.sc-kol-input-range-default,textarea.sc-kol-input-range-default{cursor:text}/*!@input[type='checkbox'],\ninput[type='color'],\ninput[type='file'],\ninput[type='radio'],\ninput[type='range'],\nlabel,\noption,\nselect*/input[type='checkbox'].sc-kol-input-range-default,input[type='color'].sc-kol-input-range-default,input[type='file'].sc-kol-input-range-default,input[type='radio'].sc-kol-input-range-default,input[type='range'].sc-kol-input-range-default,label.sc-kol-input-range-default,option.sc-kol-input-range-default,select.sc-kol-input-range-default{cursor:pointer}/*!@input[type='color'],\ninput[type='date'],\ninput[type='datetime-local'],\ninput[type='email'],\ninput[type='file'],\ninput[type='month'],\ninput[type='number'],\ninput[type='password'],\ninput[type='search'],\ninput[type='tel'],\ninput[type='text'],\ninput[type='time'],\ninput[type='url'],\ninput[type='week'],\nselect,\nselect[multiple] option,\ntextarea*/input[type='color'].sc-kol-input-range-default,input[type='date'].sc-kol-input-range-default,input[type='datetime-local'].sc-kol-input-range-default,input[type='email'].sc-kol-input-range-default,input[type='file'].sc-kol-input-range-default,input[type='month'].sc-kol-input-range-default,input[type='number'].sc-kol-input-range-default,input[type='password'].sc-kol-input-range-default,input[type='search'].sc-kol-input-range-default,input[type='tel'].sc-kol-input-range-default,input[type='text'].sc-kol-input-range-default,input[type='time'].sc-kol-input-range-default,input[type='url'].sc-kol-input-range-default,input[type='week'].sc-kol-input-range-default,select.sc-kol-input-range-default,select[multiple].sc-kol-input-range-default option.sc-kol-input-range-default,textarea.sc-kol-input-range-default{font-size:1rem;width:100%}/*!@input[type='file']*/input[type='file'].sc-kol-input-range-default{padding:calc((var(--a11y-min-size) - 1rem) / 10) 0.5em}/*!@select[multiple] option*/select[multiple].sc-kol-input-range-default option.sc-kol-input-range-default{padding:calc((var(--a11y-min-size) - 1rem) / 2) 0.5em}/*!@kol-input.disabled :is(button, input, label, option, select, textarea)*/kol-input.disabled.sc-kol-input-range-default .sc-kol-input-range-default:is(button,input.sc-kol-input-range-default,label.sc-kol-input-range-default,option.sc-kol-input-range-default,select.sc-kol-input-range-default,textarea).sc-kol-input-range-default{cursor:not-allowed;opacity:0.5}/*!@kol-input*/kol-input.sc-kol-input-range-default{display:grid}/*!@kol-input .input-slot*/kol-input.sc-kol-input-range-default .input-slot.sc-kol-input-range-default{flex-grow:1}/*!@input:not([type='checkbox'], [type='radio']),\nselect:not([multiple], [size])*/input.sc-kol-input-range-default:not([type='checkbox'],[type='radio']).sc-kol-input-range-default,select.sc-kol-input-range-default:not([multiple],[size]).sc-kol-input-range-default{height:2.75em}/*!@input:focus,\noption:focus,\nselect:focus,\ntextarea:focus*/input.sc-kol-input-range-default:focus,option.sc-kol-input-range-default:focus,select.sc-kol-input-range-default:focus,textarea.sc-kol-input-range-default:focus{outline:0}/*!@.input*/.input.sc-kol-input-range-default{display:flex;align-items:center}/*!@.input > kol-icon*/.input.sc-kol-input-range-default>kol-icon.sc-kol-input-range-default{display:grid;height:var(--a11y-min-size);place-items:center}/*!@kol-input.required .input-tooltip .span-label::after*/kol-input.required.sc-kol-input-range-default .input-tooltip.sc-kol-input-range-default .span-label.sc-kol-input-range-default::after{content:'*'}/*!@.inputs-wrapper*/.inputs-wrapper.sc-kol-input-range-default{align-items:center;display:flex;flex-direction:row}/*!@input[type='number']*/input[type='number'].sc-kol-input-range-default{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size);width:var(--kolibri-input-range--input-number--width)}/*!@input[type='range']*/input[type='range'].sc-kol-input-range-default{appearance:none;background-color:#d3d3d3;border:1px solid #000;display:inline-block;flex-grow:1;height:0.5rem;line-height:1.5em;padding:0;margin:0;width:0}/*!@input[type='range']::-webkit-slider-thumb*/input[type='range'].sc-kol-input-range-default::-webkit-slider-thumb{box-sizing:border-box;background-color:#000;height:20px;width:20px;border-radius:20px;cursor:pointer;-webkit-appearance:none}/*!@input[type='range']::-moz-range-thumb*/input[type='range'].sc-kol-input-range-default::-moz-range-thumb{box-sizing:border-box;background-color:#000;height:20px;width:20px;border-radius:20px;cursor:pointer;-moz-appearance:none}/*!@.error.hidden*/.error.hidden.sc-kol-input-range-default{display:none}";
15644
+ const defaultStyleCss$m = "/*!@:host*/.sc-kol-input-range-default-h{--a11y-min-size:44px;font-size:inherit}/*!@**/*.sc-kol-input-range-default{font-family:Verdana;hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}/*!@[role='button'],\nbutton:not([role='link']),\nkol-input .input*/[role='button'].sc-kol-input-range-default,button.sc-kol-input-range-default:not([role='link']),kol-input.sc-kol-input-range-default .input.sc-kol-input-range-default{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}/*!@a,\nbutton,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\ninput,\noption,\nselect,\ntextarea*/a.sc-kol-input-range-default,button.sc-kol-input-range-default,h1.sc-kol-input-range-default,h2.sc-kol-input-range-default,h3.sc-kol-input-range-default,h4.sc-kol-input-range-default,h5.sc-kol-input-range-default,h6.sc-kol-input-range-default,input.sc-kol-input-range-default,option.sc-kol-input-range-default,select.sc-kol-input-range-default,textarea.sc-kol-input-range-default{font-family:inherit;font-size:inherit}/*!@:is(a, button)*/.sc-kol-input-range-default:is(a,button).sc-kol-input-range-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@:host*/.sc-kol-input-range-default-h{max-width:100%}/*!@**/*.sc-kol-input-range-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-input-range-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-input-range-default>span.sc-kol-input-range-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-input-range-default,button.sc-kol-input-range-default{cursor:pointer}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.sc-kol-input-range-default,input.sc-kol-input-range-default,option.sc-kol-input-range-default,select.sc-kol-input-range-default,textarea.sc-kol-input-range-default{font-family:inherit}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-input-range-default>kol-span-wc.sc-kol-input-range-default>span.sc-kol-input-range-default>span.sc-kol-input-range-default{display:none}/*!@.required label > span::after,\n.required legend > span::after*/.required.sc-kol-input-range-default label.sc-kol-input-range-default>span.sc-kol-input-range-default::after,.required.sc-kol-input-range-default legend.sc-kol-input-range-default>span.sc-kol-input-range-default::after{content:'*'}/*!@:host*/.sc-kol-input-range-default-h{display:block}/*!@input,\ntextarea*/input.sc-kol-input-range-default,textarea.sc-kol-input-range-default{cursor:text}/*!@input[type='checkbox'],\ninput[type='color'],\ninput[type='file'],\ninput[type='radio'],\ninput[type='range'],\nlabel,\noption,\nselect*/input[type='checkbox'].sc-kol-input-range-default,input[type='color'].sc-kol-input-range-default,input[type='file'].sc-kol-input-range-default,input[type='radio'].sc-kol-input-range-default,input[type='range'].sc-kol-input-range-default,label.sc-kol-input-range-default,option.sc-kol-input-range-default,select.sc-kol-input-range-default{cursor:pointer}/*!@input[type='color'],\ninput[type='date'],\ninput[type='datetime-local'],\ninput[type='email'],\ninput[type='file'],\ninput[type='month'],\ninput[type='number'],\ninput[type='password'],\ninput[type='search'],\ninput[type='tel'],\ninput[type='text'],\ninput[type='time'],\ninput[type='url'],\ninput[type='week'],\nselect,\nselect[multiple] option,\ntextarea*/input[type='color'].sc-kol-input-range-default,input[type='date'].sc-kol-input-range-default,input[type='datetime-local'].sc-kol-input-range-default,input[type='email'].sc-kol-input-range-default,input[type='file'].sc-kol-input-range-default,input[type='month'].sc-kol-input-range-default,input[type='number'].sc-kol-input-range-default,input[type='password'].sc-kol-input-range-default,input[type='search'].sc-kol-input-range-default,input[type='tel'].sc-kol-input-range-default,input[type='text'].sc-kol-input-range-default,input[type='time'].sc-kol-input-range-default,input[type='url'].sc-kol-input-range-default,input[type='week'].sc-kol-input-range-default,select.sc-kol-input-range-default,select[multiple].sc-kol-input-range-default option.sc-kol-input-range-default,textarea.sc-kol-input-range-default{font-size:1rem;width:100%}/*!@input[type='file']*/input[type='file'].sc-kol-input-range-default{padding:calc((var(--a11y-min-size) - 1rem) / 10) 0.5em}/*!@select[multiple] option*/select[multiple].sc-kol-input-range-default option.sc-kol-input-range-default{padding:calc((var(--a11y-min-size) - 1rem) / 2) 0.5em}/*!@kol-input.disabled :is(button, input, label, option, select, textarea)*/kol-input.disabled.sc-kol-input-range-default .sc-kol-input-range-default:is(button,input.sc-kol-input-range-default,label.sc-kol-input-range-default,option.sc-kol-input-range-default,select.sc-kol-input-range-default,textarea).sc-kol-input-range-default{cursor:not-allowed;opacity:0.5}/*!@kol-input*/kol-input.sc-kol-input-range-default{display:grid}/*!@kol-input .input-slot*/kol-input.sc-kol-input-range-default .input-slot.sc-kol-input-range-default{flex-grow:1}/*!@input:not([type='checkbox'], [type='radio']),\nselect:not([multiple], [size])*/input.sc-kol-input-range-default:not([type='checkbox'],[type='radio']).sc-kol-input-range-default,select.sc-kol-input-range-default:not([multiple],[size]).sc-kol-input-range-default{height:2.75em}/*!@input:focus,\noption:focus,\nselect:focus,\ntextarea:focus*/input.sc-kol-input-range-default:focus,option.sc-kol-input-range-default:focus,select.sc-kol-input-range-default:focus,textarea.sc-kol-input-range-default:focus{outline:0}/*!@.input*/.input.sc-kol-input-range-default{display:flex;align-items:center}/*!@.input > kol-icon*/.input.sc-kol-input-range-default>kol-icon.sc-kol-input-range-default{display:grid;height:var(--a11y-min-size);place-items:center}/*!@kol-input.required .input-tooltip .span-label::after*/kol-input.required.sc-kol-input-range-default .input-tooltip.sc-kol-input-range-default .span-label.sc-kol-input-range-default::after{content:'*'}/*!@.inputs-wrapper*/.inputs-wrapper.sc-kol-input-range-default{align-items:center;display:flex;flex-direction:row}/*!@input[type='number']*/input[type='number'].sc-kol-input-range-default{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size);width:var(--kolibri-input-range--input-number--width)}/*!@input[type='range']*/input[type='range'].sc-kol-input-range-default{appearance:none;background-color:#d3d3d3;border:1px solid #000;display:inline-block;flex-grow:1;height:0.5rem;line-height:1.5em;padding:0;margin:0;width:0}/*!@input[type='range']::-webkit-slider-thumb*/input[type='range'].sc-kol-input-range-default::-webkit-slider-thumb{box-sizing:border-box;background-color:#000;height:20px;width:20px;border-radius:20px;cursor:pointer;-webkit-appearance:none}/*!@input[type='range']::-moz-range-thumb*/input[type='range'].sc-kol-input-range-default::-moz-range-thumb{box-sizing:border-box;background-color:#000;height:20px;width:20px;border-radius:20px;cursor:pointer;-moz-appearance:none}/*!@.error.hidden*/.error.hidden.sc-kol-input-range-default{display:none}@media (prefers-contrast: more){/*!@::-webkit-slider-thumb*/.sc-kol-input-range-default::-webkit-slider-thumb{outline:1px solid currentColor}}";
15641
15645
 
15642
15646
  class KolInputRange {
15643
15647
  render() {
@@ -16713,6 +16717,7 @@ class KolLinkWc {
16713
16717
  }
16714
16718
  }
16715
16719
  componentWillLoad() {
16720
+ var _a;
16716
16721
  this.validateAriaControls(this._ariaControls);
16717
16722
  this.validateAriaCurrent(this._ariaCurrent);
16718
16723
  this.validateAriaExpanded(this._ariaExpanded);
@@ -16723,7 +16728,7 @@ class KolLinkWc {
16723
16728
  this.validateHref(this._href);
16724
16729
  this.validateIcon(this._icons || this._icon);
16725
16730
  this.validateIconAlign(this._iconAlign);
16726
- this.validateLabel(this._label || this._ariaLabel);
16731
+ this.validateLabel((_a = this._label) !== null && _a !== void 0 ? _a : this._ariaLabel);
16727
16732
  this.validateListenAriaCurrent(this._listenAriaCurrent);
16728
16733
  this.validateOn(this._on);
16729
16734
  this.validateRole(this._role);
@@ -17087,6 +17092,14 @@ class KolModal {
17087
17092
  validateActiveElement(value) {
17088
17093
  watchValidator(this, '_activeElement', (value) => typeof value === 'object' || value === null, new Set(['HTMLElement', 'null']), value, {
17089
17094
  defaultValue: null,
17095
+ hooks: {
17096
+ afterPatch: () => {
17097
+ var _a;
17098
+ if (this._activeElement === null && ((_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onClose)) {
17099
+ this.state._on.onClose();
17100
+ }
17101
+ },
17102
+ },
17090
17103
  });
17091
17104
  }
17092
17105
  validateAriaLabel(value) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@public-ui/hydrate",
3
- "version": "1.7.1",
3
+ "version": "1.7.2",
4
4
  "license": "EUPL-1.2",
5
5
  "homepage": "https://public-ui.github.io",
6
6
  "repository": "https://github.com/public-ui/kolibri",
@@ -42,11 +42,11 @@
42
42
  "hydrate"
43
43
  ],
44
44
  "devDependencies": {
45
- "@public-ui/components": "1.7.1",
45
+ "@public-ui/components": "1.7.2",
46
46
  "rimraf": "3.0.2"
47
47
  },
48
48
  "peerDependencies": {
49
- "@public-ui/components": "1.7.1"
49
+ "@public-ui/components": "1.7.2"
50
50
  },
51
51
  "sideEffects": false,
52
52
  "type": "commonjs",