@flitsmeister/design-system 2.2.35 → 3.0.0

package/dist/fm-button/fm-button.style.js

@@ -0,0 +1,395 @@
+import { css } from "lit";
+export const fmButtonStyle = css `
+  :host {
+    display: inline-block;
+  }
+
+  :host([full-width]) {
+    display: block;
+    width: 100%;
+  }
+
+  :host([full-width]) .btn {
+    width: 100%;
+  }
+
+  .btn {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    border: none;
+    transition:
+      opacity 0.2s,
+      width 0.3s cubic-bezier(0.33, 1, 0.68, 1),
+      padding 0.25s cubic-bezier(0.33, 1, 0.68, 1),
+      border-radius 0.25s cubic-bezier(0.33, 1, 0.68, 1);
+    box-sizing: border-box;
+    font-family: inherit;
+    position: relative;
+    overflow: hidden;
+    white-space: nowrap;
+  }
+
+  .btn:not(.btn--loading):not(.btn--error):not(.btn--success) {
+  min-width: 100px;
+}
+
+  .btn:not([disabled]):not(.btn--loading):not(.btn--error):not(
+      .btn--success
+    ):active {
+    opacity: 0.8;
+  }
+
+  .btn + .btn {
+    margin-left: 1em;
+  }
+
+  .btn-icon {
+    display: inline-flex;
+    flex-shrink: 0;
+    align-items: center;
+  }
+
+  .btn-icon fm-icon {
+    display: inline-flex;
+    color: currentColor;
+  }
+
+  .btn-icon--prepend {
+    margin-right: 0.5rem;
+  }
+
+  .btn-icon--append {
+    margin-left: 0.5rem;
+  }
+
+  .btn-content {
+    display: inline-flex;
+    align-items: center;
+  }
+
+  .btn--loading {
+    padding-left: var(--spacing-none);
+    padding-right: var(--spacing-none);
+    border-radius: 50%;
+  }
+
+  .btn--loading[data-size="sm"] {
+    width: var(--button-height-sm);
+  }
+
+  .btn--loading[data-size="md"] {
+    width: var(--button-height-md);
+  }
+
+  .btn--loading[data-size="lg"] {
+    width: var(--button-height-lg);
+  }
+
+  .btn--loading[data-size="xl"] {
+    width: var(--button-height-xl);
+  }
+
+  .btn-spinner-wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: absolute;
+    inset: 0;
+  }
+
+  .btn-spinner-wrapper fm-icon {
+    animation: fm-btn-spinner-rotate 0.8s linear infinite;
+    color: currentColor;
+  }
+
+  .btn--error-shake {
+    animation: fm-btn-shake 0.2s ease 1;
+  }
+
+  .btn--error {
+    cursor: not-allowed;
+    padding-left: 0;
+    padding-right: 0;
+    border-radius: 50%;
+    transition:
+      width 0.3s cubic-bezier(0.33, 1, 0.68, 1),
+      padding 0.3s cubic-bezier(0.33, 1, 0.68, 1),
+      border-radius 0.3s cubic-bezier(0.33, 1, 0.68, 1);
+    background: var(--color-surface-functional-danger-alt) !important;
+    color: var(--color-content-functional-danger) !important;
+    border-color: var(--color-surface-functional-danger-alt) !important;
+  }
+
+  .btn--error[data-size="sm"] {
+    width: var(--button-height-sm);
+  }
+
+  .btn--error[data-size="md"] {
+    width: var(--button-height-md);
+  }
+
+  .btn--error[data-size="lg"] {
+    width: var(--button-height-lg);
+  }
+
+  .btn--error[data-size="xl"] {
+    width: var(--button-height-xl);
+  }
+
+  .btn-error-content {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: absolute;
+    inset: 0;
+  }
+
+  .btn-error-content fm-icon {
+    color: var(--color-content-functional-danger);
+  }
+
+  .btn--success {
+    cursor: not-allowed;
+    padding-left: 0;
+    padding-right: 0;
+    border-radius: 50%;
+    transition:
+      width 0.3s cubic-bezier(0.33, 1, 0.68, 1),
+      padding 0.3s cubic-bezier(0.33, 1, 0.68, 1),
+      border-radius 0.3s cubic-bezier(0.33, 1, 0.68, 1);
+    background: var(--color-surface-functional-success) !important;
+    color: var(--color-content-neutral-label) !important;
+    border-color: var(--color-surface-functional-success) !important;
+    animation: fm-btn-success-pop 0.4s ease-out forwards;
+  }
+
+  .btn--success[data-size="sm"] {
+    width: var(--button-height-sm);
+  }
+
+  .btn--success[data-size="md"] {
+    width: var(--button-height-md);
+  }
+
+  .btn--success[data-size="lg"] {
+    width: var(--button-height-lg);
+  }
+
+  .btn--success[data-size="xl"] {
+    width: var(--button-height-xl);
+  }
+
+  .btn-success-content {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: absolute;
+    inset: 0;
+  }
+
+  .btn-success-content fm-icon {
+    color: var(--color-content-neutral-label);
+  }
+
+  [data-size="sm"] {
+    font-size: var(--text-md);
+    height: var(--button-height-sm);
+    padding-left: var(--spacing-md);
+    padding-right: var(--spacing-md);
+    font-weight: var(--font-weight-medium);
+  }
+
+  [data-size="md"] {
+    font-size: var(--text-md);
+    height: var(--button-height-md);
+    padding-left: var(--spacing-lg);
+    padding-right: var(--spacing-lg);
+    font-weight: var(--font-weight-bold);
+  }
+
+  [data-size="lg"] {
+    font-size: var(--text-lg);
+    height: var(--button-height-lg);
+    padding-left: var(--spacing-xl);
+    padding-right: var(--spacing-xl);
+    font-weight: var(--font-weight-bold);
+  }
+
+  [data-size="xl"] {
+    font-size: var(--text-xxl);
+    height: var(--button-height-xl);
+    padding-left: var(--spacing-xxl);
+    padding-right: var(--spacing-xxl);
+    font-weight: var(--font-weight-black);
+  }
+
+  [data-buttontype="filled"] {
+    border-radius: var(--radius-round);
+  }
+
+  [data-buttontype="text"][data-size="sm"],
+  [data-buttontype="outline"][data-size="sm"],
+  [data-buttontype="squared"][data-size="sm"] {
+    border-radius: var(--radius-xs);
+  }
+
+  [data-buttontype="text"][data-size="md"],
+  [data-buttontype="outline"][data-size="md"],
+  [data-buttontype="squared"][data-size="md"] {
+    border-radius: var(--radius-sm);
+  }
+
+  [data-buttontype="text"][data-size="lg"],
+  [data-buttontype="outline"][data-size="lg"],
+  [data-buttontype="squared"][data-size="lg"] {
+    border-radius: var(--radius-md);
+  }
+
+  [data-buttontype="text"][data-size="xl"],
+  [data-buttontype="outline"][data-size="xl"],
+  [data-buttontype="squared"][data-size="xl"] {
+    border-radius: var(--radius-lg);
+  }
+
+  [data-buttontype="filled"][data-role="primary"],
+  [data-buttontype="squared"][data-role="primary"] {
+    background: var(--color-surface-brand-brand);
+    color: var(--color-content-neutral-label);
+  }
+
+  [data-buttontype="filled"][data-role="secondary"],
+  [data-buttontype="squared"][data-role="secondary"] {
+    background: var(--color-surface-brand-brand-alt);
+    color: var(--color-content-brand-brand);
+  }
+
+  [data-buttontype="filled"][data-role="danger"],
+  [data-buttontype="squared"][data-role="danger"] {
+    background: var(--color-surface-functional-danger);
+    color: var(--color-content-neutral-label);
+  }
+
+  [data-buttontype="filled"][data-role="dangeralt"],
+  [data-buttontype="filled"][data-role="danger-alt"],
+  [data-buttontype="squared"][data-role="dangeralt"],
+  [data-buttontype="squared"][data-role="danger-alt"] {
+    background: var(--color-surface-functional-danger-alt);
+    color: var(--color-content-functional-danger);
+  }
+
+  [data-buttontype="filled"][data-role="info"],
+  [data-buttontype="squared"][data-role="info"] {
+    background: var(--color-surface-functional-info);
+    color: var(--color-content-neutral-label);
+  }
+
+  [data-buttontype="filled"][data-role="strong"],
+  [data-buttontype="squared"][data-role="strong"] {
+    background: var(--color-surface-neutral-default-lowest);
+    color: var(--color-content-neutral-label);
+  }
+
+  [data-buttontype="filled"][data-role="weak"],
+  [data-buttontype="squared"][data-role="weak"] {
+    background: var(--color-surface-neutral-default-highest);
+    color: var(--color-content-neutral-default);
+  }
+
+  [data-buttontype="text"][data-role="primary"],
+  [data-buttontype="outline"][data-role="primary"] {
+    color: var(--color-content-brand-brand);
+    background: transparent;
+  }
+
+  [data-buttontype="text"][data-role="secondary"],
+  [data-buttontype="outline"][data-role="secondary"] {
+    color: var(--color-content-neutral-default-alt);
+    background: transparent;
+  }
+
+  [data-buttontype="text"][data-role="danger"],
+  [data-buttontype="outline"][data-role="danger"] {
+    color: var(--color-content-functional-danger);
+    background: transparent;
+  }
+
+  [data-buttontype="text"][data-role="info"],
+  [data-buttontype="outline"][data-role="info"] {
+    color: var(--color-content-functional-info);
+    background: transparent;
+  }
+
+  [data-buttontype="text"][data-role="strong"],
+  [data-buttontype="outline"][data-role="strong"] {
+    color: var(--color-system-black);
+    background: transparent;
+  }
+
+  [data-buttontype="text"][data-role="weak"] {
+    color: var(--color-content-neutral-default-alt);
+    background: transparent;
+  }
+
+  [data-buttontype="outline"][data-role="weak"] {
+    color: var(--color-content-neutral-default-alt);
+    background: var(--color-surface-neutral-default-highest);
+  }
+
+  [data-buttontype="outline"] {
+    border: var(--stroke-md) solid currentColor;
+  }
+
+  .btn[disabled] {
+    cursor: not-allowed;
+    background: var(--color-surface-neutral-default) !important;
+    color: var(--color-content-neutral-weak) !important;
+    border-color: var(--color-surface-neutral-default) !important;
+  }
+
+  .btn[disabled]:active {
+    animation: fm-btn-shake 0.2s ease 1;
+  }
+
+  /* Animations */
+  @keyframes fm-btn-success-pop {
+    0% {
+      transform: scale(1);
+    }
+    50% {
+      transform: scale(1.15);
+    }
+    100% {
+      transform: scale(1.05);
+    }
+  }
+
+  @keyframes fm-btn-shake {
+    0% {
+      transform: translateX(0);
+    }
+    25% {
+      transform: translateX(3px);
+    }
+    50% {
+      transform: translateX(-3px);
+    }
+    75% {
+      transform: translateX(3px);
+    }
+    100% {
+      transform: translateX(0);
+    }
+  }
+
+  @keyframes fm-btn-spinner-rotate {
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+  }
+`;
+//# sourceMappingURL=fm-button.style.js.map

