@public-ui/hydrate 2.2.13-41ee611a95447f6b98a9420d37280eb13f78bd4c.0 → 2.2.13-aa5bdc72abc6c43e3c405cdbec7db9ae7b823d5b.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/dist/index.js CHANGED
@@ -12197,6 +12197,7 @@ class KolNav {
12197
12197
  }, key: index }, this.entry(collapsible, hideLabel, hasChildren, link, expanded), expanded && hAsync(this.linkList, { collapsible: collapsible, hideLabel: hideLabel, deep: deep + 1, links: link._children || [], orientation: orientation })));
12198
12198
  }
12199
12199
  initializeExpandedChildren() {
12200
+ this.state = Object.assign(Object.assign({}, this.state), { _expandedChildren: [] });
12200
12201
  const handleBranch = (branch) => {
12201
12202
  if (branch._active) {
12202
12203
  if (branch._children) {
@@ -12225,11 +12226,11 @@ class KolNav {
12225
12226
  const collapsible = this.state._collapsible === true;
12226
12227
  const hideLabel = this.state._hideLabel === true;
12227
12228
  const orientation = this.state._orientation;
12228
- return (hAsync(Host, { key: '81dd8e3750c10100212e8ce872dee8f9a58ee724', class: "kol-nav" }, hAsync("div", { key: '6f0f06434304ada1033d96c12d89c957f56614de', class: {
12229
+ return (hAsync(Host, { key: 'bcd3d3425423a241def22c80072236a0ca1af502', class: "kol-nav" }, hAsync("div", { key: '4847c97f6b9d13332a0e3823a4c2e65ee92b2f67', class: {
12229
12230
  nav: true,
12230
12231
  [orientation]: true,
12231
12232
  'is-compact': this.state._hideLabel,
12232
- } }, hAsync("nav", { key: 'e9138fd2e553796c2b4d490253df7e7d56ca0d2b', "aria-label": this.state._label, id: "nav" }, hAsync(this.linkList, { key: '99181dc0db2b9a3c94300c40586710dc1c4c7609', collapsible: collapsible, hideLabel: hideLabel, deep: 0, links: this.state._links, orientation: orientation })), hasCompactButton && (hAsync("div", { key: '3ec43da562a27defe698b29ee7970e6f2b4b0c06', class: "compact" }, hAsync(KolButtonWcTag, { key: '42b72f73da512e08ef6b002bd231a9fc5e55e6ab', class: "toggle-button", _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: {
12233
+ } }, hAsync("nav", { key: '62a1e0c73ae617723ffa47078f0970e1779e9376', "aria-label": this.state._label, id: "nav" }, hAsync(this.linkList, { key: '1e7d0b1c1ba67dd33d8587997dc410e1f2afadec', collapsible: collapsible, hideLabel: hideLabel, deep: 0, links: this.state._links, orientation: orientation })), hasCompactButton && (hAsync("div", { key: 'df53af8d571541c905ae1fff63dceaf56aba5c96', class: "compact" }, hAsync(KolButtonWcTag, { key: 'c9de4df6c78c2ba07eea38b6137573144ca883a1', class: "toggle-button", _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: {
12233
12234
  onClick: () => {
12234
12235
  this.state = Object.assign(Object.assign({}, this.state), { _hideLabel: this.state._hideLabel === false });
12235
12236
  },
@@ -12260,6 +12261,7 @@ class KolNav {
12260
12261
  validateLinks(value) {
12261
12262
  watchNavLinks('KolNav', this, value);
12262
12263
  devHint(`[KolNav] The navigation structure is not yet validated recursively.`);
12264
+ this.initializeExpandedChildren();
12263
12265
  }
12264
12266
  validateOrientation(value) {
12265
12267
  watchValidator(this, '_orientation', (value) => value === 'horizontal' || value === 'vertical', new Set(['Orientation {horizontal, vertical}']), value, {
package/dist/index.mjs CHANGED
@@ -12193,6 +12193,7 @@ class KolNav {
12193
12193
  }, key: index }, this.entry(collapsible, hideLabel, hasChildren, link, expanded), expanded && hAsync(this.linkList, { collapsible: collapsible, hideLabel: hideLabel, deep: deep + 1, links: link._children || [], orientation: orientation })));
12194
12194
  }
12195
12195
  initializeExpandedChildren() {
12196
+ this.state = Object.assign(Object.assign({}, this.state), { _expandedChildren: [] });
12196
12197
  const handleBranch = (branch) => {
12197
12198
  if (branch._active) {
12198
12199
  if (branch._children) {
@@ -12221,11 +12222,11 @@ class KolNav {
12221
12222
  const collapsible = this.state._collapsible === true;
12222
12223
  const hideLabel = this.state._hideLabel === true;
12223
12224
  const orientation = this.state._orientation;
12224
- return (hAsync(Host, { key: '81dd8e3750c10100212e8ce872dee8f9a58ee724', class: "kol-nav" }, hAsync("div", { key: '6f0f06434304ada1033d96c12d89c957f56614de', class: {
12225
+ return (hAsync(Host, { key: 'bcd3d3425423a241def22c80072236a0ca1af502', class: "kol-nav" }, hAsync("div", { key: '4847c97f6b9d13332a0e3823a4c2e65ee92b2f67', class: {
12225
12226
  nav: true,
12226
12227
  [orientation]: true,
12227
12228
  'is-compact': this.state._hideLabel,
12228
- } }, hAsync("nav", { key: 'e9138fd2e553796c2b4d490253df7e7d56ca0d2b', "aria-label": this.state._label, id: "nav" }, hAsync(this.linkList, { key: '99181dc0db2b9a3c94300c40586710dc1c4c7609', collapsible: collapsible, hideLabel: hideLabel, deep: 0, links: this.state._links, orientation: orientation })), hasCompactButton && (hAsync("div", { key: '3ec43da562a27defe698b29ee7970e6f2b4b0c06', class: "compact" }, hAsync(KolButtonWcTag, { key: '42b72f73da512e08ef6b002bd231a9fc5e55e6ab', class: "toggle-button", _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: {
12229
+ } }, hAsync("nav", { key: '62a1e0c73ae617723ffa47078f0970e1779e9376', "aria-label": this.state._label, id: "nav" }, hAsync(this.linkList, { key: '1e7d0b1c1ba67dd33d8587997dc410e1f2afadec', collapsible: collapsible, hideLabel: hideLabel, deep: 0, links: this.state._links, orientation: orientation })), hasCompactButton && (hAsync("div", { key: 'df53af8d571541c905ae1fff63dceaf56aba5c96', class: "compact" }, hAsync(KolButtonWcTag, { key: 'c9de4df6c78c2ba07eea38b6137573144ca883a1', class: "toggle-button", _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: {
12229
12230
  onClick: () => {
12230
12231
  this.state = Object.assign(Object.assign({}, this.state), { _hideLabel: this.state._hideLabel === false });
12231
12232
  },
@@ -12256,6 +12257,7 @@ class KolNav {
12256
12257
  validateLinks(value) {
12257
12258
  watchNavLinks('KolNav', this, value);
12258
12259
  devHint(`[KolNav] The navigation structure is not yet validated recursively.`);
12260
+ this.initializeExpandedChildren();
12259
12261
  }
12260
12262
  validateOrientation(value) {
12261
12263
  watchValidator(this, '_orientation', (value) => value === 'horizontal' || value === 'vertical', new Set(['Orientation {horizontal, vertical}']), value, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@public-ui/hydrate",
3
- "version": "2.2.13-41ee611a95447f6b98a9420d37280eb13f78bd4c.0",
3
+ "version": "2.2.13-aa5bdc72abc6c43e3c405cdbec7db9ae7b823d5b.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": "2.2.13-41ee611a95447f6b98a9420d37280eb13f78bd4c.0"
49
+ "@public-ui/components": "2.2.13-aa5bdc72abc6c43e3c405cdbec7db9ae7b823d5b.0"
50
50
  },
51
51
  "peerDependencies": {
52
- "@public-ui/components": "2.2.13-41ee611a95447f6b98a9420d37280eb13f78bd4c.0"
52
+ "@public-ui/components": "2.2.13-aa5bdc72abc6c43e3c405cdbec7db9ae7b823d5b.0"
53
53
  },
54
54
  "sideEffects": false,
55
55
  "type": "commonjs",