@bagelink/vue 0.0.239 → 0.0.243

package/src/styles/layout.css

@@ -85,6 +85,7 @@
     width: 100%;
 }
 
+
 .col-gap-1 {
     column-gap: 1rem;
 }
@@ -271,94 +272,260 @@
     flex: 1 1 33.33333%;
 }
 
-.mb-0 {
-    margin-bottom: 0;
-}
-
 .mb-1 {
-    margin-bottom: 0.25rem;
+    margin-bottom: 1rem !important;
 }
 
 .mb-2 {
-    margin-bottom: 0.5rem;
+    margin-bottom: 2rem !important;
 }
 
 .mb-3 {
-    margin-bottom: 1rem;
-}
-
-.mt-0 {
-    margin-top: 0;
+    margin-bottom: 3rem !important;
 }
 
 .mt-1 {
-    margin-top: 0.25rem;
+    margin-top: 1rem !important;
 }
 
-
 .mt-2 {
-    margin-top: 0.5rem;
+    margin-top: 2rem !important;
 }
 
 .mt-3 {
-    margin-top: 1rem;
+    margin-top: 3rem !important;
 }
 
 .ms-1 {
-    margin-inline-start: 0.25rem;
+    margin-inline-start: 1rem !important;
 }
 
 .ms-2 {
-    margin-inline-start: 0.5rem;
+    margin-inline-start: 2rem !important;
 }
 
 .ms-3 {
-    margin-inline-start: 1rem;
+    margin-inline-start: 3rem !important;
 }
 
 .me-1 {
-    margin-inline-end: 0.25rem;
+    margin-inline-end: 1rem !important;
 }
 
-
 .me-2 {
-    margin-inline-end: 0.5rem;
+    margin-inline-end: 2rem !important;
 }
 
 .me-3 {
-    margin-inline-end: 1rem;
+    margin-inline-end: 3rem !important;
+}
+
+.mb-0 {
+    margin-bottom: 0rem !important;
+}
+
+.mb-4 {
+    margin-bottom: 4rem !important;
+}
+
+.mb-075 {
+    margin-bottom: 0.75rem !important;
+}
+
+.mb-05 {
+    margin-bottom: 0.5rem !important;
+}
+
+.mb-025 {
+    margin-bottom: 0.25rem !important;
+}
+
+.mt-0 {
+    margin-top: 0rem !important;
+}
+
+.mt-4 {
+    margin-top: 4rem !important;
+}
+
+.mt-075 {
+    margin-top: 0.75rem !important;
+}
+
+.mt-05 {
+    margin-top: 0.5rem !important;
+}
+
+.mt-025 {
+    margin-top: 0.25rem !important;
+}
+
+.ms-0 {
+    margin-inline-start: 0rem !important;
+}
+
+.ms-4 {
+    margin-inline-start: 4rem !important;
+}
+
+.ms-075 {
+    margin-inline-start: 0.75rem !important;
+}
+
+.ms-05 {
+    margin-inline-start: 0.5rem !important;
+}
+
+.ms-025 {
+    margin-inline-start: 0.25rem !important;
+}
+
+.me-0 {
+    margin-inline-end: 0rem !important;
+}
+
+.me-4 {
+    margin-inline-end: 4rem !important;
+}
+
+.me-075 {
+    margin-inline-end: 0.75rem !important;
+}
+
+.me-05 {
+    margin-inline-end: 0.5rem !important;
+}
+
+.me-025 {
+    margin-inline-end: 0.25rem !important;
+}
+
+.pb-0 {
+    padding-bottom: 0rem !important;
 }
 
 .pb-1 {
-    padding-bottom: 1rem;
+    padding-bottom: 1rem !important;
 }
 
 .pb-2 {
-    padding-bottom: 2rem;
+    padding-bottom: 2rem !important;
 }
 
 .pb-3 {
-    padding-bottom: 3rem;
+    padding-bottom: 3rem !important;
+}
+
+.pb-4 {
+    padding-bottom: 4rem !important;
+}
+
+.pb-075 {
+    padding-bottom: 0.75rem !important;
+}
+
+.pb-05 {
+    padding-bottom: 0.5rem !important;
 }
 
 .pb-025 {
-    padding-bottom: 0.25rem;
+    padding-bottom: 0.25rem !important;
+}
+
+.pt-0 {
+    padding-top: 0rem !important;
 }
 
 .pt-1 {
-    padding-top: 1rem;
+    padding-top: 1rem !important;
 }
 
 .pt-2 {
-    padding-top: 2rem;
+    padding-top: 2rem !important;
 }
 
 .pt-3 {
-    padding-top: 3rem;
+    padding-top: 3rem !important;
+}
+
+.pt-4 {
+    padding-top: 4rem !important;
+}
+
+.pt-075 {
+    padding-top: 0.75rem !important;
+}
+
+.pt-05 {
+    padding-top: 0.5rem !important;
 }
 
 .pt-025 {
-    padding-top: 0.25rem;
+    padding-top: 0.25rem !important;
+}
+
+.ps-0 {
+    padding-inline-start: 0rem !important;
+}
+
+.ps-1 {
+    padding-inline-start: 1rem !important;
+}
+
+.ps-2 {
+    padding-inline-start: 2rem !important;
+}
+
+.ps-3 {
+    padding-inline-start: 3rem !important;
+}
+
+.ps-4 {
+    padding-inline-start: 4rem !important;
+}
+
+.ps-075 {
+    padding-inline-start: 0.75rem !important;
+}
+
+.ps-05 {
+    padding-inline-start: 0.5rem !important;
+}
+
+.ps-025 {
+    padding-inline-start: 0.25rem !important;
+}
+
+.pe-0 {
+    padding-inline-end: 0rem !important;
+}
+
+.pe-1 {
+    padding-inline-end: 1rem !important;
+}
+
+.pe-2 {
+    padding-inline-end: 2rem !important;
+}
+
+.pe-3 {
+    padding-inline-end: 3rem !important;
+}
+
+.pe-4 {
+    padding-inline-end: 4rem !important;
+}
+
+.pe-075 {
+    padding-inline-end: 0.75rem !important;
+}
+
+.pe-05 {
+    padding-inline-end: 0.5rem !important;
+}
+
+.pe-025 {
+    padding-inline-end: 0.25rem !important;
 }
 
 