package/dist/fm-button/fm-button.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fm-button.style.js","sourceRoot":"","sources":["../../src/fm-button/fm-button.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwY/B,CAAC"}

package/dist/fm-dropdown/fm-dropdown-core.d.ts

@@ -0,0 +1,34 @@
+export interface FmDropdownOptionRow {
+    value: string;
+    label: string;
+    disabled: boolean;
+    media?: string;
+    mediaAlt?: string;
+}
+export declare function rowsFromSlot(slot: HTMLSlotElement): FmDropdownOptionRow[];
+export declare function rowsFromSelectElement(sel: HTMLSelectElement): FmDropdownOptionRow[];
+export declare function optionRowsForListbox(optionRows: FmDropdownOptionRow[]): FmDropdownOptionRow[];
+export declare function labelForValue(optionRows: FmDropdownOptionRow[], v: string): string;
+export declare function mediaForValue(optionRows: FmDropdownOptionRow[], v: string): {
+    media: string;
+    alt: string;
+} | null;
+export declare function isImageMedia(media: string): boolean;
+export declare function isIconMedia(media: string): boolean;
+export declare function firstEnabledListIndex(rows: FmDropdownOptionRow[], preferValue?: string): number;
+export declare function isEmptyDropdownValue(value: string | undefined): boolean;
+export declare function triggerLineText(input: {
+    value: string | undefined;
+    placeholder: string | undefined;
+    optionRows: FmDropdownOptionRow[];
+    selectedText: string | undefined;
+}): string;
+export declare function dropdownListboxId(instanceId: string): string;
+export declare function dropdownLabelId(instanceId: string): string;
+export declare function dropdownOptionId(instanceId: string, index: number): string;
+export declare function clipDurationMsForRowCount(rowCount: number): number;
+export declare function canUseHoverInput(): boolean;
+export declare function isTypeaheadKey(e: KeyboardEvent): boolean;
+export declare function findTypeaheadIndex(rows: FmDropdownOptionRow[], activeIndex: number, buffer: string): number;
+export declare function eventTargetsComponent(e: Event, host: HTMLElement, shadowRoot: ShadowRoot | null): boolean;
+//# sourceMappingURL=fm-dropdown-core.d.ts.map

