sit-onyx 1.5.0-dev-20251205074353 → 1.5.0-dev-20251209074642

package/dist/components/OnyxTimepicker/OnyxTimepicker.d.vue.ts

@@ -0,0 +1,134 @@
+import { OnyxTimepickerProps } from './types.js';
+declare const _default: import('vue').DefineComponent<OnyxTimepickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value?: string | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<OnyxTimepickerProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value?: string | undefined) => any) | undefined;
+}>, {
+    skeleton: import('../../composables/useSkeletonState.js', { with: { "resolution-mode": "import" } }).SkeletonInjected;
+    required: boolean;
+    disabled: import('../OnyxForm/OnyxForm.core', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
+    showError: import('../OnyxForm/OnyxForm.core', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/useErrorClass.js', { with: { "resolution-mode": "import" } }).ShowErrorMode>;
+    requiredMarker: import('../OnyxForm/OnyxForm.core', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/required.js', { with: { "resolution-mode": "import" } }).RequiredMarkerType>;
+    readonly: boolean;
+    showSeconds: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    rootTemplateRef: HTMLDivElement;
+    hourInputTemplateRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../OnyxStepper/types.js', { with: { "resolution-mode": "import" } }).OnyxStepperProps> & Readonly<{
+        onValidityChange?: ((validity: ValidityState) => any) | undefined;
+        "onUpdate:modelValue"?: ((value?: import('../../index.js', { with: { "resolution-mode": "import" } }).Nullable<number>) => any) | undefined;
+    }>, {
+        input: Readonly<import('vue').ShallowRef<HTMLInputElement | null>>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        validityChange: (validity: ValidityState) => any;
+        "update:modelValue": (value?: import('../../index.js', { with: { "resolution-mode": "import" } }).Nullable<number>) => any;
+    }, import('vue').PublicProps, {
+        skeleton: import('../../composables/useSkeletonState.js', { with: { "resolution-mode": "import" } }).SkeletonInjected;
+        disabled: import('../OnyxForm/OnyxForm.core', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
+        showError: import('../OnyxForm/OnyxForm.core', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/useErrorClass.js', { with: { "resolution-mode": "import" } }).ShowErrorMode>;
+        readonly: boolean;
+        loading: boolean;
+        stepSize: number;
+        hideButtons: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        inputRef: HTMLInputElement;
+    }, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('../OnyxStepper/types.js', { with: { "resolution-mode": "import" } }).OnyxStepperProps> & Readonly<{
+        onValidityChange?: ((validity: ValidityState) => any) | undefined;
+        "onUpdate:modelValue"?: ((value?: import('../../index.js', { with: { "resolution-mode": "import" } }).Nullable<number>) => any) | undefined;
+    }>, {
+        input: Readonly<import('vue').ShallowRef<HTMLInputElement | null>>;
+    }, {}, {}, {}, {
+        skeleton: import('../../composables/useSkeletonState.js', { with: { "resolution-mode": "import" } }).SkeletonInjected;
+        disabled: import('../OnyxForm/OnyxForm.core', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
+        showError: import('../OnyxForm/OnyxForm.core', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/useErrorClass.js', { with: { "resolution-mode": "import" } }).ShowErrorMode>;
+        readonly: boolean;
+        loading: boolean;
+        stepSize: number;
+        hideButtons: boolean;
+    }> | null;
+    minuteInputTemplateRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../OnyxStepper/types.js', { with: { "resolution-mode": "import" } }).OnyxStepperProps> & Readonly<{
+        onValidityChange?: ((validity: ValidityState) => any) | undefined;
+        "onUpdate:modelValue"?: ((value?: import('../../index.js', { with: { "resolution-mode": "import" } }).Nullable<number>) => any) | undefined;
+    }>, {
+        input: Readonly<import('vue').ShallowRef<HTMLInputElement | null>>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        validityChange: (validity: ValidityState) => any;
+        "update:modelValue": (value?: import('../../index.js', { with: { "resolution-mode": "import" } }).Nullable<number>) => any;
+    }, import('vue').PublicProps, {
+        skeleton: import('../../composables/useSkeletonState.js', { with: { "resolution-mode": "import" } }).SkeletonInjected;
+        disabled: import('../OnyxForm/OnyxForm.core', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
+        showError: import('../OnyxForm/OnyxForm.core', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/useErrorClass.js', { with: { "resolution-mode": "import" } }).ShowErrorMode>;
+        readonly: boolean;
+        loading: boolean;
+        stepSize: number;
+        hideButtons: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        inputRef: HTMLInputElement;
+    }, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('../OnyxStepper/types.js', { with: { "resolution-mode": "import" } }).OnyxStepperProps> & Readonly<{
+        onValidityChange?: ((validity: ValidityState) => any) | undefined;
+        "onUpdate:modelValue"?: ((value?: import('../../index.js', { with: { "resolution-mode": "import" } }).Nullable<number>) => any) | undefined;
+    }>, {
+        input: Readonly<import('vue').ShallowRef<HTMLInputElement | null>>;
+    }, {}, {}, {}, {
+        skeleton: import('../../composables/useSkeletonState.js', { with: { "resolution-mode": "import" } }).SkeletonInjected;
+        disabled: import('../OnyxForm/OnyxForm.core', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
+        showError: import('../OnyxForm/OnyxForm.core', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/useErrorClass.js', { with: { "resolution-mode": "import" } }).ShowErrorMode>;
+        readonly: boolean;
+        loading: boolean;
+        stepSize: number;
+        hideButtons: boolean;
+    }> | null;
+    secondInputTemplateRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../OnyxStepper/types.js', { with: { "resolution-mode": "import" } }).OnyxStepperProps> & Readonly<{
+        onValidityChange?: ((validity: ValidityState) => any) | undefined;
+        "onUpdate:modelValue"?: ((value?: import('../../index.js', { with: { "resolution-mode": "import" } }).Nullable<number>) => any) | undefined;
+    }>, {
+        input: Readonly<import('vue').ShallowRef<HTMLInputElement | null>>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        validityChange: (validity: ValidityState) => any;
+        "update:modelValue": (value?: import('../../index.js', { with: { "resolution-mode": "import" } }).Nullable<number>) => any;
+    }, import('vue').PublicProps, {
+        skeleton: import('../../composables/useSkeletonState.js', { with: { "resolution-mode": "import" } }).SkeletonInjected;
+        disabled: import('../OnyxForm/OnyxForm.core', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
+        showError: import('../OnyxForm/OnyxForm.core', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/useErrorClass.js', { with: { "resolution-mode": "import" } }).ShowErrorMode>;
+        readonly: boolean;
+        loading: boolean;
+        stepSize: number;
+        hideButtons: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        inputRef: HTMLInputElement;
+    }, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('../OnyxStepper/types.js', { with: { "resolution-mode": "import" } }).OnyxStepperProps> & Readonly<{
+        onValidityChange?: ((validity: ValidityState) => any) | undefined;
+        "onUpdate:modelValue"?: ((value?: import('../../index.js', { with: { "resolution-mode": "import" } }).Nullable<number>) => any) | undefined;
+    }>, {
+        input: Readonly<import('vue').ShallowRef<HTMLInputElement | null>>;
+    }, {}, {}, {}, {
+        skeleton: import('../../composables/useSkeletonState.js', { with: { "resolution-mode": "import" } }).SkeletonInjected;
+        disabled: import('../OnyxForm/OnyxForm.core', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
+        showError: import('../OnyxForm/OnyxForm.core', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/useErrorClass.js', { with: { "resolution-mode": "import" } }).ShowErrorMode>;
+        readonly: boolean;
+        loading: boolean;
+        stepSize: number;
+        hideButtons: boolean;
+    }> | null;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/OnyxTimepicker/OnyxTimepickerInput.d.vue.ts

@@ -0,0 +1,50 @@
+import { OnyxTimepickerProps } from './types.js';
+type __VLS_Props = OnyxTimepickerProps & {
+    /**
+     * Defines the granularity of the time input in seconds.
+     */
+    step?: number;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /**
+         * Icon content.
+         */
+        icon(): unknown;
+    }> & {
+        /**
+         * Icon content.
+         */
+        icon(): unknown;
+    };
+    refs: {
+        inputRef: HTMLInputElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    validityChange: (validity: ValidityState) => any;
+    "update:modelValue": (value?: string | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onValidityChange?: ((validity: ValidityState) => any) | undefined;
+    "onUpdate:modelValue"?: ((value?: string | undefined) => any) | undefined;
+}>, {
+    skeleton: import('../../composables/useSkeletonState.js', { with: { "resolution-mode": "import" } }).SkeletonInjected;
+    required: boolean;
+    disabled: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
+    showError: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/useErrorClass.js', { with: { "resolution-mode": "import" } }).ShowErrorMode>;
+    readonly: boolean;
+    loading: boolean;
+    step: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputRef: HTMLInputElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/OnyxTimepicker/types.d.ts

@@ -0,0 +1,21 @@
+import { AutofocusProp } from '../../types/components.js';
+import { SharedFormElementProps } from '../OnyxFormElement/types.js';
+export type OnyxTimepickerProps = Omit<SharedFormElementProps, "placeholder"> & AutofocusProp & {
+    /**
+     * Whether to show the seconds segment (:SS).
+     * If true, the format is HH:MM:SS. If false, the format is HH:MM.
+     */
+    showSeconds?: boolean;
+    /**
+     * Text describing the timepicker. Will be displayed at the bottom of the flyout.
+     */
+    infoLabel?: string;
+    /**
+     * Whether to hide the info label.
+     */
+    hideInfoLabelIcon?: boolean;
+    /**
+     * Time in Seconds since midnight.
+     */
+    modelValue?: string;
+};

package/dist/i18n/locales/de-DE.json

@@ -265,5 +265,19 @@
             "select": "Auswählen"
         },
         "system": "System"
+    },
+    "timepicker": {
+        "placeholder": {
+            "hour": "HH",
+            "minute": "MM",
+            "second": "SS"
+        },
+        "labels": {
+            "iconButton": "Öffne Timepicker",
+            "popover": "Timepicker Popover",
+            "hour": "Stunde",
+            "minute": "Minute",
+            "second": "Sekunde"
+        }
     }
 }

package/dist/i18n/locales/en-US.json

@@ -268,5 +268,19 @@
             "select": "Select"
         },
         "system": "System"
+    },
+    "timepicker": {
+        "placeholder": {
+            "hour": "HH",
+            "minute": "MM",
+            "second": "SS"
+        },
+        "labels": {
+            "iconButton": "Open Timepicker",
+            "popover": "Timepicker Popover",
+            "hour": "Hour",
+            "minute": "Minute",
+            "second": "Second"
+        }
     }
 }

package/dist/i18n/locales/en-US.json.d.ts

@@ -268,6 +268,20 @@ declare const _default: {
       "select": "Select"
     },
     "system": "System"
+  },
+  "timepicker": {
+    "placeholder": {
+      "hour": "HH",
+      "minute": "MM",
+      "second": "SS"
+    },
+    "labels": {
+      "iconButton": "Open Timepicker",
+      "popover": "Timepicker Popover",
+      "hour": "Hour",
+      "minute": "Minute",
+      "second": "Second"
+    }
   }
 }
 ;

package/dist/index.d.ts

@@ -153,6 +153,8 @@ export { default as OnyxTabs } from './components/OnyxTabs/OnyxTabs.vue';
 export * from './components/OnyxTabs/types.js';
 export { default as OnyxTag } from './components/OnyxTag/OnyxTag.vue';
 export * from './components/OnyxTag/types.js';
+export { default as OnyxUnstableTimepicker } from './components/OnyxTimepicker/OnyxTimepicker.vue';
+export * from './components/OnyxTimepicker/types.js';
 export { default as OnyxFileCard } from './components/OnyxFileCard/OnyxFileCard.vue';
 export * from './components/OnyxFileCard/types.js';
 export { default as OnyxFileTypeIcon } from './components/OnyxFileTypeIcon/OnyxFileTypeIcon.vue';