@trustme24/flext 1.10.1 → 1.10.2

package/src/lib/unocssShadowDomHack.css

@@ -0,0 +1,133 @@
+:host,
+:host *,
+:host::before,
+:host::after,
+:host *::before,
+:host *::after,
+:host::backdrop,
+:host *::backdrop {
+
+    /* Opacity */
+
+    --un-bg-opacity: 100%;
+    --un-text-opacity: 100%;
+    --un-border-opacity: 100%;
+    --un-outline-opacity: 100%;
+    --un-ring-opacity: 100%;
+    --un-divide-opacity: 100%;
+    --un-placeholder-opacity: 100%;
+
+
+    /* Gradients */
+
+    --un-gradient-position: initial;
+    --un-gradient-from: #0000;
+    --un-gradient-via: #0000;
+    --un-gradient-to: #0000;
+    --un-gradient-stops: initial;
+    --un-gradient-via-stops: initial;
+    --un-gradient-from-position: 0%;
+    --un-gradient-via-position: 50%;
+    --un-gradient-to-position: 100%;
+    --un-from-opacity: 100%;
+    --un-via-opacity: 100%;
+    --un-to-opacity: 100%;
+
+
+    /* Ring */
+
+    --un-ring-color: initial;
+    --un-ring-shadow: 0 0 #0000;
+    --un-ring-inset: initial;
+    --un-ring-offset-width: 0px;
+    --un-ring-offset-color: #fff;
+    --un-ring-offset-shadow: 0 0 #0000;
+    --un-inset-ring-color: initial;
+    --un-inset-ring-shadow: 0 0 #0000;
+
+
+    /* Shadow */
+
+    --un-shadow: 0 0 #0000;
+    --un-shadow-color: initial;
+    --un-inset-shadow: 0 0 #0000;
+    --un-inset-shadow-color: initial;=
+
+
+    /* Border, Outline */
+
+    --un-border-style: solid;
+    --un-outline-style: solid;
+
+
+    /* Font, Letter Spacing */
+
+    --un-font-weight: initial;
+    --un-tracking: initial;
+
+
+    /* Transforms */
+
+    --un-translate-x: 0;
+    --un-translate-y: 0;
+    --un-translate-z: 0;
+    --un-rotate-x: rotateX(0);
+    --un-rotate-y: rotateY(0);
+    --un-rotate-z: rotateZ(0);
+    --un-skew-x: skewX(0);
+    --un-skew-y: skewY(0);
+    --un-scale-x: 1;
+    --un-scale-y: 1;
+    --un-scale-z: 1;
+
+
+    /* Filters */
+
+    --un-blur: initial;
+    --un-brightness: initial;
+    --un-contrast: initial;
+    --un-grayscale: initial;
+    --un-hue-rotate: initial;
+    --un-invert: initial;
+    --un-opacity: initial;
+    --un-saturate: initial;
+    --un-sepia: initial;
+    --un-drop-shadow: initial;
+
+
+    /* Backdrop */
+
+    --un-backdrop-blur: initial;
+    --un-backdrop-brightness: initial;
+    --un-backdrop-contrast: initial;
+    --un-backdrop-grayscale: initial;
+    --un-backdrop-hue-rotate: initial;
+    --un-backdrop-invert: initial;
+    --un-backdrop-opacity: initial;
+    --un-backdrop-saturate: initial;
+    --un-backdrop-sepia: initial;
+    --un-backdrop-drop-shadow: initial;
+
+
+    /* Transitions */
+
+    --un-duration: initial;
+    --un-ease: initial;
+
+
+    /* Other */
+
+    --un-content: '';
+    --un-divide-y-reverse: 0;
+    --un-divide-x-reverse: 0;
+    --un-space-x-reverse: 0;
+    --un-space-y-reverse: 0;
+    --un-default-border-color: #e5e7eb;
+}
+
+:host::before,
+:host::after,
+:host *::before,
+:host *::after {
+    --un-content: '';
+}

package/src/modules/array/index.ts

