@siemens/ix 0.0.0-pr-2297-20251204163058 → 0.0.0-pr-2297-20251211061723

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 (64) hide show
  1. package/READMEOSS.html +1 -1
  2. package/components/ix-breadcrumb.js +1 -1
  3. package/components/ix-date-dropdown.js +1 -1
  4. package/components/ix-dropdown-button.js +8 -4
  5. package/components/ix-dropdown-button.js.map +1 -1
  6. package/components/ix-dropdown-item.js +1 -1
  7. package/components/ix-menu-avatar-item.js +1 -1
  8. package/components/ix-menu-avatar.js +2 -2
  9. package/components/ix-menu-category.js +1 -1
  10. package/components/ix-menu.js +20 -12
  11. package/components/ix-menu.js.map +1 -1
  12. package/components/ix-pagination.js +3 -3
  13. package/components/ix-select-item.js +1 -1
  14. package/components/ix-select.js +1 -1
  15. package/components/{p-Dy6xvLn4.js → p-BCLcSQh4.js} +3 -3
  16. package/components/{p-Dy6xvLn4.js.map → p-BCLcSQh4.js.map} +1 -1
  17. package/components/{p-BOQ00Fbs.js → p-Ce5NQ5Zo.js} +4 -4
  18. package/components/{p-BOQ00Fbs.js.map → p-Ce5NQ5Zo.js.map} +1 -1
  19. package/components/{p-BLeWaHpy.js → p-DYCKIBUp.js} +12 -6
  20. package/components/p-DYCKIBUp.js.map +1 -0
  21. package/components/{p-Bk0vKwmt.js → p-DmhyoH-k.js} +3 -3
  22. package/components/{p-Bk0vKwmt.js.map → p-DmhyoH-k.js.map} +1 -1
  23. package/dist/cjs/ix-dropdown-button.cjs.entry.js +7 -3
  24. package/dist/cjs/ix-dropdown-button.entry.cjs.js.map +1 -1
  25. package/dist/cjs/ix-dropdown-item.cjs.entry.js +9 -3
  26. package/dist/cjs/ix-dropdown-item.entry.cjs.js.map +1 -1
  27. package/dist/cjs/ix-menu.cjs.entry.js +19 -12
  28. package/dist/cjs/ix-menu.entry.cjs.js.map +1 -1
  29. package/dist/cjs/loader.cjs.js +1 -1
  30. package/dist/cjs/siemens-ix.cjs.js +1 -1
  31. package/dist/collection/components/dropdown-button/dropdown-button.js +8 -4
  32. package/dist/collection/components/dropdown-button/dropdown-button.js.map +1 -1
  33. package/dist/collection/components/dropdown-item/dropdown-item.js +10 -4
  34. package/dist/collection/components/dropdown-item/dropdown-item.js.map +1 -1
  35. package/dist/collection/components/menu/menu.js +21 -12
  36. package/dist/collection/components/menu/menu.js.map +1 -1
  37. package/dist/esm/ix-dropdown-button.entry.js +7 -3
  38. package/dist/esm/ix-dropdown-button.entry.js.map +1 -1
  39. package/dist/esm/ix-dropdown-item.entry.js +9 -3
  40. package/dist/esm/ix-dropdown-item.entry.js.map +1 -1
  41. package/dist/esm/ix-menu.entry.js +19 -12
  42. package/dist/esm/ix-menu.entry.js.map +1 -1
  43. package/dist/esm/loader.js +1 -1
  44. package/dist/esm/siemens-ix.js +1 -1
  45. package/dist/siemens-ix/ix-dropdown-button.entry.esm.js.map +1 -1
  46. package/dist/siemens-ix/ix-dropdown-item.entry.esm.js.map +1 -1
  47. package/dist/siemens-ix/ix-menu.entry.esm.js.map +1 -1
  48. package/dist/siemens-ix/p-0063d077.entry.js +2 -0
  49. package/dist/siemens-ix/p-0063d077.entry.js.map +1 -0
  50. package/dist/siemens-ix/p-3ca8fd00.entry.js +2 -0
  51. package/dist/siemens-ix/p-3ca8fd00.entry.js.map +1 -0
  52. package/dist/siemens-ix/{p-b8f4b001.entry.js → p-f27c0a6c.entry.js} +2 -2
  53. package/dist/siemens-ix/p-f27c0a6c.entry.js.map +1 -0
  54. package/dist/siemens-ix/siemens-ix.esm.js +1 -1
  55. package/dist/types/components/menu/menu.d.ts +1 -0
  56. package/hydrate/index.js +37 -22
  57. package/hydrate/index.mjs +37 -22
  58. package/package.json +1 -1
  59. package/components/p-BLeWaHpy.js.map +0 -1
  60. package/dist/siemens-ix/p-0d621531.entry.js +0 -2
  61. package/dist/siemens-ix/p-0d621531.entry.js.map +0 -1
  62. package/dist/siemens-ix/p-37bd983a.entry.js +0 -2
  63. package/dist/siemens-ix/p-37bd983a.entry.js.map +0 -1
  64. package/dist/siemens-ix/p-b8f4b001.entry.js.map +0 -1
package/hydrate/index.js CHANGED
@@ -22974,6 +22974,9 @@ class DropdownButton {
22974
22974
  this.dropdownShow = false;
22975
22975
  this.dropdownAnchor = makeRef();
22976
22976
  this.onDropdownShowChanged = (event) => {
22977
+ if (this.disabled && event.detail) {
22978
+ return;
22979
+ }
22977
22980
  this.dropdownShow = event.detail;
22978
22981
  };
22979
22982
  }
@@ -22986,11 +22989,11 @@ class DropdownButton {
22986
22989
  } }));
22987
22990
  }
22988
22991
  render() {
22989
- return (hAsync(Host, { key: '4e4aca39eff13b8f665682b3f2dc9ace533c7ca0', class: {
22992
+ return (hAsync(Host, { key: '8e8bd476bd9a3dccfbd21fe10a10046f725d6e59', "aria-disabled": a11yBoolean(this.disabled), class: {
22990
22993
  disabled: this.disabled,
22991
- }, ref: this.dropdownAnchor }, hAsync("div", { key: '9583ed2274621e67d779e9668fead87f663b7558', class: "dropdown-button" }, this.label ? (hAsync("ix-button", { variant: this.variant, disabled: this.disabled, alignment: "start", ariaLabel: this.ariaLabelDropdownButton }, hAsync("div", { class: 'content' }, this.icon ? (hAsync("ix-icon", { name: this.icon, size: "24", class: 'dropdown-icon' })) : null, hAsync("div", { class: 'button-label' }, this.label), hAsync("ix-icon", { name: this.dropdownShow
22994
+ }, ref: this.dropdownAnchor }, hAsync("div", { key: '0fa67ef9f3f779316882f38b17099394f0e99e04', class: "dropdown-button" }, this.label ? (hAsync("ix-button", { variant: this.variant, disabled: this.disabled, alignment: "start", ariaLabel: this.ariaLabelDropdownButton, tabIndex: this.disabled ? -1 : 0 }, hAsync("div", { class: 'content' }, this.icon ? (hAsync("ix-icon", { name: this.icon, size: "24", class: 'dropdown-icon' })) : null, hAsync("div", { class: 'button-label' }, this.label), hAsync("ix-icon", { name: this.dropdownShow
22992
22995
  ? iconChevronUpSmall
22993
- : iconChevronDownSmall, size: "24" })))) : (hAsync("div", null, hAsync("ix-icon-button", { icon: this.icon, variant: this.variant, disabled: this.disabled }), this.getTriangle()))), hAsync("ix-dropdown", { key: 'e4fd6fb8451d8883fac84764758a90ce6dc4d433', class: "dropdown", trigger: this.dropdownAnchor.waitForCurrent(), placement: this.placement, closeBehavior: this.closeBehavior, onShowChanged: this.onDropdownShowChanged }, hAsync("slot", { key: 'be8d3427e80c326bc7a6993f53190e290b824967' }))));
22996
+ : iconChevronDownSmall, size: "24" })))) : (hAsync("div", null, hAsync("ix-icon-button", { icon: this.icon, variant: this.variant, disabled: this.disabled, tabIndex: this.disabled ? -1 : 0 }), this.getTriangle()))), hAsync("ix-dropdown", { key: 'bf09de1c2af43bc3ea2085cf11c26e6fb56b694a', class: "dropdown", trigger: this.dropdownAnchor.waitForCurrent(), placement: this.placement, closeBehavior: this.closeBehavior, onShowChanged: this.onDropdownShowChanged }, hAsync("slot", { key: '89bf77cd9781f906d801ffb0c874028f3feef6de' }))));
22994
22997
  }
22995
22998
  get hostElement() { return getElement(this); }
22996
22999
  static get style() { return dropdownButtonCss; }
