@cocoar/vue-ui 2.12.0 → 2.13.0

package/dist/components/date-time/_shared/use-date-or-time.d.ts

@@ -0,0 +1,29 @@
+import { Ref } from 'vue';
+import { Temporal } from '@js-temporal/polyfill';
+/**
+ * Conversion hooks for an "either a date, or a date-with-time" picker. The
+ * date side is always a `Temporal.PlainDate`; `TDateTime` is the with-time type
+ * (`ZonedDateTime` or `PlainDateTime`) supplied by the concrete component.
+ */
+export interface DateOrTimeConverters<TDateTime> {
+    /** Runtime type-guard separating the date-time value from a plain date. */
+    isDateTime: (value: unknown) => value is TDateTime;
+    /** Promote a date to a date-time (e.g. attach a default time / zone). */
+    toDateTime: (date: Temporal.PlainDate) => TDateTime;
+    /** Drop the time (and zone) back to a plain date. */
+    toDate: (dateTime: TDateTime) => Temporal.PlainDate;
+}
+/**
+ * Shared state for `CoarZonedDateTimeOrDatePicker` / `CoarPlainDateTimeOrDatePicker`.
+ * Keeps a single union `modelValue` (`PlainDate | TDateTime | null`) and a
+ * `withTime` flag in sync, splits the value for the two child pickers, and
+ * converts it when the clock toggle flips the mode.
+ */
+export declare function useDateOrTime<TDateTime>(modelValue: Ref<Temporal.PlainDate | TDateTime | null>, withTime: Ref<boolean>, conv: DateOrTimeConverters<TDateTime>): {
+    dateValue: import('vue').ComputedRef<Temporal.PlainDate | null>;
+    dateTimeValue: import('vue').ComputedRef<TDateTime | null>;
+    setDate: (value: Temporal.PlainDate | null) => void;
+    setDateTime: (value: TDateTime | null) => void;
+    toggle: () => void;
+};
+//# sourceMappingURL=use-date-or-time.d.ts.map

package/dist/components/date-time/_shared/use-date-or-time.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-date-or-time.d.ts","sourceRoot":"","sources":["../../../../src/components/date-time/_shared/use-date-or-time.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD;;;;GAIG;AACH,MAAM,WAAW,oBAAoB,CAAC,SAAS;IAC7C,2EAA2E;IAC3E,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,KAAK,IAAI,SAAS,CAAC;IACnD,yEAAyE;IACzE,UAAU,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,KAAK,SAAS,CAAC;IACpD,qDAAqD;IACrD,MAAM,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,QAAQ,CAAC,SAAS,CAAC;CACrD;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,SAAS,EACrC,UAAU,EAAE,GAAG,CAAC,QAAQ,CAAC,SAAS,GAAG,SAAS,GAAG,IAAI,CAAC,EACtD,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,EACtB,IAAI,EAAE,oBAAoB,CAAC,SAAS,CAAC;;;qBAsBb,QAAQ,CAAC,SAAS,GAAG,IAAI,KAAG,IAAI;yBAG5B,SAAS,GAAG,IAAI,KAAG,IAAI;kBAKhC,IAAI;EAgBxB"}

package/dist/components/date-time/plain-date-time-or-date-picker/CoarPlainDateTimeOrDatePicker.vue.d.ts