package/dist/fm-dropdown/fm-dropdown-core.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fm-dropdown-core.d.ts","sourceRoot":"","sources":["../../src/fm-dropdown/fm-dropdown-core.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,eAAe,GAAG,mBAAmB,EAAE,CA2BzE;AAED,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,iBAAiB,GAAG,mBAAmB,EAAE,CAUnF;AAED,wBAAgB,oBAAoB,CAAC,UAAU,EAAE,mBAAmB,EAAE,GAAG,mBAAmB,EAAE,CAE7F;AAED,wBAAgB,aAAa,CAAC,UAAU,EAAE,mBAAmB,EAAE,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAGlF;AAED,wBAAgB,aAAa,CAC3B,UAAU,EAAE,mBAAmB,EAAE,EACjC,CAAC,EAAE,MAAM,GACR;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAKvC;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAUnD;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAElD;AAED,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,mBAAmB,EAAE,EAC3B,WAAW,CAAC,EAAE,MAAM,GACnB,MAAM,CAOR;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAEvE;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE;IACrC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,WAAW,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B,UAAU,EAAE,mBAAmB,EAAE,CAAA;IACjC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAA;CACjC,GAAG,MAAM,CAUT;AAED,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAE5D;AAED,wBAAgB,eAAe,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAE1D;AAED,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAE1E;AAED,wBAAgB,yBAAyB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAElE;AAED,wBAAgB,gBAAgB,IAAI,OAAO,CAG1C;AAED,wBAAgB,cAAc,CAAC,CAAC,EAAE,aAAa,GAAG,OAAO,CAExD;AAED,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,mBAAmB,EAAE,EAC3B,WAAW,EAAE,MAAM,EACnB,MAAM,EAAE,MAAM,GACb,MAAM,CAcR;AAED,wBAAgB,qBAAqB,CACnC,CAAC,EAAE,KAAK,EACR,IAAI,EAAE,WAAW,EACjB,UAAU,EAAE,UAAU,GAAG,IAAI,GAC5B,OAAO,CAMT"}

