@sectile/vue 0.2.1

package/dist/year-range-picker.d.ts

@@ -0,0 +1,393 @@
+import type { DateRangePickerOptions } from '@sectile/dom/date-range-picker';
+import type { DateRange, DateValue } from '@sectile/dom/date-field';
+import { type PickerPartProps, type PickerRootSlotProps, type PickerYearCellSlotProps } from './internal/date-picker.js';
+export interface YearRangePickerRootProps {
+    readonly modelValue?: DateRange | null;
+    readonly defaultValue?: DateRange | null;
+    readonly highlightedValue?: DateValue;
+    readonly defaultHighlightedValue?: DateValue;
+    readonly open?: boolean;
+    readonly defaultOpen?: boolean;
+    readonly disabled?: boolean;
+    readonly?: boolean;
+    readonly required?: boolean;
+    readonly label?: string;
+    readonly policies?: DateRangePickerOptions['policies'];
+}
+export declare const YearRangePickerRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<import("./internal/date-picker.js").PickerValue>;
+        default: undefined;
+    };
+    defaultValue: {
+        type: import("vue").PropType<import("./internal/date-picker.js").PickerValue>;
+        default: null;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    highlightedValue: {
+        type: import("vue").PropType<DateValue>;
+        default: undefined;
+    };
+    defaultHighlightedValue: {
+        type: import("vue").PropType<DateValue>;
+        default: undefined;
+    };
+    defaultView: {
+        type: import("vue").PropType<import("@sectile/core").DatePickerViewMode>;
+        default: import("@sectile/core").DatePickerViewMode;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    policies: {
+        type: import("vue").PropType<Readonly<Record<string, unknown>>>;
+        default: undefined;
+    };
+    as: {
+        type: import("vue").PropType<import("./primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (_value: import("./internal/date-picker.js").PickerValue) => boolean;
+    'update:open': (_value: boolean) => boolean;
+    'update:highlightedValue': (_value: DateValue) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<import("./internal/date-picker.js").PickerValue>;
+        default: undefined;
+    };
+    defaultValue: {
+        type: import("vue").PropType<import("./internal/date-picker.js").PickerValue>;
+        default: null;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    highlightedValue: {
+        type: import("vue").PropType<DateValue>;
+        default: undefined;
+    };
+    defaultHighlightedValue: {
+        type: import("vue").PropType<DateValue>;
+        default: undefined;
+    };
+    defaultView: {
+        type: import("vue").PropType<import("@sectile/core").DatePickerViewMode>;
+        default: import("@sectile/core").DatePickerViewMode;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    policies: {
+        type: import("vue").PropType<Readonly<Record<string, unknown>>>;
+        default: undefined;
+    };
+    as: {
+        type: import("vue").PropType<import("./primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:highlightedValue"?: (_value: DateValue) => any;
+    "onUpdate:modelValue"?: (_value: import("./internal/date-picker.js").PickerValue) => any;
+    "onUpdate:open"?: (_value: boolean) => any;
+}>, {
+    modelValue: import("./internal/date-picker.js").PickerValue;
+    defaultValue: import("./internal/date-picker.js").PickerValue;
+    open: boolean;
+    defaultOpen: boolean;
+    highlightedValue: DateValue;
+    defaultHighlightedValue: DateValue;
+    defaultView: import("@sectile/core").DatePickerViewMode;
+    disabled: boolean;
+    readonly: boolean;
+    required: boolean;
+    label: string;
+    policies: Readonly<Record<string, unknown>>;
+    as: import("./primitive.js").PrimitiveAs;
+    asChild: boolean;
+}, import("vue").SlotsType<{
+    default: (props: PickerRootSlotProps) => import("vue").VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type YearRangePickerValueChangeHandler = NonNullable<InstanceType<typeof YearRangePickerRoot>['$props']['onUpdate:modelValue']>;
+export type YearRangePickerOpenChangeHandler = NonNullable<InstanceType<typeof YearRangePickerRoot>['$props']['onUpdate:open']>;
+export type YearRangePickerHighlightedValueChangeHandler = NonNullable<InstanceType<typeof YearRangePickerRoot>['$props']['onUpdate:highlightedValue']>;
+export declare const YearRangePickerTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    as: {
+        type: import("vue").PropType<import("./primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    as: {
+        type: import("vue").PropType<import("./primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    as: import("./primitive.js").PrimitiveAs;
+    asChild: boolean;
+}, import("vue").SlotsType<{
+    default: (props: PickerRootSlotProps) => import("vue").VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const YearRangePickerContent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    as: {
+        type: import("vue").PropType<import("./primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    as: {
+        type: import("vue").PropType<import("./primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    as: import("./primitive.js").PrimitiveAs;
+    asChild: boolean;
+}, import("vue").SlotsType<{
+    default: (props: PickerRootSlotProps) => import("vue").VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const YearRangePickerGrid: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    as: {
+        type: import("vue").PropType<import("./primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    as: {
+        type: import("vue").PropType<import("./primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    as: import("./primitive.js").PrimitiveAs;
+    asChild: boolean;
+}, import("vue").SlotsType<{
+    default: (props: PickerRootSlotProps) => import("vue").VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const YearRangePickerCell: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: {
+        type: import("vue").PropType<import("./internal/date-picker.js").PickerYearValue>;
+        required: true;
+    };
+    as: {
+        type: import("vue").PropType<import("./primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: import("vue").PropType<import("./internal/date-picker.js").PickerYearValue>;
+        required: true;
+    };
+    as: {
+        type: import("vue").PropType<import("./primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    as: import("./primitive.js").PrimitiveAs;
+    asChild: boolean;
+}, import("vue").SlotsType<{
+    default: (props: PickerYearCellSlotProps) => import("vue").VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const YearRangePickerStartInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    form: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    as: {
+        type: import("vue").PropType<import("./primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    form: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    as: {
+        type: import("vue").PropType<import("./primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    name: string;
+    form: string;
+    as: import("./primitive.js").PrimitiveAs;
+    asChild: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const YearRangePickerEndInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    form: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    as: {
+        type: import("vue").PropType<import("./primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    form: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    as: {
+        type: import("vue").PropType<import("./primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    name: string;
+    form: string;
+    as: import("./primitive.js").PrimitiveAs;
+    asChild: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const YearRangePickerPreviousPage: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    as: {
+        type: import("vue").PropType<import("./primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    as: {
+        type: import("vue").PropType<import("./primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    as: import("./primitive.js").PrimitiveAs;
+    asChild: boolean;
+}, import("vue").SlotsType<{
+    default: (props: PickerRootSlotProps) => import("vue").VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const YearRangePickerNextPage: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    as: {
+        type: import("vue").PropType<import("./primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    as: {
+        type: import("vue").PropType<import("./primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    as: import("./primitive.js").PrimitiveAs;
+    asChild: boolean;
+}, import("vue").SlotsType<{
+    default: (props: PickerRootSlotProps) => import("vue").VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type { DateRange as YearRangePickerValue, DateValue as YearPickerValue, PickerPartProps as YearRangePickerPartProps, PickerRootSlotProps as YearRangePickerRootSlotProps, PickerYearCellSlotProps as YearRangePickerCellSlotProps, };
+//# sourceMappingURL=year-range-picker.d.ts.map

package/dist/year-range-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"year-range-picker.d.ts","sourceRoot":"","sources":["../src/year-range-picker.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAEa,KAAK,eAAe,EAAE,KAAK,mBAAmB,EAAE,KAAK,uBAAuB,EAC/F,MAAM,2BAA2B,CAAC;AAEnC,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,UAAU,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACvC,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,SAAS,CAAC;IACtC,QAAQ,CAAC,uBAAuB,CAAC,EAAE,SAAS,CAAC;IAC7C,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,sBAAsB,CAAC,UAAU,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yEAAyI,CAAC;AAC1K,MAAM,MAAM,iCAAiC,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC,QAAQ,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC;AACvI,MAAM,MAAM,gCAAgC,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC,QAAQ,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC;AAChI,MAAM,MAAM,4CAA4C,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC,QAAQ,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC;AACxJ,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;yEAAgB,CAAC;AACpD,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;yEAAgB,CAAC;AACpD,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;yEAAa,CAAC;AAC9C,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yEAA6D,CAAC;AAC9F,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAAuE,CAAC;AAC9G,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAAmE,CAAC;AACxG,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;yEAAsF,CAAC;AAC/H,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;yEAA6E,CAAC;AAElH,YAAY,EACV,SAAS,IAAI,oBAAoB,EACjC,SAAS,IAAI,eAAe,EAC5B,eAAe,IAAI,wBAAwB,EAC3C,mBAAmB,IAAI,4BAA4B,EACnD,uBAAuB,IAAI,4BAA4B,GACxD,CAAC"}

package/dist/year-range-picker.js

@@ -0,0 +1,11 @@
+import { PickerContent, PickerGrid, PickerTrigger, createPickerInput, createPickerMove, createPickerYearCell, createPickerRoot, } from './internal/date-picker.js';
+export const YearRangePickerRoot = createPickerRoot('date-range', 'SectileYearRangePickerRoot', { scope: 'year-range-picker', granularity: 'year', defaultView: 'year' });
+export const YearRangePickerTrigger = PickerTrigger;
+export const YearRangePickerContent = PickerContent;
+export const YearRangePickerGrid = PickerGrid;
+export const YearRangePickerCell = createPickerYearCell('cell', 'SectileYearRangePickerCell');
+export const YearRangePickerStartInput = createPickerInput('start-input', 'SectileYearRangePickerStartInput');
+export const YearRangePickerEndInput = createPickerInput('end-input', 'SectileYearRangePickerEndInput');
+export const YearRangePickerPreviousPage = createPickerMove('year', -1, 'SectileYearRangePickerPreviousPage', 'previous-page');
+export const YearRangePickerNextPage = createPickerMove('year', 1, 'SectileYearRangePickerNextPage', 'next-page');
+//# sourceMappingURL=year-range-picker.js.map

package/dist/year-range-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"year-range-picker.js","sourceRoot":"","sources":["../src/year-range-picker.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,oBAAoB,EACnG,gBAAgB,GACjB,MAAM,2BAA2B,CAAC;AAgBnC,MAAM,CAAC,MAAM,mBAAmB,GAAG,gBAAgB,CAAC,YAAY,EAAE,4BAA4B,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC;AAI1K,MAAM,CAAC,MAAM,sBAAsB,GAAG,aAAa,CAAC;AACpD,MAAM,CAAC,MAAM,sBAAsB,GAAG,aAAa,CAAC;AACpD,MAAM,CAAC,MAAM,mBAAmB,GAAG,UAAU,CAAC;AAC9C,MAAM,CAAC,MAAM,mBAAmB,GAAG,oBAAoB,CAAC,MAAM,EAAE,4BAA4B,CAAC,CAAC;AAC9F,MAAM,CAAC,MAAM,yBAAyB,GAAG,iBAAiB,CAAC,aAAa,EAAE,kCAAkC,CAAC,CAAC;AAC9G,MAAM,CAAC,MAAM,uBAAuB,GAAG,iBAAiB,CAAC,WAAW,EAAE,gCAAgC,CAAC,CAAC;AACxG,MAAM,CAAC,MAAM,2BAA2B,GAAG,gBAAgB,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,oCAAoC,EAAE,eAAe,CAAC,CAAC;AAC/H,MAAM,CAAC,MAAM,uBAAuB,GAAG,gBAAgB,CAAC,MAAM,EAAE,CAAC,EAAE,gCAAgC,EAAE,WAAW,CAAC,CAAC"}