@@ -22999,7 +23002,7 @@ class DropdownButton {
22999
23002
  "$tagName$": "ix-dropdown-button",
23000
23003
  "$members$": {
23001
23004
  "variant": [1],
23002
- "disabled": [4],
23005
+ "disabled": [516],
23003
23006
  "label": [1],
23004
23007
  "icon": [1],
23005
23008
  "closeBehavior": [8, "close-behavior"],
@@ -23009,7 +23012,7 @@ class DropdownButton {
23009
23012
  },
23010
23013
  "$listeners$": undefined,
23011
23014
  "$lazyBundleId$": "-",
23012
- "$attrsToReflect$": []
23015
+ "$attrsToReflect$": [["disabled", "disabled"]]
23013
23016
  }; }
23014
23017
  }
23015
23018
 
@@ -23072,15 +23075,20 @@ class DropdownItem {
23072
23075
  this.icon !== undefined);
23073
23076
  }
23074
23077
  render() {
23075
- return (hAsync(Host, { key: '4683b34a35d26f4cdce448ed24cdc5115f838fed', class: {
23078
+ return (hAsync(Host, { key: '89d6023460273b60bf52f129e456e0d92e51c09d', class: {
23076
23079
  hover: this.hover,
23077
23080
  'icon-only': this.isIconOnly(),
23078
23081
  disabled: this.disabled,
23079
23082
  submenu: this.isSubMenu,
23080
- }, role: "listitem" }, hAsync("button", { key: 'a655623c265f18e805a0f60a093dd4ac565ab35c', type: "button", tabIndex: 0, class: {
23083
+ }, role: "listitem" }, hAsync("button", { key: '32feebb5d24eb19af7b5081c4f771a489913180f', type: "button", tabIndex: this.disabled ? -1 : 0, class: {
23081
23084
  'dropdown-item': true,
23082
23085
  'no-checked-field': this.suppressChecked,
23083
- }, onClick: () => this.emitItemClick(), "aria-label": this.ariaLabelButton }, !this.suppressChecked ? (hAsync("div", { class: "dropdown-item-checked" }, this.checked ? (hAsync("ix-icon", { class: "checkmark", name: iconSingleCheck, size: "16" })) : null)) : null, this.icon ? (hAsync("ix-icon", { class: "dropdown-item-icon", name: this.icon, "aria-label": this.ariaLabelIcon })) : null, hAsync("div", { key: 'd88e90650387ce4dd0d440fe03bf21c19c785709', class: "dropdown-item-text" }, this.label, hAsync("slot", { key: 'd892aabbb2e268d36c348b800c043d08f2ceef83' })), this.isSubMenu ? (hAsync("ix-icon", { name: iconChevronRightSmall, class: 'submenu-icon' })) : null)));
23086
+ disabled: this.disabled,
23087
+ }, onClick: () => {
23088
+ if (!this.disabled) {
23089
+ this.emitItemClick();
23090
+ }
23091
+ }, "aria-label": this.ariaLabelButton, "aria-disabled": a11yBoolean(this.disabled), disabled: this.disabled }, !this.suppressChecked ? (hAsync("div", { class: "dropdown-item-checked" }, this.checked ? (hAsync("ix-icon", { class: "checkmark", name: iconSingleCheck, size: "16" })) : null)) : null, this.icon ? (hAsync("ix-icon", { class: "dropdown-item-icon", name: this.icon, "aria-label": this.ariaLabelIcon })) : null, hAsync("div", { key: 'dbc0b8352eb200eca806604da06e884bc398c5f0', class: "dropdown-item-text" }, this.label, hAsync("slot", { key: 'e9a0a489086d0990f613b9e44fbe16cd00a0794b' })), this.isSubMenu ? (hAsync("ix-icon", { name: iconChevronRightSmall, class: 'submenu-icon' })) : null)));
23084
23092
  }
23085
23093
  get hostElement() { return getElement(this); }
23086
23094
  static get style() { return dropdownItemCss; }
@@ -23093,7 +23101,7 @@ class DropdownItem {
23093
23101
  "ariaLabelIcon": [1, "aria-label-icon"],
23094
23102
  "ariaLabelButton": [1, "aria-label-button"],
23095
23103
  "hover": [4],
23096
- "disabled": [4],
23104
+ "disabled": [516],
23097
23105
  "checked": [4],
23098
23106
  "isSubMenu": [4, "is-sub-menu"],
23099
23107
  "suppressChecked": [4, "suppress-checked"],
@@ -23102,7 +23110,7 @@ class DropdownItem {
23102
23110
  },
23103
23111
  "$listeners$": undefined,
23104
23112
  "$lazyBundleId$": "-",
23105
- "$attrsToReflect$": []
23113
+ "$attrsToReflect$": [["disabled", "disabled"]]
23106
23114
  }; }
23107
23115
  }
23108
23116
 
@@ -25338,6 +25346,12 @@ class Menu {
25338
25346
  ((_b = (_a = elm.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.style.display) !== 'none');
25339
25347
  };
25340
25348
  }