@@ -0,0 +1,68 @@
+import { Obj } from '@/types';
+import { defineModule } from '@/lib';
+
+
+// Functions
+
+export function op(state: any): any[] | boolean {
+    const args: any[] = state?.args ?? [];
+    const [ op, arr, prop ] = args;
+
+
+    // Defining he functions
+
+    const destruct = <T extends any = any>(val: Obj[], _prop: string): T[] => {
+        const items = _prop?.split('.') ?? [];
+        const result: T[] = [];
+
+
+        // Iterating for each item
+
+        for (const obj of val) {
+            let cursor: any = obj;
+
+            for (const item of items) cursor = cursor[item];
+
+            result.push(cursor);
+        }
+
+
+        return result;
+    };
+
+
+    // Applying the operation
+
+    switch (op) {
+        case 'destruct':
+            return destruct(arr, prop);
+        case 'check':
+            return Array.isArray(arr);
+        default:
+            return op;
+    }
+}
+
+export function destruct(state: any): any[] {
+    const args: any[] = state?.args ?? [];
+    const [ arr, prop ] = args;
+
+    return op({ ...state, args: [ 'destruct', arr, prop ] }) as any[];
+}
+
+export function check(state: any): boolean {
+    const args: any[] = state?.args ?? [];
+    const [ arr ] = args;
+
+    return op({ ...state, args: [ 'check', arr ] }) as boolean;
+}
+
+
+export default defineModule({
+    helpers: {
+        op: op,
+        destruct: destruct,
+        check: check,
+        __default: op,
+    },
+});

package/src/modules/cond/index.ts

@@ -0,0 +1,123 @@
+import { Obj } from '@/types';
+import { audit, defineModule } from '@/lib';
+import { TemplateSyntaxError } from '@/errors';
+
+
+// Functions
+
+export function op(state: any): boolean {
+    const args: any[] = state?.args ?? [];
+    const namedArgs: Obj = state?.namedArgs ?? {};
+    const [ arg1, arg2OrOp, arg3, ...rest ] = args;
+    const { soft } = namedArgs;
+
+
+    // If the 'not' was passed
+
+    if (arg1 === 'not') return !arg2OrOp;
+
+
+    // If the 'soft' was passed
+
+    if (soft) {
+        switch (arg2OrOp) {
+            case 'equal':
+                return arg1 == arg3;
+            case 'notEqual':
+                return arg1 != arg3;
+            default:
+                throw new TemplateSyntaxError('Condition: Unknown operation: ' + audit(arg2OrOp));
+        }
+    }
+
+
+    // Defining the functions
+
+    const and = <T = any>(...a: T[]): T => a.reduce((r, x) => r && x);
+
+    const or  = <T = any>(...a: T[]): T => a.reduce((r, x) => r || x);
+
+
+    // Applying the operation
+
+    switch (arg2OrOp) {
+        case 'equal':
+            return arg1 === arg3;
+        case 'notEqual':
+            return arg1 !== arg3;
+        case 'and':
+            return and(arg1, arg3, ...rest);
+        case 'or':
+            return or(arg1, arg3, ...rest);
+        case 'greater':
+            return Number(arg1) > Number(arg3);
+        case 'less':
+            return Number(arg1) < Number(arg3);
+        default:
+            throw new TemplateSyntaxError('Condition: Unknown operation: ' + audit(arg2OrOp));
+    }
+}
+
+export function not(state: any): boolean {
+    const args: any[] = state?.args ?? [];
+    const [ a ] = args;
+
+    return op({ ...state, args: [ 'not', a ] });
+}
+
+export function equal(state: any): boolean {
+    const args: any[] = state?.args ?? [];
+    const [ a, b ] = args;
+
+    return op({ ...state, args: [ a, 'equal', b ] });
+}
+
+export function notEqual(state: any): boolean {
+    const args: any[] = state?.args ?? [];
+    const [ a, b ] = args;
+
+    return op({ ...state, args: [ a, 'notEqual', b ] });
+}
+
+export function and(state: any): boolean {
+    const args: any[] = state?.args ?? [];
+    const [ a, ...rest ] = args;
+
+    return op({ ...state, args: [ a, 'and', ...rest ] });
+}
+
+export function or(state: any): boolean {
+    const args: any[] = state?.args ?? [];
+    const [ a, ...rest ] = args;
+
+    return op({ ...state, args: [ a, 'or', ...rest ] });
+}
+
+export function greater(state: any): boolean {
+    const args: any[] = state?.args ?? [];
+    const [ a, b ] = args;
+
+    return op({ ...state, args: [ a, 'greater', b ] });
+}
+
+export function less(state: any): boolean {
+    const args: any[] = state?.args ?? [];
+    const [ a, b ] = args;
+
+    return op({ ...state, args: [ a, 'less', b ] });
+}
+
+
+export default defineModule({
+    helpers: {
+        op: op,
+        not: not,
+        equal: equal,
+        notEqual: notEqual,
+        and: and,
+        or: or,
+        greater: greater,
+        less: less,
+        __default: op,
+    },
+});

