@bagelink/vue 0.0.241 → 0.0.245

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

@@ -18,6 +18,9 @@
   align-items: center;
 }
 
+.bg-lignt {
+  background-color: var(--bgl-white);
+}
 
 .modal {
   width: 96%;
@@ -65,7 +68,7 @@
   margin-inline-start: auto;
   margin-inline-end: 20px;
   min-height: calc(100vh - 40px);
-
+  transform: translateX(100%);
 }
 
 .is-active .modal {
@@ -74,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 {
@@ -103,4 +116,4 @@
     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

@@ -142,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,34 @@ 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 | Record<string, any>)[],
   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;
 }
 
+export type Field<T = Record<string, any>> = BaseBagelField<T> | InputBagelField<T> | SelectBagelField<T>;
+
 export type BglFormSchemaT<T = Record<string, any>> = Field<T>[];

package/src/utils/index.ts

@@ -51,8 +51,8 @@ export function bindAttrs<T = Record<string, any>>(attrs?: Attributes, fieldVal?
 export const iffer = (field: any, itemData: any) => {
 	if (field['v-if'] === undefined) return true;
 	if (typeof field['v-if'] === 'boolean') return field['v-if'];
-	if (typeof field['v-if'] === 'string') return !!itemData.value[field['v-if']];
-	if (typeof field['v-if'] === 'function') return field['v-if']!(itemData?.[field.id], itemData);
+	if (typeof field['v-if'] === 'string') return true;
+	if (typeof field['v-if'] === 'function') return field['v-if']?.(itemData?.[field.id], itemData);
 	return true;
 };
 

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;

package/src/utils/objects.ts

@@ -1,81 +0,0 @@
-import { BagelField } from '@bagelink/vue';
-
-function returnTypes(bagelField?: BagelField) {
-	if (bagelField?.is_array) return [];
-	if (bagelField?.inputType === 'BagelForm') return {};
-	if (bagelField?.inputType === 'CheckInput') return false;
-	return '';
-}
-
-export function getPropByPath(
-	obj: Record<string, any>,
-	propPath?: string,
-	bagelField?: BagelField,
-) {
-	// Return the object if the path is empty or the object is not an 'object' type
-	if (!propPath || typeof obj !== 'object') return obj;
-
-	const props = propPath.split(/\.|\[(\d+)\]/).filter(Boolean);
-	let result = obj;
-	for (const prop of props) {
-		if (result !== null && typeof result === 'object' && prop in result) {
-			result = result[prop];
-		} else {
-			return bagelField ? returnTypes(bagelField) : '';
-		}
-	}
-	return result;
-}
-
-export function setPropByPath(
-	obj: Record<string, any>,
-	path?: string,
-	value?: any,
-) {
-	const keys = path?.split(/\.|\[(\d+)\]/)?.filter(Boolean) || [];
-	let current = obj;
-
-	for (let i = 0; i < keys.length - 1; i++) {
-		const key = keys[i];
-		const nextKey = keys[i + 1];
-
-		const nextIsArrayIndex = !Number.isNaN(parseInt(nextKey, 10));
-
-		if (!current[key]) {
-			current[key] = nextIsArrayIndex ? [] : {};
-		} else if (typeof current[key] !== 'object') {
-			throw new Error(
-				`Cannot set property '${keys
-					.slice(i)
-					.join('.')}', object or array expected`,
-			);
-		}
-		current = current[key];
-	}
-	current[keys[keys.length - 1]] = value;
-}
-
-// export function setPropByPath(
-// 	obj: Record<string, any>,
-// 	propPath: string,
-// 	value: any,
-// ) {
-// 	// console.log('getPropByPath', obj, { propPath });
-// 	if (!propPath || typeof obj !== 'object') return obj;
-
-// 	const props = propPath.split(/\.|\[(\d+)\]/).filter(Boolean);
-// 	let result = obj;
-// 	console.log(props);
-// 	for (let i = 0; i < props.length; i++) {
-// 		const prop = props[i];
-// 		if (i === props.length - 1) {
-// 			result[prop] = value;
-// 		} else if (result && prop in result) {
-// 			result = result[prop];
-// 		} else {
-// 			return undefined;
-// 		}
-// 	}
-
-// 	return result;
-// }