package/src/styles/modal.css

@@ -6,13 +6,20 @@
   bottom: 0;
   background-color: rgba(0, 0, 0, 0.7);
   z-index: 999;
-  display: flex;
-  justify-content: center;
-  align-items: center;
   pointer-events: none;
   opacity: 0;
   transition: all ease-in-out 0.3s;
+  max-height: 100vh;
   overflow: auto;
+  margin: 0 auto;
+  width: 100%;
+  text-align: center;
+  display: grid;
+  align-items: center;
+}
+
+.bg-lignt {
+  background-color: var(--bgl-white);
 }
 
 .modal {
@@ -21,8 +28,9 @@
   transform: scale(0.5);
   opacity: 0;
   transition: all ease-in-out 0.15s;
-  margin-top: 6rem;
-  margin-bottom: 4rem;
+  margin-left: auto;
+  margin-right: auto;
+  height: fit-content;
 }
 
 .small-modal .modal {
@@ -37,7 +45,7 @@
   position: -webkit-sticky;
   position: sticky;
   padding-top: 1rem;
-  top: -2rem;
+  top: 0rem;
   z-index: 3;
   background: var(--bgl-white);
 }
@@ -50,13 +58,17 @@
   inset-inline-end: -600px;
   transform: scale(1);
   opacity: 1;
-  position: fixed;
-  top: 20px;
-  bottom: 20px;
+  /* position: fixed; */
+  /* top: 20px; */
+  /* bottom: 20px; */
   max-width: 600px;
   width: 90%;
-  margin-top: 0;
-  margin-bottom: 0;
+  margin-top: 20px;
+  margin-bottom: 20px;
+  margin-inline-start: auto;
+  margin-inline-end: 20px;
+  min-height: calc(100vh - 40px);
+  transform: translateX(100%);
 }
 
 .is-active .modal {
@@ -65,8 +77,18 @@
   box-shadow: 6px 6px 20px 20px #0000001c;
 }
 