@@ -0,0 +1,54 @@
+import { Temporal } from '@js-temporal/polyfill';
+export type CoarPlainDateTimeOrDatePickerSize = 'xs' | 's' | 'm' | 'l';
+type __VLS_Props = {
+    placeholder?: string;
+    size?: CoarPlainDateTimeOrDatePickerSize;
+    disabled?: boolean;
+    readonly?: boolean;
+    required?: boolean;
+    error?: boolean;
+    clearable?: boolean;
+    locale?: string;
+    /** Min/max are given as the with-time type; the date mode uses their date part. */
+    min?: Temporal.PlainDateTime | null;
+    max?: Temporal.PlainDateTime | null;
+    minuteStep?: 1 | 5 | 10 | 15;
+    /** Clock toggle side, relative to the input. */
+    togglePosition?: 'start' | 'end';
+    /** Tooltip + accessible label for the toggle while time is OFF (adds time). */
+    addTimeLabel?: string;
+    /** Tooltip + accessible label for the toggle while time is ON (removes time). */
+    removeTimeLabel?: string;
+};
+type __VLS_PublicProps = {
+    modelValue?: Temporal.PlainDateTime | Temporal.PlainDate | null;
+    'withTime'?: boolean;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    closed: () => any;
+    "update:modelValue": (value: Temporal.PlainDate | Temporal.PlainDateTime | null) => any;
+    opened: () => any;
+    "update:withTime": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClosed?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: Temporal.PlainDate | Temporal.PlainDateTime | null) => any) | undefined;
+    onOpened?: (() => any) | undefined;
+    "onUpdate:withTime"?: ((value: boolean) => any) | undefined;
+}>, {
+    error: boolean;
+    size: CoarPlainDateTimeOrDatePickerSize;
+    required: boolean;
+    disabled: boolean;
+    placeholder: string;
+    max: Temporal.PlainDateTime | null;
+    readonly: boolean;
+    clearable: boolean;
+    min: Temporal.PlainDateTime | null;
+    locale: string;
+    minuteStep: 1 | 5 | 10 | 15;
+    togglePosition: "start" | "end";
+    addTimeLabel: string;
+    removeTimeLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=CoarPlainDateTimeOrDatePicker.vue.d.ts.map

package/dist/components/date-time/plain-date-time-or-date-picker/CoarPlainDateTimeOrDatePicker.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoarPlainDateTimeOrDatePicker.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/date-time/plain-date-time-or-date-picker/CoarPlainDateTimeOrDatePicker.vue"],"names":[],"mappings":"AAkKA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAMjD,OAAO,6BAA6B,CAAC;AAErC,MAAM,MAAM,iCAAiC,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEvE,KAAK,WAAW,GAAG;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,iCAAiC,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mFAAmF;IACnF,GAAG,CAAC,EAAE,QAAQ,CAAC,aAAa,GAAG,IAAI,CAAC;IACpC,GAAG,CAAC,EAAE,QAAQ,CAAC,aAAa,GAAG,IAAI,CAAC;IACpC,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC;IAC7B,gDAAgD;IAChD,cAAc,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACjC,+EAA+E;IAC/E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iFAAiF;IACjF,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAuEJ,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,QAAQ,CAAC,aAAa,GAAG,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAC;IAChE,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;;;;;;;;;;;;WAvFJ,OAAO;UAJR,iCAAiC;cAG7B,OAAO;cAFP,OAAO;iBAFJ,MAAM;SAUd,QAAQ,CAAC,aAAa,GAAG,IAAI;cAPxB,OAAO;eAGN,OAAO;SAGb,QAAQ,CAAC,aAAa,GAAG,IAAI;YAF1B,MAAM;gBAIF,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE;oBAEX,OAAO,GAAG,KAAK;kBAEjB,MAAM;qBAEH,MAAM;;AAqR5B,wBASG"}

package/dist/components/date-time/plain-date-time-or-date-picker/index.d.ts

@@ -0,0 +1,3 @@
+export { default as CoarPlainDateTimeOrDatePicker } from './CoarPlainDateTimeOrDatePicker.vue';
+export type { CoarPlainDateTimeOrDatePickerSize } from './CoarPlainDateTimeOrDatePicker.vue';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/date-time/plain-date-time-or-date-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/date-time/plain-date-time-or-date-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,6BAA6B,EAAE,MAAM,qCAAqC,CAAC;AAC/F,YAAY,EAAE,iCAAiC,EAAE,MAAM,qCAAqC,CAAC"}

package/dist/components/date-time/zoned-date-time-or-date-picker/CoarZonedDateTimeOrDatePicker.vue.d.ts

@@ -0,0 +1,59 @@
+import { Temporal } from '@js-temporal/polyfill';
+export type CoarZonedDateTimeOrDatePickerSize = 'xs' | 's' | 'm' | 'l';
+type __VLS_Props = {
+    placeholder?: string;
+    size?: CoarZonedDateTimeOrDatePickerSize;
+    disabled?: boolean;
+    readonly?: boolean;
+    required?: boolean;
+    error?: boolean;
+    clearable?: boolean;
+    locale?: string;
+    /** Min/max are given as the with-time type; the date mode uses their date part. */
+    min?: Temporal.ZonedDateTime | null;
+    max?: Temporal.ZonedDateTime | null;
+    minuteStep?: 1 | 5 | 10 | 15;
+    /** Default timezone for a value gaining a time (IANA id). */
+    timeZone?: string | null;
+    timezoneFilter?: string[];
+    /** Clock toggle side, relative to the input. */
+    togglePosition?: 'start' | 'end';
+    /** Tooltip + accessible label for the toggle while time is OFF (adds time). */
+    addTimeLabel?: string;
+    /** Tooltip + accessible label for the toggle while time is ON (removes time). */
+    removeTimeLabel?: string;
+};
+type __VLS_PublicProps = {
+    modelValue?: Temporal.ZonedDateTime | Temporal.PlainDate | null;
+    'withTime'?: boolean;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    closed: () => any;
+    "update:modelValue": (value: Temporal.PlainDate | Temporal.ZonedDateTime | null) => any;
+    opened: () => any;
+    "update:withTime": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClosed?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: Temporal.PlainDate | Temporal.ZonedDateTime | null) => any) | undefined;
+    onOpened?: (() => any) | undefined;
+    "onUpdate:withTime"?: ((value: boolean) => any) | undefined;
+}>, {
+    error: boolean;
+    size: CoarZonedDateTimeOrDatePickerSize;
+    required: boolean;
+    disabled: boolean;
+    placeholder: string;
+    max: Temporal.ZonedDateTime | null;
+    readonly: boolean;
+    clearable: boolean;
+    min: Temporal.ZonedDateTime | null;
+    locale: string;
+    minuteStep: 1 | 5 | 10 | 15;
+    timeZone: string | null;
+    timezoneFilter: string[];
+    togglePosition: "start" | "end";
+    addTimeLabel: string;
+    removeTimeLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=CoarZonedDateTimeOrDatePicker.vue.d.ts.map

package/dist/components/date-time/zoned-date-time-or-date-picker/CoarZonedDateTimeOrDatePicker.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoarZonedDateTimeOrDatePicker.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/date-time/zoned-date-time-or-date-picker/CoarZonedDateTimeOrDatePicker.vue"],"names":[],"mappings":"AA6KA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAMjD,OAAO,6BAA6B,CAAC;AAErC,MAAM,MAAM,iCAAiC,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEvE,KAAK,WAAW,GAAG;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,iCAAiC,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mFAAmF;IACnF,GAAG,CAAC,EAAE,QAAQ,CAAC,aAAa,GAAG,IAAI,CAAC;IACpC,GAAG,CAAC,EAAE,QAAQ,CAAC,aAAa,GAAG,IAAI,CAAC;IACpC,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC;IAC7B,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,gDAAgD;IAChD,cAAc,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACjC,+EAA+E;IAC/E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iFAAiF;IACjF,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AA+EJ,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,QAAQ,CAAC,aAAa,GAAG,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAC;IAChE,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;;;;;;;;;;;;WAlGJ,OAAO;UAJR,iCAAiC;cAG7B,OAAO;cAFP,OAAO;iBAFJ,MAAM;SAUd,QAAQ,CAAC,aAAa,GAAG,IAAI;cAPxB,OAAO;eAGN,OAAO;SAGb,QAAQ,CAAC,aAAa,GAAG,IAAI;YAF1B,MAAM;gBAIF,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE;cAEjB,MAAM,GAAG,IAAI;oBACP,MAAM,EAAE;oBAER,OAAO,GAAG,KAAK;kBAEjB,MAAM;qBAEH,MAAM;;AAiS5B,wBASG"}

package/dist/components/date-time/zoned-date-time-or-date-picker/index.d.ts

@@ -0,0 +1,3 @@
+export { default as CoarZonedDateTimeOrDatePicker } from './CoarZonedDateTimeOrDatePicker.vue';
+export type { CoarZonedDateTimeOrDatePickerSize } from './CoarZonedDateTimeOrDatePicker.vue';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/date-time/zoned-date-time-or-date-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/date-time/zoned-date-time-or-date-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,6BAA6B,EAAE,MAAM,qCAAqC,CAAC;AAC/F,YAAY,EAAE,iCAAiC,EAAE,MAAM,qCAAqC,CAAC"}

package/dist/components/icon/core-icons.d.ts

@@ -42,6 +42,7 @@ export declare const CORE_ICONS: {
     'circle-help': string;
     'clipboard-check': string;
     clipboard: string;
+    'clock-off': string;
     clock: string;
     code: string;
     columns: string;

package/dist/components/icon/core-icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"core-icons.d.ts","sourceRoot":"","sources":["../../../src/components/icon/core-icons.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuItB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,UAAU,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC"}
+{"version":3,"file":"core-icons.d.ts","sourceRoot":"","sources":["../../../src/components/icon/core-icons.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwItB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,UAAU,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC"}