25349
+ expandChanged(newExpand, oldExpand) {
25350
+ if (newExpand === oldExpand) {
25351
+ return;
25352
+ }
25353
+ this.toggleMenu(newExpand);
25354
+ }
25341
25355
  pinnedChange(newPinned) {
25342
25356
  this.setPinned(this.pinned);
25343
25357
  if (newPinned) {
@@ -25682,47 +25696,48 @@ class Menu {
25682
25696
  }
25683
25697
  render() {
25684
25698
  var _a, _b;
25685
- return (hAsync(Host, { key: 'b36f27c9c7b9342fd8f984dd5d00ad73d735b2ff', class: {
25699
+ return (hAsync(Host, { key: 'ea617374858acbf094cbf397be00f38023c6d09b', class: {
25686
25700
  expanded: this.expand,
25687
25701
  [`breakpoint-${this.breakpoint}`]: true,
25688
- }, slot: "menu" }, hAsync("nav", { key: '4f4b1378ddfe2cb243d0a5305679c98084490e8b', class: {
25702
+ }, slot: "menu" }, hAsync("nav", { key: '49709a839fd53bc53b4f0c100d38ef50a101532e', class: {
25689
25703
  menu: true,
25690
25704
  expanded: this.expand,
25691
- } }, hAsync("div", { key: '70d117cfe299bdb3f3b0ed9639d5ee83bfc33cf1', class: "menu-buttons" }, this.breakpoint !== 'sm' && (hAsync("ix-menu-expand-icon", { key: 'fa76b253e6cf1ae30e3257cc3c186dc23215b516', breakpoint: this.breakpoint, expanded: this.expand, pinned: this.pinned, class: "menu-expand-icon", ixAriaLabel: this.i18nExpandSidebar, onClick: async () => this.toggleMenu(), "data-testid": "expand-collapse-menu" })), this.breakpoint === 'sm' &&
25692
- ((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.appSwitchConfig) && (hAsync("ix-icon-button", { key: '927aede1c7824c6c21eed072e7dba6db8d5f8df5', onClick: () => {
25705
+ } }, hAsync("div", { key: '5cca034b91fabda2f403b2471d9805c96cdadba5', class: "menu-buttons" }, this.breakpoint !== 'sm' && (hAsync("ix-menu-expand-icon", { key: '94d4ff9776c27b9da7d680cef6c346f0469257ba', breakpoint: this.breakpoint, expanded: this.expand, pinned: this.pinned, class: "menu-expand-icon", ixAriaLabel: this.i18nExpandSidebar, onClick: async () => this.toggleMenu(), "data-testid": "expand-collapse-menu" })), this.breakpoint === 'sm' &&
25706
+ ((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.appSwitchConfig) && (hAsync("ix-icon-button", { key: 'bb5026487bb57b272cc3c91124f3779959164bc1', onClick: () => {
25693
25707
  this.showAppSwitch();
25694
- }, icon: iconApps, variant: "subtle-tertiary" }))), hAsync("div", { key: '795f32dc8f94404a75c9a0d0cfb7c8e8d429d8d2', id: "menu-tabs", style: {
25708
+ }, icon: iconApps, variant: "subtle-tertiary" }))), hAsync("div", { key: '2b4b5b3a0a29e09cfc8f70f79533995f5cd33c99', id: "menu-tabs", style: {
25695
25709
  display: 'contents',
25696
- }, onClick: (e) => this.onMenuItemsClick(e) }, hAsync("div", { key: '4d609cfd70659c0adfcb1cfca0485edff3b05d08', class: "tabs-shadow-container" }, hAsync("div", { key: 'b8b81a13d75c56f9a460f0db382acef185b1c11c', class: {
25710
+ }, onClick: (e) => this.onMenuItemsClick(e) }, hAsync("div", { key: '293741c4d4e200853ca2dce4b8c666f5da0e34d5', class: "tabs-shadow-container" }, hAsync("div", { key: '86dd526ec2a8af64abdd6871cb2f759d7c97ee39', class: {
25697
25711
  'tabs--shadow': true,
25698
25712
  'tabs--shadow-top': true,
25699
25713
  'tabs--shadow--show': this.itemsScrollShadowTop,
25700
- } }), hAsync("div", { key: '1095f30e782665f9d66d7f2619eb3a68806ccf54', class: {
25714
+ } }), hAsync("div", { key: 'e2ba26766b80e0a6c262a2ce42a208f114cdfba6', class: {
25701
25715
  tabs: true,
25702
25716
  'show-scrollbar': this.expand,
25703
- }, onScroll: () => this.handleOverflowIndicator() }, hAsync("div", { key: '55ec2b8a3b535c8ed7dfc4c80ecdeedf9add4d34', class: "menu-avatar" }, hAsync("slot", { key: 'a893aea63d56c2b4e7fd5997904704639257f65b', name: "ix-menu-avatar" })), hAsync("slot", { key: '85505735fc0f7c9075340389597565bd99e64801', name: "home" }), this.breakpoint !== 'sm' || !this.isHiddenFromViewport() ? (hAsync("slot", null)) : null), hAsync("div", { key: '7a0013bb20500931471b1ee1273615d0ae740d11', class: {
25717
+ }, onScroll: () => this.handleOverflowIndicator() }, hAsync("div", { key: 'bef31787f7c96dea8ed99cd90772e5e91e0d004f', class: "menu-avatar" }, hAsync("slot", { key: '688e681120bdb5d51aa8b0944d8894e3b0e9f0e0', name: "ix-menu-avatar" })), hAsync("slot", { key: '6de7b739e8bbeaece6394bf2eca1c0cfdeb9e0c7', name: "home" }), this.breakpoint !== 'sm' || !this.isHiddenFromViewport() ? (hAsync("slot", null)) : null), hAsync("div", { key: '3f5ef7c1085910d0f0af3fce5baf35bac5e5144e', class: {
25704
25718
  'tabs--shadow': true,
25705
25719
  'tabs--shadow-bottom': true,
25706
25720
  'tabs--shadow--show': this.itemsScrollShadowBottom,
25707
- } }))), hAsync("div", { key: '92a48e39684e2bbbb6078dcafc5c8b7103a693de', class: "bottom-tab-divider" }), this.settings ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "settings", class: {
25721
+ } }))), hAsync("div", { key: 'b4e9db32fce1c63a303f14145e07e528e50e562c', class: "bottom-tab-divider" }), this.settings ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "settings", class: {
25708
25722
  'internal-tab': true,
25709
25723
  'bottom-tab': true,
25710
25724
  active: this.showSettings,
25711
- }, icon: iconCogwheel, onClick: async () => this.toggleSettings(!this.showSettings), label: this.i18nSettings })) : null, this.enableToggleTheme ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "toggleTheme", onClick: () => themeSwitcher.toggleMode(), class: "internal-tab bottom-tab", icon: iconLightDark, label: this.i18nToggleTheme })) : null, hAsync("div", { key: '2a5bad2eb493be6ee59fc101fab300bdb154feb0', onClick: (e) => this.onMenuItemsClick(e) }, hAsync("slot", { key: '5a1e19962a88ceeb1f82ac385dba49d0c311e3d7', name: "bottom" })), hAsync("div", { key: '65802881403efad9dbae84ef9bf5d441e3915150', id: "popover-area" }), this.enableMapExpand || ((_b = this.applicationLayoutContext) === null || _b === void 0 ? void 0 : _b.sidebar) ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "menu-collapse", onClick: () => this.sidebarToggle(), class: "internal-tab bottom-tab", icon: `${this.getCollapseIcon()}`, label: this.getCollapseText() })) : null, this.about ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "aboutAndLegal", class: {
25725
+ }, icon: iconCogwheel, onClick: async () => this.toggleSettings(!this.showSettings), label: this.i18nSettings })) : null, this.enableToggleTheme ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "toggleTheme", onClick: () => themeSwitcher.toggleMode(), class: "internal-tab bottom-tab", icon: iconLightDark, label: this.i18nToggleTheme })) : null, hAsync("div", { key: '50b48bbaa282e632c32476d2d3590b969d9b67f4', onClick: (e) => this.onMenuItemsClick(e) }, hAsync("slot", { key: '64eead8c650d587783ad39d27429652da7f56962', name: "bottom" })), hAsync("div", { key: '22f7f7d3d7fae907636b474aeb3cdeedc38631f5', id: "popover-area" }), this.enableMapExpand || ((_b = this.applicationLayoutContext) === null || _b === void 0 ? void 0 : _b.sidebar) ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "menu-collapse", onClick: () => this.sidebarToggle(), class: "internal-tab bottom-tab", icon: `${this.getCollapseIcon()}`, label: this.getCollapseText() })) : null, this.about ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "aboutAndLegal", class: {
25712
25726
  'internal-tab': true,
25713
25727
  'bottom-tab': true,
25714
25728
  active: this.showAbout,
25715
- }, icon: iconInfo, onClick: async () => this.toggleAbout(!this.showAbout), label: this.i18nLegal })) : null), hAsync("div", { key: 'e6dd7e53abbd5e4ce11cc5d2be882dd52e335275', class: {
25729
+ }, icon: iconInfo, onClick: async () => this.toggleAbout(!this.showAbout), label: this.i18nLegal })) : null), hAsync("div", { key: 'dc67e6cddea726b1a6f692f66a268b3d50318d96', class: {
25716
25730
  'menu-overlay': true,
25717
25731
  visible: this.isOverlayVisible(),
25718
25732
  expanded: this.expand,
25719
25733
  }, onTransitionEnd: () => {
25720
25734
  this.isTransitionDisabled = true;
25721
25735
  this.checkTransition();
25722
- } }, hAsync("div", { key: 'd8a49e3983b5d060190f1440b4aacd44243894a8', class: 'menu-overlay-container' }, this.showSettings ? hAsync("slot", { name: "ix-menu-settings" }) : null), hAsync("div", { key: '92ddf6c21d3d08c5d1961200ac598a6135c9ef89', class: 'menu-overlay-container' }, this.showAbout ? hAsync("slot", { name: "ix-menu-about" }) : null))));
25736
+ } }, hAsync("div", { key: '5222ed73a531d9c59d24feb032ad7e9929f37e5f', class: 'menu-overlay-container' }, this.showSettings ? hAsync("slot", { name: "ix-menu-settings" }) : null), hAsync("div", { key: '1e91deb207ad24f81e5551a788d7e6e79900eb0d', class: 'menu-overlay-container' }, this.showAbout ? hAsync("slot", { name: "ix-menu-about" }) : null))));
25723
25737
  }
25724
25738
  get hostElement() { return getElement(this); }
25725
25739
  static get watchers() { return {
25740
+ "expand": ["expandChanged"],
25726
25741
  "pinned": ["pinnedChange"]
25727
25742
  }; }
25728
25743
  static get style() { return menuCss; }
package/hydrate/index.mjs CHANGED
@@ -22972,6 +22972,9 @@ class DropdownButton {
22972
22972
  this.dropdownShow = false;
22973
22973
  this.dropdownAnchor = makeRef();
22974
22974
  this.onDropdownShowChanged = (event) => {
22975
+ if (this.disabled && event.detail) {
22976
+ return;
22977
+ }
22975
22978
  this.dropdownShow = event.detail;
22976
22979
  };
22977
22980
  }
@@ -22984,11 +22987,11 @@ class DropdownButton {
22984
22987
  } }));
22985
22988
  }
22986
22989
  render() {
22987
- return (hAsync(Host, { key: '4e4aca39eff13b8f665682b3f2dc9ace533c7ca0', class: {
22990
+ return (hAsync(Host, { key: '8e8bd476bd9a3dccfbd21fe10a10046f725d6e59', "aria-disabled": a11yBoolean(this.disabled), class: {
22988
22991
  disabled: this.disabled,
22989
- }, ref: this.dropdownAnchor }, hAsync("div", { key: '9583ed2274621e67d779e9668fead87f663b7558', class: "dropdown-button" }, this.label ? (hAsync("ix-button", { variant: this.variant, disabled: this.disabled, alignment: "start", ariaLabel: this.ariaLabelDropdownButton }, hAsync("div", { class: 'content' }, this.icon ? (hAsync("ix-icon", { name: this.icon, size: "24", class: 'dropdown-icon' })) : null, hAsync("div", { class: 'button-label' }, this.label), hAsync("ix-icon", { name: this.dropdownShow
22992
+ }, ref: this.dropdownAnchor }, hAsync("div", { key: '0fa67ef9f3f779316882f38b17099394f0e99e04', class: "dropdown-button" }, this.label ? (hAsync("ix-button", { variant: this.variant, disabled: this.disabled, alignment: "start", ariaLabel: this.ariaLabelDropdownButton, tabIndex: this.disabled ? -1 : 0 }, hAsync("div", { class: 'content' }, this.icon ? (hAsync("ix-icon", { name: this.icon, size: "24", class: 'dropdown-icon' })) : null, hAsync("div", { class: 'button-label' }, this.label), hAsync("ix-icon", { name: this.dropdownShow
22990
22993
  ? iconChevronUpSmall
22991
- : iconChevronDownSmall, size: "24" })))) : (hAsync("div", null, hAsync("ix-icon-button", { icon: this.icon, variant: this.variant, disabled: this.disabled }), this.getTriangle()))), hAsync("ix-dropdown", { key: 'e4fd6fb8451d8883fac84764758a90ce6dc4d433', class: "dropdown", trigger: this.dropdownAnchor.waitForCurrent(), placement: this.placement, closeBehavior: this.closeBehavior, onShowChanged: this.onDropdownShowChanged }, hAsync("slot", { key: 'be8d3427e80c326bc7a6993f53190e290b824967' }))));
22994
+ : iconChevronDownSmall, size: "24" })))) : (hAsync("div", null, hAsync("ix-icon-button", { icon: this.icon, variant: this.variant, disabled: this.disabled, tabIndex: this.disabled ? -1 : 0 }), this.getTriangle()))), hAsync("ix-dropdown", { key: 'bf09de1c2af43bc3ea2085cf11c26e6fb56b694a', class: "dropdown", trigger: this.dropdownAnchor.waitForCurrent(), placement: this.placement, closeBehavior: this.closeBehavior, onShowChanged: this.onDropdownShowChanged }, hAsync("slot", { key: '89bf77cd9781f906d801ffb0c874028f3feef6de' }))));
22992
22995
  }