package/dist/fm-dropdown/fm-dropdown-core.js

@@ -0,0 +1,137 @@
+export function rowsFromSlot(slot) {
+    const rows = [];
+    for (const node of slot.assignedNodes({ flatten: true })) {
+        if (node instanceof HTMLOptionElement) {
+            const media = node.dataset.media?.trim();
+            rows.push({
+                value: node.value,
+                label: node.textContent?.trim() ?? '',
+                disabled: node.disabled,
+                ...(media ? { media, mediaAlt: node.dataset.mediaAlt?.trim() ?? '' } : {}),
+            });
+            continue;
+        }
+        if (node instanceof HTMLOptGroupElement) {
+            const groupDisabled = node.disabled;
+            node.querySelectorAll('option').forEach((opt) => {
+                const media = opt.dataset.media?.trim();
+                rows.push({
+                    value: opt.value,
+                    label: opt.textContent?.trim() ?? '',
+                    disabled: opt.disabled || groupDisabled,
+                    ...(media ? { media, mediaAlt: opt.dataset.mediaAlt?.trim() ?? '' } : {}),
+                });
+            });
+        }
+    }
+    return rows;
+}
+export function rowsFromSelectElement(sel) {
+    return Array.from(sel.options).map((o) => {
+        const media = o.dataset.media?.trim();
+        return {
+            value: o.value,
+            label: o.text.trim(),
+            disabled: o.disabled,
+            ...(media ? { media, mediaAlt: o.dataset.mediaAlt?.trim() ?? '' } : {}),
+        };
+    });
+}
+export function optionRowsForListbox(optionRows) {
+    return optionRows.filter((r) => r.value !== '');
+}
+export function labelForValue(optionRows, v) {
+    const row = optionRows.find((r) => r.value === v);
+    return (row?.label ?? '').trim();
+}
+export function mediaForValue(optionRows, v) {
+    const row = optionRows.find((r) => r.value === v);
+    const media = row?.media?.trim();
+    if (!row || !media)
+        return null;
+    return { media, alt: row.mediaAlt ?? '' };
+}
+export function isImageMedia(media) {
+    const value = media.trim().toLowerCase();
+    return (value.startsWith('http://') ||
+        value.startsWith('https://') ||
+        value.startsWith('/') ||
+        value.startsWith('./') ||
+        value.startsWith('../') ||
+        value.startsWith('data:image/'));
+}
+export function isIconMedia(media) {
+    return media.trim().toLowerCase().startsWith('icon:');
+}
+export function firstEnabledListIndex(rows, preferValue) {
+    if (preferValue !== undefined && preferValue !== '') {
+        const i = rows.findIndex((r) => r.value === preferValue && !r.disabled);
+        if (i >= 0)
+            return i;
+    }
+    const j = rows.findIndex((r) => !r.disabled);
+    return j >= 0 ? j : 0;
+}
+export function isEmptyDropdownValue(value) {
+    return (value ?? '') === '';
+}
+export function triggerLineText(input) {
+    const isEmpty = isEmptyDropdownValue(input.value);
+    const ph = (input.placeholder ?? '').trim();
+    if (isEmpty && ph)
+        return ph;
+    const v = input.value ?? '';
+    const fromOptions = labelForValue(input.optionRows, v);
+    if (fromOptions)
+        return fromOptions;
+    const t = (input.selectedText ?? '').trim();
+    if (t)
+        return t;
+    return 'Optie kiezen';
+}
+export function dropdownListboxId(instanceId) {
+    return `fm-db-lb-${instanceId}`;
+}
+export function dropdownLabelId(instanceId) {
+    return `fm-db-lbl-${instanceId}`;
+}
+export function dropdownOptionId(instanceId, index) {
+    return `fm-db-opt-${instanceId}-${index}`;
+}
+export function clipDurationMsForRowCount(rowCount) {
+    return rowCount > 0 ? Math.min(600, 200 + rowCount * 42) : 320;
+}
+export function canUseHoverInput() {
+    if (typeof window === 'undefined' || typeof window.matchMedia !== 'function')
+        return false;
+    return window.matchMedia('(hover: hover)').matches;
+}
+export function isTypeaheadKey(e) {
+    return e.key.length === 1 && !e.altKey && !e.ctrlKey && !e.metaKey;
+}
+export function findTypeaheadIndex(rows, activeIndex, buffer) {
+    if (!buffer || rows.length === 0)
+        return -1;
+    const active = rows[activeIndex];
+    const cycleSingleChar = buffer.length === 1;
+    const startIndex = cycleSingleChar && active ? activeIndex + 1 : activeIndex;
+    for (let step = 0; step < rows.length; step++) {
+        const i = (startIndex + step) % rows.length;
+        const row = rows[i];
+        if (row.disabled)
+            continue;
+        if (row.label.toLocaleLowerCase().startsWith(buffer))
+            return i;
+    }
+    return -1;
+}
+export function eventTargetsComponent(e, host, shadowRoot) {
+    return e.composedPath().some((node) => {
+        if (node === host)
+            return true;
+        if (shadowRoot && node instanceof Node && node.getRootNode() === shadowRoot)
+            return true;
+        return false;
+    });
+}
+//# sourceMappingURL=fm-dropdown-core.js.map

