@moni-labs/moni-ui 0.4.2 → 0.4.4

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 (92) hide show
  1. package/README.md +6 -6
  2. package/custom-elements.json +61 -16
  3. package/dist/browser/moni-ui.iife.min.js +155 -6
  4. package/dist/browser/moni-ui.iife.min.js.br +0 -0
  5. package/dist/browser/moni-ui.iife.min.js.gz +0 -0
  6. package/dist/browser/moni-ui.iife.min.js.map +1 -1
  7. package/dist/browser/moni-ui.min.css +1 -1
  8. package/dist/browser/moni-ui.min.css.br +0 -0
  9. package/dist/browser/moni-ui.min.css.gz +0 -0
  10. package/dist/browser/moni-ui.min.css.map +1 -1
  11. package/dist/browser/moni-ui.min.js +189 -30
  12. package/dist/browser/moni-ui.min.js.br +0 -0
  13. package/dist/browser/moni-ui.min.js.gz +0 -0
  14. package/dist/browser/moni-ui.min.js.map +1 -1
  15. package/dist/cdn/chunks/{class-map-DBljv-_e.js → class-map-EVPcxmRq.js} +1 -1
  16. package/dist/cdn/chunks/{decorate-DxX3e27g.js → decorate-D4jKxi6H.js} +56 -0
  17. package/dist/cdn/chunks/if-defined-DlAUOFi9.js +1 -0
  18. package/dist/cdn/chunks/{live-B7Rjg1kt.js → live-DdUrWiUp.js} +1 -1
  19. package/dist/cdn/components/moni-app-bar.js +1 -1
  20. package/dist/cdn/components/moni-badge.js +1 -1
  21. package/dist/cdn/components/moni-bottom-sheet.js +1 -1
  22. package/dist/cdn/components/moni-button-group.js +72 -3
  23. package/dist/cdn/components/moni-button-segment.js +1 -1
  24. package/dist/cdn/components/moni-button.js +2 -1
  25. package/dist/cdn/components/moni-card.js +1 -1
  26. package/dist/cdn/components/moni-carousel.js +1 -1
  27. package/dist/cdn/components/moni-checkbox.js +1 -1
  28. package/dist/cdn/components/moni-chip.js +1 -1
  29. package/dist/cdn/components/moni-color-field.js +1 -1
  30. package/dist/cdn/components/moni-context-menu.js +1 -1
  31. package/dist/cdn/components/moni-dialog.js +1 -1
  32. package/dist/cdn/components/moni-divider.js +1 -1
  33. package/dist/cdn/components/moni-expansion.js +1 -1
  34. package/dist/cdn/components/moni-fab-menu.js +1 -1
  35. package/dist/cdn/components/moni-fab.js +1 -1
  36. package/dist/cdn/components/moni-file-field.js +1 -1
  37. package/dist/cdn/components/moni-icon.js +1 -1
  38. package/dist/cdn/components/moni-list-item.js +1 -1
  39. package/dist/cdn/components/moni-list.js +1 -1
  40. package/dist/cdn/components/moni-loading-indicator.js +22 -3
  41. package/dist/cdn/components/moni-menu-item.js +1 -1
  42. package/dist/cdn/components/moni-menu.js +1 -1
  43. package/dist/cdn/components/moni-morph-modal.js +1 -1
  44. package/dist/cdn/components/moni-nav-item.js +1 -1
  45. package/dist/cdn/components/moni-nav.js +1 -1
  46. package/dist/cdn/components/moni-progress.js +1 -1
  47. package/dist/cdn/components/moni-radio.js +1 -1
  48. package/dist/cdn/components/moni-ripple.js +1 -1
  49. package/dist/cdn/components/moni-segmented-button.js +1 -1
  50. package/dist/cdn/components/moni-select-option.js +1 -1
  51. package/dist/cdn/components/moni-select.js +1 -1
  52. package/dist/cdn/components/moni-shape.js +1 -1
  53. package/dist/cdn/components/moni-side-sheet.js +1 -1
  54. package/dist/cdn/components/moni-slider.js +1 -1
  55. package/dist/cdn/components/moni-snackbar.js +1 -1
  56. package/dist/cdn/components/moni-split-button.js +1 -1
  57. package/dist/cdn/components/moni-step.js +1 -1
  58. package/dist/cdn/components/moni-stepper.js +1 -1
  59. package/dist/cdn/components/moni-switch.js +1 -1
  60. package/dist/cdn/components/moni-tab.js +1 -1
  61. package/dist/cdn/components/moni-tabs.js +1 -1
  62. package/dist/cdn/components/moni-text-field.js +1 -1
  63. package/dist/cdn/components/moni-textarea.js +1 -1
  64. package/dist/cdn/components/moni-time-picker.js +6 -2
  65. package/dist/cdn/components/moni-toolbar.js +1 -1
  66. package/dist/cdn/components/moni-tooltip.js +1 -1
  67. package/dist/cdn/components/moni-typography.js +1 -1
  68. package/dist/cdn/importmap.json +98 -98
  69. package/dist/cdn/moni-ui.min.css +1 -1
  70. package/dist/components/_base/shared-styles.d.ts.map +1 -1
  71. package/dist/components/_base/shared-styles.js +56 -0
  72. package/dist/components/moni-button-group.d.ts +14 -0
  73. package/dist/components/moni-button-group.d.ts.map +1 -1
  74. package/dist/components/moni-button-group.js +130 -25
  75. package/dist/components/moni-button.d.ts.map +1 -1
  76. package/dist/components/moni-button.js +1 -0
  77. package/dist/components/moni-loading-indicator.d.ts.map +1 -1
  78. package/dist/components/moni-loading-indicator.js +21 -2
  79. package/dist/components/moni-time-picker.d.ts.map +1 -1
  80. package/dist/components/moni-time-picker.js +5 -1
  81. package/dist/styles/base.css +27 -7
  82. package/package.json +1 -1
  83. package/src/components/_base/shared-styles.test.ts +15 -0
  84. package/src/components/_base/shared-styles.ts +56 -0
  85. package/src/components/moni-button-group.test.ts +76 -0
  86. package/src/components/moni-button-group.ts +130 -34
  87. package/src/components/moni-button.ts +1 -0
  88. package/src/components/moni-loading-indicator.test.ts +9 -0
  89. package/src/components/moni-loading-indicator.ts +21 -2
  90. package/src/components/moni-time-picker.ts +5 -1
  91. package/src/styles/base.css +27 -7
  92. package/dist/cdn/chunks/if-defined-CuEAJKpp.js +0 -1
