@vialiq/web-components 0.19.0 → 0.21.0

package/date-picker/plugins/vi-shadow-dom-plugin.d.ts

@@ -0,0 +1,18 @@
+import { Instance } from 'flatpickr/dist/types/instance';
+/**
+ * A Carbon Web Components inspired plugin that fixes Flatpickr's native
+ * event targeting issues when used within a Web Component (Shadow DOM).
+ *
+ * Flatpickr relies on native `Node.contains()` for its `documentClick` listener
+ * to determine if a click occurred outside the calendar. Because Shadow DOM
+ * boundaries are not pierced by `Node.contains()`, clicks on custom elements
+ * (like `<vi-select>`) inside the calendar are falsely identified as outside
+ * clicks, causing the calendar to close unexpectedly.
+ *
+ * This plugin overrides `fp.calendarContainer.contains` to properly traverse
+ * up through Shadow Roots.
+ */
+export declare function ViShadowDomPlugin(): (fp: Instance) => {
+    onReady: () => void;
+};
+//# sourceMappingURL=vi-shadow-dom-plugin.d.ts.map

package/date-picker/plugins/vi-shadow-dom-plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vi-shadow-dom-plugin.d.ts","sourceRoot":"","sources":["../../../../../libs/web-components/src/date-picker/plugins/vi-shadow-dom-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAE9D;;;;;;;;;;;;GAYG;AACH,wBAAgB,iBAAiB,KACd,IAAI,QAAQ;;EAyB9B"}

package/date-picker/types.d.ts

@@ -0,0 +1,34 @@
+import { Plugin } from 'flatpickr/dist/types/options';
+import { CustomLocale, key as LocaleKey, Locale } from 'flatpickr/dist/types/locale';
+export type DatePickerMode = 'date' | 'month' | 'month-year' | 'range' | 'week';
+export interface DateComponents {
+    day: number;
+    month: number;
+    year: number;
+}
+export type SegmentOrder = 'DMY' | 'MDY' | 'YMD';
+export interface DatePickerChangeDetail {
+    value: string | null;
+    type: DatePickerMode;
+    isoValue: string | null;
+    utcIso: string | null;
+    formattedValue: string;
+    rawValue: DateComponents | null;
+    rawEndValue?: DateComponents | null;
+    weekNumber: number | null;
+    locale: string;
+    timeZone: string;
+}
+export interface ViDatePickerPlugin {
+    id: string;
+    label: string;
+    factory: Plugin;
+    defaultConfig?: Record<string, unknown>;
+}
+/** Shape of a flatpickr dist/l10n/*.js module's default export */
+export type L10nModule = Partial<Record<LocaleKey, CustomLocale>> & {
+    default: Locale;
+};
+export type DatePickerPluginInput = Plugin | ViDatePickerPlugin;
+export type ControlStatus = 'default' | 'valid' | 'invalid';
+//# sourceMappingURL=types.d.ts.map

package/date-picker/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../libs/web-components/src/date-picker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,GAAG,IAAI,SAAS,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAE1F,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,YAAY,GAAG,OAAO,GAAG,MAAM,CAAC;AAEhF,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAEjD,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,EAAE,cAAc,CAAC;IACrB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACpC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACzC;AAED,kEAAkE;AAClE,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC,GAAG;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC;AAExF,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,kBAAkB,CAAC;AAEhE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC"}

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

@@ -0,0 +1,34 @@
+import { ViElement } from '../base/vi-element.js';
+export declare class ViDatePickerInput extends ViElement {
+    accessor kind: 'from' | 'to' | 'single';
+    accessor label: string;
+    accessor placeholder: string;
+    accessor disabled: boolean;
+    accessor required: boolean;
+    accessor invalid: boolean;
+    accessor validityMessage: string;
+    accessor expanded: boolean;
+    accessor value: string;
+    private accessor _triggerBtn;
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        clonable?: boolean;
+        customElementRegistry?: CustomElementRegistry;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
+    /**
+     * Returns the interactable element for Flatpickr to bind to.
+     */
+    get inputElement(): HTMLElement;
+    focus(options?: FocusOptions): void;
+    render(): import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'vi-date-picker-input': ViDatePickerInput;
+    }
+}
+//# sourceMappingURL=vi-date-picker-input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"vi-date-picker-input.d.ts","sourceRoot":"","sources":["../../../../libs/web-components/src/date-picker/vi-date-picker-input.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGlD,qBACa,iBAAkB,SAAQ,SAAS;IACH,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,QAAQ,CAAY;IAClE,QAAQ,CAAC,KAAK,SAAM;IACpB,QAAQ,CAAC,WAAW,EAAG,MAAM,CAAC;IACd,QAAQ,CAAC,QAAQ,UAAS;IAC1B,QAAQ,CAAC,QAAQ,UAAS;IAC1B,QAAQ,CAAC,OAAO,UAAS;IACzC,QAAQ,CAAC,eAAe,SAAM;IAC7B,QAAQ,CAAC,QAAQ,UAAS;IAG3B,QAAQ,CAAC,KAAK,SAAM;IAE7B,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAqB;IAEpE,OAAgB,iBAAiB;;;;;;;MAG/B;IAEF;;OAEG;IACH,IAAI,YAAY,IAAI,WAAW,CAE9B;IAEQ,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAQ5B,MAAM;IAuCf,OAAgB,MAAM,0BAEpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,iBAAiB,CAAC;KAC3C;CACF"}