package/dist/fm-dropdown/fm-dropdown-core.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fm-dropdown-core.js","sourceRoot":"","sources":["../../src/fm-dropdown/fm-dropdown-core.ts"],"names":[],"mappings":"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"}

package/dist/fm-dropdown/fm-dropdown-mobile.d.ts

@@ -0,0 +1,11 @@
+export declare function isMobileOs(): boolean;
+export declare const DROPDOWN_SHEET_DRAG_CLOSE_PX = 96;
+export declare function clampSheetVerticalDragDelta(clientY: number, startY: number): number;
+export declare function sheetDragShouldClose(dragOffset: number, thresholdPx?: number): boolean;
+export declare function sheetHandlePointerDownAllowed(e: PointerEvent): boolean;
+export declare class DropdownBodyScrollLock {
+    private restore;
+    clear(): void;
+    sync(open: boolean): void;
+}
+//# sourceMappingURL=fm-dropdown-mobile.d.ts.map

package/dist/fm-dropdown/fm-dropdown-mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fm-dropdown-mobile.d.ts","sourceRoot":"","sources":["../../src/fm-dropdown/fm-dropdown-mobile.ts"],"names":[],"mappings":"AAAA,wBAAgB,UAAU,IAAI,OAAO,CAOpC;AAED,eAAO,MAAM,4BAA4B,KAAK,CAAA;AAE9C,wBAAgB,2BAA2B,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAEnF;AAED,wBAAgB,oBAAoB,CAClC,UAAU,EAAE,MAAM,EAClB,WAAW,SAA+B,GACzC,OAAO,CAET;AAED,wBAAgB,6BAA6B,CAAC,CAAC,EAAE,YAAY,GAAG,OAAO,CAGtE;AAED,qBAAa,sBAAsB;IACjC,OAAO,CAAC,OAAO,CAAsB;IAErC,KAAK,IAAI,IAAI;IAMb,IAAI,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;CAW1B"}