@@ -1 +1 @@
1
- import{l as e}from"./decorate-DxX3e27g.js";import{n as t,r as n,t as r}from"./directive-BSZPiF1A.js";var i=r(class extends t{constructor(e){if(super(e),e.type!==n.ATTRIBUTE||e.name!==`class`||e.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(e){return` `+Object.keys(e).filter(t=>e[t]).join(` `)+` `}update(t,[n]){if(this.st===void 0){this.st=new Set,t.strings!==void 0&&(this.nt=new Set(t.strings.join(` `).split(/\s/).filter(e=>e!==``)));for(let e in n)n[e]&&!this.nt?.has(e)&&this.st.add(e);return this.render(n)}let r=t.element.classList;for(let e of this.st)e in n||(r.remove(e),this.st.delete(e));for(let e in n){let t=!!n[e];t===this.st.has(e)||this.nt?.has(e)||(t?(r.add(e),this.st.add(e)):(r.remove(e),this.st.delete(e)))}return e}});export{i as t};
1
+ import{l as e}from"./decorate-D4jKxi6H.js";import{n as t,r as n,t as r}from"./directive-BSZPiF1A.js";var i=r(class extends t{constructor(e){if(super(e),e.type!==n.ATTRIBUTE||e.name!==`class`||e.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(e){return` `+Object.keys(e).filter(t=>e[t]).join(` `)+` `}update(t,[n]){if(this.st===void 0){this.st=new Set,t.strings!==void 0&&(this.nt=new Set(t.strings.join(` `).split(/\s/).filter(e=>e!==``)));for(let e in n)n[e]&&!this.nt?.has(e)&&this.st.add(e);return this.render(n)}let r=t.element.classList;for(let e of this.st)e in n||(r.remove(e),this.st.delete(e));for(let e in n){let t=!!n[e];t===this.st.has(e)||this.nt?.has(e)||(t?(r.add(e),this.st.add(e)):(r.remove(e),this.st.delete(e)))}return e}});export{i as t};
@@ -161,6 +161,62 @@ var e=globalThis,t=e.ShadowRoot&&(e.ShadyCSS===void 0||e.ShadyCSS.nativeShadow)&
161
161
  --ease-emphasized: cubic-bezier(0.3, 0, 0, 1);
162
162
  --duration-fast: 150ms;
163
163
  --duration-normal: 250ms;
164
+
165
+ /* ─── Material 3 scrollbar ─── */
166
+ --_scrollbar-size: var(--moni-scrollbar-size, 0.625rem);
167
+ --_scrollbar-track: var(--moni-scrollbar-track, transparent);
168
+ --_scrollbar-thumb: var(
169
+ --moni-scrollbar-thumb,
170
+ color-mix(in srgb, var(--on-surface-variant) 38%, transparent)
171
+ );
172
+ --_scrollbar-thumb-hover: var(
173
+ --moni-scrollbar-thumb-hover,
174
+ color-mix(in srgb, var(--on-surface-variant) 62%, transparent)
175
+ );
176
+ --_scrollbar-thumb-active: var(
177
+ --moni-scrollbar-thumb-active,
178
+ color-mix(in srgb, var(--primary) 76%, transparent)
179
+ );
180
+ }
181
+
182
+ /* Firefox uses its native thin geometry and the same Material color roles. */
183
+ * {
184
+ scrollbar-width: thin;
185
+ scrollbar-color: var(--_scrollbar-thumb) var(--_scrollbar-track);
186
+ }
187
+
188
+ /* Chromium, Safari and Edge: 4px pill inside a 10px interaction gutter. */
189
+ *::-webkit-scrollbar {
190
+ inline-size: var(--_scrollbar-size);
191
+ block-size: var(--_scrollbar-size);
192
+ }
193
+
194
+ *::-webkit-scrollbar-track {
195
+ background: var(--_scrollbar-track);
196
+ border-radius: 999px;
197
+ }
198
+
199
+ *::-webkit-scrollbar-thumb {
200
+ min-block-size: 2.5rem;
201
+ background: var(--_scrollbar-thumb);
202
+ background-clip: padding-box;
203
+ border: 0.1875rem solid transparent;
204
+ border-radius: 999px;
205
+ }
206
+
207
+ *::-webkit-scrollbar-thumb:hover {
208
+ background: var(--_scrollbar-thumb-hover);
209
+ background-clip: padding-box;
210
+ border-width: 0.125rem;
211
+ }
212
+
213
+ *::-webkit-scrollbar-thumb:active {
214
+ background: var(--_scrollbar-thumb-active);
215
+ background-clip: padding-box;
216
+ }
217
+
218
+ *::-webkit-scrollbar-corner {
219
+ background: transparent;
164
220
  }
165
221
 
166
222
  /* ─── 4. Utility classes ─────────────────────────────────────────────── */
@@ -0,0 +1 @@
1
+ import{c as e}from"./decorate-D4jKxi6H.js";var t=t=>t??e;export{t};
@@ -1 +1 @@
1
- import{c as e,f as t,l as n}from"./decorate-DxX3e27g.js";import{n as r,r as i,t as a}from"./directive-BSZPiF1A.js";var{I:o}=t,s=e=>e.strings===void 0,c={},l=(e,t=c)=>e._$AH=t,u=a(class extends r{constructor(e){if(super(e),e.type!==i.PROPERTY&&e.type!==i.ATTRIBUTE&&e.type!==i.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!s(e))throw Error("`live` bindings can only contain a single expression")}render(e){return e}update(t,[r]){if(r===n||r===e)return r;let a=t.element,o=t.name;if(t.type===i.PROPERTY){if(r===a[o])return n}else if(t.type===i.BOOLEAN_ATTRIBUTE){if(!!r===a.hasAttribute(o))return n}else if(t.type===i.ATTRIBUTE&&a.getAttribute(o)===r+``)return n;return l(t),r}});export{u as t};
1
+ import{c as e,f as t,l as n}from"./decorate-D4jKxi6H.js";import{n as r,r as i,t as a}from"./directive-BSZPiF1A.js";var{I:o}=t,s=e=>e.strings===void 0,c={},l=(e,t=c)=>e._$AH=t,u=a(class extends r{constructor(e){if(super(e),e.type!==i.PROPERTY&&e.type!==i.ATTRIBUTE&&e.type!==i.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!s(e))throw Error("`live` bindings can only contain a single expression")}render(e){return e}update(t,[r]){if(r===n||r===e)return r;let a=t.element,o=t.name;if(t.type===i.PROPERTY){if(r===a[o])return n}else if(t.type===i.BOOLEAN_ATTRIBUTE){if(!!r===a.hasAttribute(o))return n}else if(t.type===i.ATTRIBUTE&&a.getAttribute(o)===r+``)return n;return l(t),r}});export{u as t};
@@ -1,4 +1,4 @@
1
- import{c as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/decorate-DxX3e27g.js";var c=class extends n{constructor(...e){super(...e),this.placement=`top`,this.variant=`standard`,this.size=`default`,this.title=``,this.subtitle=``,this.elevated=!1}static{this.styles=[a,r`
1
+ import{c as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/decorate-D4jKxi6H.js";var c=class extends n{constructor(...e){super(...e),this.placement=`top`,this.variant=`standard`,this.size=`default`,this.title=``,this.subtitle=``,this.elevated=!1}static{this.styles=[a,r`
2
2
  :host {
3
3
  display: block;
4
4
  font-family: var(--font);
@@ -1,4 +1,4 @@
1
- import{d as e,i as t,m as n,o as r,r as i,s as a,t as o}from"../chunks/decorate-DxX3e27g.js";var s=class extends t{constructor(...e){super(...e),this.value=``,this.position=``,this.shape=``,this.color=`error`,this.inline=!1,this.border=!1}connectedCallback(){super.connectedCallback();let e=this.parentElement;e&&getComputedStyle(e).position===`static`&&(e.style.position=`relative`)}static{this.styles=[i,n`
1
+ import{d as e,i as t,m as n,o as r,r as i,s as a,t as o}from"../chunks/decorate-D4jKxi6H.js";var s=class extends t{constructor(...e){super(...e),this.value=``,this.position=``,this.shape=``,this.color=`error`,this.inline=!1,this.border=!1}connectedCallback(){super.connectedCallback();let e=this.parentElement;e&&getComputedStyle(e).position===`static`&&(e.style.position=`relative`)}static{this.styles=[i,n`
2
2
  :host {
3
3
  display: contents;
4
4
  font-family: var(--font);
@@ -1,4 +1,4 @@
1
- import{c as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/decorate-DxX3e27g.js";import{t as c}from"../chunks/query-SWT-tzvq.js";import{t as l}from"../chunks/event-emitter-CGhsijUg.js";var u=class extends n{constructor(...e){super(...e),this.open=!1,this.size=`medium`,this.modal=!0,this.title=``,this.handle=!1,this.positioning=`fixed`,this.expandedHeight=`85%`,this.maxWidth=``,this._originalParent=null,this._originalSibling=null,this._isDragging=!1,this._startY=0,this._currentTranslationY=0,this._sheetHeight=0,this._defaultHeight=0,this._justDragged=!1,this._skipRequestClose=!1}willUpdate(e){e.has(`open`)&&this.open!==e.get(`open`)&&(this.open?l(this,`moni-request-open`,{cancelable:!0})||(this.open=!1):this._skipRequestClose||l(this,`moni-request-close`,{cancelable:!0})||(this.open=!0))}async _animateAndClose(){this._skipRequestClose=!0;let e=l(this,`moni-request-close`,{cancelable:!0});return this._skipRequestClose=!1,e?(this.dispatchEvent(new Event(`close`,{bubbles:!0,composed:!0})),l(this,`moni-close`),this._dialog.classList.remove(`expanded`),this._dialog.style.transform=`translateY(100%)`,this._dialog.style.height=``,await new Promise(e=>{let t=()=>{this._dialog.removeEventListener(`transitionend`,t),e(null)};this._dialog.addEventListener(`transitionend`,t),setTimeout(t,300)}),this._dialog.style.transform=``,this._skipRequestClose=!0,this.open=!1,this._skipRequestClose=!1,l(this,`moni-closed`),!0):!1}_getMaxHeightPx(){let e=this.expandedHeight||`85%`;return e.endsWith(`%`)||e.endsWith(`vh`)?window.innerHeight*(parseFloat(e)/100):e.endsWith(`px`)?parseFloat(e):window.innerHeight*.85}_onPointerDown(e){let t=e.target;!t.closest(`.handle`)&&!t.closest(`header`)||(this._isDragging=!0,this._startY=e.clientY,this._sheetHeight=this._dialog.getBoundingClientRect().height,this._currentTranslationY=0,this._dialog.classList.contains(`expanded`)||(this._defaultHeight=this._sheetHeight),t.setPointerCapture(e.pointerId),this._dialog.classList.add(`dragging`))}_onPointerMove(e){if(!this._isDragging)return;let t=e.clientY-this._startY,n=this._dialog.classList.contains(`expanded`),r=this._getMaxHeightPx();if(n){if(t>0){let e=this._sheetHeight-t;this._dialog.style.transform=``,this._dialog.style.height=`${Math.max(0,e)}px`}else{let e=this._sheetHeight-t*.2;this._dialog.style.transform=``,this._dialog.style.height=`${Math.min(r,e)}px`}}else if(t>0)this._currentTranslationY=t,this._dialog.style.transform=`translateY(${t}px)`,this._dialog.style.height=``;else{let e=this._sheetHeight-t;this._dialog.style.transform=``,this._dialog.style.height=`${Math.min(r,e)}px`}}_onPointerUp(e){if(!this._isDragging)return;e.target.releasePointerCapture(e.pointerId),this._isDragging=!1,this._dialog.classList.remove(`dragging`);let t=e.clientY-this._startY;Math.abs(t)>5&&(this._justDragged=!0,setTimeout(()=>{this._justDragged=!1},50));let n=this._dialog.classList.contains(`expanded`),r=this._getMaxHeightPx();if(n){let e=this._sheetHeight-t;e<this._defaultHeight-80?this._animateAndClose().then(e=>{e||(this._dialog.style.transform=``,this._dialog.style.height=``)}):e<(r+this._defaultHeight)/2?(this._dialog.classList.remove(`expanded`),this._dialog.style.transform=``,this._dialog.style.height=``):(this._dialog.style.transform=``,this._dialog.style.height=``)}else t<0?(this._sheetHeight-t>this._sheetHeight+80&&this._dialog.classList.add(`expanded`),this._dialog.style.transform=``,this._dialog.style.height=``):this._currentTranslationY>80?this._animateAndClose().then(e=>{e||(this._dialog.style.transform=``)}):this._dialog.style.transform=``}_onPointerCancel(e){this._isDragging&&(e.target.releasePointerCapture(e.pointerId),this._isDragging=!1,this._dialog.classList.remove(`dragging`),this._dialog.style.transform=``,this._dialog.style.height=``)}_onDialogClick(e){if(this._justDragged){this._justDragged=!1;return}this.modal&&e.target===this._dialog&&this._animateAndClose()}updated(e){super.updated(e),e.has(`expandedHeight`)&&this.style.setProperty(`--moni-bottom-sheet-expanded-height`,this.expandedHeight),e.has(`maxWidth`)&&this.style.setProperty(`--moni-bottom-sheet-max-width`,this.maxWidth||`100%`),e.has(`open`)&&(this.open?(e.get(`open`)!==void 0&&l(this,`moni-open`),this.positioning===`body`&&this.parentNode!==document.body&&(this._originalParent=this.parentNode,this._originalSibling=this.nextSibling,document.body.appendChild(this)),e.get(`open`)!==void 0&&setTimeout(()=>l(this,`moni-opened`),300)):(this._dialog&&this._dialog.classList.remove(`expanded`),this.positioning===`body`&&this._originalParent&&this.parentNode===document.body&&(this._originalParent.insertBefore(this,this._originalSibling),this._originalParent=null,this._originalSibling=null)))}disconnectedCallback(){super.disconnectedCallback(),this.parentNode===document.body&&this.positioning===`body`&&this._originalParent&&this._originalParent.insertBefore(this,this._originalSibling)}static{this.styles=[a,r`
1
+ import{c as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/decorate-D4jKxi6H.js";import{t as c}from"../chunks/query-SWT-tzvq.js";import{t as l}from"../chunks/event-emitter-CGhsijUg.js";var u=class extends n{constructor(...e){super(...e),this.open=!1,this.size=`medium`,this.modal=!0,this.title=``,this.handle=!1,this.positioning=`fixed`,this.expandedHeight=`85%`,this.maxWidth=``,this._originalParent=null,this._originalSibling=null,this._isDragging=!1,this._startY=0,this._currentTranslationY=0,this._sheetHeight=0,this._defaultHeight=0,this._justDragged=!1,this._skipRequestClose=!1}willUpdate(e){e.has(`open`)&&this.open!==e.get(`open`)&&(this.open?l(this,`moni-request-open`,{cancelable:!0})||(this.open=!1):this._skipRequestClose||l(this,`moni-request-close`,{cancelable:!0})||(this.open=!0))}async _animateAndClose(){this._skipRequestClose=!0;let e=l(this,`moni-request-close`,{cancelable:!0});return this._skipRequestClose=!1,e?(this.dispatchEvent(new Event(`close`,{bubbles:!0,composed:!0})),l(this,`moni-close`),this._dialog.classList.remove(`expanded`),this._dialog.style.transform=`translateY(100%)`,this._dialog.style.height=``,await new Promise(e=>{let t=()=>{this._dialog.removeEventListener(`transitionend`,t),e(null)};this._dialog.addEventListener(`transitionend`,t),setTimeout(t,300)}),this._dialog.style.transform=``,this._skipRequestClose=!0,this.open=!1,this._skipRequestClose=!1,l(this,`moni-closed`),!0):!1}_getMaxHeightPx(){let e=this.expandedHeight||`85%`;return e.endsWith(`%`)||e.endsWith(`vh`)?window.innerHeight*(parseFloat(e)/100):e.endsWith(`px`)?parseFloat(e):window.innerHeight*.85}_onPointerDown(e){let t=e.target;!t.closest(`.handle`)&&!t.closest(`header`)||(this._isDragging=!0,this._startY=e.clientY,this._sheetHeight=this._dialog.getBoundingClientRect().height,this._currentTranslationY=0,this._dialog.classList.contains(`expanded`)||(this._defaultHeight=this._sheetHeight),t.setPointerCapture(e.pointerId),this._dialog.classList.add(`dragging`))}_onPointerMove(e){if(!this._isDragging)return;let t=e.clientY-this._startY,n=this._dialog.classList.contains(`expanded`),r=this._getMaxHeightPx();if(n){if(t>0){let e=this._sheetHeight-t;this._dialog.style.transform=``,this._dialog.style.height=`${Math.max(0,e)}px`}else{let e=this._sheetHeight-t*.2;this._dialog.style.transform=``,this._dialog.style.height=`${Math.min(r,e)}px`}}else if(t>0)this._currentTranslationY=t,this._dialog.style.transform=`translateY(${t}px)`,this._dialog.style.height=``;else{let e=this._sheetHeight-t;this._dialog.style.transform=``,this._dialog.style.height=`${Math.min(r,e)}px`}}_onPointerUp(e){if(!this._isDragging)return;e.target.releasePointerCapture(e.pointerId),this._isDragging=!1,this._dialog.classList.remove(`dragging`);let t=e.clientY-this._startY;Math.abs(t)>5&&(this._justDragged=!0,setTimeout(()=>{this._justDragged=!1},50));let n=this._dialog.classList.contains(`expanded`),r=this._getMaxHeightPx();if(n){let e=this._sheetHeight-t;e<this._defaultHeight-80?this._animateAndClose().then(e=>{e||(this._dialog.style.transform=``,this._dialog.style.height=``)}):e<(r+this._defaultHeight)/2?(this._dialog.classList.remove(`expanded`),this._dialog.style.transform=``,this._dialog.style.height=``):(this._dialog.style.transform=``,this._dialog.style.height=``)}else t<0?(this._sheetHeight-t>this._sheetHeight+80&&this._dialog.classList.add(`expanded`),this._dialog.style.transform=``,this._dialog.style.height=``):this._currentTranslationY>80?this._animateAndClose().then(e=>{e||(this._dialog.style.transform=``)}):this._dialog.style.transform=``}_onPointerCancel(e){this._isDragging&&(e.target.releasePointerCapture(e.pointerId),this._isDragging=!1,this._dialog.classList.remove(`dragging`),this._dialog.style.transform=``,this._dialog.style.height=``)}_onDialogClick(e){if(this._justDragged){this._justDragged=!1;return}this.modal&&e.target===this._dialog&&this._animateAndClose()}updated(e){super.updated(e),e.has(`expandedHeight`)&&this.style.setProperty(`--moni-bottom-sheet-expanded-height`,this.expandedHeight),e.has(`maxWidth`)&&this.style.setProperty(`--moni-bottom-sheet-max-width`,this.maxWidth||`100%`),e.has(`open`)&&(this.open?(e.get(`open`)!==void 0&&l(this,`moni-open`),this.positioning===`body`&&this.parentNode!==document.body&&(this._originalParent=this.parentNode,this._originalSibling=this.nextSibling,document.body.appendChild(this)),e.get(`open`)!==void 0&&setTimeout(()=>l(this,`moni-opened`),300)):(this._dialog&&this._dialog.classList.remove(`expanded`),this.positioning===`body`&&this._originalParent&&this.parentNode===document.body&&(this._originalParent.insertBefore(this,this._originalSibling),this._originalParent=null,this._originalSibling=null)))}disconnectedCallback(){super.disconnectedCallback(),this.parentNode===document.body&&this.positioning===`body`&&this._originalParent&&this._originalParent.insertBefore(this,this._originalSibling)}static{this.styles=[a,r`
2
2
  :host {
3
3
  display: contents;
4
4
  }
@@ -1,14 +1,20 @@
1
- import{c as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/decorate-DxX3e27g.js";import{t as c}from"../chunks/query-assigned-elements-BBHe1xEY.js";var l=class extends n{constructor(...e){super(...e),this.variant=`standard`,this.size=`small`,this.multi=!1,this.gap=``,this.role=`group`,this.label=``,this.labelledBy=``}static{this.styles=[a,r`
1
+ import{c as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/decorate-D4jKxi6H.js";import{t as c}from"../chunks/query-assigned-elements-BBHe1xEY.js";var l=class extends n{constructor(...e){super(...e),this._activeObserver=new MutationObserver(()=>this.updateSelectionNeighbors()),this.variant=`standard`,this.size=`small`,this.multi=!1,this.selectionRequired=!1,this.shape=`round`,this.resizing=`fixed`,this.gap=``,this.role=`group`,this.label=``,this.labelledBy=``}connectedCallback(){super.connectedCallback(),this._activeObserver.observe(this,{subtree:!0,attributes:!0,attributeFilter:[`active`]})}disconnectedCallback(){this._activeObserver.disconnect(),super.disconnectedCallback()}static{this.styles=[a,r`
2
2
  :host {
3
3
  display: inline-flex;
4
4
  align-items: center;
5
5
  vertical-align: middle;
6
+ max-inline-size: 100%;
7
+ }
8
+ :host([variant='connected']),
9
+ :host([resizing='flexible']) {
10
+ inline-size: 100%;
6
11
  }
7
12
 
8
13
  .group-container {
9
14
  display: inline-flex;
10
15
  align-items: center;
11
16
  width: 100%;
17
+ flex-wrap: nowrap;
12
18
  }
13
19
 
14
20
  slot {
@@ -38,7 +44,70 @@ import{c as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/de
38
44
  :host([variant='connected']) .group-container {
39
45
  gap: 0.125rem; /* 2dp */
40
46
  }
41
- `]}updated(e){super.updated(e),(e.has(`variant`)||e.has(`size`)||e.has(`gap`))&&this.updateChildren()}handleSlotChange(){this.updateChildren()}getGapValue(e){if(!e)return``;let t=e.toLowerCase();return t===`xs`||t===`xsmall`?`1.125rem`:t===`s`||t===`small`?`0.75rem`:t===`m`||t===`medium`||t===`l`||t===`large`||t===`xl`||t===`xlarge`?`0.5rem`:e}updateChildren(){let e=this.slottedButtons.filter(e=>e.tagName.toLowerCase()===`moni-button`||e.tagName.toLowerCase()===`moni-icon-button`),t=this.gap.trim().toLowerCase(),n=![`0`,`0px`,`0rem`,`0em`].includes(t);e.forEach((t,r)=>{if(t.setAttribute(`size`,this.size),this.variant===`connected`)n?e.length===1?t.setAttribute(`shape`,`round`):r===0?t.setAttribute(`shape`,`left-round`):r===e.length-1?t.setAttribute(`shape`,`right-round`):t.setAttribute(`shape`,`inner-round`):e.length===1?t.setAttribute(`shape`,`round`):r===0?t.setAttribute(`shape`,`left-round-flat`):r===e.length-1?t.setAttribute(`shape`,`right-round-flat`):t.setAttribute(`shape`,`no-round`);else{let e=t.getAttribute(`shape`);(!e||[`left-round-flat`,`right-round-flat`,`no-round`,`left-round`,`right-round`,`inner-round`].includes(e))&&t.setAttribute(`shape`,`round`)}})}handlePointerDown(e){if(this.variant!==`standard`)return;let t=e.target.closest(`moni-button, moni-icon-button`);if(!t||t.hasAttribute(`disabled`))return;let n=this.slottedButtons.filter(e=>e.tagName.toLowerCase()===`moni-button`||e.tagName.toLowerCase()===`moni-icon-button`),r=n.indexOf(t);if(r===-1)return;let i=n[r-1],a=n[r+1];i&&(i.style.transition=`transform 200ms cubic-bezier(0.2, 0, 0, 1)`,i.style.transform=`translateX(-6px) scaleX(0.92)`,i.style.transformOrigin=`right center`),a&&(a.style.transition=`transform 200ms cubic-bezier(0.2, 0, 0, 1)`,a.style.transform=`translateX(6px) scaleX(0.92)`,a.style.transformOrigin=`left center`)}handlePointerUp(){this.slottedButtons.filter(e=>e.tagName.toLowerCase()===`moni-button`||e.tagName.toLowerCase()===`moni-icon-button`).forEach(e=>{e.style.transform=``,e.style.transformOrigin=``})}handleClick(e){let t=e.target.closest(`moni-button, moni-icon-button`);if(!t||t.hasAttribute(`disabled`))return;let n=this.slottedButtons.filter(e=>e.tagName.toLowerCase()===`moni-button`||e.tagName.toLowerCase()===`moni-icon-button`);this.multi||n.forEach(e=>{e!==t&&(e.removeAttribute(`active`),e.active=!1)});let r=t.hasAttribute(`active`);r?(t.removeAttribute(`active`),t.active=!1):(t.setAttribute(`active`,``),t.active=!0),this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{button:t,active:!r}}))}render(){let n=this.getGapValue(this.gap),r=this.gap.trim().toLowerCase(),i=[`0`,`0px`,`0rem`,`0em`].includes(r),a=n?`gap: ${n};`:i?`gap: 0;`:``;return t`
47
+ :host([variant='connected']) ::slotted(moni-button),
48
+ :host([variant='connected']) ::slotted(moni-icon-button),
49
+ :host([resizing='flexible']) ::slotted(moni-button) {
50
+ flex: 1 1 0;
51
+ }
52
+ :host([variant='connected']) ::slotted(moni-button) {
53
+ --moni-button-inline-size: 100%;
54
+ min-inline-size: 0;
55
+ }
56
+ :host([variant='connected'][size='xsmall']) ::slotted(moni-button),
57
+ :host([variant='connected'][size='xsmall']) ::slotted(moni-icon-button),
58
+ :host([variant='connected'][size='small']) ::slotted(moni-button),
59
+ :host([variant='connected'][size='small']) ::slotted(moni-icon-button) {
60
+ min-inline-size: 3rem;
61
+ }
62
+
63
+ /* M3 Expressive selection emphasis. Increasing the button's internal
64
+ * space (instead of scaling the host) keeps labels and icons crisp and
65
+ * lets the existing padding transition transfer width smoothly. */
66
+ :host([variant='standard'][size='xsmall']) ::slotted(moni-button[active]),
67
+ :host([variant='standard'][size='xsmall']) ::slotted(moni-button[data-group-pressed]) {
68
+ --moni-button-padding: 0 1.25rem;
69
+ }
70
+ :host([variant='standard'][size='small']) ::slotted(moni-button[active]),
71
+ :host([variant='standard'][size='small']) ::slotted(moni-button[data-group-pressed]) {
72
+ --moni-button-padding: 0 1.75rem;
73
+ }
74
+ :host([variant='standard'][size='medium']) ::slotted(moni-button[active]),
75
+ :host([variant='standard'][size='medium']) ::slotted(moni-button[data-group-pressed]) {
76
+ --moni-button-padding: 0 2.375rem;
77
+ }
78
+ :host([variant='standard'][size='large']) ::slotted(moni-button[active]),
79
+ :host([variant='standard'][size='large']) ::slotted(moni-button[data-group-pressed]) {
80
+ --moni-button-padding: 0 4rem;
81
+ }
82
+ :host([variant='standard'][size='xlarge']) ::slotted(moni-button[active]),
83
+ :host([variant='standard'][size='extra']) ::slotted(moni-button[active]),
84
+ :host([variant='standard'][size='xlarge']) ::slotted(moni-button[data-group-pressed]),
85
+ :host([variant='standard'][size='extra']) ::slotted(moni-button[data-group-pressed]) {
86
+ --moni-button-padding: 0 5.25rem;
87
+ }
88
+
89
+ :host([variant='standard'][size='xsmall']) ::slotted(moni-button[data-group-adjacent-pressed]) { --moni-button-padding: 0 .5rem; }
90
+ :host([variant='standard'][size='small']) ::slotted(moni-button[data-group-adjacent-pressed]) { --moni-button-padding: 0 .75rem; }
91
+ :host([variant='standard'][size='medium']) ::slotted(moni-button[data-group-adjacent-pressed]) { --moni-button-padding: 0 1.25rem; }
92
+ :host([variant='standard'][size='large']) ::slotted(moni-button[data-group-adjacent-pressed]) { --moni-button-padding: 0 2.75rem; }
93
+ :host([variant='standard'][size='xlarge']) ::slotted(moni-button[data-group-adjacent-pressed]),
94
+ :host([variant='standard'][size='extra']) ::slotted(moni-button[data-group-adjacent-pressed]) { --moni-button-padding: 0 3.75rem; }
95
+
96
+ /* A selected standard button borrows space from its immediate
97
+ * neighbours, keeping the group's outside footprint stable. */
98
+ :host([variant='standard'][size='xsmall']) ::slotted(moni-button[data-group-adjacent-selected='shared']) { --moni-button-padding: 0 .5rem; }
99
+ :host([variant='standard'][size='xsmall']) ::slotted(moni-button[data-group-adjacent-selected='sole']) { --moni-button-padding: 0 .25rem; }
100
+ :host([variant='standard'][size='small']) ::slotted(moni-button[data-group-adjacent-selected='shared']) { --moni-button-padding: 0 .625rem; }
101
+ :host([variant='standard'][size='small']) ::slotted(moni-button[data-group-adjacent-selected='sole']) { --moni-button-padding: 0 .25rem; }
102
+ :host([variant='standard'][size='medium']) ::slotted(moni-button[data-group-adjacent-selected='shared']) { --moni-button-padding: 0 1.0625rem; }
103
+ :host([variant='standard'][size='medium']) ::slotted(moni-button[data-group-adjacent-selected='sole']) { --moni-button-padding: 0 .625rem; }
104
+ :host([variant='standard'][size='large']) ::slotted(moni-button[data-group-adjacent-selected='shared']) { --moni-button-padding: 0 2.5rem; }
105
+ :host([variant='standard'][size='large']) ::slotted(moni-button[data-group-adjacent-selected='sole']) { --moni-button-padding: 0 2rem; }
106
+ :host([variant='standard'][size='xlarge']) ::slotted(moni-button[data-group-adjacent-selected='shared']),
107
+ :host([variant='standard'][size='extra']) ::slotted(moni-button[data-group-adjacent-selected='shared']) { --moni-button-padding: 0 3.375rem; }
108
+ :host([variant='standard'][size='xlarge']) ::slotted(moni-button[data-group-adjacent-selected='sole']),
109
+ :host([variant='standard'][size='extra']) ::slotted(moni-button[data-group-adjacent-selected='sole']) { --moni-button-padding: 0 2.75rem; }
110
+ `]}updated(e){super.updated(e),(e.has(`variant`)||e.has(`size`)||e.has(`gap`)||e.has(`shape`))&&this.updateChildren()}handleSlotChange(){this.updateChildren()}getButtons(){return(this.slottedButtons??[]).filter(e=>e.tagName.toLowerCase()===`moni-button`||e.tagName.toLowerCase()===`moni-icon-button`)}updateSelectionNeighbors(){let e=this.getButtons();if(e.forEach(e=>e.removeAttribute(`data-group-adjacent-selected`)),this.variant!==`standard`||e.filter(e=>e.hasAttribute(`active`)).length===0)return;let t=e.filter(e=>!e.hasAttribute(`active`)),n=t.length===1?`sole`:`shared`;t.forEach(e=>e.setAttribute(`data-group-adjacent-selected`,n))}getGapValue(e){if(!e)return``;let t=e.toLowerCase();return t===`xs`||t===`xsmall`?`1.125rem`:t===`s`||t===`small`?`0.75rem`:t===`m`||t===`medium`||t===`l`||t===`large`||t===`xl`||t===`xlarge`?`0.5rem`:e}updateChildren(){let e=this.getButtons(),t=this.gap.trim().toLowerCase(),n=![`0`,`0px`,`0rem`,`0em`].includes(t);e.forEach((t,r)=>{t.setAttribute(`size`,this.size),this.variant===`connected`&&this.shape===`square`?t.setAttribute(`shape`,`square`):this.variant===`connected`?n?e.length===1?t.setAttribute(`shape`,`round`):r===0?t.setAttribute(`shape`,`left-round`):r===e.length-1?t.setAttribute(`shape`,`right-round`):t.setAttribute(`shape`,`inner-round`):e.length===1?t.setAttribute(`shape`,`round`):r===0?t.setAttribute(`shape`,`left-round-flat`):r===e.length-1?t.setAttribute(`shape`,`right-round-flat`):t.setAttribute(`shape`,`no-round`):t.setAttribute(`shape`,this.shape)}),this.updateSelectionNeighbors()}handlePointerDown(e){if(this.variant!==`standard`)return;let t=e.target.closest(`moni-button, moni-icon-button`);if(!t||t.hasAttribute(`disabled`))return;let n=this.getButtons(),r=n.indexOf(t);r!==-1&&(t.setAttribute(`data-group-pressed`,``),n[r-1]?.setAttribute(`data-group-adjacent-pressed`,``),n[r+1]?.setAttribute(`data-group-adjacent-pressed`,``))}handlePointerUp(){this.getButtons().forEach(e=>{e.removeAttribute(`data-group-pressed`),e.removeAttribute(`data-group-adjacent-pressed`)})}handleClick(e){let t=e.target.closest(`moni-button, moni-icon-button`);if(!t||t.hasAttribute(`disabled`))return;let n=this.getButtons();this.multi||n.forEach(e=>{e!==t&&(e.removeAttribute(`active`),e.active=!1)});let r=t.hasAttribute(`active`),i=n.filter(e=>e.hasAttribute(`active`)).length;r&&this.selectionRequired&&i<=1||(r?(t.removeAttribute(`active`),t.active=!1):(t.setAttribute(`active`,``),t.active=!0),this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{button:t,active:!r}})))}render(){let n=this.getGapValue(this.gap),r=this.gap.trim().toLowerCase(),i=[`0`,`0px`,`0rem`,`0em`].includes(r),a=n?`gap: ${n};`:i?`gap: 0;`:``;return t`
42
111
  <div
43
112
  class="group-container"
44
113
  style=${a}
@@ -53,4 +122,4 @@ import{c as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/de
53
122
  >
54
123
  <slot @slotchange=${this.handleSlotChange} @click=${this.handleClick}></slot>
55
124
  </div>
56
- `}};s([i({reflect:!0})],l.prototype,`variant`,void 0),s([i({reflect:!0})],l.prototype,`size`,void 0),s([i({type:Boolean,reflect:!0})],l.prototype,`multi`,void 0),s([i()],l.prototype,`gap`,void 0),s([i({reflect:!0})],l.prototype,`role`,void 0),s([i({reflect:!0})],l.prototype,`label`,void 0),s([i({reflect:!0,attribute:`labelled-by`})],l.prototype,`labelledBy`,void 0),s([c({flatten:!0})],l.prototype,`slottedButtons`,void 0),l=s([o(`moni-button-group`)],l);
125
+ `}};s([i({reflect:!0})],l.prototype,`variant`,void 0),s([i({reflect:!0})],l.prototype,`size`,void 0),s([i({type:Boolean,reflect:!0})],l.prototype,`multi`,void 0),s([i({type:Boolean,reflect:!0,attribute:`selection-required`})],l.prototype,`selectionRequired`,void 0),s([i({reflect:!0})],l.prototype,`shape`,void 0),s([i({reflect:!0})],l.prototype,`resizing`,void 0),s([i()],l.prototype,`gap`,void 0),s([i({reflect:!0})],l.prototype,`role`,void 0),s([i({reflect:!0})],l.prototype,`label`,void 0),s([i({reflect:!0,attribute:`labelled-by`})],l.prototype,`labelledBy`,void 0),s([c({flatten:!0})],l.prototype,`slottedButtons`,void 0),l=s([o(`moni-button-group`)],l);
@@ -1,4 +1,4 @@
1
- import{d as e,i as t,m as n,o as r,r as i,s as a,t as o}from"../chunks/decorate-DxX3e27g.js";import"./moni-icon.js";var s=class extends t{constructor(...e){super(...e),this.value=`on`,this.checked=!1,this.size=`small`,this.disabled=!1,this.position=`solo`,this.hideCheck=!1}static{this.styles=[i,n`
1
+ import{d as e,i as t,m as n,o as r,r as i,s as a,t as o}from"../chunks/decorate-D4jKxi6H.js";import"./moni-icon.js";var s=class extends t{constructor(...e){super(...e),this.value=`on`,this.checked=!1,this.size=`small`,this.disabled=!1,this.position=`solo`,this.hideCheck=!1}static{this.styles=[i,n`
2
2
  .label {
3
3
  display: inline-flex;
4
4
  align-items: center;
@@ -1,4 +1,4 @@
1
- import{a as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/decorate-DxX3e27g.js";import"./moni-icon.js";import{t as c}from"../chunks/if-defined-CuEAJKpp.js";import"./moni-progress.js";var l,u=class extends n{static{l=this}constructor(...e){super(...e),this._hasLabel=!1,this.variant=`filled`,this.size=`small`,this.shape=`round`,this.disabled=!1,this.loading=!1,this.active=!1,this.icon=``,this.iconTrailing=``,this.type=`button`,this.href=``,this.target=``}static{this._deprecationWarned=!1}connectedCallback(){super.connectedCallback(),this._hasLabel=this._hasDefaultSlotContent(this.childNodes),!l._deprecationWarned&&this.size===`extra`&&(l._deprecationWarned=!0,console.warn(`[moni-ui] <moni-button size="extra"> is deprecated since v0.3.1. Material Design 3 Expressive uses "xlarge". See m3-docs/components/buttons/overview.md § Sizes.`))}_hasDefaultSlotContent(e){return Array.from(e).some(e=>e.nodeType===Node.TEXT_NODE?!!e.textContent?.trim():e instanceof Element&&!e.hasAttribute(`slot`))}_handleLabelSlotChange(e){let t=e.currentTarget;this._hasLabel=this._hasDefaultSlotContent(t.assignedNodes({flatten:!0}))}static{this.styles=[a,r`
1
+ import{a as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/decorate-D4jKxi6H.js";import"./moni-icon.js";import{t as c}from"../chunks/if-defined-DlAUOFi9.js";import"./moni-progress.js";var l,u=class extends n{static{l=this}constructor(...e){super(...e),this._hasLabel=!1,this.variant=`filled`,this.size=`small`,this.shape=`round`,this.disabled=!1,this.loading=!1,this.active=!1,this.icon=``,this.iconTrailing=``,this.type=`button`,this.href=``,this.target=``}static{this._deprecationWarned=!1}connectedCallback(){super.connectedCallback(),this._hasLabel=this._hasDefaultSlotContent(this.childNodes),!l._deprecationWarned&&this.size===`extra`&&(l._deprecationWarned=!0,console.warn(`[moni-ui] <moni-button size="extra"> is deprecated since v0.3.1. Material Design 3 Expressive uses "xlarge". See m3-docs/components/buttons/overview.md § Sizes.`))}_hasDefaultSlotContent(e){return Array.from(e).some(e=>e.nodeType===Node.TEXT_NODE?!!e.textContent?.trim():e instanceof Element&&!e.hasAttribute(`slot`))}_handleLabelSlotChange(e){let t=e.currentTarget;this._hasLabel=this._hasDefaultSlotContent(t.assignedNodes({flatten:!0}))}static{this.styles=[a,r`
2
2
  :host {
3
3
  display: inline-flex;
4
4
  vertical-align: middle;
@@ -10,6 +10,7 @@ import{a as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/de
10
10
  .button {
11
11
  box-sizing: var(--moni-button-box-sizing, border-box);
12
12
  display: inline-flex;
13
+ inline-size: var(--moni-button-inline-size, auto);
13
14
  --_button-visual-height: 3.5rem;
14
15
  align-items: center;
15
16
  justify-content: center;
@@ -1,4 +1,4 @@
1
- import{d as e,i as t,m as n,o as r,r as i,s as a,t as o}from"../chunks/decorate-DxX3e27g.js";var s=class extends t{constructor(...e){super(...e),this.variant=`elevated`,this.clickable=!1,this.draggable=!1,this.disabled=!1}static{this.styles=[i,n`
1
+ import{d as e,i as t,m as n,o as r,r as i,s as a,t as o}from"../chunks/decorate-D4jKxi6H.js";var s=class extends t{constructor(...e){super(...e),this.variant=`elevated`,this.clickable=!1,this.draggable=!1,this.disabled=!1}static{this.styles=[i,n`
2
2
  :host {
3
3
  display: block;
4
4
  font-family: var(--font);
@@ -1,4 +1,4 @@
1
- import{a as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/decorate-DxX3e27g.js";import{t as c}from"../chunks/base-BIpe3L86.js";import{t as l}from"../chunks/query-SWT-tzvq.js";import{t as u}from"../chunks/event-emitter-CGhsijUg.js";import{t as d}from"../chunks/gsap-DWxn8li7.js";var f;function p(e){return(t,n)=>c(t,n,{get(){return(this.renderRoot??(f??=document.createDocumentFragment())).querySelectorAll(e)}})}var m=class extends n{constructor(...e){super(...e),this.items=[],this.layout=`multi-browse`,this.auto=!0,this.largeWidth=220,this.mediumWidth=96,this.smallWidth=48,this.gap=8,this.padding=16,this.borderRadius=28,this.showAll=!1,this.showAllText=`Show all`,this.headerText=``,this.hideNav=!1,this.infinite=!1,this.autoplay=!1,this.autoplayInterval=3e3,this._containerWidth=0,this._slottedItems=[],this._hasSlottedShowAll=!1,this._resizeObserver=null,this._logicalItemInViewport=[],this._isDragging=!1,this._dragStartX=0,this._scrollLeftAtDragStart=0,this._pointerVelocity=0,this._lastPointerTime=0,this._lastPointerX=0,this._totalDraggedDistance=0,this._animationFrameId=null,this._isMobile=!1,this._tickerTarget=0,this._tickerCurrent=0,this._isTicking=!1,this._infiniteInitialized=!1,this._autoplayTimer=null,this._cardSetX=[],this._cardSetWidth=[],this._imgSetX=[],this._titleSetOpacity=[],this._tick=()=>{let e=d.ticker.deltaRatio(),t=this._isMobile?.08:.15;this._tickerCurrent+=(this._tickerTarget-this._tickerCurrent)*t*e,Math.abs(this._tickerTarget-this._tickerCurrent)<5e-4&&(this._tickerCurrent=this._tickerTarget,d.ticker.remove(this._tick),this._isTicking=!1,this._checkInfiniteWrap()),this._applyLayout(this._tickerCurrent)},this._scheduleLayout=()=>{this._scrollContainer&&(this._tickerTarget=this._scrollContainer.scrollLeft/this.itemSize,this._isTicking||(this._isTicking=!0,d.ticker.add(this._tick)))},this.updateLayout=(e=!1)=>{if(!(!this._scrollContainer||!this._cards||this._cards.length===0)){if(this._cardSetX.length!==this._cards.length&&this._buildQuickSetters(),this.infinite&&!this._infiniteInitialized&&this.effectiveItems.length>0){let e=this.effectiveItems.length*this._visualCardsMultiplier,t=this._snapSetsCount,n=Math.floor(t/2);requestAnimationFrame(()=>{setTimeout(()=>{this._scrollContainer&&(this._scrollContainer.scrollWidth,this._scrollContainer.scrollLeft=n*e*this.itemSize,this._tickerTarget=this._scrollContainer.scrollLeft/this.itemSize,this._tickerCurrent=this._tickerTarget,this._applyLayout(this._tickerCurrent))},20)}),this._infiniteInitialized=!0}this._tickerTarget=this._scrollContainer.scrollLeft/this.itemSize,e||!this._isTicking&&this._tickerCurrent===0?(this._tickerCurrent=this._tickerTarget,this._applyLayout(this._tickerCurrent)):this._isTicking||(this._isTicking=!0,d.ticker.add(this._tick))}}}get effectiveItems(){return this.items&&this.items.length>0?this.items:this._slottedItems}static{this.styles=[a,r`
1
+ import{a as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/decorate-D4jKxi6H.js";import{t as c}from"../chunks/base-BIpe3L86.js";import{t as l}from"../chunks/query-SWT-tzvq.js";import{t as u}from"../chunks/event-emitter-CGhsijUg.js";import{t as d}from"../chunks/gsap-DWxn8li7.js";var f;function p(e){return(t,n)=>c(t,n,{get(){return(this.renderRoot??(f??=document.createDocumentFragment())).querySelectorAll(e)}})}var m=class extends n{constructor(...e){super(...e),this.items=[],this.layout=`multi-browse`,this.auto=!0,this.largeWidth=220,this.mediumWidth=96,this.smallWidth=48,this.gap=8,this.padding=16,this.borderRadius=28,this.showAll=!1,this.showAllText=`Show all`,this.headerText=``,this.hideNav=!1,this.infinite=!1,this.autoplay=!1,this.autoplayInterval=3e3,this._containerWidth=0,this._slottedItems=[],this._hasSlottedShowAll=!1,this._resizeObserver=null,this._logicalItemInViewport=[],this._isDragging=!1,this._dragStartX=0,this._scrollLeftAtDragStart=0,this._pointerVelocity=0,this._lastPointerTime=0,this._lastPointerX=0,this._totalDraggedDistance=0,this._animationFrameId=null,this._isMobile=!1,this._tickerTarget=0,this._tickerCurrent=0,this._isTicking=!1,this._infiniteInitialized=!1,this._autoplayTimer=null,this._cardSetX=[],this._cardSetWidth=[],this._imgSetX=[],this._titleSetOpacity=[],this._tick=()=>{let e=d.ticker.deltaRatio(),t=this._isMobile?.08:.15;this._tickerCurrent+=(this._tickerTarget-this._tickerCurrent)*t*e,Math.abs(this._tickerTarget-this._tickerCurrent)<5e-4&&(this._tickerCurrent=this._tickerTarget,d.ticker.remove(this._tick),this._isTicking=!1,this._checkInfiniteWrap()),this._applyLayout(this._tickerCurrent)},this._scheduleLayout=()=>{this._scrollContainer&&(this._tickerTarget=this._scrollContainer.scrollLeft/this.itemSize,this._isTicking||(this._isTicking=!0,d.ticker.add(this._tick)))},this.updateLayout=(e=!1)=>{if(!(!this._scrollContainer||!this._cards||this._cards.length===0)){if(this._cardSetX.length!==this._cards.length&&this._buildQuickSetters(),this.infinite&&!this._infiniteInitialized&&this.effectiveItems.length>0){let e=this.effectiveItems.length*this._visualCardsMultiplier,t=this._snapSetsCount,n=Math.floor(t/2);requestAnimationFrame(()=>{setTimeout(()=>{this._scrollContainer&&(this._scrollContainer.scrollWidth,this._scrollContainer.scrollLeft=n*e*this.itemSize,this._tickerTarget=this._scrollContainer.scrollLeft/this.itemSize,this._tickerCurrent=this._tickerTarget,this._applyLayout(this._tickerCurrent))},20)}),this._infiniteInitialized=!0}this._tickerTarget=this._scrollContainer.scrollLeft/this.itemSize,e||!this._isTicking&&this._tickerCurrent===0?(this._tickerCurrent=this._tickerTarget,this._applyLayout(this._tickerCurrent)):this._isTicking||(this._isTicking=!0,d.ticker.add(this._tick))}}}get effectiveItems(){return this.items&&this.items.length>0?this.items:this._slottedItems}static{this.styles=[a,r`
2
2
  :host {
3
3
  display: block;
4
4
  width: 100%;
@@ -1,4 +1,4 @@
1
- import{d as e,i as t,m as n,o as r,r as i,s as a,t as o}from"../chunks/decorate-DxX3e27g.js";import{t as s}from"../chunks/query-SWT-tzvq.js";import{t as c}from"../chunks/event-emitter-CGhsijUg.js";import{t as l}from"../chunks/if-defined-CuEAJKpp.js";import{t as u}from"../chunks/live-B7Rjg1kt.js";var d=class extends t{static{this.formAssociated=!0}constructor(){super(),this.label=``,this.checked=!1,this.disabled=!1,this.uncheckedIcon=``,this.checkedIcon=``,this.size=`medium`,this.name=``,this.value=``,this._internals=this.attachInternals()}updated(e){this._input&&(e.has(`checked`)&&(this._input.checked=this.checked,this._internals?.setFormValue?.(this.checked?this.value||`on`:null)),e.has(`disabled`)&&(this._input.disabled=this.disabled))}static{this.styles=[i,n`
1
+ import{d as e,i as t,m as n,o as r,r as i,s as a,t as o}from"../chunks/decorate-D4jKxi6H.js";import{t as s}from"../chunks/query-SWT-tzvq.js";import{t as c}from"../chunks/event-emitter-CGhsijUg.js";import{t as l}from"../chunks/if-defined-DlAUOFi9.js";import{t as u}from"../chunks/live-DdUrWiUp.js";var d=class extends t{static{this.formAssociated=!0}constructor(){super(),this.label=``,this.checked=!1,this.disabled=!1,this.uncheckedIcon=``,this.checkedIcon=``,this.size=`medium`,this.name=``,this.value=``,this._internals=this.attachInternals()}updated(e){this._input&&(e.has(`checked`)&&(this._input.checked=this.checked,this._internals?.setFormValue?.(this.checked?this.value||`on`:null)),e.has(`disabled`)&&(this._input.disabled=this.disabled))}static{this.styles=[i,n`
2
2
  :host {
3
3
  --_size: 1.5rem;
4
4
  display: inline-flex;
@@ -1,4 +1,4 @@
1
- import{a as e,c as t,d as n,i as r,m as i,o as a,r as o,s,t as c}from"../chunks/decorate-DxX3e27g.js";import"./moni-icon.js";import"./moni-progress.js";var l=class extends r{constructor(...e){super(...e),this.variant=`assist`,this.size=`small`,this.shape=`round`,this.selected=!1,this.removable=!1,this.disabled=!1,this.loading=!1,this.icon=``,this._hasSlottedIcon=!1}_handleSlotChange(e){let t=e.target;this._hasSlottedIcon=t.assignedNodes({flatten:!0}).length>0}_handleRemoveClick(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent(`remove`,{bubbles:!0,composed:!0}))}get _variant(){return this.variant===`outlined`?`assist`:this.variant===`fill`?`filter`:this.variant}static{this.styles=[o,i`
1
+ import{a as e,c as t,d as n,i as r,m as i,o as a,r as o,s,t as c}from"../chunks/decorate-D4jKxi6H.js";import"./moni-icon.js";import"./moni-progress.js";var l=class extends r{constructor(...e){super(...e),this.variant=`assist`,this.size=`small`,this.shape=`round`,this.selected=!1,this.removable=!1,this.disabled=!1,this.loading=!1,this.icon=``,this._hasSlottedIcon=!1}_handleSlotChange(e){let t=e.target;this._hasSlottedIcon=t.assignedNodes({flatten:!0}).length>0}_handleRemoveClick(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent(`remove`,{bubbles:!0,composed:!0}))}get _variant(){return this.variant===`outlined`?`assist`:this.variant===`fill`?`filter`:this.variant}static{this.styles=[o,i`
2
2
  :host {
3
3
  display: inline-flex;
4
4
  vertical-align: middle;
@@ -1,4 +1,4 @@
1
- import{c as e,d as t,i as n,m as r,n as i,o as a,r as o,s,t as c}from"../chunks/decorate-DxX3e27g.js";import{t as l}from"../chunks/query-SWT-tzvq.js";import{t as u}from"../chunks/if-defined-CuEAJKpp.js";import{t as d}from"../chunks/class-map-DBljv-_e.js";var f=class extends n{constructor(...e){super(...e),this.name=``,this.label=``,this.variant=`outlined`,this.size=`medium`,this.shape=`no-round`,this.disabled=!1,this.helper=``,this.errorText=``,this.error=!1,this.value=`#6750a4`}updated(e){e.has(`value`)&&(this._colorInput&&(this._colorInput.value=this.value),this._textInput&&(this._textInput.value=this.value)),e.has(`disabled`)&&(this._colorInput&&(this._colorInput.disabled=this.disabled),this._textInput&&(this._textInput.disabled=this.disabled))}static{this.styles=[o,i,r`
1
+ import{c as e,d as t,i as n,m as r,n as i,o as a,r as o,s,t as c}from"../chunks/decorate-D4jKxi6H.js";import{t as l}from"../chunks/query-SWT-tzvq.js";import{t as u}from"../chunks/if-defined-DlAUOFi9.js";import{t as d}from"../chunks/class-map-EVPcxmRq.js";var f=class extends n{constructor(...e){super(...e),this.name=``,this.label=``,this.variant=`outlined`,this.size=`medium`,this.shape=`no-round`,this.disabled=!1,this.helper=``,this.errorText=``,this.error=!1,this.value=`#6750a4`}updated(e){e.has(`value`)&&(this._colorInput&&(this._colorInput.value=this.value),this._textInput&&(this._textInput.value=this.value)),e.has(`disabled`)&&(this._colorInput&&(this._colorInput.disabled=this.disabled),this._textInput&&(this._textInput.disabled=this.disabled))}static{this.styles=[o,i,r`
2
2
  .swatch {
3
3
  inline-size: 1.5rem;
4
4
  block-size: 1.5rem;
@@ -1,4 +1,4 @@
1
- import{a as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/decorate-DxX3e27g.js";import{t as c}from"../chunks/query-SWT-tzvq.js";import"./moni-menu.js";var l=class extends n{constructor(...e){super(...e),this.placement=`bottom`,this.flip=!1,this._x=0,this._y=0,this._open=!1,this._resolvedPlacement=`bottom`,this._target=null,this._docKeydown=e=>this._onDocKeydown(e),this._onContextMenu=e=>{if(e.preventDefault(),this._target){let t=this._target.getBoundingClientRect();this._x=e.clientX-t.left,this._y=e.clientY-t.top}else this._x=e.clientX,this._y=e.clientY;this._resolvedPlacement=this.placement,this._open=!0,this.updateComplete.then(()=>this._maybeFlip())},this._onDocumentClick=()=>{this._open&&=!1},this._onDocKeydown=e=>{e.key===`Escape`&&this._open&&(this._open=!1)}}connectedCallback(){super.connectedCallback(),this._target=this.parentElement,this._target&&(getComputedStyle(this._target).position===`static`&&(this._target.style.position=`relative`),this._target.addEventListener(`contextmenu`,this._onContextMenu)),document.addEventListener(`click`,this._onDocumentClick),document.addEventListener(`keydown`,this._docKeydown)}disconnectedCallback(){this._target&&this._target.removeEventListener(`contextmenu`,this._onContextMenu),document.removeEventListener(`click`,this._onDocumentClick),document.removeEventListener(`keydown`,this._docKeydown),super.disconnectedCallback()}_maybeFlip(){if(!this.flip)return;let e=this._menuEl?.shadowRoot?.querySelector(`menu`);if(!e)return;let t=e.getBoundingClientRect(),n=window.innerWidth,r=window.innerHeight,i=t.bottom>r,a=t.right>n;this.placement===`bottom`&&i?this._resolvedPlacement=`top`:this.placement===`top`&&t.top<0?this._resolvedPlacement=`bottom`:this.placement===`right`&&a?this._resolvedPlacement=`left`:this.placement===`left`&&t.left<0&&(this._resolvedPlacement=`right`)}static{this.styles=[a,r`
1
+ import{a as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/decorate-D4jKxi6H.js";import{t as c}from"../chunks/query-SWT-tzvq.js";import"./moni-menu.js";var l=class extends n{constructor(...e){super(...e),this.placement=`bottom`,this.flip=!1,this._x=0,this._y=0,this._open=!1,this._resolvedPlacement=`bottom`,this._target=null,this._docKeydown=e=>this._onDocKeydown(e),this._onContextMenu=e=>{if(e.preventDefault(),this._target){let t=this._target.getBoundingClientRect();this._x=e.clientX-t.left,this._y=e.clientY-t.top}else this._x=e.clientX,this._y=e.clientY;this._resolvedPlacement=this.placement,this._open=!0,this.updateComplete.then(()=>this._maybeFlip())},this._onDocumentClick=()=>{this._open&&=!1},this._onDocKeydown=e=>{e.key===`Escape`&&this._open&&(this._open=!1)}}connectedCallback(){super.connectedCallback(),this._target=this.parentElement,this._target&&(getComputedStyle(this._target).position===`static`&&(this._target.style.position=`relative`),this._target.addEventListener(`contextmenu`,this._onContextMenu)),document.addEventListener(`click`,this._onDocumentClick),document.addEventListener(`keydown`,this._docKeydown)}disconnectedCallback(){this._target&&this._target.removeEventListener(`contextmenu`,this._onContextMenu),document.removeEventListener(`click`,this._onDocumentClick),document.removeEventListener(`keydown`,this._docKeydown),super.disconnectedCallback()}_maybeFlip(){if(!this.flip)return;let e=this._menuEl?.shadowRoot?.querySelector(`menu`);if(!e)return;let t=e.getBoundingClientRect(),n=window.innerWidth,r=window.innerHeight,i=t.bottom>r,a=t.right>n;this.placement===`bottom`&&i?this._resolvedPlacement=`top`:this.placement===`top`&&t.top<0?this._resolvedPlacement=`bottom`:this.placement===`right`&&a?this._resolvedPlacement=`left`:this.placement===`left`&&t.left<0&&(this._resolvedPlacement=`right`)}static{this.styles=[a,r`
2
2
  :host {
3
3
  display: contents;
4
4
  font-family: var(--font);
@@ -1,4 +1,4 @@
1
- import{d as e,i as t,m as n,o as r,r as i,s as a,t as o}from"../chunks/decorate-DxX3e27g.js";import{t as s}from"../chunks/query-SWT-tzvq.js";import{t as c}from"../chunks/event-emitter-CGhsijUg.js";var l=class extends t{constructor(...e){super(...e),this.open=!1,this.modal=!1,this.side=`center`,this.size=`medium`,this.title=``}willUpdate(e){if(e.has(`open`)&&this.open!==e.get(`open`)){let e=this.open,t=e?`moni-request-open`:`moni-request-close`;c(this,t,{cancelable:!0})||(this.open=!e)}}updated(e){e.has(`open`)&&this._dialog&&(this.open?(c(this,`moni-open`),this.modal?this._dialog.open||this._dialog.showModal():this._dialog.open||this._dialog.show()):(c(this,`moni-close`),this._dialog.open&&this._dialog.close()))}_onTransitionEnd(e){e.target===this._dialog&&e.propertyName===`transform`&&(this.open?c(this,`moni-opened`):c(this,`moni-closed`))}static{this.styles=[i,n`
1
+ import{d as e,i as t,m as n,o as r,r as i,s as a,t as o}from"../chunks/decorate-D4jKxi6H.js";import{t as s}from"../chunks/query-SWT-tzvq.js";import{t as c}from"../chunks/event-emitter-CGhsijUg.js";var l=class extends t{constructor(...e){super(...e),this.open=!1,this.modal=!1,this.side=`center`,this.size=`medium`,this.title=``}willUpdate(e){if(e.has(`open`)&&this.open!==e.get(`open`)){let e=this.open,t=e?`moni-request-open`:`moni-request-close`;c(this,t,{cancelable:!0})||(this.open=!e)}}updated(e){e.has(`open`)&&this._dialog&&(this.open?(c(this,`moni-open`),this.modal?this._dialog.open||this._dialog.showModal():this._dialog.open||this._dialog.show()):(c(this,`moni-close`),this._dialog.open&&this._dialog.close()))}_onTransitionEnd(e){e.target===this._dialog&&e.propertyName===`transform`&&(this.open?c(this,`moni-opened`):c(this,`moni-closed`))}static{this.styles=[i,n`
2
2
  :host {
3
3
  display: contents;
4
4
  }
@@ -1,4 +1,4 @@
1
- import{d as e,i as t,m as n,o as r,r as i,s as a,t as o}from"../chunks/decorate-DxX3e27g.js";var s=class extends t{constructor(...e){super(...e),this.inset=`leading`}static{this.styles=[i,n`
1
+ import{d as e,i as t,m as n,o as r,r as i,s as a,t as o}from"../chunks/decorate-D4jKxi6H.js";var s=class extends t{constructor(...e){super(...e),this.inset=`leading`}static{this.styles=[i,n`
2
2
  :host {
3
3
  display: block;
4
4
  font-family: var(--font);
@@ -1,4 +1,4 @@
1
- import{d as e,i as t,m as n,o as r,r as i,s as a,t as o}from"../chunks/decorate-DxX3e27g.js";var s=class extends t{constructor(...e){super(...e),this.open=!1,this.title=``}static{this.styles=[i,n`
1
+ import{d as e,i as t,m as n,o as r,r as i,s as a,t as o}from"../chunks/decorate-D4jKxi6H.js";var s=class extends t{constructor(...e){super(...e),this.open=!1,this.title=``}static{this.styles=[i,n`
2
2
  :host {
3
3
  display: block;
4
4
  font-family: var(--font);
@@ -1,4 +1,4 @@
1
- import{a as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/decorate-DxX3e27g.js";import{t as c}from"../chunks/query-SWT-tzvq.js";import"./moni-fab.js";var l=class extends n{constructor(...e){super(...e),this.open=!1,this.disabled=!1,this.icon=`add`,this.closeIcon=`close`,this.label=`Abrir acciones`,this.closeLabel=`Cerrar acciones`,this.size=`medium`,this.color=`primary`,this.shape=`rounded`,this.direction=`up`,this.position=``,this._effectiveDirection=`up`,this._crossAlign=`end`,this._actions=[],this._restoreFocus=!1,this._onDocumentPointer=e=>{this.open&&!e.composedPath().includes(this)&&(this.open=!1)},this._onDocumentClick=e=>{this.open&&!e.composedPath().includes(this)&&(this.open=!1)},this._onDocumentKey=e=>{if(!this.open)return;if(e.key===`Escape`){e.preventDefault(),this._restoreFocus=!0,this.open=!1;return}if(![`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`,`Home`,`End`].includes(e.key))return;e.preventDefault();let t=this._actions.indexOf(document.activeElement),n=e.key===`ArrowDown`||e.key===`ArrowRight`,r=e.key===`Home`?0:e.key===`End`?this._actions.length-1:(t+(n?1:-1)+this._actions.length)%this._actions.length;this._actions[r]?.focus()},this._onViewportChange=()=>this._placeMenu(),this._toggle=()=>{this.disabled||(this._restoreFocus=this.open,this.open=!this.open)},this._slotChanged=()=>{this._actions.forEach(e=>e.removeEventListener(`click`,this._selectAction)),this._actions=this._slot.assignedElements({flatten:!0}).filter(e=>e.tagName===`MONI-FAB`),this._actions.forEach((e,t)=>{e.style.setProperty(`--_fab-menu-index`,String(t)),e.setAttribute(`role`,`menuitem`),e.addEventListener(`click`,this._selectAction)}),this.open&&queueMicrotask(()=>this._placeMenu())},this._selectAction=()=>{this._restoreFocus=!0,this.open=!1}}disconnectedCallback(){this._removeGlobalListeners(),super.disconnectedCallback()}updated(e){e.has(`direction`)&&!this.open&&(this._effectiveDirection=this.direction),e.has(`open`)&&(this.dispatchEvent(new CustomEvent(`moni-toggle`,{detail:{open:this.open},bubbles:!0,composed:!0})),this.open?(document.addEventListener(`pointerdown`,this._onDocumentPointer,!0),document.addEventListener(`click`,this._onDocumentClick,!0),document.addEventListener(`keydown`,this._onDocumentKey,!0),window.addEventListener(`resize`,this._onViewportChange),queueMicrotask(async()=>{await this._placeMenu(),this._actions[0]?.focus()})):(this._removeGlobalListeners(),this._restoreFocus&&queueMicrotask(()=>this._trigger?.focus()),this._restoreFocus=!1))}_removeGlobalListeners(){document.removeEventListener(`pointerdown`,this._onDocumentPointer,!0),document.removeEventListener(`click`,this._onDocumentClick,!0),document.removeEventListener(`keydown`,this._onDocumentKey,!0),window.removeEventListener(`resize`,this._onViewportChange)}_visibleBoundary(){let e=0,t=0,n=window.innerWidth,r=window.innerHeight,i=this.parentElement;for(;i;){let a=getComputedStyle(i);if(/(hidden|clip|auto|scroll)/.test(`${a.overflow}${a.overflowX}${a.overflowY}`)){let a=i.getBoundingClientRect();e=Math.max(e,a.left),t=Math.max(t,a.top),n=Math.min(n,a.right),r=Math.min(r,a.bottom)}i=i.parentElement}return new DOMRect(e,t,Math.max(0,n-e),Math.max(0,r-t))}async _placeMenu(){if(!this.open||!this._menu)return;let e=this._visibleBoundary(),t={left:`right`,right:`left`,up:`down`,down:`up`},n=this._trigger.getBoundingClientRect(),r=n.top-e.top>=e.bottom-n.bottom?[`up`,`down`]:[`down`,`up`],i=n.left-e.left>=e.right-n.right?[`left`,`right`]:[`right`,`left`],a=this.direction===`left`||this.direction===`right`?r:i,o=[this.direction,t[this.direction],...a].filter((e,t,n)=>n.indexOf(e)===t),s;for(let t of o){this._effectiveDirection=t,this._crossAlign=`end`,await this.updateComplete;let n=this._menu.getBoundingClientRect(),r=t===`up`||t===`down`;(r&&n.left<e.left||!r&&n.top<e.top)&&(this._crossAlign=`start`,await this.updateComplete,n=this._menu.getBoundingClientRect());let i=Math.max(0,e.left-n.left)+Math.max(0,n.right-e.right)+Math.max(0,e.top-n.top)+Math.max(0,n.bottom-e.bottom);if((!s||i<s.overflow)&&(s={direction:t,align:this._crossAlign,overflow:i}),i<=1)return}s&&(this._effectiveDirection=s.direction,this._crossAlign=s.align)}static{this.styles=[a,r`
1
+ import{a as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/decorate-D4jKxi6H.js";import{t as c}from"../chunks/query-SWT-tzvq.js";import"./moni-fab.js";var l=class extends n{constructor(...e){super(...e),this.open=!1,this.disabled=!1,this.icon=`add`,this.closeIcon=`close`,this.label=`Abrir acciones`,this.closeLabel=`Cerrar acciones`,this.size=`medium`,this.color=`primary`,this.shape=`rounded`,this.direction=`up`,this.position=``,this._effectiveDirection=`up`,this._crossAlign=`end`,this._actions=[],this._restoreFocus=!1,this._onDocumentPointer=e=>{this.open&&!e.composedPath().includes(this)&&(this.open=!1)},this._onDocumentClick=e=>{this.open&&!e.composedPath().includes(this)&&(this.open=!1)},this._onDocumentKey=e=>{if(!this.open)return;if(e.key===`Escape`){e.preventDefault(),this._restoreFocus=!0,this.open=!1;return}if(![`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`,`Home`,`End`].includes(e.key))return;e.preventDefault();let t=this._actions.indexOf(document.activeElement),n=e.key===`ArrowDown`||e.key===`ArrowRight`,r=e.key===`Home`?0:e.key===`End`?this._actions.length-1:(t+(n?1:-1)+this._actions.length)%this._actions.length;this._actions[r]?.focus()},this._onViewportChange=()=>this._placeMenu(),this._toggle=()=>{this.disabled||(this._restoreFocus=this.open,this.open=!this.open)},this._slotChanged=()=>{this._actions.forEach(e=>e.removeEventListener(`click`,this._selectAction)),this._actions=this._slot.assignedElements({flatten:!0}).filter(e=>e.tagName===`MONI-FAB`),this._actions.forEach((e,t)=>{e.style.setProperty(`--_fab-menu-index`,String(t)),e.setAttribute(`role`,`menuitem`),e.addEventListener(`click`,this._selectAction)}),this.open&&queueMicrotask(()=>this._placeMenu())},this._selectAction=()=>{this._restoreFocus=!0,this.open=!1}}disconnectedCallback(){this._removeGlobalListeners(),super.disconnectedCallback()}updated(e){e.has(`direction`)&&!this.open&&(this._effectiveDirection=this.direction),e.has(`open`)&&(this.dispatchEvent(new CustomEvent(`moni-toggle`,{detail:{open:this.open},bubbles:!0,composed:!0})),this.open?(document.addEventListener(`pointerdown`,this._onDocumentPointer,!0),document.addEventListener(`click`,this._onDocumentClick,!0),document.addEventListener(`keydown`,this._onDocumentKey,!0),window.addEventListener(`resize`,this._onViewportChange),queueMicrotask(async()=>{await this._placeMenu(),this._actions[0]?.focus()})):(this._removeGlobalListeners(),this._restoreFocus&&queueMicrotask(()=>this._trigger?.focus()),this._restoreFocus=!1))}_removeGlobalListeners(){document.removeEventListener(`pointerdown`,this._onDocumentPointer,!0),document.removeEventListener(`click`,this._onDocumentClick,!0),document.removeEventListener(`keydown`,this._onDocumentKey,!0),window.removeEventListener(`resize`,this._onViewportChange)}_visibleBoundary(){let e=0,t=0,n=window.innerWidth,r=window.innerHeight,i=this.parentElement;for(;i;){let a=getComputedStyle(i);if(/(hidden|clip|auto|scroll)/.test(`${a.overflow}${a.overflowX}${a.overflowY}`)){let a=i.getBoundingClientRect();e=Math.max(e,a.left),t=Math.max(t,a.top),n=Math.min(n,a.right),r=Math.min(r,a.bottom)}i=i.parentElement}return new DOMRect(e,t,Math.max(0,n-e),Math.max(0,r-t))}async _placeMenu(){if(!this.open||!this._menu)return;let e=this._visibleBoundary(),t={left:`right`,right:`left`,up:`down`,down:`up`},n=this._trigger.getBoundingClientRect(),r=n.top-e.top>=e.bottom-n.bottom?[`up`,`down`]:[`down`,`up`],i=n.left-e.left>=e.right-n.right?[`left`,`right`]:[`right`,`left`],a=this.direction===`left`||this.direction===`right`?r:i,o=[this.direction,t[this.direction],...a].filter((e,t,n)=>n.indexOf(e)===t),s;for(let t of o){this._effectiveDirection=t,this._crossAlign=`end`,await this.updateComplete;let n=this._menu.getBoundingClientRect(),r=t===`up`||t===`down`;(r&&n.left<e.left||!r&&n.top<e.top)&&(this._crossAlign=`start`,await this.updateComplete,n=this._menu.getBoundingClientRect());let i=Math.max(0,e.left-n.left)+Math.max(0,n.right-e.right)+Math.max(0,e.top-n.top)+Math.max(0,n.bottom-e.bottom);if((!s||i<s.overflow)&&(s={direction:t,align:this._crossAlign,overflow:i}),i<=1)return}s&&(this._effectiveDirection=s.direction,this._crossAlign=s.align)}static{this.styles=[a,r`
2
2
  :host { display: inline-flex; position: relative; vertical-align: middle; }
3
3
  :host([position='bottom-trailing']), :host([position='bottom-leading']),
4
4
  :host([position='top-trailing']), :host([position='top-leading']) { position: fixed; z-index: 13; }
@@ -1,4 +1,4 @@
1
- import{c as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/decorate-DxX3e27g.js";import{t as c}from"../chunks/query-SWT-tzvq.js";import"./moni-icon.js";import{t as l}from"../chunks/if-defined-CuEAJKpp.js";var u=class extends n{constructor(...e){super(...e),this.size=`medium`,this.color=`primary`,this.shape=`rounded`,this.extended=!1,this.expanded=!1,this.disabled=!1,this.icon=`add`,this.label=``,this.accessibleLabel=``,this.type=`button`,this.name=``,this.value=``,this.position=``}focus(e){this._button?.focus(e)}static{this.styles=[a,r`
1
+ import{c as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/decorate-D4jKxi6H.js";import{t as c}from"../chunks/query-SWT-tzvq.js";import"./moni-icon.js";import{t as l}from"../chunks/if-defined-DlAUOFi9.js";var u=class extends n{constructor(...e){super(...e),this.size=`medium`,this.color=`primary`,this.shape=`rounded`,this.extended=!1,this.expanded=!1,this.disabled=!1,this.icon=`add`,this.label=``,this.accessibleLabel=``,this.type=`button`,this.name=``,this.value=``,this.position=``}focus(e){this._button?.focus(e)}static{this.styles=[a,r`
2
2
  :host {
3
3
  --_size: 3.5rem;
4
4
  --_radius: 1rem;
@@ -1,4 +1,4 @@
1
- import{c as e,d as t,i as n,m as r,n as i,o as a,r as o,s,t as c}from"../chunks/decorate-DxX3e27g.js";import{t as l}from"../chunks/query-SWT-tzvq.js";import"./moni-icon.js";import{t as u}from"../chunks/if-defined-CuEAJKpp.js";import{t as d}from"../chunks/class-map-DBljv-_e.js";var f=class extends n{constructor(...e){super(...e),this.name=``,this.label=``,this.variant=`outlined`,this.size=`medium`,this.shape=`no-round`,this.accept=``,this.multiple=!1,this.buttonLabel=`Choose file`,this.disabled=!1,this.helper=``,this.errorText=``,this.error=!1,this.value=``,this.icon=``,this.trailingIcon=`folder_open`}updated(e){this._fileInput&&e.has(`disabled`)&&(this._fileInput.disabled=this.disabled)}static{this.styles=[o,i,r`
1
+ import{c as e,d as t,i as n,m as r,n as i,o as a,r as o,s,t as c}from"../chunks/decorate-D4jKxi6H.js";import{t as l}from"../chunks/query-SWT-tzvq.js";import"./moni-icon.js";import{t as u}from"../chunks/if-defined-DlAUOFi9.js";import{t as d}from"../chunks/class-map-EVPcxmRq.js";var f=class extends n{constructor(...e){super(...e),this.name=``,this.label=``,this.variant=`outlined`,this.size=`medium`,this.shape=`no-round`,this.accept=``,this.multiple=!1,this.buttonLabel=`Choose file`,this.disabled=!1,this.helper=``,this.errorText=``,this.error=!1,this.value=``,this.icon=``,this.trailingIcon=`folder_open`}updated(e){this._fileInput&&e.has(`disabled`)&&(this._fileInput.disabled=this.disabled)}static{this.styles=[o,i,r`
2
2
  input[type='file'] {
3
3
  position: absolute;
4
4
  inset: 0;
@@ -1,4 +1,4 @@
1
- import{d as e,i as t,m as n,o as r,r as i,s as a,t as o}from"../chunks/decorate-DxX3e27g.js";var s=class extends t{constructor(...e){super(...e),this.name=``,this.size=`medium`,this.filled=!1}static{this.styles=[i,n`
1
+ import{d as e,i as t,m as n,o as r,r as i,s as a,t as o}from"../chunks/decorate-D4jKxi6H.js";var s=class extends t{constructor(...e){super(...e),this.name=``,this.size=`medium`,this.filled=!1}static{this.styles=[i,n`
2
2
  :host {
3
3
  --_size: var(--moni-icon-size, 1.5rem);
4
4
  display: inline-flex;
@@ -1,4 +1,4 @@
1
- import{c as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/decorate-DxX3e27g.js";import"./moni-icon.js";var c=class extends n{constructor(...e){super(...e),this.lines=1,this.icon=``,this.avatar=``,this.trailingIcon=``,this.active=!1,this.disabled=!1,this.href=``}static{this.styles=[a,r`
1
+ import{c as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/decorate-D4jKxi6H.js";import"./moni-icon.js";var c=class extends n{constructor(...e){super(...e),this.lines=1,this.icon=``,this.avatar=``,this.trailingIcon=``,this.active=!1,this.disabled=!1,this.href=``}static{this.styles=[a,r`
2
2
  :host {
3
3
  display: block;
4
4
  color: var(--on-surface);
@@ -1,4 +1,4 @@
1
- import{d as e,i as t,m as n,o as r,r as i,s as a,t as o}from"../chunks/decorate-DxX3e27g.js";import{t as s}from"../chunks/event-emitter-CGhsijUg.js";var c=class extends t{constructor(...e){super(...e),this.variant=``,this.rounded=!1}static{this.styles=[i,n`
1
+ import{d as e,i as t,m as n,o as r,r as i,s as a,t as o}from"../chunks/decorate-D4jKxi6H.js";import{t as s}from"../chunks/event-emitter-CGhsijUg.js";var c=class extends t{constructor(...e){super(...e),this.variant=``,this.rounded=!1}static{this.styles=[i,n`
2
2
  :host {
3
3
  display: block;
4
4
  font-family: var(--font);