le-kit 0.1.18 → 0.1.19

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 (118) hide show
  1. package/dist/cjs/le-button_13.cjs.entry.js +17 -17
  2. package/dist/cjs/le-card.cjs.entry.js +1 -1
  3. package/dist/cjs/le-combobox.cjs.entry.js +1 -1
  4. package/dist/cjs/le-header-placeholder.cjs.entry.js +1 -1
  5. package/dist/cjs/le-multiselect.cjs.entry.js +3 -3
  6. package/dist/cjs/le-number-input.cjs.entry.js +1 -1
  7. package/dist/cjs/le-round-progress.cjs.entry.js +1 -1
  8. package/dist/cjs/le-segmented-control.cjs.entry.js +1 -1
  9. package/dist/cjs/le-stack.cjs.entry.js +1 -1
  10. package/dist/cjs/le-tab-bar.cjs.entry.js +1 -1
  11. package/dist/cjs/le-tab-panel.cjs.entry.js +2 -2
  12. package/dist/cjs/le-tab.cjs.entry.js +1 -1
  13. package/dist/cjs/le-tabs.cjs.entry.js +2 -2
  14. package/dist/cjs/le-tag.cjs.entry.js +1 -1
  15. package/dist/cjs/le-turntable.cjs.entry.js +1 -1
  16. package/dist/collection/components/le-button/le-button.css +24 -24
  17. package/dist/collection/components/le-button/le-button.js +2 -2
  18. package/dist/collection/components/le-button/le-button.js.map +1 -1
  19. package/dist/collection/components/le-card/le-card.js +1 -1
  20. package/dist/collection/components/le-checkbox/le-checkbox.js +1 -1
  21. package/dist/collection/components/le-collapse/le-collapse.js +1 -1
  22. package/dist/collection/components/le-combobox/le-combobox.js +1 -1
  23. package/dist/collection/components/le-current-heading/le-current-heading.js +1 -1
  24. package/dist/collection/components/le-dropdown-base/le-dropdown-base.js +1 -1
  25. package/dist/collection/components/le-header/le-header.js +2 -2
  26. package/dist/collection/components/le-header-placeholder/le-header-placeholder.js +1 -1
  27. package/dist/collection/components/le-multiselect/le-multiselect.js +3 -3
  28. package/dist/collection/components/le-number-input/le-number-input.js +1 -1
  29. package/dist/collection/components/le-popover/le-popover.js +3 -3
  30. package/dist/collection/components/le-round-progress/le-round-progress.js +1 -1
  31. package/dist/collection/components/le-scroll-progress/le-scroll-progress.js +1 -1
  32. package/dist/collection/components/le-segmented-control/le-segmented-control.js +1 -1
  33. package/dist/collection/components/le-select/le-select.js +2 -2
  34. package/dist/collection/components/le-slot/le-slot.js +1 -1
  35. package/dist/collection/components/le-stack/le-stack.js +1 -1
  36. package/dist/collection/components/le-string-input/le-string-input.js +2 -2
  37. package/dist/collection/components/le-tab/le-tab.js +1 -1
  38. package/dist/collection/components/le-tab-bar/le-tab-bar.js +1 -1
  39. package/dist/collection/components/le-tab-panel/le-tab-panel.js +2 -2
  40. package/dist/collection/components/le-tabs/le-tabs.js +2 -2
  41. package/dist/collection/components/le-tag/le-tag.js +1 -1
  42. package/dist/collection/components/le-turntable/le-turntable.js +1 -1
  43. package/dist/collection/dist/components/assets/custom-elements.json +397 -397
  44. package/dist/components/assets/custom-elements.json +397 -397
  45. package/dist/components/le-button2.js +8 -8
  46. package/dist/components/le-button2.js.map +1 -1
  47. package/dist/components/le-card.js +1 -1
  48. package/dist/components/le-collapse.js +1 -1
  49. package/dist/components/le-combobox.js +1 -1
  50. package/dist/components/le-current-heading.js +1 -1
  51. package/dist/components/le-dropdown-base2.js +1 -1
  52. package/dist/components/le-header-placeholder.js +1 -1
  53. package/dist/components/le-header.js +2 -2
  54. package/dist/components/le-multiselect.js +3 -3
  55. package/dist/components/le-number-input.js +1 -1
  56. package/dist/components/le-popover2.js +3 -3
  57. package/dist/components/le-round-progress.js +1 -1
  58. package/dist/components/le-scroll-progress.js +1 -1
  59. package/dist/components/le-segmented-control.js +1 -1
  60. package/dist/components/le-stack.js +1 -1
  61. package/dist/components/le-tab-bar.js +1 -1
  62. package/dist/components/le-tab-panel.js +2 -2
  63. package/dist/components/le-tab2.js +1 -1
  64. package/dist/components/le-tabs.js +2 -2
  65. package/dist/components/le-tag2.js +1 -1
  66. package/dist/components/le-turntable.js +1 -1
  67. package/dist/docs.json +1 -1
  68. package/dist/esm/le-button_13.entry.js +17 -17
  69. package/dist/esm/le-card.entry.js +1 -1
  70. package/dist/esm/le-combobox.entry.js +1 -1
  71. package/dist/esm/le-header-placeholder.entry.js +1 -1
  72. package/dist/esm/le-multiselect.entry.js +3 -3
  73. package/dist/esm/le-number-input.entry.js +1 -1
  74. package/dist/esm/le-round-progress.entry.js +1 -1
  75. package/dist/esm/le-segmented-control.entry.js +1 -1
  76. package/dist/esm/le-stack.entry.js +1 -1
  77. package/dist/esm/le-tab-bar.entry.js +1 -1
  78. package/dist/esm/le-tab-panel.entry.js +2 -2
  79. package/dist/esm/le-tab.entry.js +1 -1
  80. package/dist/esm/le-tabs.entry.js +2 -2
  81. package/dist/esm/le-tag.entry.js +1 -1
  82. package/dist/esm/le-turntable.entry.js +1 -1
  83. package/dist/le-kit/dist/components/assets/custom-elements.json +397 -397
  84. package/dist/le-kit/le-kit.esm.js +1 -1
  85. package/dist/le-kit/{p-9ba2bfb3.entry.js → p-02532919.entry.js} +2 -2
  86. package/dist/le-kit/{p-684adc9f.entry.js → p-1733d907.entry.js} +2 -2
  87. package/dist/le-kit/p-2ec60692.entry.js +2 -0
  88. package/dist/le-kit/{p-b3531106.entry.js → p-3327b089.entry.js} +2 -2
  89. package/dist/le-kit/{p-8afe6862.entry.js → p-4bdb03cb.entry.js} +2 -2
  90. package/dist/le-kit/{p-269fb44f.entry.js → p-64c2cee1.entry.js} +2 -2
  91. package/dist/le-kit/{p-95cf203e.entry.js → p-6acdf000.entry.js} +2 -2
  92. package/dist/le-kit/p-83007215.entry.js +2 -0
  93. package/dist/le-kit/p-83007215.entry.js.map +1 -0
  94. package/dist/le-kit/{p-629c5e13.entry.js → p-a8963634.entry.js} +2 -2
  95. package/dist/le-kit/{p-c83a1255.entry.js → p-b7c008de.entry.js} +2 -2
  96. package/dist/le-kit/{p-7d316315.entry.js → p-da0265c5.entry.js} +2 -2
  97. package/dist/le-kit/{p-d2a5d431.entry.js → p-df9389f0.entry.js} +2 -2
  98. package/dist/le-kit/{p-31c3649c.entry.js → p-dfd20890.entry.js} +2 -2
  99. package/dist/le-kit/{p-deef1f4d.entry.js → p-e3f3cc8f.entry.js} +2 -2
  100. package/dist/le-kit/{p-e4618b36.entry.js → p-f88c804a.entry.js} +2 -2
  101. package/package.json +1 -1
  102. package/dist/le-kit/p-3829f572.entry.js +0 -2
  103. package/dist/le-kit/p-3829f572.entry.js.map +0 -1
  104. package/dist/le-kit/p-e07d4b78.entry.js +0 -2
  105. /package/dist/le-kit/{p-9ba2bfb3.entry.js.map → p-02532919.entry.js.map} +0 -0
  106. /package/dist/le-kit/{p-684adc9f.entry.js.map → p-1733d907.entry.js.map} +0 -0
  107. /package/dist/le-kit/{p-e07d4b78.entry.js.map → p-2ec60692.entry.js.map} +0 -0
  108. /package/dist/le-kit/{p-b3531106.entry.js.map → p-3327b089.entry.js.map} +0 -0
  109. /package/dist/le-kit/{p-8afe6862.entry.js.map → p-4bdb03cb.entry.js.map} +0 -0
  110. /package/dist/le-kit/{p-269fb44f.entry.js.map → p-64c2cee1.entry.js.map} +0 -0
  111. /package/dist/le-kit/{p-95cf203e.entry.js.map → p-6acdf000.entry.js.map} +0 -0
  112. /package/dist/le-kit/{p-629c5e13.entry.js.map → p-a8963634.entry.js.map} +0 -0
  113. /package/dist/le-kit/{p-c83a1255.entry.js.map → p-b7c008de.entry.js.map} +0 -0
  114. /package/dist/le-kit/{p-7d316315.entry.js.map → p-da0265c5.entry.js.map} +0 -0
  115. /package/dist/le-kit/{p-d2a5d431.entry.js.map → p-df9389f0.entry.js.map} +0 -0
  116. /package/dist/le-kit/{p-31c3649c.entry.js.map → p-dfd20890.entry.js.map} +0 -0
  117. /package/dist/le-kit/{p-deef1f4d.entry.js.map → p-e3f3cc8f.entry.js.map} +0 -0
  118. /package/dist/le-kit/{p-e4618b36.entry.js.map → p-f88c804a.entry.js.map} +0 -0
