@bagelink/vue 1.14.15 → 1.15.5

package/dist/components/form/inputs/CodeEditor/Index.vue.d.ts

@@ -37,6 +37,30 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<HighlightTheme>;
         default: string;
     };
+    frame: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    outline: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    minWidth: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    maxWidth: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    labelColor: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    labelActiveColor: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -76,6 +100,30 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<HighlightTheme>;
         default: string;
     };
+    frame: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    outline: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    minWidth: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    maxWidth: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    labelColor: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    labelActiveColor: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -83,7 +131,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     height: string;
     language: string;
     disabled: boolean;
+    outline: boolean;
     modelValue: string | Record<string, any>;
+    frame: boolean;
+    minWidth: string;
+    maxWidth: string;
+    labelColor: string;
+    labelActiveColor: string;
     theme: HighlightTheme;
     readonly: boolean;
     autodetect: boolean;

package/dist/components/form/inputs/ColorInput.vue.d.ts

@@ -1,3 +1,4 @@
+import { BagelInputShellProps } from './bagelInputShell';
 type __VLS_Props = {
     label?: string;
     id?: string;
@@ -9,7 +10,8 @@ type __VLS_Props = {
     nativeInputAttrs?: {
         [key: string]: any;
     };
-};
+    underlined?: boolean;
+} & BagelInputShellProps;
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{

package/dist/components/form/inputs/DateInput.vue.d.ts

@@ -1,6 +1,7 @@
 import { ModeType } from '../../../utils/calendar/typings';
 import { WEEK_START_DAY } from '../../../utils/calendar/time';
-export interface DateInputProps {
+import { BagelInputShellProps } from './bagelInputShell';
+export interface DateInputProps extends BagelInputShellProps {
     required?: boolean;
     label?: string;
     placeholder?: string;

package/dist/components/form/inputs/DatePicker.vue.d.ts

@@ -11,6 +11,7 @@ type __VLS_Props = {
     enableTime?: boolean;
     highlightedDates?: MaybeRefOrGetter<(string | Date)[]>;
     disabledDates?: MaybeRefOrGetter<(string | Date)[]>;
+    allowedDates?: MaybeRefOrGetter<(string | Date)[]>;
     autoSize?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {

package/dist/components/form/inputs/EmailInput.vue.d.ts

@@ -1,5 +1,6 @@
 import { IconType, ValidateInputBaseT } from '../../..';
-export interface EmailInputProps extends ValidateInputBaseT {
+import { BagelInputShellProps } from './bagelInputShell';
+export interface EmailInputProps extends ValidateInputBaseT, BagelInputShellProps {
     id?: string;
     title?: string;
     helptext?: string;
@@ -19,7 +20,7 @@ export interface EmailInputProps extends ValidateInputBaseT {
     };
     icon?: IconType;
     iconStart?: IconType;
-    autocomplete?: AutoFillField;
+    autocomplete?: string;
     autofocus?: boolean;
     error?: string;
     onFocusout?: (e: FocusEvent) => void;
@@ -27,6 +28,7 @@ export interface EmailInputProps extends ValidateInputBaseT {
     autocorrect?: boolean;
     serverValidate?: boolean;
     preventFakeEmails?: boolean;
+    formatValidation?: boolean;
 }
 declare const _default: import('vue').DefineComponent<EmailInputProps, {
     focus: () => void | undefined;
@@ -43,6 +45,7 @@ declare const _default: import('vue').DefineComponent<EmailInputProps, {
     autocorrect: boolean;
     serverValidate: boolean;
     preventFakeEmails: boolean;
+    formatValidation: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     input: HTMLInputElement;
 }, HTMLDivElement>;

package/dist/components/form/inputs/JSONInput.vue.d.ts

@@ -1,3 +1,4 @@
+import { BagelInputShellProps } from './bagelInputShell';
 type __VLS_Props = {
     description?: string;
     label?: string;
@@ -5,7 +6,7 @@ type __VLS_Props = {
     placeholder?: string;
     editMode?: boolean;
     small?: boolean;
-};
+} & BagelInputShellProps;
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{

package/dist/components/form/inputs/MarkdownEditor.vue.d.ts

@@ -1,4 +1,5 @@
-interface Props {
+import { BagelInputShellProps } from './bagelInputShell';
+interface Props extends BagelInputShellProps {
     maxLength?: number;
     placeholder?: string;
     label?: string;
@@ -15,7 +16,11 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
     "update:modelValue": (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+}>, {
+    label: string;
+    placeholder: string;
+    showFormatting: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     textareaRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./TextInput.vue').TextInputProps> & Readonly<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         onDebounce?: ((...args: any[]) => any) | undefined;

package/dist/components/form/inputs/NumberInput.vue.d.ts

@@ -1,6 +1,7 @@
 import { IconType } from '../../..';
+import { BagelInputShellProps } from './bagelInputShell';
 type NumberLayout = 'default' | 'vertical' | 'horizontal';
-interface NumberInputProps {
+interface NumberInputProps extends BagelInputShellProps {
     modelValue?: number | string;
     min?: number;
     max?: number;

package/dist/components/form/inputs/OTP.vue.d.ts

@@ -1,9 +1,10 @@
+import { BagelInputShellProps } from './bagelInputShell';
 type __VLS_Props = {
     digitCount: number;
     default?: string;
     modelValue?: string;
     error?: string;
-};
+} & BagelInputShellProps;
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
     complete: (...args: any[]) => void;

package/dist/components/form/inputs/PasswordInput.vue.d.ts

@@ -1,19 +1,22 @@
-import { IconType } from '../../..';
-type __VLS_Props = TextInputProps;
-export interface TextInputProps {
+import { IconType, ValidateInputBaseT } from '../../..';
+import { BagelInputShellProps } from './bagelInputShell';
+export interface TextInputProps extends ValidateInputBaseT, BagelInputShellProps {
     id?: string;
     title?: string;
     helptext?: string;
+    name?: string;
     placeholder?: string;
+    modelValue?: string;
     label?: string;
     small?: boolean;
     dense?: boolean;
     required?: boolean;
     pattern?: string;
+    defaultValue?: string;
     shrink?: boolean;
     underlined?: boolean;
     disabled?: boolean;
-    name?: string;
+    type?: string;
     nativeInputAttrs?: {
         [key: string]: any;
     };
@@ -22,16 +25,19 @@ export interface TextInputProps {
     multiline?: boolean;
     autoheight?: boolean;
     code?: boolean;
-    lines?: number;
+    rows?: number | string;
+    autocomplete?: string;
     autofocus?: boolean;
-    debounceDelay?: number;
-    autocomplete?: AutoFillField;
+    error?: string;
     onFocusout?: (e: FocusEvent) => void;
+    onFocus?: (e: FocusEvent) => void;
+}
+export interface PasswordInputProps extends TextInputProps {
     strengthMeter?: boolean;
-    error?: string;
 }
+type __VLS_Props = PasswordInputProps;
 type __VLS_PublicProps = {
-    'modelValue'?: string;
+    modelValue?: string;
     'showPwd'?: boolean;
 } & __VLS_Props;
 declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -42,7 +48,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     "onUpdate:showPwd"?: ((value: boolean) => any) | undefined;
 }>, {
     label: string;
-    autocomplete: AutoFillField;
+    autocomplete: string;
     strengthMeter: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/components/form/inputs/RadioGroup.vue.d.ts

@@ -1,4 +1,5 @@
 import { Option } from '../../..';
+import { BagelInputShellProps } from './bagelInputShell';
 export interface RadioOption<T = any> {
     imgAlt?: string;
     imgSrc?: string;
@@ -36,10 +37,11 @@ declare const _default: <ContextObjType extends {
         hideRadio?: boolean;
         bgColor?: string;
         activeBgColor?: string;
+        activeTextColor?: string;
         borderColor?: string;
         textColor?: string;
         textAlign?: "left" | "center" | "right";
-    }) & Partial<{}>> & import('vue').PublicProps;
+    } & BagelInputShellProps) & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {

package/dist/components/form/inputs/RadioGroup.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/RadioGroup.vue"],"names":[],"mappings":"AA2LA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAI3C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAG7D,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,GAAG;IACnC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,UAAU,CAAC,EAAE,CAAC,CAAA;IACd,KAAK,EAAE,GAAG,CAAA;CACV;yBAEgB,cAAc,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAC7D,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAmSO,mBAAmB,CAAC;;;;;;;qBAzLb,GAAG;;aApGX,MAAM;gBACH,MAAM;oBACF,MAAM;;oBAEN,OAAO;mBACR,OAAO;gBACV,MAAM;mBACH,OAAO;eACX,OAAO;eACP,OAAO;yBACG,OAAO;gBAChB,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ;oBACzC,OAAO;kBACT,MAAM;wBACA,MAAM;0BACJ,MAAM;sBACV,MAAM;oBACR,MAAM;oBACN,MAAM,GAAG,QAAQ,GAAG,OAAO;2CA2QqD,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;mBA5SH,GAAG;oBAJF,MAAM;iBAET,MAAM;mBADJ,MAAM;qBAJJ,MAAM;qBACN,MAAM;uBACJ,MAAM;;YAsQa,GAAG;;UA6C3B,4HAAoC;EAEvC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA9SzE,wBA8S4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"RadioGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/RadioGroup.vue"],"names":[],"mappings":"AA2LA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAI3C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAG7D,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,GAAG;IACnC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,UAAU,CAAC,EAAE,CAAC,CAAA;IACd,KAAK,EAAE,GAAG,CAAA;CACV;yBAEgB,cAAc,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAC7D,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAoSO,mBAAmB,CAAC;;;;;;;qBA1Lb,GAAG;;aApGX,MAAM;gBACH,MAAM;oBACF,MAAM;;oBAEN,OAAO;mBACR,OAAO;gBACV,MAAM;mBACH,OAAO;eACX,OAAO;eACP,OAAO;yBACG,OAAO;gBAChB,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ;oBACzC,OAAO;kBACT,MAAM;wBACA,MAAM;0BACJ,MAAM;sBACV,MAAM;oBACR,MAAM;oBACN,MAAM,GAAG,QAAQ,GAAG,OAAO;2CA4QqD,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;mBA7SH,GAAG;oBAJF,MAAM;iBAET,MAAM;mBADJ,MAAM;qBAJJ,MAAM;qBACN,MAAM;uBACJ,MAAM;;YAsQa,GAAG;;UA8C3B,4HAAoC;EAEvC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA/SzE,wBA+S4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/form/inputs/RangeInput.vue.d.ts

@@ -1,4 +1,5 @@
-export interface RangeInputProps {
+import { BagelInputShellProps } from './bagelInputShell';
+export interface RangeInputProps extends BagelInputShellProps {
     modelValue: number | [number, number];
     min?: number;
     max?: number;
@@ -10,6 +11,10 @@ export interface RangeInputProps {
     rtl?: boolean;
     multiRange?: boolean;
     formatValue?: (value: number) => string;
+    /** צבע הרקע של הפס (track) */
+    trackColor?: string;
+    /** צבע הפס הפעיל והעיגול — ברירת מחדל: labelActiveColor או primary */
+    activeColor?: string;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/dist/components/form/inputs/RichText/index.vue.d.ts

@@ -1,4 +1,5 @@
 import { ToolbarConfig } from './richTextTypes';
+import { BagelInputShellProps } from '../bagelInputShell';
 type __VLS_Props = {
     modelValue: string;
     toolbarConfig?: ToolbarConfig;
@@ -21,7 +22,7 @@ type __VLS_Props = {
     autofocus?: boolean;
     textColor?: string;
     fontSize?: number | string;
-};
+} & BagelInputShellProps;
 declare const _default: import('vue').DefineComponent<__VLS_Props, {
     editor: {
         state: {

package/dist/components/form/inputs/SelectBtn.vue.d.ts

@@ -1,13 +1,13 @@
 import { Option } from '../../..';
+import { BagelInputShellProps } from './bagelInputShell';
 type __VLS_Props = {
     options: Option[];
     label?: string;
     required?: boolean;
     error?: string;
     thin?: boolean;
-    outline?: boolean;
     multiselect?: boolean;
-};
+} & BagelInputShellProps;
 type __VLS_PublicProps = {
     'modelValue'?: string | number | (string | number)[] | null;
 } & __VLS_Props;

package/dist/components/form/inputs/SelectBtn.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectBtn.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SelectBtn.vue"],"names":[],"mappings":"AA4FA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAI3C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAG7D,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;CACrB,GAAG,oBAAoB,CAAC;AAwC1B,KAAK,iBAAiB,GAAG;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,IAAI,CAAC;CAC3D,GAAG,WAAW,CAAC;;;;;;iBA3CA,OAAO;;AA0LvB,wBASG"}
+{"version":3,"file":"SelectBtn.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SelectBtn.vue"],"names":[],"mappings":"AA8FA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAI3C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAG7D,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;CACrB,GAAG,oBAAoB,CAAC;AAmB1B,KAAK,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;AAuB5C,KAAK,iBAAiB,GAAG;IACzB,YAAY,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,GAAG,IAAI,CAAC;CACjD,GAAG,WAAW,CAAC;;;;;;iBA7CA,OAAO;;AA4LvB,wBASG"}

package/dist/components/form/inputs/SelectInput.vue.d.ts

@@ -1,7 +1,8 @@
 import { IconType, Option } from '../../..';
 import { AlignedPlacement } from '../../Dropdown.vue';
+import { BagelInputShellProps } from './bagelInputShell';
 type OptionsSource = Option[] | ((query: string) => Promise<Option[]>);
-interface PropTypes {
+interface PropTypes extends BagelInputShellProps {
     options: OptionsSource;
     placeholder?: string;
     disabled?: boolean;
@@ -20,6 +21,10 @@ interface PropTypes {
     searchPlaceholder?: string;
     error?: string;
     underlined?: boolean;
+    size?: 'xs' | 's' | 'm' | 'l' | 'xl';
+    border?: boolean;
+    thin?: boolean;
+    round?: boolean;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -59,13 +64,12 @@ declare function __VLS_template(): {
                     show: number;
                     hide: number;
                 } | undefined;
+                readonly referenceEl?: (Element | null) | undefined;
                 readonly onHide?: (() => any) | undefined;
                 readonly "onUpdate:shown"?: ((value: boolean) => any) | undefined;
                 readonly onShow?: (() => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-            $attrs: {
-                [x: string]: unknown;
-            };
+            $attrs: import('vue').Attrs;
             $refs: {
                 [x: string]: unknown;
             } & {
@@ -110,6 +114,7 @@ declare function __VLS_template(): {
                     show: number;
                     hide: number;
                 };
+                referenceEl?: Element | null;
             }> & Readonly<{
                 onHide?: (() => any) | undefined;
                 "onUpdate:shown"?: ((value: boolean) => any) | undefined;
@@ -194,15 +199,16 @@ declare function __VLS_template(): {
                 show: number;
                 hide: number;
             };
+            referenceEl?: Element | null;
         }> & Readonly<{
             onHide?: (() => any) | undefined;
             "onUpdate:shown"?: ((value: boolean) => any) | undefined;
             onShow?: (() => any) | undefined;
-        }>, "hide" | "shown" | "show" | ("flat" | "thin" | "placement" | "disablePlacement" | "autoHide" | "triggers" | "popperTriggers" | "popperShowTriggers" | "popperHideTriggers" | "card")> & import('vue').ShallowUnwrapRef<{
+        }>, "hide" | "shown" | "show" | ("flat" | "thin" | "placement" | "disablePlacement" | "autoHide" | "triggers" | "popperTriggers" | "popperShowTriggers" | "popperHideTriggers" | "card")> & {
             show: () => Promise<void>;
             hide: () => void;
-            shown: import('vue').ModelRef<boolean, string, boolean, boolean>;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            shown: boolean;
+        } & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 trigger?(_: {
                     show: () => Promise<void>;
@@ -292,13 +298,12 @@ declare const __VLS_component: import('vue').DefineComponent<PropTypes, {}, {},
                 show: number;
                 hide: number;
             } | undefined;
+            readonly referenceEl?: (Element | null) | undefined;
             readonly onHide?: (() => any) | undefined;
             readonly "onUpdate:shown"?: ((value: boolean) => any) | undefined;
             readonly onShow?: (() => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: {
-            [x: string]: unknown;
-        };
+        $attrs: import('vue').Attrs;
         $refs: {
             [x: string]: unknown;
         } & {
@@ -343,6 +348,7 @@ declare const __VLS_component: import('vue').DefineComponent<PropTypes, {}, {},
                 show: number;
                 hide: number;
             };
+            referenceEl?: Element | null;
         }> & Readonly<{
             onHide?: (() => any) | undefined;
             "onUpdate:shown"?: ((value: boolean) => any) | undefined;
@@ -427,15 +433,16 @@ declare const __VLS_component: import('vue').DefineComponent<PropTypes, {}, {},
             show: number;
             hide: number;
         };
+        referenceEl?: Element | null;
     }> & Readonly<{
         onHide?: (() => any) | undefined;
         "onUpdate:shown"?: ((value: boolean) => any) | undefined;
         onShow?: (() => any) | undefined;
-    }>, "hide" | "shown" | "show" | ("flat" | "thin" | "placement" | "disablePlacement" | "autoHide" | "triggers" | "popperTriggers" | "popperShowTriggers" | "popperHideTriggers" | "card")> & import('vue').ShallowUnwrapRef<{
+    }>, "hide" | "shown" | "show" | ("flat" | "thin" | "placement" | "disablePlacement" | "autoHide" | "triggers" | "popperTriggers" | "popperShowTriggers" | "popperHideTriggers" | "card")> & {
         show: () => Promise<void>;
         hide: () => void;
-        shown: import('vue').ModelRef<boolean, string, boolean, boolean>;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        shown: boolean;
+    } & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             trigger?(_: {
                 show: () => Promise<void>;

package/dist/components/form/inputs/SelectInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SelectInput.vue"],"names":[],"mappings":"AAAA,OA0eO,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAI1D,OAAO,wBAAwB,CAAA;AAC/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAc7D,KAAK,aAAa,GAAG,MAAM,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;AAKtE,UAAU,SAAU,SAAQ,oBAAoB;IAC/C,OAAO,EAAE,aAAa,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAA;IACpC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;CACf;AAsOD,iBAAS,cAAc;WAqZT,OAAO,IAA6B;;sBAdvB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA9UyB,GAAE,8CAE9C,GAAG,yBAAyB,GAAG,6DACvC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8VL;AAyCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;eAlrBR,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAuS0B,GAAE,8CAE9C,GAAG,yBAAyB,GAAG,6DACvC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAkZJ,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"SelectInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SelectInput.vue"],"names":[],"mappings":"AAAA,OA0eO,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAI1D,OAAO,wBAAwB,CAAA;AAC/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAc7D,KAAK,aAAa,GAAG,MAAM,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;AAKtE,UAAU,SAAU,SAAQ,oBAAoB;IAC/C,OAAO,EAAE,aAAa,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAA;IACpC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;CACf;AAsOD,iBAAS,cAAc;WAqZT,OAAO,IAA6B;;sBAdvB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA9U6B,GAAG,8CAE9C,GAAG,yBAA0B,GAAE,6DACvC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8VV;AAyCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;eAlrBR,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAuS8B,GAAG,8CAE9C,GAAG,yBAA0B,GAAE,6DACvC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAkZT,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/form/inputs/SignaturePad.vue.d.ts

@@ -1,4 +1,5 @@
 import { Options as SignaturePadOptions } from 'signature_pad';
+import { BagelInputShellProps } from './bagelInputShell';
 export interface WaterMark {
     text: string;
     x: number;
@@ -23,7 +24,11 @@ type __VLS_Props = {
     format?: FormatType;
     clearable?: boolean;
     required?: boolean;
-};
+    label?: string;
+    helptext?: string;
+    penColor?: string;
+    backgroundColor?: string;
+} & BagelInputShellProps;
 declare function clear(): void;
 declare function save(format?: FormatType): string | undefined;
 declare function fromDataURL(url: string): Promise<void> | undefined;

package/dist/components/form/inputs/TableField.vue.d.ts

@@ -1,3 +1,4 @@
+import { BagelInputShellProps } from './bagelInputShell';
 type __VLS_Props = {
     description?: string;
     meta: {
@@ -6,7 +7,7 @@ type __VLS_Props = {
     fieldname: string;
     bagelApp?: any;
     modelValue: any;
-};
+} & BagelInputShellProps;
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{

package/dist/components/form/inputs/TelInput.vue.d.ts

@@ -1,3 +1,4 @@
+import { BagelInputShellProps } from './bagelInputShell';
 type __VLS_Props = {
     id?: string;
     label?: string;
@@ -9,7 +10,7 @@ type __VLS_Props = {
     disabled?: boolean;
     underlined?: boolean;
     error?: string;
-};
+} & BagelInputShellProps;
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     input: (...args: any[]) => void;
     paste: (...args: any[]) => void;

package/dist/components/form/inputs/TextInput.vue.d.ts

@@ -1,5 +1,6 @@
 import { IconType, ValidateInputBaseT } from '../../..';
-export interface TextInputProps extends ValidateInputBaseT {
+import { BagelInputShellProps } from './bagelInputShell';
+export interface TextInputProps extends ValidateInputBaseT, BagelInputShellProps {
     id?: string;
     title?: string;
     helptext?: string;
@@ -25,7 +26,7 @@ export interface TextInputProps extends ValidateInputBaseT {
     autoheight?: boolean;
     code?: boolean;
     rows?: number | string;
-    autocomplete?: AutoFillField;
+    autocomplete?: string;
     autofocus?: boolean;
     error?: string;
     onFocusout?: (e: FocusEvent) => void;

package/dist/components/form/inputs/ToggleInput.vue.d.ts

@@ -1,3 +1,4 @@
+import { BagelInputShellProps } from './bagelInputShell';
 type __VLS_Props = {
     label?: string;
     id?: string;
@@ -5,7 +6,7 @@ type __VLS_Props = {
     small?: boolean;
     required?: boolean;
     defaultValue?: boolean;
-};
+} & BagelInputShellProps;
 type __VLS_PublicProps = {
     'modelValue'?: boolean | undefined;
 } & __VLS_Props;

package/dist/components/form/inputs/Upload/UploadInput.vue.d.ts

@@ -1,8 +1,4 @@
 import { UploadInputProps } from '../../../../types/BagelForm';
-type __VLS_Props = UploadInputProps & {
-    showIcon?: boolean;
-    icon?: string;
-};
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -29,6 +25,30 @@ declare function __VLS_template(): {
                 namespace?: string | undefined;
             }[];
         }): any;
+        'drop-placeholder'?(_: {
+            files: string[];
+            fileQueue: {
+                file: {
+                    readonly lastModified: number;
+                    readonly name: string;
+                    readonly webkitRelativePath: string;
+                    readonly size: number;
+                    readonly type: string;
+                    arrayBuffer: () => Promise<ArrayBuffer>;
+                    bytes: () => Promise<Uint8Array<ArrayBuffer>>;
+                    slice: (start?: number, end?: number, contentType?: string) => Blob;
+                    stream: () => ReadableStream<Uint8Array<ArrayBuffer>>;
+                    text: () => Promise<string>;
+                };
+                url?: string | undefined;
+                progress: number;
+                uploading?: boolean | undefined;
+                name?: string | undefined;
+                uploaded?: boolean | undefined;
+                namespace?: string | undefined;
+            }[];
+            browse: (autoFlush?: boolean) => void;
+        }): any;
         placeholder?(_: {
             files: string[];
             fileQueue: {
@@ -58,15 +78,16 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_component: import('vue').DefineComponent<UploadInputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
     addFileStart: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<UploadInputProps> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onAddFileStart?: ((...args: any[]) => any) | undefined;
 }>, {
     icon: string;
     height: string | "auto";
+    iconSize: number | string;
     theme: "dropzone" | "basic";
     accept: string;
     showIcon: boolean;

package/dist/components/form/inputs/Upload/UploadInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UploadInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/inputs/Upload/UploadInput.vue"],"names":[],"mappings":"AAAA,OAoQO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAkGnE,iBAAS,cAAc;WAwjBT,OAAO,IAA6B;;;;;;;;;;;;;;;;;;;;;;;;YAZtB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;YACW,GAAG;;;;;;;;;;;;;;;;;;;;;;;;YACV,GAAG;;;;EAerC;AAgCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;wFASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"UploadInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/inputs/Upload/UploadInput.vue"],"names":[],"mappings":"AAoQA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAkGnE,iBAAS,cAAc;WAwjBT,OAAO,IAA6B;;;;;;;;;;;;;;;;;;;;;;;;YAZtB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;YACW,GAAG;;;;;;;;;;;;;;;;;;;;;;;;YACV,GAAG;;;;EAerC;AAgCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;wFASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/form/inputs/Upload/upload.d.ts

@@ -6,7 +6,7 @@ export declare function createUploadApi(options?: {
 export declare const files: {
     get: (pathKey?: string) => Promise<AxiosResponse<BglFile>>;
     put: (bglFilePatch: BglFilePatch, pathKey?: string) => Promise<AxiosResponse<BglFile>>;
-    delete: (pathKey?: string) => Promise<AxiosResponse<any, any>>;
+    delete: (pathKey?: string) => Promise<AxiosResponse<any, any, {}>>;
     upload: (file: File, options?: UploadOptions & {
         dirPath?: string;
         tags?: string[];

package/dist/components/form/inputs/index.d.ts

@@ -1,3 +1,4 @@
+export { useBagelInputShell, type BagelInputShellProps } from './bagelInputShell';
 export { default as ArrayInput } from './ArrayInput.vue';
 export { default as Checkbox } from './Checkbox.vue';
 export { default as CheckInput } from './CheckInput.vue';

package/dist/components/index.d.ts

@@ -19,10 +19,12 @@ export { Draggable, useDraggable, vDraggable } from './draggable';
 export { default as DragOver } from './DragOver.vue';
 export { default as Dropdown } from './Dropdown.vue';
 export { default as FieldSetVue } from './FieldSetVue.vue';
-export { default as Filter } from './Filter.vue';
+export { default as FilterQuery } from './FilterQuery.vue';
+export type { FilterField, QueryOption } from './FilterQuery.types';
 export { default as Flag } from './Flag.vue';
 export * from './form';
 export { default as Icon } from './Icon/Icon.vue';
+export { FONT_AWESOME_ICONS, FONT_AWESOME_BRANDS_ICONS, MATERIAL_ICONS } from './Icon/constants';
 export { default as IframeVue } from './IframeVue.vue';
 export { default as Image } from './Image.vue';
 export { default as ImportData } from './ImportData.vue';