@vialiq/web-components 0.20.0 → 0.22.0

package/date-picker/vi-date-picker-input.js

@@ -0,0 +1,599 @@
+import { LitElement, nothing, html, unsafeCSS, css } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
+import { V as ViElement } from '../vi-element-C6GfDPs3.js';
+
+const datePickerInputStyles = "@charset \"UTF-8\";@layer reset,components,utilities;:host{display:block;font-family:var(--vi-font-family-base, var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif))}.input-wrapper{display:flex;flex-direction:column;gap:var(--vi-spacing-xs, var(--vi-spacing-xs, 8px))}.label{font-size:var(--vi-font-size-sm, var(--vi-font-size-sm, 14px));color:var(--vi-text-secondary, var(--vi-text-secondary, #4b5563));font-weight:var(--vi-font-weight-medium, var(--vi-font-weight-medium, 500))}:host([disabled]){cursor:not-allowed;opacity:var(--vi-disabled-opacity, .6)}:host([disabled]) .label,:host([disabled]) .trigger{pointer-events:none}.trigger{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:var(--vi-input-height, 40px);padding:0 var(--vi-spacing-md, var(--vi-spacing-md, 24px));background:var(--vi-input-bg, var(--vi-layer-01, #ffffff));border:1px solid var(--vi-input-trigger-border-color, var(--vi-border-02, #eeeeee));border-radius:var(--vi-border-radius-md, var(--vi-border-radius-md, 4px));color:var(--vi-text-primary, var(--vi-text-primary, #111827));font-family:inherit;font-size:var(--vi-font-size-base, var(--vi-font-size-base, 16px));text-align:left;cursor:pointer;transition:all .2s ease}.trigger:hover:not(:disabled){background:var(--vi-layer-hover-01, var(--vi-layer-hover-01, #f3f4f6));border-color:var(--vi-border-03, var(--vi-border-03, #e0e0e0))}:host(:focus-within) .trigger{outline:none;border-color:var(--vi-focus, var(--vi-focus, #3676d0));box-shadow:0 0 0 1px var(--vi-focus, var(--vi-focus, #3676d0))}.trigger:disabled{background:var(--vi-layer-disabled, var(--vi-layer-02, #f3f4f6));color:var(--vi-text-disabled, var(--vi-text-disabled, #9e9e9e));cursor:not-allowed;border-color:var(--vi-border-disabled, var(--vi-border-02, #eeeeee))}.display-value{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placeholder{color:var(--vi-text-placeholder, var(--vi-text-secondary, #4b5563))}.icon{flex-shrink:0;display:flex;align-items:center;color:var(--vi-text-secondary, var(--vi-text-secondary, #4b5563));margin-left:var(--vi-spacing-sm, var(--vi-spacing-sm, 16px))}.trigger:disabled .icon{color:var(--vi-text-disabled, var(--vi-text-disabled, #9e9e9e))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}";
+
+function applyDecs2203RFactory() {
+    function createAddInitializerMethod(initializers, decoratorFinishedRef) {
+        return function addInitializer(initializer) {
+            assertNotFinished(decoratorFinishedRef, "addInitializer");
+            assertCallable(initializer, "An initializer");
+            initializers.push(initializer);
+        };
+    }
+    function memberDec(dec, name, desc, initializers, kind, isStatic, isPrivate, metadata, value) {
+        var kindStr;
+        switch(kind){
+            case 1:
+                kindStr = "accessor";
+                break;
+            case 2:
+                kindStr = "method";
+                break;
+            case 3:
+                kindStr = "getter";
+                break;
+            case 4:
+                kindStr = "setter";
+                break;
+            default:
+                kindStr = "field";
+        }
+        var ctx = {
+            kind: kindStr,
+            name: isPrivate ? "#" + name : name,
+            static: isStatic,
+            private: isPrivate,
+            metadata: metadata
+        };
+        var decoratorFinishedRef = {
+            v: false
+        };
+        ctx.addInitializer = createAddInitializerMethod(initializers, decoratorFinishedRef);
+        var get, set;
+        if (kind === 0) {
+            if (isPrivate) {
+                get = desc.get;
+                set = desc.set;
+            } else {
+                get = function() {
+                    return this[name];
+                };
+                set = function(v) {
+                    this[name] = v;
+                };
+            }
+        } else if (kind === 2) {
+            get = function() {
+                return desc.value;
+            };
+        } else {
+            if (kind === 1 || kind === 3) {
+                get = function() {
+                    return desc.get.call(this);
+                };
+            }
+            if (kind === 1 || kind === 4) {
+                set = function(v) {
+                    desc.set.call(this, v);
+                };
+            }
+        }
+        ctx.access = get && set ? {
+            get: get,
+            set: set
+        } : get ? {
+            get: get
+        } : {
+            set: set
+        };
+        try {
+            return dec(value, ctx);
+        } finally{
+            decoratorFinishedRef.v = true;
+        }
+    }
+    function assertNotFinished(decoratorFinishedRef, fnName) {
+        if (decoratorFinishedRef.v) {
+            throw new Error("attempted to call " + fnName + " after decoration was finished");
+        }
+    }
+    function assertCallable(fn, hint) {
+        if (typeof fn !== "function") {
+            throw new TypeError(hint + " must be a function");
+        }
+    }
+    function assertValidReturnValue(kind, value) {
+        var type = typeof value;
+        if (kind === 1) {
+            if (type !== "object" || value === null) {
+                throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
+            }
+            if (value.get !== undefined) {
+                assertCallable(value.get, "accessor.get");
+            }
+            if (value.set !== undefined) {
+                assertCallable(value.set, "accessor.set");
+            }
+            if (value.init !== undefined) {
+                assertCallable(value.init, "accessor.init");
+            }
+        } else if (type !== "function") {
+            var hint;
+            if (kind === 0) {
+                hint = "field";
+            } else if (kind === 10) {
+                hint = "class";
+            } else {
+                hint = "method";
+            }
+            throw new TypeError(hint + " decorators must return a function or void 0");
+        }
+    }
+    function applyMemberDec(ret, base, decInfo, name, kind, isStatic, isPrivate, initializers, metadata) {
+        var decs = decInfo[0];
+        var desc, init, value;
+        if (isPrivate) {
+            if (kind === 0 || kind === 1) {
+                desc = {
+                    get: decInfo[3],
+                    set: decInfo[4]
+                };
+            } else if (kind === 3) {
+                desc = {
+                    get: decInfo[3]
+                };
+            } else if (kind === 4) {
+                desc = {
+                    set: decInfo[3]
+                };
+            } else {
+                desc = {
+                    value: decInfo[3]
+                };
+            }
+        } else if (kind !== 0) {
+            desc = Object.getOwnPropertyDescriptor(base, name);
+        }
+        if (kind === 1) {
+            value = {
+                get: desc.get,
+                set: desc.set
+            };
+        } else if (kind === 2) {
+            value = desc.value;
+        } else if (kind === 3) {
+            value = desc.get;
+        } else if (kind === 4) {
+            value = desc.set;
+        }
+        var newValue, get, set;
+        if (typeof decs === "function") {
+            newValue = memberDec(decs, name, desc, initializers, kind, isStatic, isPrivate, metadata, value);
+            if (newValue !== void 0) {
+                assertValidReturnValue(kind, newValue);
+                if (kind === 0) {
+                    init = newValue;
+                } else if (kind === 1) {
+                    init = newValue.init;
+                    get = newValue.get || value.get;
+                    set = newValue.set || value.set;
+                    value = {
+                        get: get,
+                        set: set
+                    };
+                } else {
+                    value = newValue;
+                }
+            }
+        } else {
+            for(var i = decs.length - 1; i >= 0; i--){
+                var dec = decs[i];
+                newValue = memberDec(dec, name, desc, initializers, kind, isStatic, isPrivate, metadata, value);
+                if (newValue !== void 0) {
+                    assertValidReturnValue(kind, newValue);
+                    var newInit;
+                    if (kind === 0) {
+                        newInit = newValue;
+                    } else if (kind === 1) {
+                        newInit = newValue.init;
+                        get = newValue.get || value.get;
+                        set = newValue.set || value.set;
+                        value = {
+                            get: get,
+                            set: set
+                        };
+                    } else {
+                        value = newValue;
+                    }
+                    if (newInit !== void 0) {
+                        if (init === void 0) {
+                            init = newInit;
+                        } else if (typeof init === "function") {
+                            init = [
+                                init,
+                                newInit
+                            ];
+                        } else {
+                            init.push(newInit);
+                        }
+                    }
+                }
+            }
+        }
+        if (kind === 0 || kind === 1) {
+            if (init === void 0) {
+                init = function(instance, init) {
+                    return init;
+                };
+            } else if (typeof init !== "function") {
+                var ownInitializers = init;
+                init = function(instance, init) {
+                    var value = init;
+                    for(var i = 0; i < ownInitializers.length; i++){
+                        value = ownInitializers[i].call(instance, value);
+                    }
+                    return value;
+                };
+            } else {
+                var originalInitializer = init;
+                init = function(instance, init) {
+                    return originalInitializer.call(instance, init);
+                };
+            }
+            ret.push(init);
+        }
+        if (kind !== 0) {
+            if (kind === 1) {
+                desc.get = value.get;
+                desc.set = value.set;
+            } else if (kind === 2) {
+                desc.value = value;
+            } else if (kind === 3) {
+                desc.get = value;
+            } else if (kind === 4) {
+                desc.set = value;
+            }
+            if (isPrivate) {
+                if (kind === 1) {
+                    ret.push(function(instance, args) {
+                        return value.get.call(instance, args);
+                    });
+                    ret.push(function(instance, args) {
+                        return value.set.call(instance, args);
+                    });
+                } else if (kind === 2) {
+                    ret.push(value);
+                } else {
+                    ret.push(function(instance, args) {
+                        return value.call(instance, args);
+                    });
+                }
+            } else {
+                Object.defineProperty(base, name, desc);
+            }
+        }
+    }
+    function applyMemberDecs(Class, decInfos, metadata) {
+        var ret = [];
+        var protoInitializers;
+        var staticInitializers;
+        var existingProtoNonFields = new Map();
+        var existingStaticNonFields = new Map();
+        for(var i = 0; i < decInfos.length; i++){
+            var decInfo = decInfos[i];
+            if (!Array.isArray(decInfo)) continue;
+            var kind = decInfo[1];
+            var name = decInfo[2];
+            var isPrivate = decInfo.length > 3;
+            var isStatic = kind >= 5;
+            var base;
+            var initializers;
+            if (isStatic) {
+                base = Class;
+                kind = kind - 5;
+                staticInitializers = staticInitializers || [];
+                initializers = staticInitializers;
+            } else {
+                base = Class.prototype;
+                protoInitializers = protoInitializers || [];
+                initializers = protoInitializers;
+            }
+            if (kind !== 0 && !isPrivate) {
+                var existingNonFields = isStatic ? existingStaticNonFields : existingProtoNonFields;
+                var existingKind = existingNonFields.get(name) || 0;
+                if (existingKind === true || existingKind === 3 && kind !== 4 || existingKind === 4 && kind !== 3) {
+                    throw new Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + name);
+                } else if (!existingKind && kind > 2) {
+                    existingNonFields.set(name, kind);
+                } else {
+                    existingNonFields.set(name, true);
+                }
+            }
+            applyMemberDec(ret, base, decInfo, name, kind, isStatic, isPrivate, initializers, metadata);
+        }
+        pushInitializers(ret, protoInitializers);
+        pushInitializers(ret, staticInitializers);
+        return ret;
+    }
+    function pushInitializers(ret, initializers) {
+        if (initializers) {
+            ret.push(function(instance) {
+                for(var i = 0; i < initializers.length; i++){
+                    initializers[i].call(instance);
+                }
+                return instance;
+            });
+        }
+    }
+    function applyClassDecs(targetClass, classDecs, metadata) {
+        if (classDecs.length > 0) {
+            var initializers = [];
+            var newClass = targetClass;
+            var name = targetClass.name;
+            for(var i = classDecs.length - 1; i >= 0; i--){
+                var decoratorFinishedRef = {
+                    v: false
+                };
+                try {
+                    var nextNewClass = classDecs[i](newClass, {
+                        kind: "class",
+                        name: name,
+                        addInitializer: createAddInitializerMethod(initializers, decoratorFinishedRef),
+                        metadata
+                    });
+                } finally{
+                    decoratorFinishedRef.v = true;
+                }
+                if (nextNewClass !== undefined) {
+                    assertValidReturnValue(10, nextNewClass);
+                    newClass = nextNewClass;
+                }
+            }
+            return [
+                defineMetadata(newClass, metadata),
+                function() {
+                    for(var i = 0; i < initializers.length; i++){
+                        initializers[i].call(newClass);
+                    }
+                }
+            ];
+        }
+    }
+    function defineMetadata(Class, metadata) {
+        return Object.defineProperty(Class, Symbol.metadata || Symbol.for("Symbol.metadata"), {
+            configurable: true,
+            enumerable: true,
+            value: metadata
+        });
+    }
+    return function applyDecs2203R(targetClass, memberDecs, classDecs, parentClass) {
+        if (parentClass !== void 0) {
+            var parentMetadata = parentClass[Symbol.metadata || Symbol.for("Symbol.metadata")];
+        }
+        var metadata = Object.create(parentMetadata === void 0 ? null : parentMetadata);
+        var e = applyMemberDecs(targetClass, memberDecs, metadata);
+        if (!classDecs.length) defineMetadata(targetClass, metadata);
+        return {
+            e: e,
+            get c () {
+                return applyClassDecs(targetClass, classDecs, metadata);
+            }
+        };
+    };
+}
+function _apply_decs_2203_r(targetClass, memberDecs, classDecs, parentClass) {
+    return (_apply_decs_2203_r = applyDecs2203RFactory())(targetClass, memberDecs, classDecs, parentClass);
+}
+function _identity(x) {
+    return x;
+}
+var _dec, _initClass, _ViElement, _dec1, _dec2, _dec3, _dec4, _dec5, _dec6, _dec7, _dec8, _dec9, _dec10, _init_kind, _init_label, _init_placeholder, _init_disabled, _init_required, _init_invalid, _init_validityMessage, _init_expanded, // The actual value string (formatted or ISO, depending on how date-picker manages it)
+_init_value, _init__triggerBtn, _initProto;
+let _ViDatePickerInput;
+_dec = customElement('vi-date-picker-input'), _dec1 = property({
+    type: String,
+    reflect: true
+}), _dec2 = property({
+    type: String
+}), _dec3 = property({
+    type: String
+}), _dec4 = property({
+    type: Boolean,
+    reflect: true
+}), _dec5 = property({
+    type: Boolean,
+    reflect: true
+}), _dec6 = property({
+    type: Boolean,
+    reflect: true
+}), _dec7 = property({
+    type: String
+}), _dec8 = property({
+    type: Boolean
+}), _dec9 = property({
+    type: String
+}), _dec10 = query('.trigger');
+new class extends _identity {
+    constructor(){
+        super(_ViDatePickerInput), _initClass();
+    }
+    static{
+        class ViDatePickerInput extends (_ViElement = ViElement) {
+            static{
+                ({ e: [_init_kind, _init_label, _init_placeholder, _init_disabled, _init_required, _init_invalid, _init_validityMessage, _init_expanded, _init_value, _init__triggerBtn, _initProto], c: [_ViDatePickerInput, _initClass] } = _apply_decs_2203_r(this, [
+                    [
+                        _dec1,
+                        1,
+                        "kind"
+                    ],
+                    [
+                        _dec2,
+                        1,
+                        "label"
+                    ],
+                    [
+                        _dec3,
+                        1,
+                        "placeholder"
+                    ],
+                    [
+                        _dec4,
+                        1,
+                        "disabled"
+                    ],
+                    [
+                        _dec5,
+                        1,
+                        "required"
+                    ],
+                    [
+                        _dec6,
+                        1,
+                        "invalid"
+                    ],
+                    [
+                        _dec7,
+                        1,
+                        "validityMessage"
+                    ],
+                    [
+                        _dec8,
+                        1,
+                        "expanded"
+                    ],
+                    [
+                        _dec9,
+                        1,
+                        "value"
+                    ],
+                    [
+                        _dec10,
+                        1,
+                        "_triggerBtn"
+                    ]
+                ], [
+                    _dec
+                ], _ViElement));
+            }
+            #___private_kind_1 = (_initProto(this), _init_kind(this, 'single'));
+            get kind() {
+                return this.#___private_kind_1;
+            }
+            set kind(_v) {
+                this.#___private_kind_1 = _v;
+            }
+            #___private_label_2 = _init_label(this, '');
+            get label() {
+                return this.#___private_label_2;
+            }
+            set label(_v) {
+                this.#___private_label_2 = _v;
+            }
+            #___private_placeholder_3 = _init_placeholder(this);
+            get placeholder() {
+                return this.#___private_placeholder_3;
+            }
+            set placeholder(_v) {
+                this.#___private_placeholder_3 = _v;
+            }
+            #___private_disabled_4 = _init_disabled(this, false);
+            get disabled() {
+                return this.#___private_disabled_4;
+            }
+            set disabled(_v) {
+                this.#___private_disabled_4 = _v;
+            }
+            #___private_required_5 = _init_required(this, false);
+            get required() {
+                return this.#___private_required_5;
+            }
+            set required(_v) {
+                this.#___private_required_5 = _v;
+            }
+            #___private_invalid_6 = _init_invalid(this, false);
+            get invalid() {
+                return this.#___private_invalid_6;
+            }
+            set invalid(_v) {
+                this.#___private_invalid_6 = _v;
+            }
+            #___private_validityMessage_7 = _init_validityMessage(this, '');
+            get validityMessage() {
+                return this.#___private_validityMessage_7;
+            }
+            set validityMessage(_v) {
+                this.#___private_validityMessage_7 = _v;
+            }
+            #___private_expanded_8 = _init_expanded(this, false);
+            get expanded() {
+                return this.#___private_expanded_8;
+            }
+            set expanded(_v) {
+                this.#___private_expanded_8 = _v;
+            }
+            #___private_value_9 = _init_value(this, '');
+            get value() {
+                return this.#___private_value_9;
+            }
+            set value(_v) {
+                this.#___private_value_9 = _v;
+            }
+            #___private__triggerBtn_10 = _init__triggerBtn(this);
+            get _triggerBtn() {
+                return this.#___private__triggerBtn_10;
+            }
+            set _triggerBtn(_v) {
+                this.#___private__triggerBtn_10 = _v;
+            }
+            static shadowRootOptions = {
+                ...LitElement.shadowRootOptions,
+                delegatesFocus: true
+            };
+            /**
+   * Returns the interactable element for Flatpickr to bind to.
+   */ get inputElement() {
+                return this._triggerBtn;
+            }
+            focus(options) {
+                if (this._triggerBtn) {
+                    this._triggerBtn.focus(options);
+                } else {
+                    super.focus(options);
+                }
+            }
+            render() {
+                const accessibleName = [
+                    this.label,
+                    this.value || this.placeholder
+                ].filter(Boolean).join(', ');
+                return html`
+      <div class="input-wrapper">
+        ${this.label ? html`<label class="label" aria-hidden="true">${this.label}</label>` : ''}
+        <button
+          type="button"
+          part="trigger"
+          class="trigger"
+          ?disabled="${this.disabled}"
+          aria-haspopup="dialog"
+          aria-expanded="${this.expanded}"
+          aria-label="${accessibleName}"
+          aria-required="${this.required ? 'true' : 'false'}"
+          aria-invalid="${this.invalid ? 'true' : 'false'}"
+          aria-errormessage="${this.invalid && this.validityMessage ? 'vi-err-msg' : nothing}"
+        >
+          <span class="display-value">
+            ${this.value ? html`<span class="value-text">${this.value}</span>` : html`<span class="placeholder">${this.placeholder}</span>`}
+          </span>
+          <span class="icon" aria-hidden="true">
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <rect x="3" y="4" width="18" height="18" rx="2" ry="2"/>
+              <line x1="16" y1="2" x2="16" y2="6"/>
+              <line x1="8" y1="2" x2="8" y2="6"/>
+              <line x1="3" y1="10" x2="21" y2="10"/>
+            </svg>
+          </span>
+        </button>
+        ${this.invalid && this.validityMessage ? html`<span id="vi-err-msg" class="sr-only">${this.validityMessage}</span>` : ''}
+      </div>
+    `;
+            }
+            static styles = css`
+    ${unsafeCSS(datePickerInputStyles)}
+  `;
+        }
+    }
+}();
+
+export { _ViDatePickerInput as ViDatePickerInput };