@@ -5,7 +5,7 @@ const LeHeaderPlaceholder = class {
5
5
  registerInstance(this, hostRef);
6
6
  }
7
7
  render() {
8
- return (h(Host, { key: '759dfba2a50f5d3240b78c46526f9d246098e4c3', "aria-hidden": "true", style: {
8
+ return (h(Host, { key: '53a4cd451e1b53a4be3b6b20c82e12f53a982a17', "aria-hidden": "true", style: {
9
9
  display: 'block',
10
10
  height: 'var(--le-header-height, 64px)',
11
11
  } }));
@@ -284,13 +284,13 @@ const LeMultiselect = class {
284
284
  render() {
285
285
  const hasSelections = this.selectedOptions.length > 0;
286
286
  const atMaxSelections = this.maxSelections && this.value.length >= this.maxSelections;
287
- return (h("le-component", { key: '41e4bfe6f961a44cae4cb8de69d836da9dab2a42', component: "le-multiselect" }, h("le-dropdown-base", { key: '74b05d1f6b8930fe97f4f2ae861a12c1749640fe', ref: el => (this.dropdownEl = el), options: this.effectiveOptions, value: this.value, multiple: true, disabled: this.disabled, filterFn: this.searchable ? this.filterOption : undefined, filterQuery: this.searchQuery, emptyText: this.emptyText, showCheckboxes: true, fullWidth: this.fullWidth, onLeOptionSelect: this.handleOptionSelect, onLeDropdownOpen: this.handleDropdownOpen, onLeDropdownClose: this.handleDropdownClose }, h("div", { key: 'f270977fc98dd71908e63ae6acebaf2d275a8451', slot: "trigger", class: {
287
+ return (h("le-component", { key: '140e151311a635aac4f9a14405466c5b93127576', component: "le-multiselect" }, h("le-dropdown-base", { key: '39f2f2ea2bccccd7dfee5514afb3c3767d0ac006', ref: el => (this.dropdownEl = el), options: this.effectiveOptions, value: this.value, multiple: true, disabled: this.disabled, filterFn: this.searchable ? this.filterOption : undefined, filterQuery: this.searchQuery, emptyText: this.emptyText, showCheckboxes: true, fullWidth: this.fullWidth, onLeOptionSelect: this.handleOptionSelect, onLeDropdownOpen: this.handleDropdownOpen, onLeDropdownClose: this.handleDropdownClose }, h("div", { key: '202886428f7731f7102135746c7506ccc9649390', slot: "trigger", class: {
288
288
  'multiselect-trigger': true,
289
289
  'has-selections': hasSelections,
290
290
  'is-open': this.open,
291
291
  'is-disabled': this.disabled,
292
- }, tabIndex: this.disabled ? -1 : 0, role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.open ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, this.renderTags(), h("div", { key: '9323e791cb4e6e822b493aac81868fc98c10f28f', class: "multiselect-actions" }, hasSelections && !this.disabled && (h("button", { key: '9fcc99acf644977a4f6bb1a54ad47ea1a0521e82', type: "button", class: "multiselect-clear", onClick: this.handleClearAll, "aria-label": "Clear all", tabIndex: -1 }, h("svg", { key: 'd82a6a3b3454854e6357156bed2dcf77fc76309b', viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "2" }, h("path", { key: 'efcd41249ae3166b87b8edd12e85ce6dc44c1ca7', d: "M4 4l8 8M12 4l-8 8" })))), h("span", { key: '07f295dfa81aca548bddeb9b00324ad28be84c0d', class: "multiselect-arrow" }, h("svg", { key: 'ab794b727c4de9af2fd8e1f5bf5fdd4370fc60a5', viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "2" }, h("path", { key: '7b5b9628aa0f6cf44a5806cd01fb80ff07e6a05a', d: "M4 6l4 4 4-4" }))))), this.searchable && this.open && (h("div", { key: 'a1da7b5910a7899cf18159e4c1ad9b230eb94ae5', class: "multiselect-search", slot: "header" }, h("le-string-input", { key: '8b2e0876aa7f07e5b35379b2154a2cf548731c26', mode: "default", inputRef: el => (this.inputEl = el), class: "search-input", placeholder: "Search...", value: this.searchQuery, onInput: this.handleSearchInput })))), this.name &&
293
- this.value.map(val => (h("input", { type: "hidden", name: this.name, value: val.toString(), key: val.toString() }))), atMaxSelections && (h("span", { key: '5d98fd2daa6a9ddbc90b9be701fda628156dbe62', class: "multiselect-status" }, "Maximum ", this.maxSelections, " selections"))));
292
+ }, tabIndex: this.disabled ? -1 : 0, role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.open ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, this.renderTags(), h("div", { key: 'a181ed91241b2b2e67f6b0cf0450b172a505311a', class: "multiselect-actions" }, hasSelections && !this.disabled && (h("button", { key: 'cf6406faa147cefd721b4be7eebe36b7dcc096b9', type: "button", class: "multiselect-clear", onClick: this.handleClearAll, "aria-label": "Clear all", tabIndex: -1 }, h("svg", { key: '123cbff9842d26bb5854d1a501f1b6efa4c94e1b', viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "2" }, h("path", { key: '966646d52554f636938cac32281b71185fd1af84', d: "M4 4l8 8M12 4l-8 8" })))), h("span", { key: '9005886bc32ed7ce748db6ec9c7e194814043097', class: "multiselect-arrow" }, h("svg", { key: 'ed065128791c22b1015e209108d1352d4023dfd9', viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "2" }, h("path", { key: '53c8a514bca6a56a70f4fe830e43f6433a31f07b', d: "M4 6l4 4 4-4" }))))), this.searchable && this.open && (h("div", { key: '9883672b6d448039ba2774db6c327432825759c3', class: "multiselect-search", slot: "header" }, h("le-string-input", { key: 'd8f1a827363829bb57f437bf478a9e331cfc1119', mode: "default", inputRef: el => (this.inputEl = el), class: "search-input", placeholder: "Search...", value: this.searchQuery, onInput: this.handleSearchInput })))), this.name &&
293
+ this.value.map(val => (h("input", { type: "hidden", name: this.name, value: val.toString(), key: val.toString() }))), atMaxSelections && (h("span", { key: 'c723d1feb85be0e1b4cd840f24acc53e16fd09f3', class: "multiselect-status" }, "Maximum ", this.maxSelections, " selections"))));
294
294
  }
295
295
  static get watchers() { return {
296
296
  "value": ["handleValueChange"],
@@ -188,7 +188,7 @@ const LeNumberInput = class {
188
188
  this.emitChange();
189
189
  };
190
190
  render() {
191
- return (h("le-component", { key: '4e0c27dc62fb9190a1fd17afb159af9873313963', component: "le-number-input", hostClass: classnames({ 'disabled': this.disabled }) }, h("div", { key: 'fb7ec5fa5958fd1a4abfae7b89bfcc94d679f8a4', class: "le-input-wrapper" }, this.label && (h("label", { key: 'a83bbb79bc1771e585d6c5a92054faa4aa5106d9', class: "le-input-label", htmlFor: this.name }, this.label)), h("div", { key: '15f6b1590d24ed43ded72e41c8a76d9721c9abf1', class: classnames('le-input-container', { 'has-error': !this.isValid }) }, this.iconStart && (h("span", { key: '94349e7cdf26fd18bd169978cbbf623c4d82ba09', class: "icon-start" }, this.iconStart)), h("input", { key: '41359099690b61152883bc18ddbbb933fe297e4b', id: this.name, type: "number", name: this.name, placeholder: this.placeholder, min: this.min, max: this.max, step: this.step, value: this.value, disabled: this.disabled, readOnly: this.readonly, required: this.required, onInput: this.handleInput, onChange: this.handleChange, onKeyDown: this.handleKeyDown, onWheel: this.handleWheel }), this.showSpinners && (h("div", { key: '40ca2eec8b9ab809e8c7d94638c04f126a86439a', class: "le-input-controls" }, h("le-button", { key: 'f166a5b85e57a357e529d448c58578e0eb1f47e8', mode: "default", variant: "clear", size: "small", "icon-only": true, class: "le-input-control-btn", onClick: this.increment, disabled: this.disabled || this.readonly || (this.max !== undefined && this.value >= this.max), tabindex: "-1" }, h("span", { key: '5b1e3f5d7f2f73616a903c254d684e3cd25f7b4b', slot: "icon-only" }, "\u2191")), h("le-button", { key: 'cc5b1a747aa371642050ec7aa3e314eae8803e5a', mode: "default", variant: "clear", size: "small", "icon-only": true, class: "le-input-control-btn", onClick: this.decrement, disabled: this.disabled || this.readonly || (this.min !== undefined && this.value <= this.min), tabindex: "-1" }, h("span", { key: '642ce963cd73e1e15a18fa098d68217700d77f7e', slot: "icon-only" }, "\u2193"))))), !this.isValid && h("div", { key: 'f8cfd149278a97749c65fe91556f16b9866123c8', class: "le-input-error" }, this.validationMessage), h("div", { key: '3c0139decd7366071870610866d15de4adbebd12', class: "le-input-description" }, h("le-slot", { key: '33e38439cacbcbc1abb30b788dc8d8eca46d4100', name: "description", type: "text", tag: "p", label: "Description" }, h("slot", { key: '8e6ff005d573cddc590c8251c4df89190dd318d8', name: "description" }))))));
191
+ return (h("le-component", { key: '5403532693c953ecb18a4eed385e51e65b85b25f', component: "le-number-input", hostClass: classnames({ 'disabled': this.disabled }) }, h("div", { key: '805a34c835e525c3b2058b1ed857c902820a8161', class: "le-input-wrapper" }, this.label && (h("label", { key: '65e7e6aa6f668407ca64be9e6aa6a1756ac379c3', class: "le-input-label", htmlFor: this.name }, this.label)), h("div", { key: '9128a87c28796276b7b40c88a6a95a22fe7aea86', class: classnames('le-input-container', { 'has-error': !this.isValid }) }, this.iconStart && (h("span", { key: '2d6a2026db781100de617c6150e7e790f07cb778', class: "icon-start" }, this.iconStart)), h("input", { key: '5a17f9fca5f5e2706e34c0dfc3e5f74730c631b2', id: this.name, type: "number", name: this.name, placeholder: this.placeholder, min: this.min, max: this.max, step: this.step, value: this.value, disabled: this.disabled, readOnly: this.readonly, required: this.required, onInput: this.handleInput, onChange: this.handleChange, onKeyDown: this.handleKeyDown, onWheel: this.handleWheel }), this.showSpinners && (h("div", { key: '4e075f49e495e320dfd3ec63936ea57a1798b5ab', class: "le-input-controls" }, h("le-button", { key: 'b3e4895ec49aa3a8579bf348c97f84e6e5667e5c', mode: "default", variant: "clear", size: "small", "icon-only": true, class: "le-input-control-btn", onClick: this.increment, disabled: this.disabled || this.readonly || (this.max !== undefined && this.value >= this.max), tabindex: "-1" }, h("span", { key: '436704faafdea57baa4df0d298ed1700cec81df8', slot: "icon-only" }, "\u2191")), h("le-button", { key: '154ddac168a71bde52370a389e8f1bfc46dd46eb', mode: "default", variant: "clear", size: "small", "icon-only": true, class: "le-input-control-btn", onClick: this.decrement, disabled: this.disabled || this.readonly || (this.min !== undefined && this.value <= this.min), tabindex: "-1" }, h("span", { key: '4575bc557baad459ff91ec97a6384f766c1d01b2', slot: "icon-only" }, "\u2193"))))), !this.isValid && h("div", { key: '4b5d085fa37c799d594fccdb629f6c1cba80255e', class: "le-input-error" }, this.validationMessage), h("div", { key: 'd0d1486e6243e4ef2fbb462b41853b942c8789cb', class: "le-input-description" }, h("le-slot", { key: 'c841fb065ed38fe88d2b165d8cd8fde7e483920d', name: "description", type: "text", tag: "p", label: "Description" }, h("slot", { key: 'e5a3be8caf94d69cd8a105c64dfa5e473c00ab5d', name: "description" }))))));
192
192
  }
193
193
  static get watchers() { return {
194
194
  "value": ["valueChanged"]
@@ -90,7 +90,7 @@ const LeRoundProgress = class {
90
90
  return (h("svg", { viewBox: this.getViewBox(), class: "round-progress" }, paths));
91
91
  }
92
92
  render() {
93
- return (h("div", { key: '51fad7a0a6943816198b81ade039d98d57c1b74e', class: "round-progress--container" }, this.getPaths(), h("svg", { key: '3c90866f083725ff7a807f6d944da3f5a9f045f0', viewBox: this.getViewBox(), class: "round-progress round-progress--progress" }, h("path", { key: '00dff64a924f9072cbe340d5bc8bd8e2c3a4e06e', class: "round-progress--circle", "stroke-dasharray": this.getStrokeDashArray(), d: this.getPath() })), h("slot", { key: 'dbd7a8ca3852e01efa4c1eb3c7e0e6c04a4a13b0' })));
93
+ return (h("div", { key: 'ffb8f83f99c183fd82969cf6ec7822ccf4aa9af8', class: "round-progress--container" }, this.getPaths(), h("svg", { key: '29aa0e60c26968564b1e930a3b1b9d32460721dd', viewBox: this.getViewBox(), class: "round-progress round-progress--progress" }, h("path", { key: '7a5cd37e96a65fa6397704d88a4add6e2a1ec1e9', class: "round-progress--circle", "stroke-dasharray": this.getStrokeDashArray(), d: this.getPath() })), h("slot", { key: 'eb135e9bad29d96cba229c5a5e61e74d4e6392ec' })));
94
94
  }
95
95
  static get watchers() { return {
96
96
  "value": ["updateValue"],
@@ -226,7 +226,7 @@ const LeSegmentedControl = class {
226
226
  'full-width': fullWidth,
227
227
  'disabled': disabled,
228
228
  };
229
- return (h(Host, { key: '0bd6c571955af391aa13fd5096cb86f96d1715d9', class: `overflow-${this.overflow}` }, h("le-component", { key: 'cfdcd825987830613c99947731039222bffa710c', component: "le-segmented-control" }, h("div", { key: '80828925d12a2da95764b41b926bd048de409e99', class: classes, ref: el => (this.containerRef = el), role: "radiogroup", part: "container", onKeyDown: this.handleKeyDown, tabIndex: 0 }, segmentConfigs.map(option => {
229
+ return (h(Host, { key: '567a033dd9fbb023d599b918bdc9f6505a98b4be', class: `overflow-${this.overflow}` }, h("le-component", { key: '0f60a5e7985740f9309c1fbc98df297149a2988c', component: "le-segmented-control" }, h("div", { key: '6c5e3f60ed1ed2bace109750ab79a4a36edaf60b', class: classes, ref: el => (this.containerRef = el), role: "radiogroup", part: "container", onKeyDown: this.handleKeyDown, tabIndex: 0 }, segmentConfigs.map(option => {
230
230
  const optValue = this.getOptionValue(option);
231
231
  const isSelected = optValue === value;
232
232
  const isDisabled = option.disabled || disabled;
@@ -124,7 +124,7 @@ const LeStack = class {
124
124
  });
125
125
  // Slot style for admin mode - make items display in the same direction
126
126
  const slotStyle = `display: flex; flex-direction: ${this.getFlexDirection()}; gap: ${this.gap || 'var(--le-space-md)'}; flex-wrap: ${this.wrap ? 'wrap' : 'nowrap'}; justify-content: ${this.getJustifyContent()}; align-items: ${this.getAlignItems()};`;
127
- return (h("le-component", { key: '58d38914e8459297766be58844c271aac0f3b0b5', component: "le-stack", hostClass: hostClass }, h("div", { key: '56ceceb3eac3ec5c6647719d0d47766eb7ba7b5d', class: "stack", part: "stack", style: style }, h("le-slot", { key: '9a75e3f6ae8b05dee32a250d3a4607ff2498c533', name: "", description: `Items arranged ${this.direction}ly${this.maxItems ? ` (max ${this.maxItems})` : ''}`, type: "slot", "allowed-components": "le-text,le-box,le-card,le-button,le-stack", slotStyle: slotStyle }, h("slot", { key: 'e0b9d135ce8cc312bee002ef78772f62d6e0d416' })))));
127
+ return (h("le-component", { key: '39228201dedcc0975488238fbe18411cd48a6ad3', component: "le-stack", hostClass: hostClass }, h("div", { key: 'b091295bebfdbc4d7a650d592e9d9de826730a2d', class: "stack", part: "stack", style: style }, h("le-slot", { key: '32c1c13d8a818613c07aa7ba56505c65194755bb', name: "", description: `Items arranged ${this.direction}ly${this.maxItems ? ` (max ${this.maxItems})` : ''}`, type: "slot", "allowed-components": "le-text,le-box,le-card,le-button,le-stack", slotStyle: slotStyle }, h("slot", { key: '05110d4ab7abfc4fa1687ec110de0c482ad3588e' })))));
128
128
  }
129
129
  };
130
130
  LeStack.style = leStackDefaultCss();
@@ -223,7 +223,7 @@ const LeTabBar = class {
223
223
  'position-top': this.position === 'top',
224
224
  'position-bottom': this.position === 'bottom',
225
225
  };
226
- return (h(Host, { key: 'ab97582e8f936fc6617b1034c325bd6fbbf97f12', class: classes }, h("le-component", { key: '9dcabb60dce5600876ae7cc03afa348adf188cdd', component: "le-tab-bar" }, h("div", { key: 'd38a1ad9942045d3fcd0f5eaf84f221c7e34c21a', class: "tablist", role: "tablist", "aria-orientation": "horizontal", part: "tablist", onKeyDown: this.handleKeyDown }, h("le-slot", { key: 'cd8da212dd2c4baa2beea2168ed6431b8748297f', name: "", type: "slot", allowedComponents: "le-tab" }, tabConfigs.map(tab => {
226
+ return (h(Host, { key: '03f3a22715a909d668ff293a92a91f7120983ecd', class: classes }, h("le-component", { key: '86da25b4d88d889523e5b19206cd336e98fc32e7', component: "le-tab-bar" }, h("div", { key: 'f34a6496e03b15380b9839ec2104e2a19a62b685', class: "tablist", role: "tablist", "aria-orientation": "horizontal", part: "tablist", onKeyDown: this.handleKeyDown }, h("le-slot", { key: '35b09441b75eb660350bb0d636660249ba156195', name: "", type: "slot", allowedComponents: "le-tab" }, tabConfigs.map(tab => {
227
227
  const value = this.getTabValue(tab);
228
228
  const isSelected = value === selected;
229
229
  return (h("le-tab", { key: value, class: "tab", role: "tab", variant: "icon-only", label: tab.label, value: tab.value, icon: tab.icon, href: tab.href, selected: isSelected, disabled: tab.disabled, showLabel: this.showLabels, size: size, part: isSelected ? 'tab tab-active' : 'tab', "aria-selected": isSelected ? 'true' : 'false', "aria-disabled": tab.disabled ? 'true' : undefined, tabIndex: -1, onClick: () => this.handleTabClick(tab) }, h("span", { class: "tab-label" }, tab.label)));
@@ -82,11 +82,11 @@ const LeTabPanel = class {
82
82
  }
83
83
  render() {
84
84
  const shouldRender = this.shouldRenderContent();
85
- return (h("le-component", { key: '7535af661c66a3e0f895b43c34ec2003a20977f9', component: "le-tab-panel" }, h("div", { key: '611858453c00a66a0510a570b0198594f6c19330', class: {
85
+ return (h("le-component", { key: '8ae45da7951a15dd1178264f0fcd61f446b7f50c', component: "le-tab-panel" }, h("div", { key: 'cda465344d5c9d79945b924fca39f469c4535157', class: {
86
86
  'tab-panel': true,
87
87
  'active': this.active,
88
88
  'lazy-hidden': this.lazy && !this.active,
89
- }, role: "tabpanel", "aria-hidden": !this.active ? 'true' : undefined, tabIndex: this.active ? 0 : -1 }, h("le-slot", { key: 'e154ef618cecb4d21bde2a383c557515dd9f4ca1', name: "", description: "Tab panel content", type: "slot" }, shouldRender && h("slot", { key: '0c4b8905c656b0c14c21216c7c1cbc1eb0696ead' })))));
89
+ }, role: "tabpanel", "aria-hidden": !this.active ? 'true' : undefined, tabIndex: this.active ? 0 : -1 }, h("le-slot", { key: 'c7107b12b375e614b523b6ad4d3f1afb81e93bd6', name: "", description: "Tab panel content", type: "slot" }, shouldRender && h("slot", { key: '48580ffcedff46a2f9351e3790c257062b64d101' })))));
90
90
  }
91
91
  static get watchers() { return {
92
92
  "active": ["activeChanged"]
@@ -125,7 +125,7 @@ const LeTab = class {
125
125
  const attrs = this.href
126
126
  ? { href: this.href, target: this.target, role: 'button' }
127
127
  : { disabled: this.disabled };
128
- return (h(Host, { key: '6632a9b9df74dab0cb6bd638f35b55cc4a573e0e' }, h("le-component", { key: '3ed311094833d6e8819c35b1eaf69456dcb47773', component: "le-tab" }, h(TagType, { key: 'b9a3ca7a85e228da9a25ff9fc14a79cd9b4ffc41', class: classnames('le-tab-container', `le-tab-align-${this.align}`, classes), part: "button", ...attrs, onClick: this.handleClick, tabIndex: this.focusable ? 0 : -1 }, this.icon !== undefined ? (h("div", { class: "icon-only" }, h("div", { class: "icon" }, this.icon), this.showLabel && h("span", { class: "icon-label" }, this.label))) : (h(Fragment, null, h("span", { class: "le-tab-label" }, this.iconStart && (h("span", { class: "icon-start", part: "icon-start" }, this.iconStart)), h("le-slot", { name: "", description: "Tab text", type: "text", class: "content", part: "content" }, h("slot", null, this.label))), this.iconEnd && (h("span", { class: "icon-end", part: "icon-end" }, this.iconEnd))))))));
128
+ return (h(Host, { key: '3f96ce4f479bcd0ddd35f07dd488e9584484b464' }, h("le-component", { key: '33bacc8d4b513904d366570c250e1e2ddbc7c210', component: "le-tab" }, h(TagType, { key: '5addc8519aee06d8c3406dd8684e4b8d2cd86caa', class: classnames('le-tab-container', `le-tab-align-${this.align}`, classes), part: "button", ...attrs, onClick: this.handleClick, tabIndex: this.focusable ? 0 : -1 }, this.icon !== undefined ? (h("div", { class: "icon-only" }, h("div", { class: "icon" }, this.icon), this.showLabel && h("span", { class: "icon-label" }, this.label))) : (h(Fragment, null, h("span", { class: "le-tab-label" }, this.iconStart && (h("span", { class: "icon-start", part: "icon-start" }, this.iconStart)), h("le-slot", { name: "", description: "Tab text", type: "text", class: "content", part: "content" }, h("slot", null, this.label))), this.iconEnd && (h("span", { class: "icon-end", part: "icon-end" }, this.iconEnd))))))));
129
129
  }
130
130
  };
131
131
  LeTab.style = leTabCss();
@@ -271,7 +271,7 @@ const LeTabs = class {
271
271
  : this.position === 'start'
272
272
  ? 'top'
273
273
  : 'bottom';
274
- return (h("le-component", { key: '27955ca3e6823a430cba21b8a3830dac4cbf23a9', component: "le-tabs", hostClass: classnames(classes) }, h("div", { key: 'f6f732307d85bd778fc5c0fc002a47aeb2c1e269', class: classes }, h("div", { key: '96908f34cd62d42915a80f3197fd32ef72a8ba93', class: {
274
+ return (h("le-component", { key: 'f3f3847f64cc12236d84bcd2027bb42bd8af3756', component: "le-tabs", hostClass: classnames(classes) }, h("div", { key: '204e8cc3a6890496f6f8e0c9791b472c0a28585a', class: classes }, h("div", { key: '3d87b1ebfb432154ab415e5e69ee5485ef546429', class: {
275
275
  'tablist': true,
276
276
  'wrap-tabs': this.wrap,
277
277
  [`overflow-${this.overflow}`]: true,
@@ -280,7 +280,7 @@ const LeTabs = class {
280
280
  const tabId = `tab-${config.value}`;
281
281
  const panelId = `panel-${config.value}`;
282
282
  return (h("le-tab", { key: config.value, id: tabId, class: "tab", mode: "default", variant: this.variant, selected: isSelected, disabled: config.disabled, size: this.size, position: tabPosition, align: this.orientation === 'vertical' ? 'start' : 'center', role: "tab", part: isSelected ? 'tab tab-active' : 'tab', "aria-selected": isSelected ? 'true' : 'false', "aria-controls": panelId, "aria-disabled": config.disabled ? 'true' : undefined, focusable: false, onClick: () => this.handleTabClick(config), iconStart: config.iconStart, iconEnd: config.iconEnd }, h("span", { class: "tab-label" }, config.label)));
283
- })), h("div", { key: '69a47db5fdad33cdcb17a4f21b8731c80e519933', class: "panels", part: "panels" }, isDeclarativeMode ? (
283
+ })), h("div", { key: 'c09c5228a9e3fd9e091ece0974d159ff05195907', class: "panels", part: "panels" }, isDeclarativeMode ? (
284
284
  // Declarative mode - render slot for le-tab-panel children
285
285
  h("le-slot", { name: "", description: "Tab panels", type: "slot", allowedComponents: "le-tab-panel" }, h("slot", null))) : (
286
286
  // Programmatic mode - render named slots
@@ -57,7 +57,7 @@ const LeTag = class {
57
57
  return h("span", { class: "tag-icon" }, this.icon);
58
58
  }
59
59
  render() {
60
- return (h("le-component", { key: '039a0c9047d2b3aafea7e5340fec600d43679577', component: "le-tag" }, h("span", { key: '00eb650809242e92285270706d5937695285c66f', class: "tag" }, this.renderIcon(), h("span", { key: 'c598e73cf83de625fc7e09a49fd575d0a3e1a676', class: "tag-label" }, h("le-slot", { key: '506ad34362bfa251f32d15f49545c5ac3bddcd62', name: "", tag: "span", type: "text" }, h("slot", { key: '746f842b4538779b2219bcc21391e84c51fa9fc1' }, this.label))), this.dismissible && (h("button", { key: 'b3eb8d9e5dfbbae6cb8f6ce5cadab1d6486db96a', type: "button", class: "tag-dismiss", onClick: this.handleDismiss, disabled: this.disabled, "aria-label": "Remove" }, h("svg", { key: '7564a77f831b1f9999998e93a1043849870d9024', viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "2" }, h("path", { key: 'e67c386183d967aeb2d6013b3a0bbc3603c2636d', d: "M4 4l8 8M12 4l-8 8" })))))));
60
+ return (h("le-component", { key: '1b899660574d9ca3c513a394c3f979de2221e5b9', component: "le-tag" }, h("span", { key: 'f41bf783b0409d68f3975ea9d8c7443f591f9d6b', class: "tag" }, this.renderIcon(), h("span", { key: 'b873ada5b9d1904ed90b614b26a4ac5655ffed97', class: "tag-label" }, h("le-slot", { key: '2f1ee302a3a7ce2b06c436e5dd52c03c3a30f0de', name: "", tag: "span", type: "text" }, h("slot", { key: '7d349e9859e6d586ddd1b2a6c990a41b04cba00c' }, this.label))), this.dismissible && (h("button", { key: '140aee44497f7a883ac983634a74032043f8429e', type: "button", class: "tag-dismiss", onClick: this.handleDismiss, disabled: this.disabled, "aria-label": "Remove" }, h("svg", { key: '14dd70b058b110d2753c1014bef241d7782d5f9e', viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "2" }, h("path", { key: 'b1ce480cd49e5b7f543aa7747f215e1b0435b0a4', d: "M4 4l8 8M12 4l-8 8" })))))));
61
61
  }
62
62
  };
63
63
  LeTag.style = leTagCss();
@@ -125,7 +125,7 @@ const LeTurntable = class {
125
125
  this.el.style.transform = `rotate(${angle}deg)`;
126
126
  }
127
127
  render() {
128
- return (h("div", { key: '6968cf3f13586bbbf981152567d280e1b72412a7', class: "turntable", onMouseDown: this.handleMouseDown.bind(this) }, h("slot", { key: '673eb5c7d2ad2ba46e703c0eb0cd7f520b961204' })));
128
+ return (h("div", { key: '57c8d99bae0b1602f5c514b95318811f906ca235', class: "turntable", onMouseDown: this.handleMouseDown.bind(this) }, h("slot", { key: '1d613224984f1472034775376c8ec1c6fa782427' })));
129
129
  }
130
130
  static get watchers() { return {
131
131
  "value": ["updateValue"]