22993
22996
  get hostElement() { return getElement(this); }
22994
22997
  static get style() { return dropdownButtonCss; }
@@ -22997,7 +23000,7 @@ class DropdownButton {
22997
23000
  "$tagName$": "ix-dropdown-button",
22998
23001
  "$members$": {
22999
23002
  "variant": [1],
23000
- "disabled": [4],
23003
+ "disabled": [516],
23001
23004
  "label": [1],
23002
23005
  "icon": [1],
23003
23006
  "closeBehavior": [8, "close-behavior"],
@@ -23007,7 +23010,7 @@ class DropdownButton {
23007
23010
  },
23008
23011
  "$listeners$": undefined,
23009
23012
  "$lazyBundleId$": "-",
23010
- "$attrsToReflect$": []
23013
+ "$attrsToReflect$": [["disabled", "disabled"]]
23011
23014
  }; }
23012
23015
  }
23013
23016
 
@@ -23070,15 +23073,20 @@ class DropdownItem {
23070
23073
  this.icon !== undefined);
23071
23074
  }
23072
23075
  render() {
23073
- return (hAsync(Host, { key: '4683b34a35d26f4cdce448ed24cdc5115f838fed', class: {
23076
+ return (hAsync(Host, { key: '89d6023460273b60bf52f129e456e0d92e51c09d', class: {
23074
23077
  hover: this.hover,
23075
23078
  'icon-only': this.isIconOnly(),
23076
23079
  disabled: this.disabled,
23077
23080
  submenu: this.isSubMenu,
23078
- }, role: "listitem" }, hAsync("button", { key: 'a655623c265f18e805a0f60a093dd4ac565ab35c', type: "button", tabIndex: 0, class: {
23081
+ }, role: "listitem" }, hAsync("button", { key: '32feebb5d24eb19af7b5081c4f771a489913180f', type: "button", tabIndex: this.disabled ? -1 : 0, class: {
23079
23082
  'dropdown-item': true,
23080
23083
  'no-checked-field': this.suppressChecked,
23081
- }, onClick: () => this.emitItemClick(), "aria-label": this.ariaLabelButton }, !this.suppressChecked ? (hAsync("div", { class: "dropdown-item-checked" }, this.checked ? (hAsync("ix-icon", { class: "checkmark", name: iconSingleCheck, size: "16" })) : null)) : null, this.icon ? (hAsync("ix-icon", { class: "dropdown-item-icon", name: this.icon, "aria-label": this.ariaLabelIcon })) : null, hAsync("div", { key: 'd88e90650387ce4dd0d440fe03bf21c19c785709', class: "dropdown-item-text" }, this.label, hAsync("slot", { key: 'd892aabbb2e268d36c348b800c043d08f2ceef83' })), this.isSubMenu ? (hAsync("ix-icon", { name: iconChevronRightSmall, class: 'submenu-icon' })) : null)));
23084
+ disabled: this.disabled,
23085
+ }, onClick: () => {
23086
+ if (!this.disabled) {
23087
+ this.emitItemClick();
23088
+ }
23089
+ }, "aria-label": this.ariaLabelButton, "aria-disabled": a11yBoolean(this.disabled), disabled: this.disabled }, !this.suppressChecked ? (hAsync("div", { class: "dropdown-item-checked" }, this.checked ? (hAsync("ix-icon", { class: "checkmark", name: iconSingleCheck, size: "16" })) : null)) : null, this.icon ? (hAsync("ix-icon", { class: "dropdown-item-icon", name: this.icon, "aria-label": this.ariaLabelIcon })) : null, hAsync("div", { key: 'dbc0b8352eb200eca806604da06e884bc398c5f0', class: "dropdown-item-text" }, this.label, hAsync("slot", { key: 'e9a0a489086d0990f613b9e44fbe16cd00a0794b' })), this.isSubMenu ? (hAsync("ix-icon", { name: iconChevronRightSmall, class: 'submenu-icon' })) : null)));
23082
23090
  }
23083
23091
  get hostElement() { return getElement(this); }
23084
23092
  static get style() { return dropdownItemCss; }
@@ -23091,7 +23099,7 @@ class DropdownItem {
23091
23099
  "ariaLabelIcon": [1, "aria-label-icon"],
23092
23100
  "ariaLabelButton": [1, "aria-label-button"],
23093
23101
  "hover": [4],
23094
- "disabled": [4],
23102
+ "disabled": [516],
23095
23103
  "checked": [4],
23096
23104
  "isSubMenu": [4, "is-sub-menu"],
23097
23105
  "suppressChecked": [4, "suppress-checked"],
@@ -23100,7 +23108,7 @@ class DropdownItem {
23100
23108
  },
23101
23109
  "$listeners$": undefined,
23102
23110
  "$lazyBundleId$": "-",
23103
- "$attrsToReflect$": []
23111
+ "$attrsToReflect$": [["disabled", "disabled"]]
23104
23112
  }; }
23105
23113
  }
23106
23114
 
@@ -25336,6 +25344,12 @@ class Menu {
25336
25344
  ((_b = (_a = elm.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.style.display) !== 'none');
25337
25345
  };
25338
25346
  }
