@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.
- package/README.md +6 -6
- package/custom-elements.json +61 -16
- package/dist/browser/moni-ui.iife.min.js +155 -6
- package/dist/browser/moni-ui.iife.min.js.br +0 -0
- package/dist/browser/moni-ui.iife.min.js.gz +0 -0
- package/dist/browser/moni-ui.iife.min.js.map +1 -1
- package/dist/browser/moni-ui.min.css +1 -1
- package/dist/browser/moni-ui.min.css.br +0 -0
- package/dist/browser/moni-ui.min.css.gz +0 -0
- package/dist/browser/moni-ui.min.css.map +1 -1
- package/dist/browser/moni-ui.min.js +189 -30
- package/dist/browser/moni-ui.min.js.br +0 -0
- package/dist/browser/moni-ui.min.js.gz +0 -0
- package/dist/browser/moni-ui.min.js.map +1 -1
- package/dist/cdn/chunks/{class-map-DBljv-_e.js → class-map-EVPcxmRq.js} +1 -1
- package/dist/cdn/chunks/{decorate-DxX3e27g.js → decorate-D4jKxi6H.js} +56 -0
- package/dist/cdn/chunks/if-defined-DlAUOFi9.js +1 -0
- package/dist/cdn/chunks/{live-B7Rjg1kt.js → live-DdUrWiUp.js} +1 -1
- package/dist/cdn/components/moni-app-bar.js +1 -1
- package/dist/cdn/components/moni-badge.js +1 -1
- package/dist/cdn/components/moni-bottom-sheet.js +1 -1
- package/dist/cdn/components/moni-button-group.js +72 -3
- package/dist/cdn/components/moni-button-segment.js +1 -1
- package/dist/cdn/components/moni-button.js +2 -1
- package/dist/cdn/components/moni-card.js +1 -1
- package/dist/cdn/components/moni-carousel.js +1 -1
- package/dist/cdn/components/moni-checkbox.js +1 -1
- package/dist/cdn/components/moni-chip.js +1 -1
- package/dist/cdn/components/moni-color-field.js +1 -1
- package/dist/cdn/components/moni-context-menu.js +1 -1
- package/dist/cdn/components/moni-dialog.js +1 -1
- package/dist/cdn/components/moni-divider.js +1 -1
- package/dist/cdn/components/moni-expansion.js +1 -1
- package/dist/cdn/components/moni-fab-menu.js +1 -1
- package/dist/cdn/components/moni-fab.js +1 -1
- package/dist/cdn/components/moni-file-field.js +1 -1
- package/dist/cdn/components/moni-icon.js +1 -1
- package/dist/cdn/components/moni-list-item.js +1 -1
- package/dist/cdn/components/moni-list.js +1 -1
- package/dist/cdn/components/moni-loading-indicator.js +22 -3
- package/dist/cdn/components/moni-menu-item.js +1 -1
- package/dist/cdn/components/moni-menu.js +1 -1
- package/dist/cdn/components/moni-morph-modal.js +1 -1
- package/dist/cdn/components/moni-nav-item.js +1 -1
- package/dist/cdn/components/moni-nav.js +1 -1
- package/dist/cdn/components/moni-progress.js +1 -1
- package/dist/cdn/components/moni-radio.js +1 -1
- package/dist/cdn/components/moni-ripple.js +1 -1
- package/dist/cdn/components/moni-segmented-button.js +1 -1
- package/dist/cdn/components/moni-select-option.js +1 -1
- package/dist/cdn/components/moni-select.js +1 -1
- package/dist/cdn/components/moni-shape.js +1 -1
- package/dist/cdn/components/moni-side-sheet.js +1 -1
- package/dist/cdn/components/moni-slider.js +1 -1
- package/dist/cdn/components/moni-snackbar.js +1 -1
- package/dist/cdn/components/moni-split-button.js +1 -1
- package/dist/cdn/components/moni-step.js +1 -1
- package/dist/cdn/components/moni-stepper.js +1 -1
- package/dist/cdn/components/moni-switch.js +1 -1
- package/dist/cdn/components/moni-tab.js +1 -1
- package/dist/cdn/components/moni-tabs.js +1 -1
- package/dist/cdn/components/moni-text-field.js +1 -1
- package/dist/cdn/components/moni-textarea.js +1 -1
- package/dist/cdn/components/moni-time-picker.js +6 -2
- package/dist/cdn/components/moni-toolbar.js +1 -1
- package/dist/cdn/components/moni-tooltip.js +1 -1
- package/dist/cdn/components/moni-typography.js +1 -1
- package/dist/cdn/importmap.json +98 -98
- package/dist/cdn/moni-ui.min.css +1 -1
- package/dist/components/_base/shared-styles.d.ts.map +1 -1
- package/dist/components/_base/shared-styles.js +56 -0
- package/dist/components/moni-button-group.d.ts +14 -0
- package/dist/components/moni-button-group.d.ts.map +1 -1
- package/dist/components/moni-button-group.js +130 -25
- package/dist/components/moni-button.d.ts.map +1 -1
- package/dist/components/moni-button.js +1 -0
- package/dist/components/moni-loading-indicator.d.ts.map +1 -1
- package/dist/components/moni-loading-indicator.js +21 -2
- package/dist/components/moni-time-picker.d.ts.map +1 -1
- package/dist/components/moni-time-picker.js +5 -1
- package/dist/styles/base.css +27 -7
- package/package.json +1 -1
- package/src/components/_base/shared-styles.test.ts +15 -0
- package/src/components/_base/shared-styles.ts +56 -0
- package/src/components/moni-button-group.test.ts +76 -0
- package/src/components/moni-button-group.ts +130 -34
- package/src/components/moni-button.ts +1 -0
- package/src/components/moni-loading-indicator.test.ts +9 -0
- package/src/components/moni-loading-indicator.ts +21 -2
- package/src/components/moni-time-picker.ts +5 -1
- package/src/styles/base.css +27 -7
- package/dist/cdn/chunks/if-defined-CuEAJKpp.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{l as e}from"./decorate-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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
|
-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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);
|