@public-ui/hydrate 1.4.0-rc.13 → 1.4.0-rc.14

package/dist/index.js

@@ -7508,6 +7508,7 @@ featureHint(`[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.`);
 class KolAccordion {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.nonce = nonce();
     this.catchAriaExpanded = (button) => {
       if (button instanceof HTMLButtonElement) {
         this.buttonRef = button;
@@ -7540,7 +7541,7 @@ class KolAccordion {
     };
   }
   render() {
-    return (hAsync(Host, null, hAsync("div", { part: `accordion ${this.state._open ? 'open' : 'close'}` }, hAsync("kol-heading-wc", { _label: "", _level: this.state._level }, hAsync("button", { ref: this.catchAriaExpanded, onClick: this.onClick }, hAsync("kol-icon", { _ariaLabel: "", _icon: this.state._open ? 'fa-solid fa-minus' : 'fa-solid fa-plus', _part: this.state._open ? 'close' : 'open' }), hAsync("span", null, this.state._heading))), hAsync("div", { part: "header" }, hAsync("slot", { name: "header" })), hAsync("div", { part: "content", style: this.state._open === false
+    return (hAsync(Host, null, hAsync("div", { part: `accordion ${this.state._open ? 'open' : 'close'}` }, hAsync("kol-heading-wc", { _label: "", _level: this.state._level }, hAsync("button", { "aria-controls": this.nonce, ref: this.catchAriaExpanded, onClick: this.onClick }, hAsync("kol-icon", { _ariaLabel: "", _icon: this.state._open ? 'fa-solid fa-minus' : 'fa-solid fa-plus', _part: this.state._open ? 'close' : 'open' }), hAsync("span", null, this.state._heading))), hAsync("div", { part: "header" }, hAsync("slot", { name: "header" })), hAsync("div", { id: this.nonce, part: "content", style: this.state._open === false
         ? {
           display: 'none',
           height: '0',
@@ -11246,7 +11247,7 @@ class KolButtonLink {
     this._value = undefined;
   }
   render() {
-    return (hAsync(Host, null, hAsync("kol-button-wc", { ref: this.catchRef, _accessKey: this._accessKey, _ariaControls: this._ariaControls, _ariaCurrent: this._ariaCurrent, _ariaExpanded: this._ariaExpanded, _ariaLabel: this._ariaLabel, _ariaSelected: this._ariaSelected, _disabled: this._disabled, _icon: this._icon, _iconOnly: this._iconOnly, _id: this._id, _label: this._label, _on: this._on, _role: this._role, _tabIndex: this._tabIndex, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value }, hAsync("slot", { name: "expert", slot: "expert" }))));
+    return (hAsync(Host, null, hAsync("kol-button-wc", { ref: this.catchRef, _accessKey: this._accessKey, _ariaControls: this._ariaControls, _ariaCurrent: this._ariaCurrent, _ariaExpanded: this._ariaExpanded, _ariaLabel: this._ariaLabel, _ariaSelected: this._ariaSelected, _disabled: this._disabled, _icon: this._icon, _iconOnly: this._iconOnly, _id: this._id, _label: this._label, _on: this._on, _role: "link", _tabIndex: this._tabIndex, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value }, hAsync("slot", { name: "expert", slot: "expert" }))));
   }
   get host() { return getElement(this); }
   static get style() { return {
@@ -11964,7 +11965,7 @@ class KolIcon {
     };
   }
   render() {
-    return (hAsync(Host, null, hAsync("i", { "aria-hidden": this.state._ariaLabel.length > 0 ? undefined : 'true', "aria-label": this.state._ariaLabel.length > 0 ? this.state._ariaLabel : undefined, class: this.state._icon, part: `icon${typeof this._part === 'string' ? ` ${this._part}` : ''}`, role: this.state._ariaLabel.length > 0 ? 'img' : undefined })));
+    return (hAsync(Host, null, hAsync("i", { "aria-hidden": this.state._ariaLabel.length > 0 ? undefined : 'true', "aria-label": this.state._ariaLabel.length > 0 ? this.state._ariaLabel : undefined, class: this.state._icon, part: `icon${typeof this._part === 'string' ? ` ${this._part}` : ''}`, role: "img" })));
   }
   validateAriaLabel(value) {
     watchString(this, '_ariaLabel', value, {
@@ -14743,7 +14744,7 @@ class KolLinkButton {
         button: true,
         [this.state._variant]: this.state._variant !== 'custom',
         [this.state._customClass]: this.state._variant === 'custom' && typeof this.state._customClass === 'string' && this.state._customClass.length > 0,
-      }, _ariaControls: this._ariaControls, _ariaCurrent: this._ariaCurrent, _ariaExpanded: this._ariaExpanded, _ariaLabel: this._ariaLabel, _ariaSelected: this._ariaSelected, _disabled: this._disabled, _href: this._href, _icon: this._icon, _iconOnly: this._iconOnly, _label: this._label, _on: this._on, _role: this._role, _tabIndex: this._tabIndex, _target: this._target, _targetDescription: this._targetDescription, _tooltipAlign: this._tooltipAlign }, hAsync("slot", { name: "expert", slot: "expert" }))));
+      }, _ariaControls: this._ariaControls, _ariaCurrent: this._ariaCurrent, _ariaExpanded: this._ariaExpanded, _ariaLabel: this._ariaLabel, _ariaSelected: this._ariaSelected, _disabled: this._disabled, _href: this._href, _icon: this._icon, _iconOnly: this._iconOnly, _label: this._label, _on: this._on, _role: "button", _tabIndex: this._tabIndex, _target: this._target, _targetDescription: this._targetDescription, _tooltipAlign: this._tooltipAlign }, hAsync("slot", { name: "expert", slot: "expert" }))));
   }
   validateCustomClass(value) {
     watchString(this, '_customClass', value, {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@public-ui/hydrate",
-	"version": "1.4.0-rc.13",
+	"version": "1.4.0-rc.14",
 	"license": "EUPL-1.2",
 	"homepage": "https://public-ui.github.io",
 	"repository": "https://github.com/public-ui/kolibri",
@@ -45,11 +45,11 @@
 		"prepack": "rimraf dist/package.json"
 	},
 	"devDependencies": {
-		"@public-ui/components": "1.4.0-rc.13",
+		"@public-ui/components": "1.4.0-rc.14",
 		"rimraf": "4.1.2"
 	},
 	"peerDependencies": {
-		"@public-ui/components": "1.4.0-rc.13"
+		"@public-ui/components": "1.4.0-rc.14"
 	},
 	"sideEffects": false,
 	"type": "commonjs",