package/src/modules/date/index.ts

@@ -0,0 +1,254 @@
+import { DateTime } from 'luxon';
+import { Obj } from '@/types';
+import { audit, ensureDate, defineModule, isset } from '@/lib';
+import { TemplateSyntaxError } from '@/errors';
+
+
+// Functions
+
+export function op(state: any): DateTime | string | number | null {
+    const flext: Obj = state?.flext ?? {};
+    const args: any[] = state?.args ?? [];
+    const namedArgs: Obj = state?.namedArgs ?? {};
+    const [ date, op ] = args;
+    const { padding, genitive, timeZone, lang } = namedArgs;
+
+
+    // Doing some checks
+
+    if (!date) return null;
+
+
+    // Getting the date
+
+    let newDate: DateTime = DateTime.local();
+
+    if (date !== 'now')
+        newDate = DateTime.fromJSDate(ensureDate(date));
+
+    if (timeZone || flext?.timeZone)
+        newDate = newDate.setZone(timeZone ?? flext?.timeZone);
+
+    if (lang || flext?.lang)
+        newDate = newDate.setLocale(lang ?? flext?.lang);
+
+
+    // Defining the functions
+
+    const padStart = (val: string|number, _padding: string|number = 2): string => String(val || '').padStart(Number(_padding), '0');
+
+
+    // If the 'pad' was passed
+
+    if (isset(padding)) {
+        switch (op) {
+            case 'seconds':
+                return padStart(newDate.second, padding);
+            case 'minutes':
+                return padStart(newDate.minute, padding);
+            case 'hours':
+                return padStart(newDate.hour, padding);
+            case 'day':
+                return padStart(newDate.day, padding);
+            case 'month':
+                return padStart(newDate.month, padding);
+            case 'year':
+                return padStart(newDate.year, 4);
+            default:
+                throw new TemplateSyntaxError(`Date: Operation ${audit(op)} is not compatible with argument 'padding'`);
+        }
+    }
+
+    if (genitive) {
+        switch (op) {
+            case 'monthText':
+                const dateText = newDate.toLocaleString({ day: 'numeric', month: 'long' });
+                const monthText = dateText.replace(/[^\p{L}]/gu, ''); // TODO: kr: Costyl to work with thw US dates
+
+                return monthText.toLowerCase();
+            default:
+                throw new TemplateSyntaxError(`Date: Operation ${audit(op)} is not compatible with argument 'genitive'`);
+        }
+    }
+
+
+    // Applying the operation
+
+    switch (op) {
+        case 'seconds':
+            return newDate.second;
+        case 'minutes':
+            return newDate.minute;
+        case 'hours':
+            return newDate.hour;
+        case 'day':
+            return newDate.day;
+        case 'month':
+            return newDate.month;
+        case 'monthText':
+            const monthText = newDate.toLocaleString({ month: 'long' });
+            return monthText.toLowerCase();
+        case 'year':
+            return newDate.year;
+        case 'format':
+            return newDate.toLocaleString();
+        case 'text':
+            return newDate.toLocaleString({ day: 'numeric', month: 'long', year: 'numeric' });
+        case 'unix':
+            return newDate.toMillis();
+        case 'iso':
+            return newDate.toISOTime();
+        default:
+            return newDate;
+    }
+}
+
+export function now(state: any): DateTime {
+    return op({ ...state, args: [ 'now' ] }) as DateTime;
+}
+
+export function seconds(state: any): string {
+    const args: any[] = state?.args ?? [];
+    const [ date ] = args;
+    const namedArgs: Obj = state?.namedArgs ?? {};
+    const padding = namedArgs?.padding ?? 2;
+
+    return op({
+        ...state,
+
+        args: [ date, 'seconds' ],
+        namedArgs: { ...namedArgs, padding },
+    });
+}
+
+export function minutes(state: any): string {
+    const args: any[] = state?.args ?? [];
+    const [ date ] = args;
+    const namedArgs: Obj = state?.namedArgs ?? {};
+    const padding = namedArgs?.padding ?? 2;
+
+    return op({
+        ...state,
+
+        args: [ date, 'minutes' ],
+        namedArgs: { ...namedArgs, padding },
+    });
+}
+
+export function hours(state: any): string {
+    const args: any[] = state?.args ?? [];
+    const [ date ] = args;
+    const namedArgs: Obj = state?.namedArgs ?? {};
+    const padding = namedArgs?.padding ?? 2;
+
+    return op({
+        ...state,
+
+        args: [ date, 'hours' ],
+        namedArgs: { ...namedArgs, padding },
+    });
+}
+
+export function day(state: any): string {
+    const args: any[] = state?.args ?? [];
+    const [ date ] = args;
+    const namedArgs: Obj = state?.namedArgs ?? {};
+    const padding = namedArgs?.padding ?? 2;
+
+    return op({
+        ...state,
+
+        args: [ date, 'day' ],
+        namedArgs: { ...namedArgs, padding },
+    });
+}
+
+export function month(state: any): string {
+    const args: any[] = state?.args ?? [];
+    const [ date ] = args;
+    const namedArgs: Obj = state?.namedArgs ?? {};
+    const padding = namedArgs?.padding ?? 2;
+
+    return op({
+        ...state,
+
+        args: [ date, 'month' ],
+        namedArgs: { ...namedArgs, padding },
+    });
+}
+
+export function monthText(state: any): string {
+    const args: any[] = state?.args ?? [];
+    const [ date ] = args;
+    const namedArgs: Obj = state?.namedArgs ?? {};
+    const genitive = !namedArgs?.nominative;
+
+    return op({
+        ...state,
+
+        args: [ date, 'monthText' ],
+        namedArgs: { ...namedArgs, genitive },
+    });
+}
+
+export function year(state: any): string {
+    const args: any[] = state?.args ?? [];
+    const [ date ] = args;
+    const namedArgs: Obj = state?.namedArgs ?? {};
+    const padding = namedArgs?.padding ?? 2;
+
+    return op({
+        ...state,
+
+        args: [ date, 'year' ],
+        namedArgs: { ...namedArgs, padding },
+    });
+}
+
+export function format(state: any): string {
+    const args: any[] = state?.args ?? [];
+    const [ date ] = args;
+
+    return op({ ...state, args: [ date, 'format' ] });
+}
+
+export function text(state: any): string {
+    const args: any[] = state?.args ?? [];
+    const [ date ] = args;
+
+    return op({ ...state, args: [ date, 'text' ] });
+}
+
+export function unix(state: any): number {
+    const args: any[] = state?.args ?? [];
+    const [ date ] = args;
+
+    return op({ ...state, args: [ date, 'unix' ] }) as number;
+}
+
+export function iso(state: any): string {
+    const args: any[] = state?.args ?? [];
+    const [ date ] = args;
+
+    return op({ ...state, args: [ date, 'iso' ] }) as string;
+}
+
+
+export default defineModule({
+    helpers: {
+        op: op,
+        now: now,
+        seconds: seconds,
+        minutes: minutes,
+        hours: hours,
+        day: day,
+        month: month,
+        monthText: monthText,
+        year: year,
+        format: format,
+        text: text,
+        unix: unix,
+        iso: iso,
+        __default: op,
+    },
+});