+.bg-lignt .modal {
+  transform: scale(1);
+  border: 1px solid var(--border-color);
+}
+
+.bg-lignt.is-active .modal {
+  box-shadow: none;
+}
+
 .is-active.is-side .modal {
   inset-inline-end: 20px;
+  transform: translateX(0%);
 }
 
 .bg-dark.is-active {
@@ -76,6 +98,7 @@
 
 .is-side.bg-dark.is-active {
   opacity: 1;
+  align-items: stretch;
 }
 
 .is-side.is-active .modal {
@@ -84,11 +107,13 @@
 
 @media screen and (max-width: 910px) {
   .tool-bar {
-    margin: -2rem 0 1rem;
+    margin: -1rem 0rem 1rem;
+    padding-bottom: 1rem;
     align-items: center;
   }
 
   .is-active.is-side .modal {
-    inset-inline-end: 5%;
+    margin-inline-end: 5%;
+    margin-inline-start: 5%;
   }
 }

package/src/styles/text.css

@@ -69,6 +69,14 @@ h6 {}
     color: var(--bgl-primary);
 }
 
+.txtblack {
+    color: var(--bgl-black);
+}
+
+.txtred {
+    color: var(--bgl-red);
+}
+
 .font-light {
     font-weight: 100;
 }
@@ -88,6 +96,10 @@ h6 {}
     cursor: pointer;
 }
 
+.decoration-none {
+    text-decoration: none;
+}
+
 .icon-font {
     font-family: "Material Symbols Outlined", serif;
 }

package/src/styles/theme.css

@@ -87,10 +87,17 @@
   font-weight: 600;
   font-size: 20px;
   margin-top: 0.5rem;
-  margin-bottom: 20px;
+  margin-bottom: 0 !important;
   width: 100%;
   -webkit-padding-end: 40px;
   padding-inline-end: 40px;
+  line-height: 2;
+  display: -webkit-box;
+  max-width: 100%;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .modal-footer {
@@ -105,6 +112,7 @@
   display: flex;
   justify-content: space-between;
   align-items: center;
+  gap: 0;
 }
 
 * {
@@ -134,16 +142,6 @@
   padding: 1rem 1rem;
 }
 
-.login-card {
-  padding: 3rem 2rem;
-  border-radius: calc(var(--card-border-radius) * 2);
-  position: absolute;
-  left: 0;
-  right: 0;
-  width: 330px;
-  margin: 15vh auto 0;
-}
-
 .login-card h3 {
   font-size: 1.4rem;
 }

package/src/types/BagelForm.ts

@@ -1,3 +1,5 @@
+import { SelectInput, TextInput } from '@bagelink/vue';
+
 export type AttributeValue = string | number | boolean | null | undefined | Record<string, any>;
 
 export type AttributeFn<T = Record<string, any>> = (field: any, row: T) => AttributeValue;
@@ -6,26 +8,35 @@ export interface Attributes<T = any> {
   [key: string]: AttributeValue | AttributeFn<T>
 }
 
-export type Field<T = Record<string, any>> = {
+export type BaseBagelField<T = Record<string, any>> = {
   $el?: any;
   id?: string;
   label?: string;
   placeholder?: string;
   children?: Field<T>[];
   class?: AttributeValue | AttributeFn<T>,
-  options?: string | ({ label: string; value: string | number } | string | number)[],
   attrs?: Attributes<T>;
   required?: boolean;
-  hint?: string;
+  helptext?: string;
+  options?: string | ({ label: string; value: string | number } | string | number)[],
   defaultValue?: any;
   transform?: (val?: any, rowData?: Record<string, any>) => any;
   onUpdate?: (val: any, fieldData?: any, rowData?: Record<string, any>) => void;
   'v-if'?: string | boolean | ((val: any, row: T) => boolean);
 }
 
-export interface SelectBagelField {
-  inputType: 'SelectField';
-  options: string | { label: string; value: string | number }[];
+export interface InputBagelField<T> extends BaseBagelField<T> {
+  $el: 'text' | typeof TextInput;
+  id: string;
+  type?: string;
 }
 
+export interface SelectBagelField<T> extends BaseBagelField<T> {
+  $el: 'select' | typeof SelectInput;
+  id: string;
+  options: string | ({ label: string; value: string | number } | string | number)[],
+}
+
+export type Field<T = Record<string, any>> = BaseBagelField<T> | InputBagelField<T> | SelectBagelField<T>;
+
 export type BglFormSchemaT<T = Record<string, any>> = Field<T>[];

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

@@ -1,34 +0,0 @@
-type Option = {
-    label: string;
-    value: string;
-} | string | number;
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    modelValue: string | number;
-    options: Option[];
-    placeholder?: string | undefined;
-    label?: string | undefined;
-    id: string;
-    required: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    modelValue: string | number;
-    options: Option[];
-    placeholder?: string | undefined;
-    label?: string | undefined;
-    id: string;
-    required: boolean;
-}>>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {}, {}>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-//# sourceMappingURL=Drop.vue.d.ts.map

package/dist/components/Drop.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drop.vue.d.ts","sourceRoot":"","sources":["../../src/components/Drop.vue"],"names":[],"mappings":"AAcA;AAMA,KAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,MAAM,GAAG,MAAM,CAAC;;gBA8KN,MAAM,GAAG,MAAM;aAClB,MAAM,EAAE;;;QAGb,MAAM;cACA,OAAO;;;;gBALL,MAAM,GAAG,MAAM;aAClB,MAAM,EAAE;;;QAGb,MAAM;cACA,OAAO;;;;AAXnB,wBAcG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}

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