package/dist/fm-dropdown/fm-dropdown-mobile.js

@@ -0,0 +1,47 @@
+export function isMobileOs() {
+    if (typeof navigator === 'undefined')
+        return false;
+    const nav = navigator;
+    if (nav.userAgentData?.mobile)
+        return true;
+    const ua = navigator.userAgent ?? '';
+    const touchMac = ua.includes('Macintosh') && typeof document !== 'undefined' && 'ontouchend' in document;
+    return /Android|iPhone|iPod|iPad|Mobile/i.test(ua) || touchMac;
+}
+export const DROPDOWN_SHEET_DRAG_CLOSE_PX = 96;
+export function clampSheetVerticalDragDelta(clientY, startY) {
+    return Math.max(0, clientY - startY);
+}
+export function sheetDragShouldClose(dragOffset, thresholdPx = DROPDOWN_SHEET_DRAG_CLOSE_PX) {
+    return dragOffset >= thresholdPx;
+}
+export function sheetHandlePointerDownAllowed(e) {
+    if (e.pointerType === 'mouse' && e.button !== 0)
+        return false;
+    return true;
+}
+export class DropdownBodyScrollLock {
+    constructor() {
+        this.restore = null;
+    }
+    clear() {
+        if (typeof document === 'undefined' || this.restore === null)
+            return;
+        document.body.style.overflow = this.restore;
+        this.restore = null;
+    }
+    sync(open) {
+        if (typeof document === 'undefined')
+            return;
+        const shouldLock = open && isMobileOs();
+        if (shouldLock) {
+            if (this.restore !== null)
+                return;
+            this.restore = document.body.style.overflow;
+            document.body.style.overflow = 'hidden';
+            return;
+        }
+        this.clear();
+    }
+}
+//# sourceMappingURL=fm-dropdown-mobile.js.map