25347
+ expandChanged(newExpand, oldExpand) {
25348
+ if (newExpand === oldExpand) {
25349
+ return;
25350
+ }
25351
+ this.toggleMenu(newExpand);
25352
+ }
25339
25353
  pinnedChange(newPinned) {
25340
25354
  this.setPinned(this.pinned);
25341
25355
  if (newPinned) {
@@ -25680,47 +25694,48 @@ class Menu {
25680
25694
  }
25681
25695
  render() {
25682
25696
  var _a, _b;
25683
- return (hAsync(Host, { key: 'b36f27c9c7b9342fd8f984dd5d00ad73d735b2ff', class: {
25697
+ return (hAsync(Host, { key: 'ea617374858acbf094cbf397be00f38023c6d09b', class: {
25684
25698
  expanded: this.expand,
25685
25699
  [`breakpoint-${this.breakpoint}`]: true,
25686
- }, slot: "menu" }, hAsync("nav", { key: '4f4b1378ddfe2cb243d0a5305679c98084490e8b', class: {
25700
+ }, slot: "menu" }, hAsync("nav", { key: '49709a839fd53bc53b4f0c100d38ef50a101532e', class: {
25687
25701
  menu: true,
25688
25702
  expanded: this.expand,
25689
- } }, hAsync("div", { key: '70d117cfe299bdb3f3b0ed9639d5ee83bfc33cf1', class: "menu-buttons" }, this.breakpoint !== 'sm' && (hAsync("ix-menu-expand-icon", { key: 'fa76b253e6cf1ae30e3257cc3c186dc23215b516', breakpoint: this.breakpoint, expanded: this.expand, pinned: this.pinned, class: "menu-expand-icon", ixAriaLabel: this.i18nExpandSidebar, onClick: async () => this.toggleMenu(), "data-testid": "expand-collapse-menu" })), this.breakpoint === 'sm' &&
25690
- ((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.appSwitchConfig) && (hAsync("ix-icon-button", { key: '927aede1c7824c6c21eed072e7dba6db8d5f8df5', onClick: () => {
25703
+ } }, hAsync("div", { key: '5cca034b91fabda2f403b2471d9805c96cdadba5', class: "menu-buttons" }, this.breakpoint !== 'sm' && (hAsync("ix-menu-expand-icon", { key: '94d4ff9776c27b9da7d680cef6c346f0469257ba', breakpoint: this.breakpoint, expanded: this.expand, pinned: this.pinned, class: "menu-expand-icon", ixAriaLabel: this.i18nExpandSidebar, onClick: async () => this.toggleMenu(), "data-testid": "expand-collapse-menu" })), this.breakpoint === 'sm' &&
25704
+ ((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.appSwitchConfig) && (hAsync("ix-icon-button", { key: 'bb5026487bb57b272cc3c91124f3779959164bc1', onClick: () => {
25691
25705
  this.showAppSwitch();
25692
- }, icon: iconApps, variant: "subtle-tertiary" }))), hAsync("div", { key: '795f32dc8f94404a75c9a0d0cfb7c8e8d429d8d2', id: "menu-tabs", style: {
25706
+ }, icon: iconApps, variant: "subtle-tertiary" }))), hAsync("div", { key: '2b4b5b3a0a29e09cfc8f70f79533995f5cd33c99', id: "menu-tabs", style: {
25693
25707
  display: 'contents',
25694
- }, onClick: (e) => this.onMenuItemsClick(e) }, hAsync("div", { key: '4d609cfd70659c0adfcb1cfca0485edff3b05d08', class: "tabs-shadow-container" }, hAsync("div", { key: 'b8b81a13d75c56f9a460f0db382acef185b1c11c', class: {
25708
+ }, onClick: (e) => this.onMenuItemsClick(e) }, hAsync("div", { key: '293741c4d4e200853ca2dce4b8c666f5da0e34d5', class: "tabs-shadow-container" }, hAsync("div", { key: '86dd526ec2a8af64abdd6871cb2f759d7c97ee39', class: {
25695
25709
  'tabs--shadow': true,
25696
25710
  'tabs--shadow-top': true,
25697
25711
  'tabs--shadow--show': this.itemsScrollShadowTop,
25698
- } }), hAsync("div", { key: '1095f30e782665f9d66d7f2619eb3a68806ccf54', class: {
25712
+ } }), hAsync("div", { key: 'e2ba26766b80e0a6c262a2ce42a208f114cdfba6', class: {
25699
25713
  tabs: true,
25700
25714
  'show-scrollbar': this.expand,
25701
- }, onScroll: () => this.handleOverflowIndicator() }, hAsync("div", { key: '55ec2b8a3b535c8ed7dfc4c80ecdeedf9add4d34', class: "menu-avatar" }, hAsync("slot", { key: 'a893aea63d56c2b4e7fd5997904704639257f65b', name: "ix-menu-avatar" })), hAsync("slot", { key: '85505735fc0f7c9075340389597565bd99e64801', name: "home" }), this.breakpoint !== 'sm' || !this.isHiddenFromViewport() ? (hAsync("slot", null)) : null), hAsync("div", { key: '7a0013bb20500931471b1ee1273615d0ae740d11', class: {
25715
+ }, onScroll: () => this.handleOverflowIndicator() }, hAsync("div", { key: 'bef31787f7c96dea8ed99cd90772e5e91e0d004f', class: "menu-avatar" }, hAsync("slot", { key: '688e681120bdb5d51aa8b0944d8894e3b0e9f0e0', name: "ix-menu-avatar" })), hAsync("slot", { key: '6de7b739e8bbeaece6394bf2eca1c0cfdeb9e0c7', name: "home" }), this.breakpoint !== 'sm' || !this.isHiddenFromViewport() ? (hAsync("slot", null)) : null), hAsync("div", { key: '3f5ef7c1085910d0f0af3fce5baf35bac5e5144e', class: {
25702
25716
  'tabs--shadow': true,
25703
25717
  'tabs--shadow-bottom': true,
25704
25718
  'tabs--shadow--show': this.itemsScrollShadowBottom,
25705
- } }))), hAsync("div", { key: '92a48e39684e2bbbb6078dcafc5c8b7103a693de', class: "bottom-tab-divider" }), this.settings ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "settings", class: {
25719
+ } }))), hAsync("div", { key: 'b4e9db32fce1c63a303f14145e07e528e50e562c', class: "bottom-tab-divider" }), this.settings ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "settings", class: {
25706
25720
  'internal-tab': true,
25707
25721
  'bottom-tab': true,
25708
25722
  active: this.showSettings,
25709
- }, icon: iconCogwheel, onClick: async () => this.toggleSettings(!this.showSettings), label: this.i18nSettings })) : null, this.enableToggleTheme ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "toggleTheme", onClick: () => themeSwitcher.toggleMode(), class: "internal-tab bottom-tab", icon: iconLightDark, label: this.i18nToggleTheme })) : null, hAsync("div", { key: '2a5bad2eb493be6ee59fc101fab300bdb154feb0', onClick: (e) => this.onMenuItemsClick(e) }, hAsync("slot", { key: '5a1e19962a88ceeb1f82ac385dba49d0c311e3d7', name: "bottom" })), hAsync("div", { key: '65802881403efad9dbae84ef9bf5d441e3915150', id: "popover-area" }), this.enableMapExpand || ((_b = this.applicationLayoutContext) === null || _b === void 0 ? void 0 : _b.sidebar) ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "menu-collapse", onClick: () => this.sidebarToggle(), class: "internal-tab bottom-tab", icon: `${this.getCollapseIcon()}`, label: this.getCollapseText() })) : null, this.about ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "aboutAndLegal", class: {
25723
+ }, icon: iconCogwheel, onClick: async () => this.toggleSettings(!this.showSettings), label: this.i18nSettings })) : null, this.enableToggleTheme ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "toggleTheme", onClick: () => themeSwitcher.toggleMode(), class: "internal-tab bottom-tab", icon: iconLightDark, label: this.i18nToggleTheme })) : null, hAsync("div", { key: '50b48bbaa282e632c32476d2d3590b969d9b67f4', onClick: (e) => this.onMenuItemsClick(e) }, hAsync("slot", { key: '64eead8c650d587783ad39d27429652da7f56962', name: "bottom" })), hAsync("div", { key: '22f7f7d3d7fae907636b474aeb3cdeedc38631f5', id: "popover-area" }), this.enableMapExpand || ((_b = this.applicationLayoutContext) === null || _b === void 0 ? void 0 : _b.sidebar) ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "menu-collapse", onClick: () => this.sidebarToggle(), class: "internal-tab bottom-tab", icon: `${this.getCollapseIcon()}`, label: this.getCollapseText() })) : null, this.about ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "aboutAndLegal", class: {
25710
25724
  'internal-tab': true,
25711
25725
  'bottom-tab': true,
25712
25726
  active: this.showAbout,
25713
- }, icon: iconInfo, onClick: async () => this.toggleAbout(!this.showAbout), label: this.i18nLegal })) : null), hAsync("div", { key: 'e6dd7e53abbd5e4ce11cc5d2be882dd52e335275', class: {
25727
+ }, icon: iconInfo, onClick: async () => this.toggleAbout(!this.showAbout), label: this.i18nLegal })) : null), hAsync("div", { key: 'dc67e6cddea726b1a6f692f66a268b3d50318d96', class: {
25714
25728
  'menu-overlay': true,
25715
25729
  visible: this.isOverlayVisible(),
25716
25730
  expanded: this.expand,
25717
25731
  }, onTransitionEnd: () => {
25718
25732
  this.isTransitionDisabled = true;
25719
25733
  this.checkTransition();
25720
- } }, hAsync("div", { key: 'd8a49e3983b5d060190f1440b4aacd44243894a8', class: 'menu-overlay-container' }, this.showSettings ? hAsync("slot", { name: "ix-menu-settings" }) : null), hAsync("div", { key: '92ddf6c21d3d08c5d1961200ac598a6135c9ef89', class: 'menu-overlay-container' }, this.showAbout ? hAsync("slot", { name: "ix-menu-about" }) : null))));
25734
+ } }, hAsync("div", { key: '5222ed73a531d9c59d24feb032ad7e9929f37e5f', class: 'menu-overlay-container' }, this.showSettings ? hAsync("slot", { name: "ix-menu-settings" }) : null), hAsync("div", { key: '1e91deb207ad24f81e5551a788d7e6e79900eb0d', class: 'menu-overlay-container' }, this.showAbout ? hAsync("slot", { name: "ix-menu-about" }) : null))));
25721
25735
  }
25722
25736
  get hostElement() { return getElement(this); }
25723
25737
  static get watchers() { return {
25738
+ "expand": ["expandChanged"],
25724
25739
  "pinned": ["pinnedChange"]
25725
25740
  }; }
25726
25741
  static get style() { return menuCss; }
package/package.json CHANGED
@@ -7,7 +7,7 @@
7
7
  "url": "https://github.com/siemens/ix",
8
8
  "directory": "packages/core"
9
9
  },
10
- "version": "0.0.0-pr-2297-20251204163058",
10
+ "version": "0.0.0-pr-2297-20251211061723",
11
11
  "license": "MIT",
12
12
  "description": "Siemens iX Web Components",
13
13
  "type": "module",
