@moni-labs/moni-ui 0.3.0 → 0.3.2

package/dist/components/moni-badge.js

@@ -14,26 +14,26 @@ import { html, css } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { MoniElement, sharedStyles } from './_base/index.js';
 /**
- * Material Design 3 Badge component.
+ * Componente Material Design 3 Badge.
  *
- * Badges are small status descriptors anchored to a parent element, used to
- * convey supplementary information such as a notification count, online
- * status, or selection indicator.
+ * Los badges son pequeños descriptores de estado anclados a un elemento padre, usados para
+ * transmitir información suplementaria como un conteo de notificaciones, estado
+ * en línea, o indicador de selección.
  *
- * **Positioning contract:**
- * The badge uses `position: absolute` and anchors to the parent element.
- * On `connectedCallback`, if the parent's computed `position` is `'static'`,
- * the badge automatically sets `parent.style.position = 'relative'`.
- * Consumers do not need to manually add `position: relative` to the parent.
+ * **Contrato de posicionamiento:**
+ * El badge usa `position: absolute` y se ancla al elemento padre.
+ * En `connectedCallback`, si el `position` computado del padre es `'static'`,
+ * el badge automáticamente establece `parent.style.position = 'relative'`.
+ * Los consumidores no necesitan añadir manualmente `position: relative` al padre.
  *
- * **Rendering model:**
- * The `:host` displays as `contents`, making it transparent to layout.
- * Only the inner `.badge` span is visually rendered. This allows the badge
- * to be dropped inside any element without affecting its layout flow.
+ * **Modelo de renderizado:**
+ * El `:host` se muestra como `contents`, haciéndolo transparente para el layout.
+ * Solo el span interior `.badge` se renderiza visualmente. Esto permite que el badge
+ * se inserte dentro de cualquier elemento sin afectar su flujo de layout.
  *
  * @example
  * ```html
- * <!-- Notification badge on a button -->
+ * <!-- Badge de notificación en un botón -->
  * <div style="position: relative; display: inline-flex;">
  *   <moni-button icon="notifications" variant="text"></moni-button>
  *   <moni-badge value="5"></moni-badge>
@@ -42,98 +42,96 @@ import { MoniElement, sharedStyles } from './_base/index.js';
  *
  * @example
  * ```html
- * <!-- Inline dot badge for status -->
+ * <!-- Badge de punto en línea para estado -->
  * <moni-badge shape="min" color="primary" inline></moni-badge>
- * Online
+ * Conectado
  * ```
  *
- * @csspart badge - The badge `<span>` element. Override `background-color`,
- *                  `color`, or `border-radius` to customize appearance.
+ * @csspart badge - El elemento `<span>` del badge. Sobrescribe `background-color`,
+ *                  `color`, o `border-radius` para personalizar la apariencia.
  */
 let MoniBadge = class MoniBadge extends MoniElement {
     constructor() {
         super(...arguments);
         /**
-         * Text content of the badge label.
+         * Contenido de texto de la etiqueta del badge.
          *
-         * Also accepts slotted content — the default slot inside the badge span
-         * falls back to this value when no children are slotted.
-         * Use an empty string with `shape="min"` to render a dot-only badge.
+         * También acepta contenido en el slot — el slot por defecto dentro del span del badge
+         * usa este valor cuando no hay hijos proporcionados en el slot.
+         * Usa un string vacío con `shape="min"` para renderizar un badge de solo punto.
          *
          * @default ''
          */
         this.value = '';
         /**
-         * Anchor position relative to the parent element's edges.
+         * Posición de anclaje relativa a los bordes del elemento padre.
          *
-         * Uses `inset: 50% auto auto 50%` as the base and adjusts translation:
-         * - `''` (default) — top-right corner (translate: 0, -100%).
-         * - `'top'`    — same as default, explicit alias.
-         * - `'bottom'` — bottom-right corner (translate: 0, 0).
-         * - `'left'`   — top-left corner (translate: -100%, -100%).
-         * - `'right'`  — top-right corner (translate: 0, -100%).
-         * - `'none'`   — disables absolute positioning; see also the `inline` attribute.
+         * Usa `inset: 50% auto auto 50%` como base y ajusta la traslación:
+         * - `''` (por defecto) — esquina superior derecha (translate: 0, -100%).
+         * - `'top'`    — igual que por defecto, alias explícito.
+         * - `'bottom'` — esquina inferior derecha (translate: 0, 0).
+         * - `'left'`   — esquina superior izquierda (translate: -100%, -100%).
+         * - `'right'`  — esquina superior derecha (translate: 0, -100%).
+         * - `'none'`   — deshabilita el posicionamiento absoluto; ver también el atributo `inline`.
          *
          * @default ''
          */
         this.position = '';
         /**
-         * Shape of the badge container.
+         * Forma del contenedor del badge.
          *
-         * - `''` (default) — Rounded pill shape (border-radius: 1rem).
-         * - `'circle'`     — Alias for pill; the badge is always circular when the
-         *                    content is a single character or absent.
-         * - `'square'`     — No border-radius (angular badge).
-         * - `'min'`        — Dot only; content is hidden via `display: none` and the
-         *                    shape is clipped to a small circle via `clip-path`.
+         * - `''` (por defecto) — Forma de píldora redondeada (border-radius: 1rem).
+         * - `'circle'`     — Alias para píldora; el badge siempre es circular cuando el
+         *                    contenido es un solo carácter o está ausente.
+         * - `'square'`     — Sin border-radius (badge angular).
+         * - `'min'`        — Solo punto; el contenido se oculta mediante `display: none` y la
+         *                    forma se recorta a un círculo pequeño mediante `clip-path`.
          *
          * @default ''
          */
         this.shape = '';
         /**
-         * Semantic color role of the badge.
+         * Rol de color semántico del badge.
          *
-         * Maps to the M3 color palette roles:
-         * - `'error'` (default) — Red; standard for notification counts and alerts.
-         * - `'primary'`         — Brand primary color; for selection or active states.
-         * - `'secondary'`       — Secondary accent; for supplementary indicators.
-         * - `'tertiary'`        — Tertiary accent; for decorative or informational badges.
+         * Se asigna a los roles de la paleta de colores M3:
+         * - `'error'` (por defecto) — Rojo; estándar para conteos de notificaciones y alertas.
+         * - `'primary'`         — Color primario de la marca; para estados activos o de selección.
+         * - `'secondary'`       — Acento secundario; para indicadores suplementarios.
+         * - `'tertiary'`        — Acento terciario; para badges decorativos o informativos.
          *
          * @default 'error'
          */
         this.color = 'error';
         /**
-         * When `true`, the badge renders inline (resets `position: absolute` to
-         * `position: relative`) rather than anchoring to the parent.
+         * Cuando es `true`, el badge se renderiza en línea (restablece `position: absolute` a
+         * `position: relative`) en lugar de anclarse al padre.
          *
-         * Equivalent to BeerCSS's `.badge.none` class. Use for inline status
-         * indicators that flow within text or flex containers.
+         * Equivalente a la clase `.badge.none` de BeerCSS. Úsalo para indicadores de estado en línea
+         * que fluyen dentro de texto o contenedores flex.
          *
          * @default false
          */
         this.inline = false;
         /**
-         * When present, renders the badge with an outlined style:
-         * - Background becomes `--surface` (same as the page background).
-         * - Border and text color use the palette color token (e.g. `--error`).
+         * Cuando está presente, renderiza el badge con un estilo delineado:
+         * - El fondo se convierte en `--surface` (igual que el fondo de la página).
+         * - El borde y el color del texto usan el token de color de la paleta (ej. `--error`).
          *
-         * Equivalent to BeerCSS's `.badge.border` class.
+         * Equivalente a la clase `.badge.border` de BeerCSS.
          *
          * @default false
          */
         this.border = false;
     }
     /**
-     * Ensures the parent element can contain the absolutely-positioned badge.
-     *
-     * Reads the parent's computed `position` via `getComputedStyle`. If it is
-     * `'static'` (the browser default), sets `parent.style.position = 'relative'`
-     * so the badge anchors correctly. This is a convenience that avoids requiring
-     * consumers to remember to add `position: relative` to the parent themselves.
+     * Hook de ciclo de vida de Lit.
+     * Mutación imperativa del DOM padre para garantizar el sistema de anclaje (CSS Position).
+     * Un badge por defecto usa position: absolute. Si su contenedor padre es estático,
+     * el badge "escaparía" hasta el body. Esto detecta el computed style y fuerza
+     * un contexto de apilamiento relativo para encapsularlo.
      */
     connectedCallback() {
         super.connectedCallback();
-        // Ensure the badge's absolutely-positioned anchor point is correct.
         const parent = this.parentElement;
         if (parent) {
             const computed = getComputedStyle(parent);
@@ -213,16 +211,16 @@ let MoniBadge = class MoniBadge extends MoniElement {
 		`
     ]; }
     /**
-     * Renders the badge span with the computed class list.
+     * Renderiza el span del badge con la lista de clases computada.
      *
-     * Class composition:
-     * - `'badge'`       — always present (base styles).
-     * - `this.position` — position variant class (e.g. `'bottom'`, `'left'`).
-     * - `this.shape`    — shape variant class (e.g. `'min'`, `'square'`).
-     * - `'none'`        — added when `inline=true` to reset absolute positioning.
+     * Composición de clases:
+     * - `'badge'`       — siempre presente (estilos base).
+     * - `this.position` — clase de variante de posición (ej. `'bottom'`, `'left'`).
+     * - `this.shape`    — clase de variante de forma (ej. `'min'`, `'square'`).
+     * - `'none'`        — se añade cuando `inline=true` para restablecer el posicionamiento absoluto.
      *
-     * Falsy values are filtered out so no extra spaces appear in the class string.
-     * The default slot falls back to the `value` attribute text node.
+     * Los valores falsos se filtran para que no aparezcan espacios extra en el string de clases.
+     * El slot por defecto usa el nodo de texto del atributo `value` como respaldo.
      */
     render() {
         const classes = [

package/dist/components/moni-bottom-sheet.d.ts

@@ -6,37 +6,37 @@
  */
 import { MoniElement } from './_base/index.js';
 /**
- * Material Design 3 Bottom Sheet component.
+ * Componente Material Design 3 Bottom Sheet.
  *
- * Bottom sheets are surfaces anchored to the bottom of the screen that
- * supplement the main view. They display supplementary content, contextual
- * actions, or task flows without fully obscuring the primary content.
+ * Los bottom sheets son superficies ancladas a la parte inferior de la pantalla que
+ * complementan la vista principal. Muestran contenido complementario, acciones
+ * contextuales, o flujos de tareas sin ocultar por completo el contenido principal.
  *
- * **M3 spec reference:** `m3-docs/components/sheets-bottom/specs.md`
+ * **Referencia de la especificación M3:** `m3-docs/components/sheets-bottom/specs.md`
  *
- * **Implementation note — native `<dialog>` element:**
- * Like `<moni-dialog>`, this component wraps the native `<dialog>` element.
- * The `open` property drives `dialog.showModal()` / `dialog.close()`. When
- * `modal=true` (default), a `::backdrop` scrim is rendered automatically.
+ * **Nota de implementación — elemento nativo `<dialog>`:**
+ * Al igual que `<moni-dialog>`, este componente envuelve el elemento nativo `<dialog>`.
+ * La propiedad `open` controla `dialog.showModal()` / `dialog.close()`. Cuando
+ * `modal=true` (por defecto), se renderiza automáticamente un fondo `::backdrop`.
  *
- * **Teleportation (body-level mounting):**
- * When `positioning="body"` (default), the component moves itself to
- * `document.body` on `connectedCallback` so the fixed-bottom dialog renders
- * above all stacking contexts. On `disconnectedCallback`, it is moved back
- * to its original DOM position. This avoids clipping by `overflow: hidden`
- * or `transform` ancestors.
+ * **Teletransportación (montaje a nivel del body):**
+ * Cuando `positioning="body"` (por defecto), el componente se mueve a
+ * `document.body` en `connectedCallback` para que el diálogo inferior fijo se renderice
+ * por encima de todos los contextos de apilamiento. En `disconnectedCallback`, se mueve de nuevo
+ * a su posición original en el DOM. Esto evita el recorte por un ancestro con `overflow: hidden`
+ * o `transform`.
  *
- * **Sizes:**
- * - `small`  — Compact sheet; suitable for simple action menus.
- * - `medium` — Standard height (default).
- * - `large`  — Expanded height (`expandedHeight` controls the max block-size).
- * - `auto`   — Content-driven height.
+ * **Tamaños:**
+ * - `small`  — Hoja compacta; adecuada para menús de acciones simples.
+ * - `medium` — Altura estándar (por defecto).
+ * - `large`  — Altura expandida (`expandedHeight` controla el block-size máximo).
+ * - `auto`   — Altura impulsada por el contenido.
  *
  * @example
  * ```html
- * <moni-bottom-sheet title="Share">
- *   <moni-list-item icon="share">Copy link</moni-list-item>
- *   <moni-list-item icon="mail">Send via email</moni-list-item>
+ * <moni-bottom-sheet title="Compartir">
+ *   <moni-list-item icon="share">Copiar enlace</moni-list-item>
+ *   <moni-list-item icon="mail">Enviar por correo</moni-list-item>
  * </moni-bottom-sheet>
  *
  * <script>
@@ -44,92 +44,92 @@ import { MoniElement } from './_base/index.js';
  * </script>
  * ```
  *
- * @slot default - The body content of the bottom sheet.
- * @slot handle  - The drag handle area at the top of the sheet.
- * @slot footer  - Action buttons at the bottom of the sheet.
+ * @slot default - El contenido principal del bottom sheet.
+ * @slot handle  - El área del asa de arrastre en la parte superior.
+ * @slot footer  - Botones de acción en la parte inferior de la hoja.
  *
- * @csspart dialog - The native `<dialog>` element.
- * @csspart header - The header container with title and close button.
- * @csspart body   - The scrollable body content area.
- * @csspart footer - The footer action buttons area.
+ * @csspart dialog - El elemento nativo `<dialog>`.
+ * @csspart header - El contenedor del encabezado con el título y el botón de cierre.
+ * @csspart body   - El área de contenido principal desplazable (scrollable).
+ * @csspart footer - El área de los botones de acción en el pie.
  */
 export declare class MoniBottomSheet extends MoniElement {
     /**
-     * Controls the open/closed state of the bottom sheet.
+     * Controla el estado abierto/cerrado del bottom sheet.
      *
-     * When set to `true`, calls `dialog.showModal()` or `dialog.show()`
-     * depending on the `modal` property. When set to `false`, calls `dialog.close()`.
+     * Cuando se establece en `true`, llama a `dialog.showModal()` o `dialog.show()`
+     * dependiendo de la propiedad `modal`. Cuando se establece en `false`, llama a `dialog.close()`.
      *
      * @default false
      */
     open: boolean;
     /**
-     * Height variant of the sheet container.
+     * Variante de altura del contenedor de la hoja.
      *
-     * - `'small'`  — Compact; suitable for quick confirmations.
-     * - `'medium'` — Standard height (default).
-     * - `'large'`  — Fills `expandedHeight` of the viewport.
-     * - `'auto'`   — Content-driven; height adapts to the slotted content.
+     * - `'small'`  — Compacta; adecuada para confirmaciones rápidas.
+     * - `'medium'` — Altura estándar (por defecto).
+     * - `'large'`  — Llena el `expandedHeight` de la ventana gráfica.
+     * - `'auto'`   — Depende del contenido; la altura se adapta al contenido en el slot.
      *
      * @default 'medium'
      */
     size: 'small' | 'medium' | 'large' | 'auto';
     /**
-     * When `true` (default), the sheet opens as a modal dialog with a backdrop
-     * scrim. When `false`, it opens as a non-modal overlay with no scrim.
+     * Cuando es `true` (por defecto), la hoja se abre como un diálogo modal con un
+     * fondo translúcido (scrim). Cuando es `false`, se abre como una superposición no modal sin scrim.
      *
      * @default true
      */
     modal: boolean;
     /**
-     * Heading text displayed in the sheet's header area.
+     * Texto de encabezado mostrado en el área del encabezado de la hoja.
      *
      * @default ''
      */
     title: string;
     /**
-     * Controls how the sheet is positioned in the document.
+     * Controla cómo se posiciona la hoja en el documento.
      *
-     * - `'body'` (default) — Teleports the element to `document.body` so
-     *   the fixed overlay renders above all stacking contexts.
-     * - `'fixed'` — Fixed positioning within its current DOM subtree.
-     * - `'absolute'` — Absolute within the nearest positioned ancestor.
-     * - `'static'` — Static flow (rarely needed; for testing only).
+     * - `'body'` (por defecto) — Teletransporta el elemento a `document.body` para que
+     *   la superposición fija se renderice por encima de todos los contextos de apilamiento.
+     * - `'fixed'` — Posicionamiento fijo dentro de su subárbol DOM actual.
+     * - `'absolute'` — Absoluto dentro del ancestro posicionado más cercano.
+     * - `'static'` — Flujo estático (rara vez necesario; solo para pruebas).
      *
      * @default 'fixed'
      */
     positioning: 'body' | 'fixed' | 'absolute' | 'static';
     /**
-     * Maximum block-size (height) of the sheet when `size="large"`.
+     * Block-size (altura) máximo de la hoja cuando `size="large"`.
      *
-     * Accepts any valid CSS `max-block-size` value (e.g. `'85%'`, `'600px'`).
-     * Defaults to `'85%'` which is the M3-recommended maximum for bottom sheets
-     * on compact screens.
+     * Acepta cualquier valor válido de `max-block-size` en CSS (ej. `'85%'`, `'600px'`).
+     * Por defecto es `'85%'` que es el máximo recomendado por M3 para bottom sheets
+     * en pantallas compactas.
      *
      * @default '85%'
      */
     expandedHeight: string;
     /**
-     * Optional maximum inline-size (width) constraint for the sheet.
+     * Restricción opcional de inline-size (ancho) máximo para la hoja.
      *
-     * When set (e.g. `'640px'`), the sheet will not exceed this width even on
-     * wide displays. Useful for tablet/desktop breakpoints where a centered
-     * modal is preferred over a full-width sheet.
+     * Cuando se establece (ej. `'640px'`), la hoja no excederá este ancho incluso en
+     * pantallas anchas. Útil para puntos de interrupción de tableta/escritorio donde se prefiere
+     * un modal centrado en lugar de una hoja de ancho completo.
      *
-     * @default '' (no constraint)
+     * @default '' (sin restricción)
      */
     maxWidth: string;
     /**
-     * Original parent node before teleportation to `document.body`.
-     * Used to restore the element's DOM position in `disconnectedCallback`.
+     * Nodo padre original antes de la teletransportación a `document.body`.
+     * Utilizado para restaurar la posición DOM del elemento en `disconnectedCallback`.
      */
     private _originalParent;
     /**
-     * Original next sibling before teleportation to `document.body`.
-     * Used alongside `_originalParent` to restore the exact DOM position.
+     * Hermano siguiente original antes de la teletransportación a `document.body`.
+     * Utilizado junto con `_originalParent` para restaurar la posición exacta en el DOM.
      */
     private _originalSibling;
-    /** Direct reference to the native `<dialog>` element. */
+    /** Referencia directa al elemento nativo `<dialog>`. */
     private _dialog;
     private _isDragging;
     private _startY;
@@ -137,15 +137,83 @@ export declare class MoniBottomSheet extends MoniElement {
     private _sheetHeight;
     private _defaultHeight;
     private _justDragged;
+    private _skipRequestClose;
+    willUpdate(changed: Map<string, unknown>): void;
+    private _animateAndClose;
+    /**
+     * Calcula la altura máxima permitida en píxeles basándose en la propiedad `expandedHeight`.
+     * Útil para la lógica de arrastre donde necesitamos valores numéricos absolutos (px) en
+     * lugar de porcentajes o unidades de viewport, asegurando que el bottom-sheet no exceda
+     * el tamaño permitido en pantalla.
+     */
     private _getMaxHeightPx;
+    /**
+     * Inicia el proceso de arrastre (drag) cuando el usuario presiona sobre el `handle` o el `header`.
+     * Captura el puntero para asegurar que los eventos de movimiento se sigan recibiendo incluso si
+     * el cursor se sale de los límites físicos del elemento.
+     */
     private _onPointerDown;
+    /**
+     * Maneja el movimiento del puntero mientras se arrastra el componente.
+     * Interpola la altura o la transformación Y dependiendo de si se está expandiendo o colapsando,
+     * y de su estado actual (expandido o normal).
+     */
     private _onPointerMove;
+    /**
+     * Finaliza la interacción de arrastre, evaluando si el bottom-sheet debe
+     * expandirse, regresar a su estado original o cerrarse completamente según la
+     * inercia o la distancia arrastrada.
+     */
     private _onPointerUp;
+    /**
+     * Aborta limpiamente la interacción de arrastre (Pointer Cancel).
+     * Se dispara cuando el SO interrumpe el touch (ej: entrada de una llamada)
+     * o si el navegador toma el control para un scroll nativo imprevisto.
+     */
     private _onPointerCancel;
+    /**
+     * Handler de clicks en la superficie del modal (Backdrop).
+     * Si el clic cae exactamente en el fondo (`this._dialog`) y no en el contenedor de
+     * contenido interno (`this._sheetContent`), y si el sheet acaba de ser arrastrado
+     * sin soltar, ignora el click. De lo contrario, cierra fluidamente el modal deslizando hacia abajo.
+     */
     private _onDialogClick;
+    /**
+     * Hook del ciclo de vida reactivo (Lit).
+     * Gestiona inyecciones de variables CSS dinámicas para anchos y alturas máximas.
+     *
+     * Fundamental: Resuelve problemas de `z-index` y `overflow: hidden` en ancestros
+     * mediante el Portal Pattern (moviendo físicamente el DOM element al `document.body`)
+     * si `positioning === 'body'` cuando se abre, y devolviéndolo a su DOM originario al cerrar.
+     */
     updated(changed: Map<string, unknown>): void;
+    /**
+     * Limpieza (Garbage Collection).
+     * Si el Bottom Sheet fue destruido mientras estaba inyectado en el `document.body`
+     * (Portal Pattern), lo retorna a su padre original para evitar orfandad de nodos.
+     */
     disconnectedCallback(): void;
     static styles: import("lit").CSSResult[];
+    /**
+     * Renders the native `<dialog>` element that serves as the bottom sheet container.
+     *
+     * **Why `<dialog>` instead of `<div>`?**
+     * Using the native `<dialog>` element provides:
+     * - Built-in focus trapping via the `open` attribute (browser handles `inert`).
+     * - The `::backdrop` pseudo-element for the translucent overlay (styled via CSS).
+     * - Screen reader accessibility (`role="dialog"` / `aria-modal`) for free.
+     *
+     * **Positioning class mapping:**
+     * `posClass` maps `positioning='body'` to `'fixed'` (the CSS class name), while
+     * other positioning values pass through unchanged. `'body'` positioning anchors
+     * the sheet to the viewport; `'parent'` keeps it within the nearest `position: relative` ancestor.
+     *
+     * **Touch-to-dismiss via pointer events:**
+     * `@pointerdown`, `@pointermove`, and `@pointerup` on the `<dialog>` element
+     * power the swipe-down-to-dismiss gesture. `_onPointerDown` records the start Y;
+     * `_onPointerMove` applies a CSS `translateY` to provide live drag feedback;
+     * `_onPointerUp` determines if the drag exceeded the dismiss threshold.
+     */
     render(): import("lit").TemplateResult<1>;
 }
 declare global {

package/dist/components/moni-bottom-sheet.d.ts.map

@@ -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;AAE7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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;;;;;;;;;;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,yDAAyD;IACxC,OAAO,CAAC,OAAO,CAAqB;IACrD,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,OAAO,CAAK;IACpB,OAAO,CAAC,oBAAoB,CAAK;IACjC,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,cAAc,CAAK;IAC3B,OAAO,CAAC,YAAY,CAAS;IAE7B,OAAO,CAAC,eAAe;IAcvB,OAAO,CAAC,cAAc;IAkBtB,OAAO,CAAC,cAAc;IAkCtB,OAAO,CAAC,YAAY;IAwFpB,OAAO,CAAC,gBAAgB;IAWxB,OAAO,CAAC,cAAc;IAyBb,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IA4BrC,oBAAoB;IAO7B,OAAgB,MAAM,4BAyHpB;IAEO,MAAM;CAsBf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,eAAe,CAAC;KACrC;CACD;AAED,eAAe,eAAe,CAAC"}
+{"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;;;;;;;;;;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,oBAAoB,CAAK;IACjC,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,cAAc,CAAK;IAC3B,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,iBAAiB,CAAS;IAEzB,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;YAiBnC,gBAAgB;IA8B9B;;;;;OAKG;IACH,OAAO,CAAC,eAAe;IAcvB;;;;OAIG;IACH,OAAO,CAAC,cAAc;IAqBtB;;;;OAIG;IACH,OAAO,CAAC,cAAc;IAmCtB;;;;OAIG;IACH,OAAO,CAAC,YAAY;IAmEpB;;;;OAIG;IACH,OAAO,CAAC,gBAAgB;IAWxB;;;;;OAKG;IACH,OAAO,CAAC,cAAc;IAYtB;;;;;;;OAOG;IACM,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAmC9C;;;;OAIG;IACM,oBAAoB;IAO7B,OAAgB,MAAM,4BAyHpB;IAEF;;;;;;;;;;;;;;;;;;;OAmBG;IACM,MAAM;CAsBf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,eAAe,CAAC;KACrC;CACD;AAED,eAAe,eAAe,CAAC"}