@moni-labs/moni-ui 0.4.16 → 0.4.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/browser/moni-ui.iife.min.js +6 -1
- 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.js +32 -2
- 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/components/moni-bottom-sheet.js +6 -1
- package/dist/cdn/importmap.json +98 -98
- package/dist/components/moni-bottom-sheet.d.ts +8 -0
- package/dist/components/moni-bottom-sheet.d.ts.map +1 -1
- package/dist/components/moni-bottom-sheet.js +81 -0
- package/docs/api.json +1 -1
- package/package.json +1 -1
- package/src/components/moni-bottom-sheet.test.ts +102 -0
- package/src/components/moni-bottom-sheet.ts +81 -0
|
@@ -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-B7wZvwrn.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._lastDeltaY=0,this._sheetHeight=0,this._defaultHeight=0,this._justDragged=!1,this._skipRequestClose=!1,this._isClosing=!1}show(){this._isClosing=!1,this._isDragging=!1,this._lastDeltaY=0,this._dialog&&(this._dialog.classList.remove(`dragging`,`expanded`),this._dialog.style.transform=``,this._dialog.style.height=``),this.open=!0}close(){return this._animateAndClose()}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(){if(this._isClosing||!this.open)return!1;this._isClosing=!0,this._skipRequestClose=!0;let e=l(this,`moni-request-close`,{cancelable:!0});return this._skipRequestClose=!1,e?(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._isClosing=!1,this._isDragging=!1,this._lastDeltaY=0,this._dialog&&(this._dialog.classList.remove(`dragging`,`expanded`),this._dialog.style.transform=``,this._dialog.style.height=``),this._skipRequestClose=!0,this.open=!1,this._skipRequestClose=!1,this.dispatchEvent(new Event(`close`,{bubbles:!0,composed:!0})),l(this,`moni-closed`),!0):(this._isClosing=!1,!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;if(!(!t.closest(`.handle`)&&!t.closest(`header`))){this._isDragging=!0,this._startY=e.clientY,this._sheetHeight=this._dialog.getBoundingClientRect().height,this._lastDeltaY=0,this._dialog.classList.contains(`expanded`)?this._defaultHeight||=Math.min(this._sheetHeight*.6,384):this._defaultHeight=this._sheetHeight;try{t.setPointerCapture(e.pointerId)}catch{}this._dialog.classList.add(`dragging`)}}_onPointerMove(e){if(!this._isDragging)return;let t=e.clientY-this._startY;this._lastDeltaY=t;let 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._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;let t=e.target;try{t&&t.hasPointerCapture?.(e.pointerId)&&t.releasePointerCapture(e.pointerId)}catch{}this._isDragging=!1,this._dialog.classList.remove(`dragging`);let n=typeof e.clientY==`number`&&e.clientY>0,r=n?e.clientY-this._startY:this._lastDeltaY;Math.abs(r)>5&&(this._justDragged=!0,setTimeout(()=>{this._justDragged=!1},50));let i=this._dialog.classList.contains(`expanded`),a=this._getMaxHeightPx(),o=this._defaultHeight||this._sheetHeight*.6||300,s=n&&typeof window<`u`&&e.clientY>=window.innerHeight-30;if(i){let e=this._sheetHeight-r;s||r>this._sheetHeight*.4||e<o-80||e<100?this._animateAndClose().then(e=>{e||(this._dialog.style.transform=``,this._dialog.style.height=``)}):e<(a+o)/2?(this._dialog.classList.remove(`expanded`),this._dialog.style.transform=``,this._dialog.style.height=``):(this._dialog.style.transform=``,this._dialog.style.height=``)}else if(r<0&&!s)this._sheetHeight-r>this._sheetHeight+80&&this._dialog.classList.add(`expanded`),this._dialog.style.transform=``,this._dialog.style.height=``;else{let e=Math.min(80,this._sheetHeight*.25);s||r>e?this._animateAndClose().then(e=>{e||(this._dialog.style.transform=``)}):this._dialog.style.transform=``}this._lastDeltaY=0}_onPointerCancel(e){this._isDragging&&this._onPointerUp(e)}_onLostPointerCapture(e){this._isDragging&&this._onPointerUp(e)}_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?(this._isClosing=!1,this._isDragging=!1,this._lastDeltaY=0,this._dialog&&(this._dialog.classList.remove(`dragging`,`expanded`),this._dialog.style.transform=``,this._dialog.style.height=``),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._isClosing=!1,this._isDragging=!1,this._lastDeltaY=0,this._dialog&&(this._dialog.classList.remove(`expanded`,`dragging`),this._dialog.style.transform=``,this._dialog.style.height=``),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-B7wZvwrn.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._lastDeltaY=0,this._sheetHeight=0,this._defaultHeight=0,this._justDragged=!1,this._skipRequestClose=!1,this._isClosing=!1}show(){this._isClosing=!1,this._isDragging=!1,this._lastDeltaY=0,this._dialog&&(this._dialog.classList.remove(`dragging`,`expanded`),this._dialog.style.transform=``,this._dialog.style.height=``),this.open=!0}close(){return this._animateAndClose()}willUpdate(e){if(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)),e.has(`open`)&&!this.open&&this._dialog&&typeof this._dialog.close==`function`)try{this._dialog.close()}catch{}}async _animateAndClose(){if(this._isClosing||!this.open)return!1;this._isClosing=!0,this._skipRequestClose=!0;let e=l(this,`moni-request-close`,{cancelable:!0});return this._skipRequestClose=!1,e?(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._isClosing=!1,this._isDragging=!1,this._lastDeltaY=0,this._dialog&&(this._dialog.classList.remove(`dragging`,`expanded`),this._dialog.style.transform=``,this._dialog.style.height=``),this._skipRequestClose=!0,this.open=!1,this._skipRequestClose=!1,this.dispatchEvent(new Event(`close`,{bubbles:!0,composed:!0})),l(this,`moni-closed`),!0):(this._isClosing=!1,!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;if(!(!t.closest(`.handle`)&&!t.closest(`header`))){this._isDragging=!0,this._startY=e.clientY,this._sheetHeight=this._dialog.getBoundingClientRect().height,this._lastDeltaY=0,this._dialog.classList.contains(`expanded`)?this._defaultHeight||=Math.min(this._sheetHeight*.6,384):this._defaultHeight=this._sheetHeight;try{t.setPointerCapture(e.pointerId)}catch{}this._dialog.classList.add(`dragging`)}}_onPointerMove(e){if(!this._isDragging)return;let t=e.clientY-this._startY;this._lastDeltaY=t;let 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._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;let t=e.target;try{t&&t.hasPointerCapture?.(e.pointerId)&&t.releasePointerCapture(e.pointerId)}catch{}this._isDragging=!1,this._dialog.classList.remove(`dragging`);let n=typeof e.clientY==`number`&&e.clientY>0,r=n?e.clientY-this._startY:this._lastDeltaY;Math.abs(r)>5&&(this._justDragged=!0,setTimeout(()=>{this._justDragged=!1},50));let i=this._dialog.classList.contains(`expanded`),a=this._getMaxHeightPx(),o=this._defaultHeight||this._sheetHeight*.6||300,s=n&&typeof window<`u`&&e.clientY>=window.innerHeight-30;if(i){let e=this._sheetHeight-r;s||r>this._sheetHeight*.4||e<o-80||e<100?this._animateAndClose().then(e=>{e||(this._dialog.style.transform=``,this._dialog.style.height=``)}):e<(a+o)/2?(this._dialog.classList.remove(`expanded`),this._dialog.style.transform=``,this._dialog.style.height=``):(this._dialog.style.transform=``,this._dialog.style.height=``)}else if(r<0&&!s)this._sheetHeight-r>this._sheetHeight+80&&this._dialog.classList.add(`expanded`),this._dialog.style.transform=``,this._dialog.style.height=``;else{let e=Math.min(80,this._sheetHeight*.25);s||r>e?this._animateAndClose().then(e=>{e||(this._dialog.style.transform=``)}):this._dialog.style.transform=``}this._lastDeltaY=0}_onCancel(e){e.preventDefault(),this.close()}_onPointerCancel(e){this._isDragging&&this._onPointerUp(e)}_onLostPointerCapture(e){this._isDragging&&this._onPointerUp(e)}_onDialogClick(e){if(this._justDragged){this._justDragged=!1;return}this.modal&&e.target===this._dialog&&this._animateAndClose()}updated(e){if(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?(this._isClosing=!1,this._isDragging=!1,this._lastDeltaY=0,this._dialog&&(this._dialog.classList.remove(`dragging`,`expanded`),this._dialog.style.transform=``,this._dialog.style.height=``),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._isClosing=!1,this._isDragging=!1,this._lastDeltaY=0,this._dialog&&(this._dialog.classList.remove(`expanded`,`dragging`),this._dialog.style.transform=``,this._dialog.style.height=``),this.positioning===`body`&&this._originalParent&&this.parentNode===document.body&&(this._originalParent.insertBefore(this,this._originalSibling),this._originalParent=null,this._originalSibling=null)),this._dialog)){let e=this._dialog;if(this.open){if(this.modal&&typeof e.showModal==`function`){let t=!1;try{t=this._dialog.matches(`:modal`)}catch{t=!1}if(!t)try{e.showModal()}catch{}}else if(!this.modal&&typeof e.show==`function`)try{e.show()}catch{}else(this.modal&&typeof e.showModal!=`function`||!this.modal&&typeof e.show!=`function`)&&(this._dialog.open=!0)}else if(typeof e.close==`function`)try{e.close()}catch{}}}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
|
}
|
|
@@ -36,6 +36,10 @@ 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
|
|
|
36
36
|
transform: translateY(0);
|
|
37
37
|
}
|
|
38
38
|
|
|
39
|
+
dialog::backdrop {
|
|
40
|
+
background-color: rgb(0 0 0 / 0.5);
|
|
41
|
+
}
|
|
42
|
+
|
|
39
43
|
dialog.fixed {
|
|
40
44
|
position: fixed;
|
|
41
45
|
inset: auto 0 0 0;
|
|
@@ -129,6 +133,7 @@ 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
|
|
|
129
133
|
?open=${this.open}
|
|
130
134
|
class=${r}
|
|
131
135
|
@click=${this._onDialogClick}
|
|
136
|
+
@cancel=${this._onCancel}
|
|
132
137
|
@pointerdown=${this._onPointerDown}
|
|
133
138
|
@pointermove=${this._onPointerMove}
|
|
134
139
|
@pointerup=${this._onPointerUp}
|
package/dist/cdn/importmap.json
CHANGED
|
@@ -1,102 +1,102 @@
|
|
|
1
1
|
{
|
|
2
2
|
"imports": {
|
|
3
|
-
"@moni-ui/app-bar": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
4
|
-
"@moni-labs/moni-ui/app-bar": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
5
|
-
"@moni-ui/badge": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
6
|
-
"@moni-labs/moni-ui/badge": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
7
|
-
"@moni-ui/bottom-sheet": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
8
|
-
"@moni-labs/moni-ui/bottom-sheet": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
9
|
-
"@moni-ui/button-group": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
10
|
-
"@moni-labs/moni-ui/button-group": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
11
|
-
"@moni-ui/button-segment": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
12
|
-
"@moni-labs/moni-ui/button-segment": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
13
|
-
"@moni-ui/button": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
14
|
-
"@moni-labs/moni-ui/button": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
15
|
-
"@moni-ui/card": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
16
|
-
"@moni-labs/moni-ui/card": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
17
|
-
"@moni-ui/carousel": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
18
|
-
"@moni-labs/moni-ui/carousel": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
19
|
-
"@moni-ui/checkbox": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
20
|
-
"@moni-labs/moni-ui/checkbox": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
21
|
-
"@moni-ui/chip": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
22
|
-
"@moni-labs/moni-ui/chip": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
23
|
-
"@moni-ui/color-field": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
24
|
-
"@moni-labs/moni-ui/color-field": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
25
|
-
"@moni-ui/context-menu": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
26
|
-
"@moni-labs/moni-ui/context-menu": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
27
|
-
"@moni-ui/dialog": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
28
|
-
"@moni-labs/moni-ui/dialog": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
29
|
-
"@moni-ui/divider": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
30
|
-
"@moni-labs/moni-ui/divider": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
31
|
-
"@moni-ui/expansion": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
32
|
-
"@moni-labs/moni-ui/expansion": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
33
|
-
"@moni-ui/fab-menu": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
34
|
-
"@moni-labs/moni-ui/fab-menu": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
35
|
-
"@moni-ui/fab": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
36
|
-
"@moni-labs/moni-ui/fab": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
37
|
-
"@moni-ui/file-field": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
38
|
-
"@moni-labs/moni-ui/file-field": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
39
|
-
"@moni-ui/icon": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
40
|
-
"@moni-labs/moni-ui/icon": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
41
|
-
"@moni-ui/list-item": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
42
|
-
"@moni-labs/moni-ui/list-item": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
43
|
-
"@moni-ui/list": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
44
|
-
"@moni-labs/moni-ui/list": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
45
|
-
"@moni-ui/loading-indicator": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
46
|
-
"@moni-labs/moni-ui/loading-indicator": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
47
|
-
"@moni-ui/menu-item": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
48
|
-
"@moni-labs/moni-ui/menu-item": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
49
|
-
"@moni-ui/menu": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
50
|
-
"@moni-labs/moni-ui/menu": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
51
|
-
"@moni-ui/morph-modal": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
52
|
-
"@moni-labs/moni-ui/morph-modal": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
53
|
-
"@moni-ui/nav-item": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
54
|
-
"@moni-labs/moni-ui/nav-item": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
55
|
-
"@moni-ui/nav": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
56
|
-
"@moni-labs/moni-ui/nav": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
57
|
-
"@moni-ui/progress": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
58
|
-
"@moni-labs/moni-ui/progress": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
59
|
-
"@moni-ui/radio": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
60
|
-
"@moni-labs/moni-ui/radio": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
61
|
-
"@moni-ui/ripple": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
62
|
-
"@moni-labs/moni-ui/ripple": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
63
|
-
"@moni-ui/segmented-button": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
64
|
-
"@moni-labs/moni-ui/segmented-button": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
65
|
-
"@moni-ui/select-option": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
66
|
-
"@moni-labs/moni-ui/select-option": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
67
|
-
"@moni-ui/select": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
68
|
-
"@moni-labs/moni-ui/select": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
69
|
-
"@moni-ui/shape": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
70
|
-
"@moni-labs/moni-ui/shape": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
71
|
-
"@moni-ui/side-sheet": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
72
|
-
"@moni-labs/moni-ui/side-sheet": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
73
|
-
"@moni-ui/slider": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
74
|
-
"@moni-labs/moni-ui/slider": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
75
|
-
"@moni-ui/snackbar": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
76
|
-
"@moni-labs/moni-ui/snackbar": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
77
|
-
"@moni-ui/split-button": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
78
|
-
"@moni-labs/moni-ui/split-button": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
79
|
-
"@moni-ui/step": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
80
|
-
"@moni-labs/moni-ui/step": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
81
|
-
"@moni-ui/stepper": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
82
|
-
"@moni-labs/moni-ui/stepper": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
83
|
-
"@moni-ui/switch": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
84
|
-
"@moni-labs/moni-ui/switch": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
85
|
-
"@moni-ui/tab": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
86
|
-
"@moni-labs/moni-ui/tab": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
87
|
-
"@moni-ui/tabs": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
88
|
-
"@moni-labs/moni-ui/tabs": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
89
|
-
"@moni-ui/text-field": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
90
|
-
"@moni-labs/moni-ui/text-field": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
91
|
-
"@moni-ui/textarea": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
92
|
-
"@moni-labs/moni-ui/textarea": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
93
|
-
"@moni-ui/time-picker": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
94
|
-
"@moni-labs/moni-ui/time-picker": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
95
|
-
"@moni-ui/toolbar": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
96
|
-
"@moni-labs/moni-ui/toolbar": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
97
|
-
"@moni-ui/tooltip": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
98
|
-
"@moni-labs/moni-ui/tooltip": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
99
|
-
"@moni-ui/typography": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
100
|
-
"@moni-labs/moni-ui/typography": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.
|
|
3
|
+
"@moni-ui/app-bar": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-app-bar.js",
|
|
4
|
+
"@moni-labs/moni-ui/app-bar": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-app-bar.js",
|
|
5
|
+
"@moni-ui/badge": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-badge.js",
|
|
6
|
+
"@moni-labs/moni-ui/badge": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-badge.js",
|
|
7
|
+
"@moni-ui/bottom-sheet": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-bottom-sheet.js",
|
|
8
|
+
"@moni-labs/moni-ui/bottom-sheet": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-bottom-sheet.js",
|
|
9
|
+
"@moni-ui/button-group": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-button-group.js",
|
|
10
|
+
"@moni-labs/moni-ui/button-group": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-button-group.js",
|
|
11
|
+
"@moni-ui/button-segment": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-button-segment.js",
|
|
12
|
+
"@moni-labs/moni-ui/button-segment": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-button-segment.js",
|
|
13
|
+
"@moni-ui/button": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-button.js",
|
|
14
|
+
"@moni-labs/moni-ui/button": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-button.js",
|
|
15
|
+
"@moni-ui/card": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-card.js",
|
|
16
|
+
"@moni-labs/moni-ui/card": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-card.js",
|
|
17
|
+
"@moni-ui/carousel": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-carousel.js",
|
|
18
|
+
"@moni-labs/moni-ui/carousel": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-carousel.js",
|
|
19
|
+
"@moni-ui/checkbox": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-checkbox.js",
|
|
20
|
+
"@moni-labs/moni-ui/checkbox": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-checkbox.js",
|
|
21
|
+
"@moni-ui/chip": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-chip.js",
|
|
22
|
+
"@moni-labs/moni-ui/chip": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-chip.js",
|
|
23
|
+
"@moni-ui/color-field": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-color-field.js",
|
|
24
|
+
"@moni-labs/moni-ui/color-field": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-color-field.js",
|
|
25
|
+
"@moni-ui/context-menu": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-context-menu.js",
|
|
26
|
+
"@moni-labs/moni-ui/context-menu": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-context-menu.js",
|
|
27
|
+
"@moni-ui/dialog": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-dialog.js",
|
|
28
|
+
"@moni-labs/moni-ui/dialog": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-dialog.js",
|
|
29
|
+
"@moni-ui/divider": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-divider.js",
|
|
30
|
+
"@moni-labs/moni-ui/divider": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-divider.js",
|
|
31
|
+
"@moni-ui/expansion": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-expansion.js",
|
|
32
|
+
"@moni-labs/moni-ui/expansion": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-expansion.js",
|
|
33
|
+
"@moni-ui/fab-menu": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-fab-menu.js",
|
|
34
|
+
"@moni-labs/moni-ui/fab-menu": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-fab-menu.js",
|
|
35
|
+
"@moni-ui/fab": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-fab.js",
|
|
36
|
+
"@moni-labs/moni-ui/fab": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-fab.js",
|
|
37
|
+
"@moni-ui/file-field": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-file-field.js",
|
|
38
|
+
"@moni-labs/moni-ui/file-field": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-file-field.js",
|
|
39
|
+
"@moni-ui/icon": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-icon.js",
|
|
40
|
+
"@moni-labs/moni-ui/icon": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-icon.js",
|
|
41
|
+
"@moni-ui/list-item": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-list-item.js",
|
|
42
|
+
"@moni-labs/moni-ui/list-item": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-list-item.js",
|
|
43
|
+
"@moni-ui/list": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-list.js",
|
|
44
|
+
"@moni-labs/moni-ui/list": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-list.js",
|
|
45
|
+
"@moni-ui/loading-indicator": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-loading-indicator.js",
|
|
46
|
+
"@moni-labs/moni-ui/loading-indicator": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-loading-indicator.js",
|
|
47
|
+
"@moni-ui/menu-item": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-menu-item.js",
|
|
48
|
+
"@moni-labs/moni-ui/menu-item": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-menu-item.js",
|
|
49
|
+
"@moni-ui/menu": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-menu.js",
|
|
50
|
+
"@moni-labs/moni-ui/menu": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-menu.js",
|
|
51
|
+
"@moni-ui/morph-modal": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-morph-modal.js",
|
|
52
|
+
"@moni-labs/moni-ui/morph-modal": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-morph-modal.js",
|
|
53
|
+
"@moni-ui/nav-item": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-nav-item.js",
|
|
54
|
+
"@moni-labs/moni-ui/nav-item": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-nav-item.js",
|
|
55
|
+
"@moni-ui/nav": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-nav.js",
|
|
56
|
+
"@moni-labs/moni-ui/nav": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-nav.js",
|
|
57
|
+
"@moni-ui/progress": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-progress.js",
|
|
58
|
+
"@moni-labs/moni-ui/progress": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-progress.js",
|
|
59
|
+
"@moni-ui/radio": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-radio.js",
|
|
60
|
+
"@moni-labs/moni-ui/radio": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-radio.js",
|
|
61
|
+
"@moni-ui/ripple": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-ripple.js",
|
|
62
|
+
"@moni-labs/moni-ui/ripple": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-ripple.js",
|
|
63
|
+
"@moni-ui/segmented-button": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-segmented-button.js",
|
|
64
|
+
"@moni-labs/moni-ui/segmented-button": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-segmented-button.js",
|
|
65
|
+
"@moni-ui/select-option": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-select-option.js",
|
|
66
|
+
"@moni-labs/moni-ui/select-option": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-select-option.js",
|
|
67
|
+
"@moni-ui/select": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-select.js",
|
|
68
|
+
"@moni-labs/moni-ui/select": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-select.js",
|
|
69
|
+
"@moni-ui/shape": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-shape.js",
|
|
70
|
+
"@moni-labs/moni-ui/shape": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-shape.js",
|
|
71
|
+
"@moni-ui/side-sheet": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-side-sheet.js",
|
|
72
|
+
"@moni-labs/moni-ui/side-sheet": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-side-sheet.js",
|
|
73
|
+
"@moni-ui/slider": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-slider.js",
|
|
74
|
+
"@moni-labs/moni-ui/slider": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-slider.js",
|
|
75
|
+
"@moni-ui/snackbar": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-snackbar.js",
|
|
76
|
+
"@moni-labs/moni-ui/snackbar": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-snackbar.js",
|
|
77
|
+
"@moni-ui/split-button": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-split-button.js",
|
|
78
|
+
"@moni-labs/moni-ui/split-button": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-split-button.js",
|
|
79
|
+
"@moni-ui/step": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-step.js",
|
|
80
|
+
"@moni-labs/moni-ui/step": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-step.js",
|
|
81
|
+
"@moni-ui/stepper": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-stepper.js",
|
|
82
|
+
"@moni-labs/moni-ui/stepper": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-stepper.js",
|
|
83
|
+
"@moni-ui/switch": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-switch.js",
|
|
84
|
+
"@moni-labs/moni-ui/switch": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-switch.js",
|
|
85
|
+
"@moni-ui/tab": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-tab.js",
|
|
86
|
+
"@moni-labs/moni-ui/tab": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-tab.js",
|
|
87
|
+
"@moni-ui/tabs": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-tabs.js",
|
|
88
|
+
"@moni-labs/moni-ui/tabs": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-tabs.js",
|
|
89
|
+
"@moni-ui/text-field": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-text-field.js",
|
|
90
|
+
"@moni-labs/moni-ui/text-field": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-text-field.js",
|
|
91
|
+
"@moni-ui/textarea": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-textarea.js",
|
|
92
|
+
"@moni-labs/moni-ui/textarea": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-textarea.js",
|
|
93
|
+
"@moni-ui/time-picker": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-time-picker.js",
|
|
94
|
+
"@moni-labs/moni-ui/time-picker": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-time-picker.js",
|
|
95
|
+
"@moni-ui/toolbar": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-toolbar.js",
|
|
96
|
+
"@moni-labs/moni-ui/toolbar": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-toolbar.js",
|
|
97
|
+
"@moni-ui/tooltip": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-tooltip.js",
|
|
98
|
+
"@moni-labs/moni-ui/tooltip": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-tooltip.js",
|
|
99
|
+
"@moni-ui/typography": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-typography.js",
|
|
100
|
+
"@moni-labs/moni-ui/typography": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.18/dist/cdn/components/moni-typography.js"
|
|
101
101
|
}
|
|
102
102
|
}
|
|
@@ -185,6 +185,14 @@ export declare class MoniBottomSheet extends MoniElement {
|
|
|
185
185
|
* inercia, la distancia arrastrada o si se soltó fuera/hacia la parte inferior de la pantalla.
|
|
186
186
|
*/
|
|
187
187
|
private _onPointerUp;
|
|
188
|
+
/**
|
|
189
|
+
* Maneja la cancelación nativa del <dialog> (tecla Escape).
|
|
190
|
+
* Sin esto el browser cerraría el diálogo por su cuenta y la
|
|
191
|
+
* propiedad `open` quedaría desincronizada (sheet invisible con
|
|
192
|
+
* open=true). Se previene el cierre nativo y se conduce el flujo
|
|
193
|
+
* propio con animación y eventos. Mismo patrón que moni-side-sheet.
|
|
194
|
+
*/
|
|
195
|
+
private _onCancel;
|
|
188
196
|
/**
|
|
189
197
|
* Maneja la cancelación del puntero o interrupción del SO.
|
|
190
198
|
* Si el usuario ya lo había arrastrado hacia abajo o hacia fuera de la pantalla,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"moni-bottom-sheet.d.ts","sourceRoot":"","sources":["../../src/components/moni-bottom-sheet.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAE,WAAW,EAAgB,MAAM,kBAAkB,CAAC;AAG7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,qBACa,eAAgB,SAAQ,WAAW;IAC/C;;;;;;;OAOG;IACyC,IAAI,UAAS;IAEzD;;;;;;;;;OASG;IAEH,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAY;IAEvD;;;;;OAKG;IACyC,KAAK,UAAQ;IAEzD;;;;OAIG;IAC0B,KAAK,SAAM;IAExC;;;;;;;;;OASG;IACyC,MAAM,UAAS;IAE3D;;;;;;;;;;OAUG;IAEH,WAAW,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAW;IAEhE;;;;;;;;OAQG;IAEH,cAAc,SAAS;IAEvB;;;;;;;;OAQG;IAEH,QAAQ,SAAM;IAEd;;;OAGG;IACH,OAAO,CAAC,eAAe,CAAqB;IAE5C;;;OAGG;IACH,OAAO,CAAC,gBAAgB,CAAqB;IAE7C,wDAAwD;IACvC,OAAO,CAAC,OAAO,CAAqB;IACrD,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,OAAO,CAAK;IACpB,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,cAAc,CAAK;IAC3B,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,iBAAiB,CAAS;IAClC,OAAO,CAAC,UAAU,CAAS;IAE3B;;OAEG;IACH,IAAI;IAYJ;;OAEG;IACH,KAAK;IAII,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"moni-bottom-sheet.d.ts","sourceRoot":"","sources":["../../src/components/moni-bottom-sheet.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAE,WAAW,EAAgB,MAAM,kBAAkB,CAAC;AAG7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,qBACa,eAAgB,SAAQ,WAAW;IAC/C;;;;;;;OAOG;IACyC,IAAI,UAAS;IAEzD;;;;;;;;;OASG;IAEH,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAY;IAEvD;;;;;OAKG;IACyC,KAAK,UAAQ;IAEzD;;;;OAIG;IAC0B,KAAK,SAAM;IAExC;;;;;;;;;OASG;IACyC,MAAM,UAAS;IAE3D;;;;;;;;;;OAUG;IAEH,WAAW,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAW;IAEhE;;;;;;;;OAQG;IAEH,cAAc,SAAS;IAEvB;;;;;;;;OAQG;IAEH,QAAQ,SAAM;IAEd;;;OAGG;IACH,OAAO,CAAC,eAAe,CAAqB;IAE5C;;;OAGG;IACH,OAAO,CAAC,gBAAgB,CAAqB;IAE7C,wDAAwD;IACvC,OAAO,CAAC,OAAO,CAAqB;IACrD,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,OAAO,CAAK;IACpB,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,cAAc,CAAK;IAC3B,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,iBAAiB,CAAS;IAClC,OAAO,CAAC,UAAU,CAAS;IAE3B;;OAEG;IACH,IAAI;IAYJ;;OAEG;IACH,KAAK;IAII,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;YA2BnC,gBAAgB;IA4C9B;;;;;OAKG;IACH,OAAO,CAAC,eAAe;IAcvB;;;;OAIG;IACH,OAAO,CAAC,cAAc;IA2BtB;;;;OAIG;IACH,OAAO,CAAC,cAAc;IAmCtB;;;;OAIG;IACH,OAAO,CAAC,YAAY;IA6FpB;;;;;;OAMG;IACH,OAAO,CAAC,SAAS;IAKjB;;;;OAIG;IACH,OAAO,CAAC,gBAAgB;IAMxB;;;OAGG;IACH,OAAO,CAAC,qBAAqB;IAM7B;;;;;OAKG;IACH,OAAO,CAAC,cAAc;IAYtB;;;;;;;OAOG;IACM,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAsG9C;;;;OAIG;IACM,oBAAoB;IAO7B,OAAgB,MAAM,4BAqIpB;IAEF;;;;;;;;;;;;;;;;;;;OAmBG;IACM,MAAM;CAwBf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,eAAe,CAAC;KACrC;CACD;AAED,eAAe,eAAe,CAAC"}
|
|
@@ -196,6 +196,17 @@ let MoniBottomSheet = class MoniBottomSheet extends MoniElement {
|
|
|
196
196
|
}
|
|
197
197
|
}
|
|
198
198
|
}
|
|
199
|
+
if (changed.has('open') && !this.open && this._dialog && typeof this._dialog.close === 'function') {
|
|
200
|
+
// Cierra el <dialog> nativo ANTES de que render() retire ?open:
|
|
201
|
+
// close() sin el atributo open es no-op por spec y el top layer
|
|
202
|
+
// quedaría varado (diálogo fantasma que se traga los taps).
|
|
203
|
+
try {
|
|
204
|
+
this._dialog.close();
|
|
205
|
+
}
|
|
206
|
+
catch {
|
|
207
|
+
// Ya estaba cerrado.
|
|
208
|
+
}
|
|
209
|
+
}
|
|
199
210
|
}
|
|
200
211
|
async _animateAndClose() {
|
|
201
212
|
if (this._isClosing)
|
|
@@ -422,6 +433,17 @@ let MoniBottomSheet = class MoniBottomSheet extends MoniElement {
|
|
|
422
433
|
}
|
|
423
434
|
this._lastDeltaY = 0;
|
|
424
435
|
}
|
|
436
|
+
/**
|
|
437
|
+
* Maneja la cancelación nativa del <dialog> (tecla Escape).
|
|
438
|
+
* Sin esto el browser cerraría el diálogo por su cuenta y la
|
|
439
|
+
* propiedad `open` quedaría desincronizada (sheet invisible con
|
|
440
|
+
* open=true). Se previene el cierre nativo y se conduce el flujo
|
|
441
|
+
* propio con animación y eventos. Mismo patrón que moni-side-sheet.
|
|
442
|
+
*/
|
|
443
|
+
_onCancel(e) {
|
|
444
|
+
e.preventDefault();
|
|
445
|
+
void this.close();
|
|
446
|
+
}
|
|
425
447
|
/**
|
|
426
448
|
* Maneja la cancelación del puntero o interrupción del SO.
|
|
427
449
|
* Si el usuario ya lo había arrastrado hacia abajo o hacia fuera de la pantalla,
|
|
@@ -513,6 +535,60 @@ let MoniBottomSheet = class MoniBottomSheet extends MoniElement {
|
|
|
513
535
|
this._originalSibling = null;
|
|
514
536
|
}
|
|
515
537
|
}
|
|
538
|
+
// Sincroniza el estado declarativo (open/modal) con la API
|
|
539
|
+
// imperativa del <dialog> nativo. Sin esto el ?open del template
|
|
540
|
+
// solo abre el diálogo como no-modal: sin top layer, sin
|
|
541
|
+
// ::backdrop y sin bloqueo del fondo. Mismo patrón que
|
|
542
|
+
// moni-dialog y moni-side-sheet, con guards typeof para
|
|
543
|
+
// entornos sin HTMLDialogElement (jsdom).
|
|
544
|
+
//
|
|
545
|
+
// NOTA: no se lee dialog.open como guarda porque render() ya
|
|
546
|
+
// aplicó ?open antes de updated() y siempre reflejaría el nuevo
|
|
547
|
+
// estado. Se decide por la transición (changed): close() sobre
|
|
548
|
+
// un diálogo ya cerrado es no-op por spec, igual que showModal()
|
|
549
|
+
// sobre uno ya modal lanza InvalidStateError (tolerado).
|
|
550
|
+
if (this._dialog) {
|
|
551
|
+
const nativo = this._dialog;
|
|
552
|
+
if (this.open) {
|
|
553
|
+
if (this.modal && typeof nativo.showModal === 'function') {
|
|
554
|
+
let yaEsModal = false;
|
|
555
|
+
try {
|
|
556
|
+
yaEsModal = this._dialog.matches(':modal');
|
|
557
|
+
}
|
|
558
|
+
catch {
|
|
559
|
+
yaEsModal = false;
|
|
560
|
+
}
|
|
561
|
+
if (!yaEsModal) {
|
|
562
|
+
try {
|
|
563
|
+
nativo.showModal();
|
|
564
|
+
}
|
|
565
|
+
catch {
|
|
566
|
+
// Otro actor ya lo abrió.
|
|
567
|
+
}
|
|
568
|
+
}
|
|
569
|
+
}
|
|
570
|
+
else if (!this.modal && typeof nativo.show === 'function') {
|
|
571
|
+
try {
|
|
572
|
+
nativo.show();
|
|
573
|
+
}
|
|
574
|
+
catch {
|
|
575
|
+
// Otro actor ya lo abrió.
|
|
576
|
+
}
|
|
577
|
+
}
|
|
578
|
+
else if ((this.modal && typeof nativo.showModal !== 'function') ||
|
|
579
|
+
(!this.modal && typeof nativo.show !== 'function')) {
|
|
580
|
+
this._dialog.open = true;
|
|
581
|
+
}
|
|
582
|
+
}
|
|
583
|
+
else if (typeof nativo.close === 'function') {
|
|
584
|
+
try {
|
|
585
|
+
nativo.close();
|
|
586
|
+
}
|
|
587
|
+
catch {
|
|
588
|
+
// Ya estaba cerrado.
|
|
589
|
+
}
|
|
590
|
+
}
|
|
591
|
+
}
|
|
516
592
|
}
|
|
517
593
|
}
|
|
518
594
|
/**
|
|
@@ -566,6 +642,10 @@ let MoniBottomSheet = class MoniBottomSheet extends MoniElement {
|
|
|
566
642
|
transform: translateY(0);
|
|
567
643
|
}
|
|
568
644
|
|
|
645
|
+
dialog::backdrop {
|
|
646
|
+
background-color: rgb(0 0 0 / 0.5);
|
|
647
|
+
}
|
|
648
|
+
|
|
569
649
|
dialog.fixed {
|
|
570
650
|
position: fixed;
|
|
571
651
|
inset: auto 0 0 0;
|
|
@@ -684,6 +764,7 @@ let MoniBottomSheet = class MoniBottomSheet extends MoniElement {
|
|
|
684
764
|
?open=${this.open}
|
|
685
765
|
class=${dialogClasses}
|
|
686
766
|
@click=${this._onDialogClick}
|
|
767
|
+
@cancel=${this._onCancel}
|
|
687
768
|
@pointerdown=${this._onPointerDown}
|
|
688
769
|
@pointermove=${this._onPointerMove}
|
|
689
770
|
@pointerup=${this._onPointerUp}
|
package/docs/api.json
CHANGED
package/package.json
CHANGED
|
@@ -763,4 +763,106 @@ describe('moni-bottom-sheet', () => {
|
|
|
763
763
|
await el.updateComplete;
|
|
764
764
|
expect(el.open).toBe(false);
|
|
765
765
|
});
|
|
766
|
+
|
|
767
|
+
it('abre el diálogo nativo como modal con showModal cuando modal=true', async () => {
|
|
768
|
+
await el.updateComplete;
|
|
769
|
+
const dialog = el.shadowRoot?.querySelector('dialog') as HTMLDialogElement;
|
|
770
|
+
const showModalSpy = vi.fn();
|
|
771
|
+
const showSpy = vi.fn();
|
|
772
|
+
(dialog as any).showModal = showModalSpy;
|
|
773
|
+
(dialog as any).show = showSpy;
|
|
774
|
+
|
|
775
|
+
expect(el.modal).toBe(true);
|
|
776
|
+
el.open = true;
|
|
777
|
+
await el.updateComplete;
|
|
778
|
+
|
|
779
|
+
expect(showModalSpy).toHaveBeenCalled();
|
|
780
|
+
expect(showSpy).not.toHaveBeenCalled();
|
|
781
|
+
});
|
|
782
|
+
|
|
783
|
+
it('abre el diálogo nativo con show() en vez de showModal cuando modal=false', async () => {
|
|
784
|
+
el.modal = false;
|
|
785
|
+
await el.updateComplete;
|
|
786
|
+
const dialog = el.shadowRoot?.querySelector('dialog') as HTMLDialogElement;
|
|
787
|
+
const showModalSpy = vi.fn();
|
|
788
|
+
const showSpy = vi.fn();
|
|
789
|
+
(dialog as any).showModal = showModalSpy;
|
|
790
|
+
(dialog as any).show = showSpy;
|
|
791
|
+
|
|
792
|
+
el.open = true;
|
|
793
|
+
await el.updateComplete;
|
|
794
|
+
|
|
795
|
+
expect(showSpy).toHaveBeenCalled();
|
|
796
|
+
expect(showModalSpy).not.toHaveBeenCalled();
|
|
797
|
+
});
|
|
798
|
+
|
|
799
|
+
it('cierra el diálogo nativo con close() al poner open=false', async () => {
|
|
800
|
+
await el.updateComplete;
|
|
801
|
+
const dialog = el.shadowRoot?.querySelector('dialog') as HTMLDialogElement;
|
|
802
|
+
(dialog as any).showModal = vi.fn(() => {
|
|
803
|
+
(dialog as any).open = true;
|
|
804
|
+
});
|
|
805
|
+
const closeSpy = vi.fn();
|
|
806
|
+
(dialog as any).close = closeSpy;
|
|
807
|
+
|
|
808
|
+
el.open = true;
|
|
809
|
+
await el.updateComplete;
|
|
810
|
+
el.open = false;
|
|
811
|
+
await el.updateComplete;
|
|
812
|
+
|
|
813
|
+
expect(closeSpy).toHaveBeenCalled();
|
|
814
|
+
});
|
|
815
|
+
|
|
816
|
+
it('aplica fallback al atributo open cuando el entorno no implementa showModal', async () => {
|
|
817
|
+
await el.updateComplete;
|
|
818
|
+
const dialog = el.shadowRoot?.querySelector('dialog') as HTMLDialogElement;
|
|
819
|
+
(dialog as any).showModal = undefined;
|
|
820
|
+
(dialog as any).show = undefined;
|
|
821
|
+
|
|
822
|
+
el.open = true;
|
|
823
|
+
await el.updateComplete;
|
|
824
|
+
|
|
825
|
+
expect(dialog.hasAttribute('open')).toBe(true);
|
|
826
|
+
expect((dialog as any).open).toBe(true);
|
|
827
|
+
});
|
|
828
|
+
|
|
829
|
+
it('cierra el diálogo nativo antes de retirar ?open (close() sin open es no-op)', async () => {
|
|
830
|
+
await el.updateComplete;
|
|
831
|
+
const dialog = el.shadowRoot?.querySelector('dialog') as HTMLDialogElement;
|
|
832
|
+
(dialog as any).showModal = vi.fn();
|
|
833
|
+
let attrDuringClose: boolean | null = null;
|
|
834
|
+
(dialog as any).close = vi.fn(() => {
|
|
835
|
+
// Solo la primera llamada (willUpdate, pre-render) ve ?open.
|
|
836
|
+
// El backstop de updated() también cierra, pero ya sin atributo.
|
|
837
|
+
if (attrDuringClose === null) attrDuringClose = dialog.hasAttribute('open');
|
|
838
|
+
});
|
|
839
|
+
|
|
840
|
+
el.open = true;
|
|
841
|
+
await el.updateComplete;
|
|
842
|
+
el.open = false;
|
|
843
|
+
await el.updateComplete;
|
|
844
|
+
|
|
845
|
+
expect((dialog as any).close).toHaveBeenCalled();
|
|
846
|
+
expect(attrDuringClose).toBe(true);
|
|
847
|
+
expect(dialog.hasAttribute('open')).toBe(false);
|
|
848
|
+
});
|
|
849
|
+
|
|
850
|
+
it('previene el cierre nativo con Escape y conduce el flujo propio con eventos', async () => {
|
|
851
|
+
el.open = true;
|
|
852
|
+
await el.updateComplete;
|
|
853
|
+
|
|
854
|
+
const closeSpy = vi.fn();
|
|
855
|
+
el.addEventListener('close', closeSpy);
|
|
856
|
+
|
|
857
|
+
const dialog = el.shadowRoot?.querySelector('dialog') as HTMLDialogElement;
|
|
858
|
+
const canceled = !dialog.dispatchEvent(
|
|
859
|
+
new Event('cancel', { bubbles: true, cancelable: true })
|
|
860
|
+
);
|
|
861
|
+
dialog.dispatchEvent(new Event('transitionend'));
|
|
862
|
+
await el.updateComplete;
|
|
863
|
+
|
|
864
|
+
expect(canceled).toBe(true);
|
|
865
|
+
expect(el.open).toBe(false);
|
|
866
|
+
expect(closeSpy).toHaveBeenCalled();
|
|
867
|
+
});
|
|
766
868
|
});
|