package/src/modules/index.ts

@@ -0,0 +1,9 @@
+export { default as array } from './array';
+export { default as cond } from './cond';
+export { default as date } from './date';
+export { default as match } from './match';
+export { default as math } from './math';
+export { default as media } from './media';
+export { default as number } from './number';
+export { default as put } from './put';
+export { default as string } from './string';

package/src/modules/match/index.ts

@@ -0,0 +1,54 @@
+import { defineModule } from '@/lib';
+
+
+// Functions
+
+export function _match(state: any): any {
+    const args: any[] = state?.args ?? [];
+    const [ value ] = args;
+    const self = state?.self ?? null;
+    const render = state?.getContent ?? null;
+
+
+    // Setting the match data
+
+    self.__flext_match_value = value;
+    self.__flext_match_isCompleted = false;
+
+
+    return render();
+}
+
+export function _case(state: any): any {
+    const args: any[] = state?.args ?? [];
+    const self = state?.self ?? null;
+    const value = self.__flext_match_value ?? null;
+    const render = state?.getContent ?? null;
+
+
+    // Iterating for each value
+
+    if (!self.__flext_match_isCompleted) for (const valueRef of args) if (value === valueRef) {
+        self.__flext_match_isCompleted = true;
+        return render();
+    }
+
+
+    return '';
+}
+
+export function _fallback(state: any): any {
+    const self = state?.self ?? null;
+    const value = self.__flext_match_value ?? null;
+
+    return _case({ ...state, args: [ value ] });
+}
+
+
+export default defineModule({
+    helpers: {
+        case: _case,
+        fallback: _fallback,
+        __default: _match,
+    },
+});