package/dist/fm-dropdown/fm-dropdown-mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fm-dropdown-mobile.js","sourceRoot":"","sources":["../../src/fm-dropdown/fm-dropdown-mobile.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,UAAU;IACxB,IAAI,OAAO,SAAS,KAAK,WAAW;QAAE,OAAO,KAAK,CAAA;IAClD,MAAM,GAAG,GAAG,SAAiE,CAAA;IAC7E,IAAI,GAAG,CAAC,aAAa,EAAE,MAAM;QAAE,OAAO,IAAI,CAAA;IAC1C,MAAM,EAAE,GAAG,SAAS,CAAC,SAAS,IAAI,EAAE,CAAA;IACpC,MAAM,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,OAAO,QAAQ,KAAK,WAAW,IAAI,YAAY,IAAI,QAAQ,CAAA;IACxG,OAAO,kCAAkC,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,QAAQ,CAAA;AAChE,CAAC;AAED,MAAM,CAAC,MAAM,4BAA4B,GAAG,EAAE,CAAA;AAE9C,MAAM,UAAU,2BAA2B,CAAC,OAAe,EAAE,MAAc;IACzE,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,CAAA;AACtC,CAAC;AAED,MAAM,UAAU,oBAAoB,CAClC,UAAkB,EAClB,WAAW,GAAG,4BAA4B;IAE1C,OAAO,UAAU,IAAI,WAAW,CAAA;AAClC,CAAC;AAED,MAAM,UAAU,6BAA6B,CAAC,CAAe;IAC3D,IAAI,CAAC,CAAC,WAAW,KAAK,OAAO,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,KAAK,CAAA;IAC7D,OAAO,IAAI,CAAA;AACb,CAAC;AAED,MAAM,OAAO,sBAAsB;IAAnC;QACU,YAAO,GAAkB,IAAI,CAAA;IAmBvC,CAAC;IAjBC,KAAK;QACH,IAAI,OAAO,QAAQ,KAAK,WAAW,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI;YAAE,OAAM;QACpE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAA;QAC3C,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;IACrB,CAAC;IAED,IAAI,CAAC,IAAa;QAChB,IAAI,OAAO,QAAQ,KAAK,WAAW;YAAE,OAAM;QAC3C,MAAM,UAAU,GAAG,IAAI,IAAI,UAAU,EAAE,CAAA;QACvC,IAAI,UAAU,EAAE,CAAC;YACf,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI;gBAAE,OAAM;YACjC,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA;YAC3C,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAA;YACvC,OAAM;QACR,CAAC;QACD,IAAI,CAAC,KAAK,EAAE,CAAA;IACd,CAAC;CACF"}