@flitsmeister/design-system 2.2.36 → 3.0.1

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

@@ -0,0 +1,107 @@
+import { LitElement, type TemplateResult } from 'lit';
+import type { FmDropdownOptionRow } from './fm-dropdown-core.js';
+import '../fm-icon/icons/bold-chevron-down.js';
+import '../fm-icon/icons/bold-check.js';
+export type { FmDropdownOptionRow };
+/**
+ * Flitsmeister dropdown web component. Animated listbox with a hidden native select
+ * for forms and accessibility.
+ *
+ * @element fm-dropdown
+ *
+ * @fires fm-dropdown - Fired when a user selects an option. Detail: `{ value: string }`.
+ *
+ * @slot options - Option and optgroup elements for the native select. Use `slot="options"` on each direct option or optgroup.
+ * @slot media - Optional image or icon shown before placeholder text while `value` is empty.
+ * @slot description - Secondary text below the trigger label or placeholder.
+ *
+ * @cssprop --fm-dropdown-host-z-open - z-index for the opened host.
+ * @cssprop --fm-dropdown-overlay-z - z-index for the mobile overlay.
+ * @cssprop --fm-dropdown-sheet-z - z-index for the mobile sheet.
+ * @cssprop --fm-dropdown-clip-ms - Internal listbox clipping animation duration in milliseconds.
+ *
+ * @example
+ * ```html
+ * <fm-dropdown name="country" placeholder="Kies een land" value="">
+ *   <option slot="options" value="">Kies een land</option>
+ *   <option slot="options" value="nl">Nederland</option>
+ * </fm-dropdown>
+ * ```
+ */
+export declare class FmDropdown extends LitElement {
+    static styles: import("lit").CSSResult[];
+    private readonly instanceId;
+    private get listboxId();
+    private get labelId();
+    private docPointerDown;
+    private docKeyDown;
+    private focusOutTimer;
+    private typeaheadTimer;
+    private typeaheadBuffer;
+    private readonly bodyScrollLock;
+    private sheetPointerId;
+    private sheetStartY;
+    /** Form field name forwarded to the hidden native select. */
+    name: string;
+    /** Selected option value. */
+    value: string;
+    /** Placeholder text shown while `value` is empty. */
+    placeholder: string;
+    /** Disabled state. */
+    disabled: boolean;
+    /** Gray border in default state. */
+    grayBorder: boolean;
+    private selectEl;
+    private optionsSlotEl;
+    private triggerEl;
+    private selectedText;
+    private open;
+    private activeIndex;
+    private sheetDragOffset;
+    private sheetDragging;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    updated(changed: Map<string, unknown>): void;
+    private get optionRows();
+    private get listboxRows();
+    private renderInlineMedia;
+    private renderTriggerMedia;
+    private syncFromSelect;
+    private get triggerLineTextComputed();
+    private optionElId;
+    private close;
+    private commitValue;
+    private selectActive;
+    private onDocumentPointerDown;
+    private onDocumentKeyDown;
+    private markFocusedState;
+    private clearFocusedStateIfOutside;
+    private onTriggerClick;
+    private onOverlayClick;
+    private resetSheetDrag;
+    private onHandlePointerDown;
+    private onHandlePointerMove;
+    private onHandlePointerUp;
+    private onHandlePointerCancel;
+    private resetTypeahead;
+    private pushTypeaheadChar;
+    private scrollActiveOptionIntoView;
+    private onTriggerKeydown;
+    private onTriggerFocus;
+    private onTriggerBlur;
+    private onNativeFocus;
+    private onRootFocusIn;
+    private onRootFocusOut;
+    private onOptionPointerDown;
+    private onOptionClick;
+    private onOptionPointerEnter;
+    render(): TemplateResult<1>;
+    private handleNativeChange;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'fm-dropdown': FmDropdown;
+    }
+}
+//# sourceMappingURL=fm-dropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fm-dropdown.d.ts","sourceRoot":"","sources":["../../src/fm-dropdown/fm-dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AA+BpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,OAAO,uCAAuC,CAAA;AAC9C,OAAO,gCAAgC,CAAA;AAEvC,YAAY,EAAE,mBAAmB,EAAE,CAAA;AAMnC;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,qBACa,UAAW,SAAQ,UAAU;IACxC,MAAM,CAAC,MAAM,4BAAoB;IAEjC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAA0C;IAErE,OAAO,KAAK,SAAS,GAEpB;IAED,OAAO,KAAK,OAAO,GAElB;IAED,OAAO,CAAC,cAAc,CAA8C;IACpE,OAAO,CAAC,UAAU,CAAkD;IAEpE,OAAO,CAAC,aAAa,CAAsB;IAC3C,OAAO,CAAC,cAAc,CAAsB;IAC5C,OAAO,CAAC,eAAe,CAAK;IAC5B,OAAO,CAAC,QAAQ,CAAC,cAAc,CAA+B;IAC9D,OAAO,CAAC,cAAc,CAAsB;IAC5C,OAAO,CAAC,WAAW,CAAI;IAEvB,6DAA6D;IACjC,IAAI,SAAK;IAErC,6BAA6B;IACD,KAAK,SAAK;IAEtC,qDAAqD;IACzB,WAAW,SAAK;IAE5C,sBAAsB;IACsB,QAAQ,UAAQ;IAE5D,oCAAoC;IACkC,UAAU,UAAQ;IAEvD,OAAO,CAAC,QAAQ,CAAoB;IAEtC,OAAO,CAAC,aAAa,CAAkB;IAE1C,OAAO,CAAC,SAAS,CAAoB;IAExD,OAAO,CAAC,YAAY,CAAK;IAEzB,OAAO,CAAC,IAAI,CAAQ;IAEpB,OAAO,CAAC,WAAW,CAAI;IAEvB,OAAO,CAAC,eAAe,CAAI;IAE3B,OAAO,CAAC,aAAa,CAAQ;IAE7B,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAe5B,YAAY,IAAI,IAAI;IASpB,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAWrD,OAAO,KAAK,UAAU,GASrB;IAED,OAAO,KAAK,WAAW,GAEtB;IAED,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,cAAc;IAatB,OAAO,KAAK,uBAAuB,GAOlC;IAED,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,KAAK;IAQb,OAAO,CAAC,WAAW;IA4BnB,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,qBAAqB;IAQ7B,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,0BAA0B;IAYlC,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,mBAAmB;IAY3B,OAAO,CAAC,mBAAmB;IAK3B,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,qBAAqB;IAO7B,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,iBAAiB;IAUzB,OAAO,CAAC,0BAA0B;IAMlC,OAAO,CAAC,gBAAgB;IAuFxB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,aAAa;IAQrB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,mBAAmB;IAK3B,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,oBAAoB;IAQ5B,MAAM;IAmNN,OAAO,CAAC,kBAAkB;CAiB3B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAA;KAC1B;CACF"}