@@ -1 +0,0 @@
1
- {"file":"p-BLeWaHpy.js","mappings":";;;AAAA,MAAM,eAAe,GAAG,6iFAA6iF;;MC8BxjF,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;AALzB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AA+BE;;AAEG;AACK,QAAA,IAAK,CAAA,KAAA,GAAG,KAAK;AAErB;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAExB;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAG,KAAK;;AAGf,QAAA,IAAS,CAAA,SAAA,GAAG,KAAK;;AAGjB,QAAA,IAAe,CAAA,eAAA,GAAG,KAAK;AA8EhC;;AAvEC,IAAA,MAAM,aAAa,GAAA;QACjB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC;;;AAKvC,IAAA,MAAM,sBAAsB,GAAA;QAC1B,OAAO,IAAI,CAAC,WAAW;;IAGjB,UAAU,GAAA;AAChB,QAAA,QACE,IAAI,CAAC,KAAK,KAAK,SAAS;AACxB,YAAA,IAAI,CAAC,WAAW,CAAC,SAAS,KAAK,EAAE;AACjC,YAAA,IAAI,CAAC,IAAI,KAAK,SAAS;;IAI3B,MAAM,GAAA;QACJ,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,KAAK,EAAE;gBACL,KAAK,EAAE,IAAI,CAAC,KAAK;AACjB,gBAAA,WAAW,EAAE,IAAI,CAAC,UAAU,EAAE;gBAC9B,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,OAAO,EAAE,IAAI,CAAC,SAAS;aACxB,EACD,IAAI,EAAC,UAAU,EAAA,EAEf,CACE,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE;AACL,gBAAA,eAAe,EAAE,IAAI;gBACrB,kBAAkB,EAAE,IAAI,CAAC,eAAe;AACzC,aAAA,EACD,OAAO,EAAE,MAAM,IAAI,CAAC,aAAa,EAAE,EAAA,YAAA,EACvB,IAAI,CAAC,eAAe,EAAA,EAE/B,CAAC,IAAI,CAAC,eAAe,IACpB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EAC/B,IAAI,CAAC,OAAO,IACX,CACE,CAAA,SAAA,EAAA,EAAA,KAAK,EAAC,WAAW,EACjB,IAAI,EAAE,eAAe,EACrB,IAAI,EAAC,IAAI,EAAA,CACA,IACT,IAAI,CACJ,IACJ,IAAI,EACP,IAAI,CAAC,IAAI,IACR,CACE,CAAA,SAAA,EAAA,EAAA,KAAK,EAAC,oBAAoB,EAC1B,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,YAAA,EACH,IAAI,CAAC,aAAa,EAAA,CACrB,IACT,IAAI,EACR,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EAC5B,IAAI,CAAC,KAAK,EACX,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,EACL,IAAI,CAAC,SAAS,IACb,CAAA,CAAA,SAAA,EAAA,EACE,IAAI,EAAE,qBAAqB,EAC3B,KAAK,EAAE,cAAc,EACZ,CAAA,IACT,IAAI,CACD,CACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/dropdown-item/dropdown-item.scss?tag=ix-dropdown-item&encapsulation=shadow","src/components/dropdown-item/dropdown-item.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@use 'mixins/shadow-dom/component';\n@use 'mixins/shadow-dom/hover';\n\n$itemPadding: 0.5rem;\n$itemPaddingRight: 1.5rem;\n$focusBorder: 0.0625rem;\n\n@mixin applyItemWidth($padding, $paddingRight) {\n width: calc(100% - #{$padding} - #{$paddingRight});\n\n padding: 0 $padding;\n padding-right: $paddingRight;\n}\n\n:host {\n --ix-dropdown-item-checked-color: var(--theme-color-primary);\n\n display: flex;\n flex-direction: row;\n\n position: relative;\n height: 2.5rem;\n width: auto;\n overflow: hidden;\n cursor: pointer;\n\n @include component.ix-component;\n\n .dropdown-item {\n all: unset;\n display: flex;\n flex-direction: row;\n align-items: center;\n position: relative;\n height: calc(100% - 2px);\n border: $focusBorder solid transparent;\n white-space: nowrap;\n\n @include applyItemWidth($itemPadding, $itemPaddingRight);\n }\n\n .dropdown-item.no-checked-field {\n @include applyItemWidth(1rem, $itemPaddingRight);\n }\n\n .dropdown-item:focus-visible {\n border-color: var(--theme-color-focus-bdr);\n }\n\n .dropdown-item-checked {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n height: 100%;\n width: 1rem;\n min-width: 1rem;\n margin-right: 0.5rem;\n\n color: var(--ix-dropdown-item-checked-color);\n }\n\n .dropdown-item-icon {\n margin-right: 0.5rem;\n color: var(--theme-color-std-text);\n }\n\n .dropdown-item-text {\n display: block;\n position: relative;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: pre;\n }\n\n .submenu-icon {\n margin-left: auto;\n }\n}\n\n:host(.icon-only) {\n .dropdown-item-icon {\n margin-right: 0px;\n }\n\n .dropdown-item-checked {\n display: none;\n }\n\n .dropdown-item {\n @include applyItemWidth(0.5rem, 0.5rem);\n }\n}\n\n:host(.submenu) {\n .dropdown-item {\n @include applyItemWidth($itemPadding, 0.5rem);\n }\n}\n\n@include hover.ghost-hover-pressed;\n\n:host(.disabled) {\n pointer-events: none;\n color: var(--theme-color-weak-text) !important;\n\n .dropdown-item-icon {\n color: var(--theme-color-weak-text) !important;\n }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n} from '@stencil/core';\nimport { DropdownItemWrapper } from '../dropdown/dropdown-controller';\nimport {\n iconChevronRightSmall,\n iconSingleCheck,\n} from '@siemens/ix-icons/icons';\n\n@Component({\n tag: 'ix-dropdown-item',\n styleUrl: 'dropdown-item.scss',\n shadow: true,\n})\nexport class DropdownItem implements DropdownItemWrapper {\n @Element() hostElement!: HTMLIxDropdownItemElement;\n\n /**\n * Label of dropdown item\n */\n @Prop() label?: string;\n\n /**\n * Icon of dropdown item\n */\n @Prop() icon?: string;\n\n /**\n * ARIA label for the icon\n */\n @Prop() ariaLabelIcon?: string;\n\n /**\n * ARIA label for the item's button\n * Will be set as aria-label for the nested HTML button element\n *\n * @since 3.2.0\n */\n @Prop() ariaLabelButton?: string;\n\n /**\n * Display hover state\n */\n @Prop() hover = false;\n\n /**\n * Disable item and remove event listeners\n */\n @Prop() disabled = false;\n\n /**\n * Whether the item is checked or not. If true a checkmark will mark the item as checked.\n */\n @Prop() checked = false;\n\n /** @internal */\n @Prop() isSubMenu = false;\n\n /** @internal */\n @Prop() suppressChecked = false;\n\n /** @internal */\n @Event() itemClick!: EventEmitter<HTMLIxDropdownItemElement>;\n\n /** @internal */\n @Method()\n async emitItemClick() {\n this.itemClick.emit(this.hostElement);\n }\n\n /** @internal */\n @Method()\n async getDropdownItemElement() {\n return this.hostElement;\n }\n\n private isIconOnly() {\n return (\n this.label === undefined &&\n this.hostElement.innerText === '' &&\n this.icon !== undefined\n );\n }\n\n render() {\n return (\n <Host\n class={{\n hover: this.hover,\n 'icon-only': this.isIconOnly(),\n disabled: this.disabled,\n submenu: this.isSubMenu,\n }}\n role=\"listitem\"\n >\n <button\n type=\"button\"\n tabIndex={0}\n class={{\n 'dropdown-item': true,\n 'no-checked-field': this.suppressChecked,\n }}\n onClick={() => this.emitItemClick()}\n aria-label={this.ariaLabelButton}\n >\n {!this.suppressChecked ? (\n <div class=\"dropdown-item-checked\">\n {this.checked ? (\n <ix-icon\n class=\"checkmark\"\n name={iconSingleCheck}\n size=\"16\"\n ></ix-icon>\n ) : null}\n </div>\n ) : null}\n {this.icon ? (\n <ix-icon\n class=\"dropdown-item-icon\"\n name={this.icon}\n aria-label={this.ariaLabelIcon}\n ></ix-icon>\n ) : null}\n <div class=\"dropdown-item-text\">\n {this.label}\n <slot></slot>\n </div>\n {this.isSubMenu ? (\n <ix-icon\n name={iconChevronRightSmall}\n class={'submenu-icon'}\n ></ix-icon>\n ) : null}\n </button>\n </Host>\n );\n }\n}\n"],"version":3}
@@ -1,2 +0,0 @@
1
- import{r as e,c as o,h as t,H as r,g as i}from"./p-CtoreFVF.js";import{N as s,v as d}from"./p-8HpPmDK_.js";const a=":host{--ix-dropdown-item-checked-color:var(--theme-color-primary);display:flex;flex-direction:row;position:relative;height:2.5rem;width:auto;overflow:hidden;cursor:pointer}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .dropdown-item{all:unset;display:flex;flex-direction:row;align-items:center;position:relative;height:calc(100% - 2px);border:0.0625rem solid transparent;white-space:nowrap;width:calc(100% - 0.5rem - 1.5rem);padding:0 0.5rem;padding-right:1.5rem}:host .dropdown-item.no-checked-field{width:calc(100% - 1rem - 1.5rem);padding:0 1rem;padding-right:1.5rem}:host .dropdown-item:focus-visible{border-color:var(--theme-color-focus-bdr)}:host .dropdown-item-checked{display:flex;align-items:center;justify-content:center;position:relative;height:100%;width:1rem;min-width:1rem;margin-right:0.5rem;color:var(--ix-dropdown-item-checked-color)}:host .dropdown-item-icon{margin-right:0.5rem;color:var(--theme-color-std-text)}:host .dropdown-item-text{display:block;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:pre}:host .submenu-icon{margin-left:auto}:host(.icon-only) .dropdown-item-icon{margin-right:0px}:host(.icon-only) .dropdown-item-checked{display:none}:host(.icon-only) .dropdown-item{width:calc(100% - 0.5rem - 0.5rem);padding:0 0.5rem;padding-right:0.5rem}:host(.submenu) .dropdown-item{width:calc(100% - 0.5rem - 0.5rem);padding:0 0.5rem;padding-right:0.5rem}:host(:not(.disabled):not(:disabled).hover),:host(:not(.disabled):not(:disabled):hover){background-color:var(--theme-ghost--background--hover)}:host(:not(.disabled):not(:disabled).active),:host(:not(.disabled):not(:disabled):active){background-color:var(--theme-ghost--background--active)}:host(.disabled){pointer-events:none;color:var(--theme-color-weak-text) !important}:host(.disabled) .dropdown-item-icon{color:var(--theme-color-weak-text) !important}";const n=class{constructor(t){e(this,t);this.itemClick=o(this,"itemClick",7);this.hover=false;this.disabled=false;this.checked=false;this.isSubMenu=false;this.suppressChecked=false}async emitItemClick(){this.itemClick.emit(this.hostElement)}async getDropdownItemElement(){return this.hostElement}isIconOnly(){return this.label===undefined&&this.hostElement.innerText===""&&this.icon!==undefined}render(){return t(r,{key:"4683b34a35d26f4cdce448ed24cdc5115f838fed",class:{hover:this.hover,"icon-only":this.isIconOnly(),disabled:this.disabled,submenu:this.isSubMenu},role:"listitem"},t("button",{key:"a655623c265f18e805a0f60a093dd4ac565ab35c",type:"button",tabIndex:0,class:{"dropdown-item":true,"no-checked-field":this.suppressChecked},onClick:()=>this.emitItemClick(),"aria-label":this.ariaLabelButton},!this.suppressChecked?t("div",{class:"dropdown-item-checked"},this.checked?t("ix-icon",{class:"checkmark",name:s,size:"16"}):null):null,this.icon?t("ix-icon",{class:"dropdown-item-icon",name:this.icon,"aria-label":this.ariaLabelIcon}):null,t("div",{key:"d88e90650387ce4dd0d440fe03bf21c19c785709",class:"dropdown-item-text"},this.label,t("slot",{key:"d892aabbb2e268d36c348b800c043d08f2ceef83"})),this.isSubMenu?t("ix-icon",{name:d,class:"submenu-icon"}):null))}get hostElement(){return i(this)}};n.style=a;export{n as ix_dropdown_item};
2
- //# sourceMappingURL=p-0d621531.entry.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["registerInstance","createEvent","h","Host","getElement","iconSingleCheck","iconChevronRightSmall","dropdownItemCss","DropdownItem","constructor","hostRef","this","itemClick","hover","disabled","checked","isSubMenu","suppressChecked","emitItemClick","emit","hostElement","getDropdownItemElement","isIconOnly","label","undefined","innerText","icon","render","key","class","submenu","role","type","tabIndex","onClick","ariaLabelButton","name","size","ariaLabelIcon","style"],"sources":["0"],"mappings":"YAAcA,OAAuBC,OAAaC,OAAQC,OAAWC,MAAkB,8BACzEC,OAAsBC,MAA6B,kBAEjE,MAAMC,EAAkB,8iFAExB,MAAMC,EAAe,MACjB,WAAAC,CAAYC,GACRV,EAAiBW,KAAMD,GACvBC,KAAKC,UAAYX,EAAYU,KAAM,YAAa,GAIhDA,KAAKE,MAAQ,MAIbF,KAAKG,SAAW,MAIhBH,KAAKI,QAAU,MAEfJ,KAAKK,UAAY,MAEjBL,KAAKM,gBAAkB,KAC3B,CAEA,mBAAMC,GACFP,KAAKC,UAAUO,KAAKR,KAAKS,YAC7B,CAEA,4BAAMC,GACF,OAAOV,KAAKS,WAChB,CACA,UAAAE,GACI,OAAQX,KAAKY,QAAUC,WACnBb,KAAKS,YAAYK,YAAc,IAC/Bd,KAAKe,OAASF,SACtB,CACA,MAAAG,GACI,OAAQzB,EAAEC,EAAM,CAAEyB,IAAK,2CAA4CC,MAAO,CAClEhB,MAAOF,KAAKE,MACZ,YAAaF,KAAKW,aAClBR,SAAUH,KAAKG,SACfgB,QAASnB,KAAKK,WACfe,KAAM,YAAc7B,EAAE,SAAU,CAAE0B,IAAK,2CAA4CI,KAAM,SAAUC,SAAU,EAAGJ,MAAO,CACtH,gBAAiB,KACjB,mBAAoBlB,KAAKM,iBAC1BiB,QAAS,IAAMvB,KAAKO,gBAAiB,aAAcP,KAAKwB,kBAAoBxB,KAAKM,gBAAmBf,EAAE,MAAO,CAAE2B,MAAO,yBAA2BlB,KAAKI,QAAWb,EAAE,UAAW,CAAE2B,MAAO,YAAaO,KAAM/B,EAAiBgC,KAAM,OAAW,MAAS,KAAM1B,KAAKe,KAAQxB,EAAE,UAAW,CAAE2B,MAAO,qBAAsBO,KAAMzB,KAAKe,KAAM,aAAcf,KAAK2B,gBAAoB,KAAMpC,EAAE,MAAO,CAAE0B,IAAK,2CAA4CC,MAAO,sBAAwBlB,KAAKY,MAAOrB,EAAE,OAAQ,CAAE0B,IAAK,8CAAgDjB,KAAKK,UAAad,EAAE,UAAW,CAAEkC,KAAM9B,EAAuBuB,MAAO,iBAAqB,MAC/nB,CACA,eAAIT,GAAgB,OAAOhB,EAAWO,KAAO,GAEjDH,EAAa+B,MAAQhC,SAEZC","ignoreList":[]}
@@ -1,2 +0,0 @@
1
- import{r,h as t,H as o,g as e}from"./p-CtoreFVF.js";import{q as a,g as s}from"./p-8HpPmDK_.js";import{m as i}from"./p-bcj7UEIC.js";const l=":host{display:inline-block;position:relative;height:2rem;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .hide{display:none}:host .dropdown-button{display:block;position:relative;width:100%;height:100%}:host .dropdown-button>ix-button{width:100%;height:100%}:host .dropdown-button .button-label{margin-right:auto;min-width:0px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .dropdown-button .dropdown-icon{margin-right:0.25rem}:host .triangle{position:absolute;margin-inline-start:1.5625rem;margin-block-start:-0.4375rem;border-right:0 solid transparent;border-left:4px solid transparent;border-top:0 solid transparent;border-bottom:4px solid;color:var(--theme-btn-primary--color)}:host .triangle.primary{color:var(--theme-btn-primary--color)}:host .triangle.secondary{color:var(--theme-btn-secondary--color)}:host .triangle.tertiary{color:var(--theme-btn-tertiary--color)}:host .triangle.primary.disabled{color:var(--theme-btn-primary--color--disabled)}:host .triangle.secondary.disabled{color:var(--theme-btn-secondary--color--disabled)}:host .triangle.tertiary.disabled{color:var(--theme-btn-tertiary--color--disabled)}:host .triangle.subtle-primary{color:var(--theme-btn-subtle-primary--color)}:host .triangle.subtle-secondary{color:var(--theme-btn-subtle-secondary--color)}:host .triangle.subtle-tertiary{color:var(--theme-btn-subtle-tertiary--color)}:host .triangle.subtle-primary.disabled{color:var(--theme-btn-subtle-primary--color--disabled)}:host .triangle.subtle-secondary.disabled{color:var(--theme-btn-subtle-secondary--color--disabled)}:host .triangle.subtle-tertiary.disabled{color:var(--theme-btn-subtle-tertiary--color--disabled)}:host .triangle.danger-primary{color:var(--theme-btn-danger-primary--color)}:host .triangle.danger-secondary{color:var(--theme-btn-danger-secondary--color)}:host .triangle.danger-tertiary{color:var(--theme-btn-danger-tertiary--color)}:host .triangle.danger-primary.disabled{color:var(--theme-btn-danger-primary--color--disabled)}:host .triangle.danger-secondary.disabled{color:var(--theme-btn-danger-secondary--color--disabled)}:host .triangle.danger-tertiary.disabled{color:var(--theme-btn-danger-tertiary--color--disabled)}:host .content{display:flex;align-items:center}:host(.disabled){pointer-events:none}";const n=class{constructor(t){r(this,t);this.variant="primary";this.disabled=false;this.closeBehavior="both";this.dropdownShow=false;this.dropdownAnchor=i();this.onDropdownShowChanged=r=>{this.dropdownShow=r.detail}}getTriangle(){return t("div",{class:{triangle:true,[this.variant]:true,hide:!!this.label,disabled:this.disabled}})}render(){return t(o,{key:"4e4aca39eff13b8f665682b3f2dc9ace533c7ca0",class:{disabled:this.disabled},ref:this.dropdownAnchor},t("div",{key:"9583ed2274621e67d779e9668fead87f663b7558",class:"dropdown-button"},this.label?t("ix-button",{variant:this.variant,disabled:this.disabled,alignment:"start",ariaLabel:this.ariaLabelDropdownButton},t("div",{class:"content"},this.icon?t("ix-icon",{name:this.icon,size:"24",class:"dropdown-icon"}):null,t("div",{class:"button-label"},this.label),t("ix-icon",{name:this.dropdownShow?a:s,size:"24"}))):t("div",null,t("ix-icon-button",{icon:this.icon,variant:this.variant,disabled:this.disabled}),this.getTriangle())),t("ix-dropdown",{key:"e4fd6fb8451d8883fac84764758a90ce6dc4d433",class:"dropdown",trigger:this.dropdownAnchor.waitForCurrent(),placement:this.placement,closeBehavior:this.closeBehavior,onShowChanged:this.onDropdownShowChanged},t("slot",{key:"be8d3427e80c326bc7a6993f53190e290b824967"})))}get hostElement(){return e(this)}};n.style=l;export{n as ix_dropdown_button};
2
- //# sourceMappingURL=p-37bd983a.entry.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["registerInstance","h","Host","getElement","iconChevronUpSmall","iconChevronDownSmall","makeRef","dropdownButtonCss","DropdownButton","constructor","hostRef","this","variant","disabled","closeBehavior","dropdownShow","dropdownAnchor","onDropdownShowChanged","event","detail","getTriangle","class","triangle","hide","label","render","key","ref","alignment","ariaLabel","ariaLabelDropdownButton","icon","name","size","trigger","waitForCurrent","placement","onShowChanged","hostElement","style"],"sources":["0"],"mappings":"OAAcA,OAAkBC,OAAQC,OAAWC,MAAkB,8BACvDC,OAAyBC,MAA4B,8BACrDC,MAAe,kBAE7B,MAAMC,EAAoB,y9FAE1B,MAAMC,EAAiB,MACnB,WAAAC,CAAYC,GACRV,EAAiBW,KAAMD,GAIvBC,KAAKC,QAAU,UAIfD,KAAKE,SAAW,MAIhBF,KAAKG,cAAgB,OACrBH,KAAKI,aAAe,MACpBJ,KAAKK,eAAiBV,IACtBK,KAAKM,sBAAyBC,IAC1BP,KAAKI,aAAeG,EAAMC,MAAM,CAExC,CACA,WAAAC,GACI,OAAQnB,EAAE,MAAO,CAAEoB,MAAO,CAClBC,SAAU,KACV,CAACX,KAAKC,SAAU,KAChBW,OAAQZ,KAAKa,MACbX,SAAUF,KAAKE,WAE3B,CACA,MAAAY,GACI,OAAQxB,EAAEC,EAAM,CAAEwB,IAAK,2CAA4CL,MAAO,CAClER,SAAUF,KAAKE,UAChBc,IAAKhB,KAAKK,gBAAkBf,EAAE,MAAO,CAAEyB,IAAK,2CAA4CL,MAAO,mBAAqBV,KAAKa,MAASvB,EAAE,YAAa,CAAEW,QAASD,KAAKC,QAASC,SAAUF,KAAKE,SAAUe,UAAW,QAASC,UAAWlB,KAAKmB,yBAA2B7B,EAAE,MAAO,CAAEoB,MAAO,WAAaV,KAAKoB,KAAQ9B,EAAE,UAAW,CAAE+B,KAAMrB,KAAKoB,KAAME,KAAM,KAAMZ,MAAO,kBAAsB,KAAMpB,EAAE,MAAO,CAAEoB,MAAO,gBAAkBV,KAAKa,OAAQvB,EAAE,UAAW,CAAE+B,KAAMrB,KAAKI,aACrcX,EACAC,EAAsB4B,KAAM,SAAchC,EAAE,MAAO,KAAMA,EAAE,iBAAkB,CAAE8B,KAAMpB,KAAKoB,KAAMnB,QAASD,KAAKC,QAASC,SAAUF,KAAKE,WAAaF,KAAKS,gBAAkBnB,EAAE,cAAe,CAAEyB,IAAK,2CAA4CL,MAAO,WAAYa,QAASvB,KAAKK,eAAemB,iBAAkBC,UAAWzB,KAAKyB,UAAWtB,cAAeH,KAAKG,cAAeuB,cAAe1B,KAAKM,uBAAyBhB,EAAE,OAAQ,CAAEyB,IAAK,8CAC1b,CACA,eAAIY,GAAgB,OAAOnC,EAAWQ,KAAO,GAEjDH,EAAe+B,MAAQhC,SAEdC","ignoreList":[]}
@@ -1 +0,0 @@
1
- {"version":3,"names":["registerInstance","createEvent","h","Host","getElement","animate","showAppSwitch","useContextConsumer","ApplicationLayoutContext","applicationLayoutService","menuController","convertToRemString","themeSwitcher","iconNavigationLeft","iconNavigationRight","iconApps","iconCogwheel","iconLightDark","iconInfo","Animation","ApplicationSidebarToggleEvent","Event","constructor","force","super","bubbles","composed","this","menuCss","Menu","hostRef","expandChange","mapExpandChange","openAppSwitch","openSettings","openAbout","showSettings","showAbout","enableToggleTheme","enableMapExpand","applicationDescription","i18nExpandSidebar","expand","startExpanded","pinned","i18nLegal","i18nSettings","i18nToggleTheme","i18nExpand","i18nCollapse","showPinned","mapExpand","breakpoint","itemsScrollShadowTop","itemsScrollShadowBottom","isTransitionDisabled","isVisible","elm","_a","_b","style","display","parentElement","pinnedChange","newPinned","setPinned","disableBreakpointDetection","setBreakpoint","enableBreakpointDetection","popoverArea","hostElement","shadowRoot","querySelector","menu","menuItemsContainer","overlayContainer","menuItems","Array","from","querySelectorAll","filter","menuBottomItems","homeTab","moreItemsDropdown","isMoreItemsDropdownEmpty","length","moreItemsDropdownItems","activeMoreTabContainer","activeMoreTab","aboutPopoverContainer","aboutNewsPopover","document","aboutTab","about","settings","isSettingsEmpty","tabsContainer","componentDidLoad","requestAnimationFrame","handleOverflowIndicator","componentWillLoad","ctx","applicationLayoutContext","hideHeader","onBreakpointChange","register","onChange","on","componentDidRender","show","appendFragments","setIsPinned","mode","initial","toggleMenu","appendAboutNewsPopover","getAboutPopoverVerticalPosition","heightArrow","offsetArrow","rectAbout","getBoundingClientRect","bottom","window","innerHeight","height","offset","contains","showMore","aboutItemLabel","activeTabLabel","toggleAbout","addEventListener","bind","body","appendChild","toggleMapExpand","undefined","oldExpand","expanded","defaultPrevented","emit","checkTransition","setTimeout","container","transitionProperty","isOverlayVisible","toggleSettings","animateOverlayFadeIn","resetOverlay","onOverlayClose","getCollapseText","getCollapseIcon","isMenuItemClicked","event","target","HTMLElement","tagName","clientHeight","scrollTop","scrollHeight","Math","round","animateOverlayFadeOut","duration","mediumTime","backdropFilter","translateX","opacity","easing","onBegin","onComplete","onMenuItemsClick","isHiddenFromViewport","sidebarToggle","dispatchEvent","appSwitchConfig","render","key","class","slot","ixAriaLabel","onClick","async","icon","variant","id","e","tabs","onScroll","name","disabled","active","label","toggleMode","sidebar","visible","onTransitionEnd","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}