@@ -1,60 +0,0 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    id?: string | undefined;
-    private?: 0 | 1 | undefined;
-    singleFile?: boolean | undefined;
-    beforeUpload?: (() => Promise<any>) | undefined;
-    dragDropLabel?: string | undefined;
-    browseLabel?: string | undefined;
-}>, {
-    private: number;
-    entity: string;
-    id: string;
-    beforeUpload: () => Promise<void>;
-    dragDropLabel: string;
-    browseLabel: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    done: (...args: any[]) => void;
-    complete: (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    id?: string | undefined;
-    private?: 0 | 1 | undefined;
-    singleFile?: boolean | undefined;
-    beforeUpload?: (() => Promise<any>) | undefined;
-    dragDropLabel?: string | undefined;
-    browseLabel?: string | undefined;
-}>, {
-    private: number;
-    entity: string;
-    id: string;
-    beforeUpload: () => Promise<void>;
-    dragDropLabel: string;
-    browseLabel: string;
-}>>> & {
-    onDone?: ((...args: any[]) => any) | undefined;
-    onComplete?: ((...args: any[]) => any) | undefined;
-}, {
-    id: string;
-    private: 1 | 0;
-    beforeUpload: () => Promise<any>;
-    dragDropLabel: string;
-    browseLabel: string;
-}, {}>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-//# sourceMappingURL=FileUploader.vue.d.ts.map

package/dist/components/FileUploader.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FileUploader.vue.d.ts","sourceRoot":"","sources":["../../src/components/FileUploader.vue"],"names":[],"mappings":"AAiDA;;;;;0BA6YuB,QAAQ,GAAG,CAAC;;;;;;;;;;;;;;;;;0BAAZ,QAAQ,GAAG,CAAC;;;;;;;;;;;;;;QAJ5B,MAAM;aAED,CAAC,GAAG,CAAC;kBAEA,MAAM,QAAQ,GAAG,CAAC;mBACjB,MAAM;iBACR,MAAM;;AARtB,wBAeG;AAGH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/src/types/BagelField.ts

@@ -1,52 +0,0 @@
-export interface BaseBagelField {
-	id: string;
-	label?: string;
-	placeholder?: string;
-	required?: boolean;
-	is_array?: boolean;
-	can_add?: boolean;
-	can_delete?: boolean | (() => boolean);
-	allow_array_add?: boolean;
-	editMode?: boolean;
-	inputType:
-		| 'ItemRef'
-		| 'SelectField'
-		| 'PlainText'
-		| 'ImageField'
-		| 'ReadOnlyInput'
-		| 'DateInput'
-		| 'CurrencyInput'
-		| 'CheckInput'
-		| 'NumberInput'
-		| 'LinkField'
-		| 'TextArea'
-		| 'Password'
-		| 'Contact'
-		| 'ColorPicker'
-		| 'FormRow'
-		| 'BagelForm';
-	description?: string;
-	helpText?: string;
-	currency?: string;
-	refCollection?: string;
-	refFields?: string[];
-	file_key?: string;
-	fields?: any;
-	pattern?: string;
-	fieldClass?: string;
-	link?: string;
-}
-
-export type NestedField = BagelField & {
-	// modelValuePropPath?: string;
-	skipIndex?: boolean;
-	ignoreModelPath?: boolean;
-};
-export type NestedBagelFormFields = NestedField[] & Record<string, NestedField>;
-
-export interface NestedBagelForm extends BaseBagelField {
-	inputType: 'BagelForm';
-	fields: NestedBagelFormFields;
-}
-
-export type BagelField = BaseBagelField | NestedBagelForm;