package/date-picker/vi-date-picker.d.ts

@@ -0,0 +1,95 @@
+import { PropertyValues } from 'lit';
+import { ViElement } from '../base/vi-element.js';
+import { DatePickerMode } from './types.js';
+/** Emitted when the user selects a date. Detail: DatePickerChangeDetail. */
+export declare const VIALIQ_CHANGE = "vialiq-change";
+declare const ViDatePicker_base: (new (...args: any[]) => import('../base/flatpickr-mixin.js').FlatpickrMixinInterface) & typeof ViElement & (new (...args: any[]) => import('../base/validity-mixin.js').ValidityInterface<unknown>);
+/**
+ * A form-associated date-picker built on flatpickr.
+ *
+ * @element vi-date-picker
+ *
+ * @fires {CustomEvent<DatePickerChangeDetail>} vialiq-change  - Date selection changed.
+ *
+ * @attr {string}          value            - ISO date string (read/write).
+ * @attr {string}          name             - Form field name.
+ * @attr {DatePickerMode}  mode             - 'date' | 'range' | 'month' | 'month-year' | 'week'
+ * @attr {boolean}         flat             - Renders inline (no popup).
+ * @attr {string}          min              - Min date.
+ * @attr {string}          max              - Min date.
+ * @attr {string}          locale           - BCP 47 locale tag.
+ * @attr {boolean}         disabled         - Disables the control.
+ * @attr {boolean}         required         - Required field.
+ * @attr {boolean}         week-numbers     - Show ISO week numbers.
+ * @attr {ControlStatus}   status           - 'default' | 'valid' | 'invalid'
+ * @attr {string}          validity-message - Validation message shown below input.
+ * @attr {string}          today-label      - Explicit label for the "Today" button.
+ */
+export declare class ViDatePicker extends ViDatePicker_base {
+    accessor value: string;
+    accessor name: string;
+    accessor mode: DatePickerMode;
+    accessor flat: boolean;
+    accessor hoist: boolean;
+    accessor min: string;
+    accessor max: string;
+    accessor locale: string | null;
+    accessor disabled: boolean;
+    accessor weekNumbers: boolean;
+    accessor todayLabel: string | undefined;
+    private accessor _resolvedLocale;
+    private accessor _displayValue;
+    private accessor _fpInput;
+    private accessor _floatingMenuContainer?;
+    private accessor _inputs;
+    /** Light DOM container for flatpickr inline mode to inherit global CSS */
+    private _inlineContainer?;
+    private _initialValue;
+    accessor labelPrevMonth: string | undefined;
+    accessor labelNextMonth: string | undefined;
+    accessor labelSelectMonth: string | undefined;
+    accessor labelSelectYear: string | undefined;
+    private _floatingController;
+    protected _getModePluginConfig(): {
+        ariaLabels: {
+            prevMonth: string | undefined;
+            nextMonth: string | undefined;
+            selectMonth: string | undefined;
+            selectYear: string | undefined;
+        };
+    };
+    protected _testValidity(): Partial<ValidityStateFlags>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    formResetCallback(): void;
+    firstUpdated(_changedProperties: PropertyValues): Promise<void>;
+    private _setupFlatpickr;
+    updated(changed: PropertyValues): Promise<void>;
+    protected _getHiddenInput(): HTMLInputElement | null;
+    focus(options?: FocusOptions): void;
+    /** Opens the calendar popup. No-op when flat=true. */
+    openCalendar(): void;
+    /** Closes the calendar popup. No-op when flat=true. */
+    closeCalendar(): void;
+    /** Clears the selected date(s). */
+    clear(): void;
+    private _buildFpConfig;
+    private _removeFpAria;
+    private _setFpValue;
+    private _syncInputValues;
+    private _onFlatpickrChange;
+    private _emitChange;
+    private _buildIsoValue;
+    private _setupTodayButton;
+    private _handleSlotChange;
+    private _handleInputsClick;
+    protected render(): import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'vi-date-picker': ViDatePicker;
+    }
+}
+export {};
+//# sourceMappingURL=vi-date-picker.d.ts.map