@skeletonizer/utils 1.0.0 → 1.1.0

package/README.md

@@ -89,13 +89,13 @@ type TSchemaConfig<T extends object> = {
 The `repeat` property specifies the number of times the skeleton part of the component should be repeated whilst in loading state. Eg. if you pass a single `div` inside the skeleton-projected content, and set `repeat` to `5`, there will be 5 `div`s in the skeletonized content when `showSkeleton` is `true`. 
 The `schemaGenerator` property is a function that requires you to return the skeleton structure based on the provided schema configuration. It is a generic function that accepts an object of `T` and expects you to return a mirrored shape where all underlying primitive props should be of shape `SchemaItem<T[K]>`. 
 
-For example, if you want to render 10 students that have borrowed a book from a library, where the underlying data of each student looks like:
+For example, if you want to render 10 (ex)students that have borrowed a book from a library, where the underlying data of each (ex)student looks like:
 
 ```typescript
 type TStudentLibraryMember = {
   name: string;
   age: number;
-  isStudent: boolean;
+  exStudent: boolean;
   profilePicture: string | null;
   booksBorrowed: Array<{ title: string; id: number }>;
 };
@@ -109,7 +109,7 @@ const studentLibraryMemberSchemaGenerator: TSchemaConfig<TStudentLibraryMember>
   schemaGenerator: () => ({
     name: new SchemaItem<string>().words(2),
     age: new SchemaItem<number>().number(18, 30),
-    isStudent: new SchemaItem<boolean>().boolean(),
+    exStudent: new SchemaItem<boolean>().boolean(),
     profilePicture: new SchemaItem().identical('https://your-placeholder-image.jpg'),
     booksBorrowed: Array.from({ length: 3 }, () => ({
       title: new SchemaItem<string>().words(new SchemaItem<number>().number(3, 10).value),
@@ -122,7 +122,7 @@ const studentLibraryMemberSchemaGenerator: TSchemaConfig<TStudentLibraryMember>
 Note: the underlying types must match - eg. you cannot use `name: new SchemaItem<number>().number(18, 30)` in the above example since the underlying type of the `name` property defined by `TStudentLibraryMember` is `string`. This ensures you can safely operate on the generated data in the skeletonized content.
 
 ## colorSchema
-Generally speaking, you shouldn't need to adjust the color scheme of the skeletonized component in most cases. However, should you need to, the color scheme of the skeletonized views can be customized by providing the `colorScheme` input bound property to the `SkeletonizerSkeletonComponent`.
+Generally speaking, you shouldn't need to adjust the color scheme of the skeletonized component in most cases. However, should you need to, the color scheme of the skeletonized views can be customized by providing the `colorSchema` input bound property to the `SkeletonizerSkeletonComponent`.
 You can provide a custom color scheme by providing an object with the following shape:
 
 ```typescript

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skeletonizer/utils",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Utils for all skeletonizer packages",
   "author": "Luka Varga",
   "license": "MIT",
@@ -21,7 +21,8 @@
   "exports": {
     "import": "./dist/utils.mjs",
     "require": "./dist/utils.umd.js",
-    "types": "./dist/src/index.d.ts"
+    "types": "./dist/src/index.d.ts",
+    "default": "./dist/utils.mjs"
   },
   "publishConfig": {
     "access": "public"
@@ -40,8 +41,8 @@
     "type-check": "vitest --typecheck.only --watch=false",
     "style-lint": "stylelint 'src/**/*.?(css|scss)' --color",
     "style-lintfix": "stylelint 'src/**/*.?(css|scss)' --color --fix",
-    "lint": "eslint --ext .ts src/ && npm run style-lint",
-    "lintfix": "npm run style-lintfix && eslint --ext .ts src/ --fix",
+    "lint": "eslint src/ && npm run style-lint",
+    "lintfix": "npm run style-lintfix && eslint src/ --fix",
     "lint-staged": "lint-staged"
   },
   "lint-staged": {
@@ -49,10 +50,10 @@
     "**/*.{ts,js}": "eslint --fix"
   },
   "devDependencies": {
-    "@vitest/coverage-istanbul": "2.1.2",
-    "sass": "^1.72.0",
-    "vite-plugin-dts": "^4.2.3",
-    "vitest": "2.1.2"
+    "@vitest/coverage-istanbul": "2.1.4",
+    "sass": "^1.80.5",
+    "vite-plugin-dts": "^4.3.0",
+    "vitest": "2.1.4"
   },
-  "gitHead": "b991aef461188aebee063efb7df47e70c58b0772"
+  "gitHead": "1cc1b5c8a71f0f2490f555edf700c238a64df3d1"
 }

package/dist/src/components/index.d.ts

@@ -1,3 +0,0 @@
-export * from './skeleton.abstract.component';
-export * from './skeleton.adapter.component';
-//# sourceMappingURL=index.d.ts.map

package/dist/src/components/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC"}

package/dist/src/components/skeleton.abstract.component.d.ts

@@ -1,8 +0,0 @@
-import { Schema } from '../models';
-import { TSchemaConfig } from '../types';
-export declare abstract class SkeletonAbstractComponent<T extends object> {
-    abstract skeletonConfig: TSchemaConfig<T>;
-    abstract showSkeleton: boolean;
-    proxy(scope: T | Schema<T>): T;
-}
-//# sourceMappingURL=skeleton.abstract.component.d.ts.map

package/dist/src/components/skeleton.abstract.component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeleton.abstract.component.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton.abstract.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAGzC,8BAAsB,yBAAyB,CAAC,CAAC,SAAS,MAAM;IAC9D,SAAgB,cAAc,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACjD,SAAgB,YAAY,EAAE,OAAO,CAAC;IAM/B,KAAK,CAAC,KAAK,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC;CAGtC"}

package/dist/src/components/skeleton.adapter.component.d.ts

@@ -1,8 +0,0 @@
-import { TSchemaConfig } from '../types';
-import { Schema } from '../models';
-export declare class SkeletonAdapterComponent<T extends object> {
-    config: TSchemaConfig<T> | null;
-    viewModels: Array<Schema<T>>;
-    setupModels(): void;
-}
-//# sourceMappingURL=skeleton.adapter.component.d.ts.map

package/dist/src/components/skeleton.adapter.component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeleton.adapter.component.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton.adapter.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAoB,MAAM,UAAU,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAGnC,qBAAa,wBAAwB,CAAC,CAAC,SAAS,MAAM;IAC7C,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,IAAI,CAAQ;IACvC,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAM;IAGlC,WAAW,IAAI,IAAI;CAM3B"}

package/dist/src/constants/enum.constants.d.ts

@@ -1,12 +0,0 @@
-export declare enum SkeletonizedDataEnum {
-    Text = "text",
-    Input = "input",
-    Image = "image",
-    Video = "video",
-    WrapperElement = "wrapper-element"
-}
-export declare enum SkeletonizerColorSchemaEnum {
-    PrimaryColor = "rgba(100, 100, 100, .6)",
-    SecondaryColor = "rgba(100, 100, 100, .3)"
-}
-//# sourceMappingURL=enum.constants.d.ts.map

package/dist/src/constants/enum.constants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"enum.constants.d.ts","sourceRoot":"","sources":["../../../src/constants/enum.constants.ts"],"names":[],"mappings":"AAAA,oBAAY,oBAAoB;IAC9B,IAAI,SAAS;IACb,KAAK,UAAU;IACf,KAAK,UAAU;IACf,KAAK,UAAU;IACf,cAAc,oBAAoB;CACnC;AAED,oBAAY,2BAA2B;IACrC,YAAY,4BAA4B;IACxC,cAAc,4BAA4B;CAC3C"}

package/dist/src/constants/index.d.ts

@@ -1,3 +0,0 @@
-export * from './text.constants';
-export * from './enum.constants';
-//# sourceMappingURL=index.d.ts.map

package/dist/src/constants/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/constants/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC"}

package/dist/src/constants/text.constants.d.ts

@@ -1,2 +0,0 @@
-export declare const LOREM_IPSUM: string[];
-//# sourceMappingURL=text.constants.d.ts.map

package/dist/src/constants/text.constants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"text.constants.d.ts","sourceRoot":"","sources":["../../../src/constants/text.constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,EAAE,MAAM,EA8e/B,CAAC"}

package/dist/src/directives/index.d.ts

@@ -1,2 +0,0 @@
-export * from './skeleton.directive';
-//# sourceMappingURL=index.d.ts.map

package/dist/src/directives/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/directives/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

package/dist/src/directives/skeleton.directive.d.ts

@@ -1,8 +0,0 @@
-import { ISkeletonizerColorSchema } from '../types';
-export declare class SkeletonDirective {
-    static readonly dataAttr: string;
-    static skeletonizeProjectedTemplate(template: HTMLElement, colorSchema?: ISkeletonizerColorSchema): void;
-    private static skeletonizedSpanGenerator;
-    private static assertAs;
-}
-//# sourceMappingURL=skeleton.directive.d.ts.map

package/dist/src/directives/skeleton.directive.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeleton.directive.d.ts","sourceRoot":"","sources":["../../../src/directives/skeleton.directive.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAEpD,qBAAa,iBAAiB;IAC5B,gBAAuB,QAAQ,EAAE,MAAM,CAAuB;WAEhD,4BAA4B,CAAC,QAAQ,EAAE,WAAW,EAAE,WAAW,CAAC,EAAE,wBAAwB,GAAG,IAAI;IAiF/G,OAAO,CAAC,MAAM,CAAC,yBAAyB;IASxC,OAAO,CAAC,MAAM,CAAC,QAAQ;CACxB"}

package/dist/src/helpers/date.helpers.d.ts

@@ -1,5 +0,0 @@
-export declare class DateHelpers {
-    static daysInMs(days: number): number;
-    static dateBetween(min: Date, max: Date): Date;
-}
-//# sourceMappingURL=date.helpers.d.ts.map

package/dist/src/helpers/date.helpers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"date.helpers.d.ts","sourceRoot":"","sources":["../../../src/helpers/date.helpers.ts"],"names":[],"mappings":"AAAA,qBAAa,WAAW;WACR,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;WAI9B,WAAW,CAAC,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,GAAG,IAAI;CAGtD"}

package/dist/src/helpers/index.d.ts

@@ -1,2 +0,0 @@
-export * from './date.helpers';
-//# sourceMappingURL=index.d.ts.map

package/dist/src/helpers/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/src/index.d.ts

@@ -1,5 +0,0 @@
-export * from './components';
-export * from './models';
-export * from './types';
-export * from './directives';
-//# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}

package/dist/src/models/index.d.ts

@@ -1,3 +0,0 @@
-export * from './schema.model';
-export * from './schema-item.model';
-//# sourceMappingURL=index.d.ts.map

package/dist/src/models/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/models/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC"}

package/dist/src/models/schema-item.model.d.ts

@@ -1,23 +0,0 @@
-type TSchemaInstance<T> = InstanceType<typeof SchemaItem<T>>;
-export declare class SchemaItem<T = never> {
-    #private;
-    get value(): T;
-    words(this: TSchemaInstance<string | undefined>, count: number): TSchemaInstance<string>;
-    paragraphs(this: TSchemaInstance<string | undefined>, count: number): TSchemaInstance<string>;
-    number(this: TSchemaInstance<number | undefined>, min?: number, max?: number): TSchemaInstance<number>;
-    multiply(this: TSchemaInstance<number>, multiplier: number): TSchemaInstance<number>;
-    date(this: TSchemaInstance<Date | undefined>, config?: Partial<{
-        isFuture: boolean;
-        isPast: boolean;
-        max: Date;
-        min: Date;
-    }>): TSchemaInstance<Date>;
-    uuid(this: TSchemaInstance<number | undefined>): TSchemaInstance<number>;
-    boolean(this: TSchemaInstance<boolean | undefined>): TSchemaInstance<boolean>;
-    symbol(this: TSchemaInstance<symbol | undefined>, val?: string | number): TSchemaInstance<symbol>;
-    identical<R>(this: TSchemaInstance<R | undefined>, identity: R): TSchemaInstance<R>;
-    private assertType;
-    private randomLoremWord;
-}
-export {};
-//# sourceMappingURL=schema-item.model.d.ts.map

package/dist/src/models/schema-item.model.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"schema-item.model.d.ts","sourceRoot":"","sources":["../../../src/models/schema-item.model.ts"],"names":[],"mappings":"AAKA,KAAK,eAAe,CAAC,CAAC,IAAI,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;AAE7D,qBAAa,UAAU,CAAC,CAAC,GAAG,KAAK;;IAC/B,IAAW,KAAK,IAAI,CAAC,CAEpB;IAIM,KAAK,CAAC,IAAI,EAAE,eAAe,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,eAAe,CAAC,MAAM,CAAC;IAexF,UAAU,CAAC,IAAI,EAAE,eAAe,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,eAAe,CAAC,MAAM,CAAC;IAsB7F,MAAM,CAAC,IAAI,EAAE,eAAe,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,GAAG,GAAE,MAAU,EAAE,GAAG,GAAE,MAAa,GAAG,eAAe,CAAC,MAAM,CAAC;IAO/G,QAAQ,CAAC,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,EAAE,UAAU,EAAE,MAAM,GAAG,eAAe,CAAC,MAAM,CAAC;IAOpF,IAAI,CACT,IAAI,EAAE,eAAe,CAAC,IAAI,GAAG,SAAS,CAAC,EACvC,MAAM,GAAE,OAAO,CAAC;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,OAAO,CAAC;QAAC,GAAG,EAAE,IAAI,CAAC;QAAC,GAAG,EAAE,IAAI,CAAA;KAAE,CAAM,GACjF,eAAe,CAAC,IAAI,CAAC;IAiBjB,IAAI,CAAC,IAAI,EAAE,eAAe,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,eAAe,CAAC,MAAM,CAAC;IAQxE,OAAO,CAAC,IAAI,EAAE,eAAe,CAAC,OAAO,GAAG,SAAS,CAAC,GAAG,eAAe,CAAC,OAAO,CAAC;IAO7E,MAAM,CAAC,IAAI,EAAE,eAAe,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,GAAG,GAAE,MAAM,GAAG,MAAU,GAAG,eAAe,CAAC,MAAM,CAAC;IAOpG,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,eAAe,CAAC,CAAC,GAAG,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC;IAO1F,OAAO,CAAC,UAAU;IAElB,OAAO,CAAC,eAAe;CAKxB"}

package/dist/src/models/schema.model.d.ts

@@ -1,11 +0,0 @@
-import { TSchemaGenerator, TSchemaTransformer } from '../types';
-export declare class Schema<T extends object> {
-    readonly generator: TSchemaGenerator<T>;
-    readonly uuid: number;
-    readonly viewModel: TSchemaTransformer<T>;
-    get value(): T;
-    private readonly val;
-    constructor(generator: TSchemaGenerator<T>);
-    private static modelToValue;
-}
-//# sourceMappingURL=schema.model.d.ts.map

package/dist/src/models/schema.model.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"schema.model.d.ts","sourceRoot":"","sources":["../../../src/models/schema.model.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAIhE,qBAAa,MAAM,CAAC,CAAC,SAAS,MAAM;aAWhB,SAAS,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAVhD,SAAgB,IAAI,EAAE,MAAM,CAAe;IAC3C,SAAgB,SAAS,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC;IAEjD,IAAW,KAAK,IAAI,CAAC,CAEpB;IAED,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAI;gBAGN,SAAS,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAMhD,OAAO,CAAC,MAAM,CAAC,YAAY;CAiB5B"}

package/dist/src/types/color-schema.types.d.ts

@@ -1,5 +0,0 @@
-export interface ISkeletonizerColorSchema {
-    primaryColor: string;
-    secondaryColor: string;
-}
-//# sourceMappingURL=color-schema.types.d.ts.map

package/dist/src/types/color-schema.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"color-schema.types.d.ts","sourceRoot":"","sources":["../../../src/types/color-schema.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,wBAAwB;IACvC,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;CACxB"}

package/dist/src/types/index.d.ts

@@ -1,4 +0,0 @@
-export * from './color-schema.types';
-export * from './schema.types';
-export * from './transformer.types';
-//# sourceMappingURL=index.d.ts.map

package/dist/src/types/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC"}

package/dist/src/types/schema.types.d.ts

@@ -1,7 +0,0 @@
-import { TSchemaTransformer } from './transformer.types';
-export type TSchemaGenerator<T extends object> = () => TSchemaTransformer<T>;
-export type TSchemaConfig<T extends object> = {
-    repeat: number;
-    schemaGenerator: TSchemaGenerator<T>;
-};
-//# sourceMappingURL=schema.types.d.ts.map

package/dist/src/types/schema.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"schema.types.d.ts","sourceRoot":"","sources":["../../../src/types/schema.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEzD,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,MAAM,IAAI,MAAM,kBAAkB,CAAC,CAAC,CAAC,CAAC;AAE7E,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,MAAM,IAAI;IAC5C,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;CACtC,CAAC"}

package/dist/src/types/spec/transformer.types.spec-d.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=transformer.types.spec-d.d.ts.map

package/dist/src/types/spec/transformer.types.spec-d.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"transformer.types.spec-d.d.ts","sourceRoot":"","sources":["../../../../src/types/spec/transformer.types.spec-d.ts"],"names":[],"mappings":""}

package/dist/src/types/transformer.types.d.ts

@@ -1,5 +0,0 @@
-import { SchemaItem } from '../models';
-export type TSchemaTransformer<T> = T extends Array<infer Element> ? Array<TSchemaTransformer<Element>> : T extends Date ? SchemaItem<Date> : T extends boolean ? SchemaItem<boolean> : T extends object ? {
-    [K in keyof T]: TSchemaTransformer<T[K]>;
-} : SchemaItem<T>;
-//# sourceMappingURL=transformer.types.d.ts.map

package/dist/src/types/transformer.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"transformer.types.d.ts","sourceRoot":"","sources":["../../../src/types/transformer.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEvC,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAC9B,CAAC,SAAS,KAAK,CAAC,MAAM,OAAO,CAAC,GAC1B,KAAK,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,GAClC,CAAC,SAAS,IAAI,GACZ,UAAU,CAAC,IAAI,CAAC,GAChB,CAAC,SAAS,OAAO,GACf,UAAU,CAAC,OAAO,CAAC,GACnB,CAAC,SAAS,MAAM,GACd;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAAE,GAC5C,UAAU,CAAC,CAAC,CAAC,CAAC"}

package/dist/utils.mjs

@@ -1,678 +0,0 @@
-var b = (s) => {
-  throw TypeError(s);
-};
-var f = (s, e, t) => e.has(s) || b("Cannot " + t);
-var h = (s, e, t) => (f(s, e, "read from private field"), t ? t.call(s) : e.get(s)), q = (s, e, t) => e.has(s) ? b("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(s) : e.set(s, t), u = (s, e, t, i) => (f(s, e, "write to private field"), i ? i.call(s, t) : e.set(s, t), t);
-const y = [
-  "Lorem",
-  "ipsum",
-  "dolor",
-  "sit",
-  "amet,",
-  "consectetur",
-  "adipiscing",
-  "elit.",
-  "Mauris",
-  "posuere",
-  "tincidunt",
-  "purus,",
-  "id",
-  "laoreet",
-  "mauris",
-  "cursus",
-  "nec.",
-  "Quisque",
-  "id",
-  "ante",
-  "id",
-  "tellus",
-  "aliquam",
-  "pulvinar",
-  "eget",
-  "eu",
-  "dolor.",
-  "Donec",
-  "egestas",
-  "dapibus",
-  "massa,",
-  "vel",
-  "finibus",
-  "lectus",
-  "congue",
-  "eu.",
-  "Morbi",
-  "quis",
-  "erat",
-  "condimentum,",
-  "molestie",
-  "ex",
-  "a,",
-  "sollicitudin",
-  "metus.",
-  "Vestibulum",
-  "orci",
-  "metus,",
-  "sagittis",
-  "a",
-  "sagittis",
-  "a,",
-  "varius",
-  "id",
-  "diam.",
-  "Cras",
-  "egestas",
-  "eros",
-  "vestibulum,",
-  "tempus",
-  "ipsum",
-  "pellentesque,",
-  "dictum",
-  "justo.",
-  "Quisque",
-  "sed",
-  "justo",
-  "metus.",
-  "Suspendisse",
-  "id",
-  "felis",
-  "vitae",
-  "nunc",
-  "auctor",
-  "tristique",
-  "eu",
-  "sit",
-  "amet",
-  "mi.",
-  "Ut",
-  "luctus",
-  "posuere",
-  "viverra.",
-  "Nunc",
-  "sed",
-  "augue",
-  "a",
-  "velit",
-  "sodales",
-  "iaculis.",
-  "Sed",
-  "at",
-  "arcu",
-  "non",
-  "massa",
-  "hendrerit",
-  "scelerisque.",
-  "Nunc",
-  "commodo",
-  "vulputate",
-  "vestibulum.",
-  "Duis",
-  "ut",
-  "leo",
-  "nisi.",
-  "Mauris",
-  "dignissim",
-  "quis",
-  "sem",
-  "non",
-  "blandit.",
-  "Suspendisse",
-  "id",
-  "elit",
-  "eget",
-  "leo",
-  "efficitur",
-  "maximus.",
-  "Ut",
-  "eu",
-  "auctor",
-  "ligula.",
-  "Nulla",
-  "in",
-  "leo",
-  "luctus,",
-  "tempor",
-  "justo",
-  "vitae,",
-  "condimentum",
-  "massa.",
-  "Quisque",
-  "venenatis",
-  "elementum",
-  "posuere.",
-  "Sed",
-  "bibendum",
-  "bibendum",
-  "enim,",
-  "in",
-  "faucibus",
-  "ante.",
-  "Aliquam",
-  "pretium",
-  "sapien",
-  "ac",
-  "eleifend",
-  "suscipit.",
-  "Duis",
-  "lacinia",
-  "justo",
-  "quis",
-  "diam",
-  "elementum,",
-  "vitae",
-  "fringilla",
-  "lectus",
-  "faucibus.",
-  "Integer",
-  "dictum",
-  "commodo",
-  "diam",
-  "a",
-  "tempus.",
-  "Aenean",
-  "elementum",
-  "egestas",
-  "quam,",
-  "eget",
-  "feugiat",
-  "ligula",
-  "imperdiet",
-  "vitae.",
-  "Morbi",
-  "mattis",
-  "dui",
-  "sed",
-  "elementum",
-  "mollis.",
-  "In",
-  "interdum",
-  "viverra",
-  "urna,",
-  "at",
-  "scelerisque",
-  "sapien.",
-  "Sed",
-  "molestie",
-  "blandit",
-  "risus",
-  "nec",
-  "ornare.",
-  "Integer",
-  "pharetra",
-  "massa",
-  "purus,",
-  "ut",
-  "fringilla",
-  "augue",
-  "sollicitudin",
-  "in.",
-  "Pellentesque",
-  "eu",
-  "leo",
-  "pharetra,",
-  "hendrerit",
-  "lectus",
-  "id,",
-  "dapibus",
-  "ipsum.",
-  "Quisque",
-  "tincidunt",
-  "euismod",
-  "venenatis.",
-  "Sed",
-  "lacus",
-  "ex,",
-  "pulvinar",
-  "at",
-  "dui",
-  "vitae,",
-  "condimentum",
-  "rutrum",
-  "eros.",
-  "Nunc",
-  "viverra",
-  "cursus",
-  "ante,",
-  "ac",
-  "dapibus",
-  "ligula",
-  "volutpat",
-  "nec.",
-  "Integer",
-  "commodo",
-  "in",
-  "tortor",
-  "eget",
-  "aliquet.",
-  "Nam",
-  "bibendum",
-  "lectus",
-  "vitae",
-  "ligula",
-  "interdum",
-  "scelerisque.",
-  "Morbi",
-  "sit",
-  "amet",
-  "augue",
-  "diam.",
-  "Etiam",
-  "purus",
-  "lorem,",
-  "sodales",
-  "sed",
-  "sodales",
-  "ac,",
-  "dignissim",
-  "a",
-  "tellus.",
-  "Nunc",
-  "vehicula",
-  "nibh",
-  "in",
-  "erat",
-  "rhoncus",
-  "ullamcorper.",
-  "Orci",
-  "varius",
-  "natoque",
-  "penatibus",
-  "et",
-  "magnis",
-  "dis",
-  "parturient",
-  "montes,",
-  "nascetur",
-  "ridiculus",
-  "mus.",
-  "Aliquam",
-  "augue",
-  "nunc,",
-  "fringilla",
-  "at",
-  "dictum",
-  "quis,",
-  "luctus",
-  "sit",
-  "amet",
-  "nisl.",
-  "Nam",
-  "lectus",
-  "felis,",
-  "egestas",
-  "nec",
-  "lacinia",
-  "non,",
-  "auctor",
-  "eget",
-  "lorem.",
-  "Nunc",
-  "vel",
-  "velit",
-  "quis",
-  "magna",
-  "hendrerit",
-  "volutpat",
-  "in",
-  "nec",
-  "leo.",
-  "Aenean",
-  "tempor",
-  "lectus",
-  "tortor,",
-  "nec",
-  "bibendum",
-  "elit",
-  "aliquam",
-  "at.",
-  "In",
-  "id",
-  "libero",
-  "tincidunt,",
-  "interdum",
-  "libero",
-  "sit",
-  "amet,",
-  "gravida",
-  "est.",
-  "Morbi",
-  "ut",
-  "ipsum",
-  "enim.",
-  "Duis",
-  "vel",
-  "posuere",
-  "ante.",
-  "Praesent",
-  "sollicitudin",
-  "lacus",
-  "sit",
-  "amet",
-  "luctus",
-  "euismod.",
-  "Phasellus",
-  "lorem",
-  "elit,",
-  "auctor",
-  "sed",
-  "risus",
-  "a,",
-  "faucibus",
-  "tempor",
-  "lacus.",
-  "Integer",
-  "id",
-  "tellus",
-  "ut",
-  "eros",
-  "congue",
-  "ornare.",
-  "Cras",
-  "vitae",
-  "ornare",
-  "sem.",
-  "Cras",
-  "tincidunt",
-  "arcu",
-  "efficitur",
-  "mauris",
-  "molestie,",
-  "eu",
-  "eleifend",
-  "eros",
-  "mattis.",
-  "Integer",
-  "id",
-  "diam",
-  "mauris.",
-  "Duis",
-  "suscipit",
-  "enim",
-  "risus,",
-  "non",
-  "dignissim",
-  "nulla",
-  "imperdiet",
-  "hendrerit.",
-  "Vestibulum",
-  "sed",
-  "dignissim",
-  "erat.",
-  "Aliquam",
-  "erat",
-  "volutpat.",
-  "Nunc",
-  "mattis",
-  "auctor",
-  "justo,",
-  "non",
-  "fringilla",
-  "dolor",
-  "blandit",
-  "a.",
-  "Donec",
-  "et",
-  "velit",
-  "tristique",
-  "lacus",
-  "varius",
-  "aliquam.",
-  "Praesent",
-  "ac",
-  "molestie",
-  "quam,",
-  "vitae",
-  "scelerisque",
-  "tellus.",
-  "Praesent",
-  "eleifend",
-  "sed",
-  "diam",
-  "in",
-  "gravida.",
-  "Donec",
-  "tristique",
-  "sapien",
-  "ante,",
-  "in",
-  "egestas",
-  "diam",
-  "porta",
-  "ac.",
-  "Proin",
-  "ac",
-  "justo",
-  "eleifend,",
-  "consequat",
-  "ante",
-  "vitae,",
-  "laoreet",
-  "augue.",
-  "Mauris",
-  "scelerisque",
-  "arcu",
-  "dolor,",
-  "quis",
-  "lobortis",
-  "risus",
-  "pellentesque",
-  "eu.",
-  "Praesent",
-  "in",
-  "enim",
-  "a",
-  "elit",
-  "feugiat",
-  "dapibus.",
-  "Duis",
-  "quis",
-  "bibendum",
-  "mi.",
-  "Vestibulum",
-  "lacinia,",
-  "sem",
-  "at",
-  "efficitur",
-  "volutpat,",
-  "velit",
-  "ligula",
-  "vulputate",
-  "nisi,",
-  "sit",
-  "amet",
-  "dapibus",
-  "risus",
-  "metus",
-  "sed",
-  "est.",
-  "Sed",
-  "in",
-  "venenatis",
-  "ante.",
-  "Pellentesque",
-  "vel",
-  "ipsum",
-  "pharetra,",
-  "efficitur",
-  "quam",
-  "ut,",
-  "hendrerit",
-  "dolor."
-];
-var l = /* @__PURE__ */ ((s) => (s.Text = "text", s.Input = "input", s.Image = "image", s.Video = "video", s.WrapperElement = "wrapper-element", s))(l || {}), v = /* @__PURE__ */ ((s) => (s.PrimaryColor = "rgba(100, 100, 100, .6)", s.SecondaryColor = "rgba(100, 100, 100, .3)", s))(v || {});
-class g {
-  static daysInMs(e) {
-    return e * 24 * 60 * 60 * 1e3;
-  }
-  static dateBetween(e, t) {
-    return new Date(e.getTime() + Math.random() * (t.getTime() - e.getTime()));
-  }
-}
-let M = 0;
-var r;
-class x {
-  constructor() {
-    q(this, r);
-  }
-  get value() {
-    return h(this, r);
-  }
-  words(e) {
-    this.assertType();
-    let t = "", i = 0;
-    for (; i < e; )
-      t += this.randomLoremWord() + " ", i++;
-    return u(this, r, t.trim()), this;
-  }
-  paragraphs(e) {
-    this.assertType();
-    let t = "", i = 0;
-    const c = 50;
-    for (; i < e; ) {
-      const o = c - Math.round(c * Math.random() * 0.2) * (Math.random() < 0.5 ? -1 : 1);
-      t += this.words(o).value, i !== e - 1 && (t += `
-`), i++;
-    }
-    return u(this, r, t), this;
-  }
-  number(e = 0, t = 1e3) {
-    return this.assertType(), u(this, r, Math.ceil(Math.random() * (t - e)) + e), this;
-  }
-  multiply(e) {
-    return this.assertType(), u(this, r, h(this, r) * e), this;
-  }
-  date(e = {}) {
-    this.assertType();
-    let t = e.max ?? /* @__PURE__ */ new Date("2100-01-01"), i = e.min ?? /* @__PURE__ */ new Date("1970-01-01");
-    return e.isFuture ? i = new Date(Date.now() + g.daysInMs(1)) : e.isPast && (t = new Date(Date.now() - g.daysInMs(1))), u(this, r, g.dateBetween(i, t)), this;
-  }
-  uuid() {
-    return M++, this.assertType(), u(this, r, M), this;
-  }
-  boolean() {
-    return this.assertType(), u(this, r, Math.random() <= 0.5), this;
-  }
-  symbol(e = 0) {
-    return this.assertType(), u(this, r, Symbol(e)), this;
-  }
-  identical(e) {
-    return this.assertType(), u(this, r, e), this;
-  }
-  assertType() {
-  }
-  randomLoremWord() {
-    const e = Math.floor(Math.random() * y.length);
-    return y[e] ?? "lorem";
-  }
-}
-r = new WeakMap();
-let I = 0;
-class d {
-  constructor(e) {
-    this.generator = e, this.uuid = I++, this.viewModel = this.generator(), this.val = d.modelToValue(this.viewModel);
-  }
-  get value() {
-    return this.val;
-  }
-  static modelToValue(e) {
-    if (e instanceof x)
-      return e.value;
-    if (Array.isArray(e))
-      return e.map(this.modelToValue);
-    {
-      const t = {};
-      return Object.keys(e).forEach((i) => {
-        t[i] = d.modelToValue(
-          e[i]
-        );
-      }), t;
-    }
-  }
-}
-class P {
-  // when accessing skeletonized component properties / methods from within the view, they should be accessed via proxy method
-  // this is necessary to ensure:
-  // - that all properties / methods accessed from within skeletonized part of the view are a part of skeletonSchema
-  // - that typescript understands correct type of each property / method accessed from within the skeletonized part of the view
-  proxy(e) {
-    return e instanceof d ? e.value : e;
-  }
-}
-class D {
-  constructor() {
-    this.config = null, this.viewModels = [];
-  }
-  // the method should be called from within specific packages whenever the adapter component's config changes
-  setupModels() {
-    if (this.config) {
-      const e = this.config.schemaGenerator;
-      this.viewModels = Array.from({ length: this.config.repeat }, () => new d(e));
-    }
-  }
-}
-const n = class n {
-  static skeletonizeProjectedTemplate(e, t) {
-    const i = (t == null ? void 0 : t.primaryColor) ?? v.PrimaryColor, c = (t == null ? void 0 : t.secondaryColor) ?? v.SecondaryColor;
-    e.setAttribute(
-      "style",
-      `--skeletonizer-primary-color: ${i}; --skeletonizer-secondary-color: ${c};`
-    ), Array.from(e.querySelectorAll("*:not(svg, [data-skeletonizer])")).forEach((o) => {
-      const A = [
-        "br",
-        "b",
-        "strong",
-        "i",
-        "em",
-        "mark",
-        "small",
-        "del",
-        "ins",
-        "sub",
-        "sup"
-      ], p = Array.from(o.childNodes).map((a) => a.nodeName.toLowerCase()).filter((a) => !A.includes(a)), w = p.length > 0 && p.some((a) => a !== p[0]);
-      o.childNodes.forEach((a) => {
-        switch (a.nodeName.toLowerCase()) {
-          case "#text": {
-            if (this.assertAs(a), a.wholeText.trim())
-              if (w) {
-                const m = document.createElement("span");
-                m.innerText = a.cloneNode().wholeText, m.innerText.length && a.replaceWith(
-                  n.skeletonizedSpanGenerator(m.innerText, l.Text)
-                );
-              } else {
-                const m = n.skeletonizedSpanGenerator(o.innerHTML, l.Text);
-                o.innerHTML = m.outerHTML;
-              }
-            break;
-          }
-          case "input": {
-            a.setAttribute(n.dataAttr, l.Input);
-            break;
-          }
-          case "img": {
-            a.setAttribute(n.dataAttr, l.Image);
-            break;
-          }
-          case "video": {
-            a.setAttribute(n.dataAttr, l.Video);
-            break;
-          }
-        }
-      });
-    }), e.setAttribute(n.dataAttr, l.WrapperElement);
-  }
-  static skeletonizedSpanGenerator(e, t) {
-    const i = document.createElement("span");
-    return i.innerHTML = e, i.setAttribute(n.dataAttr, t), i;
-  }
-  static assertAs(e) {
-  }
-};
-n.dataAttr = "data-skeletonizer";
-let T = n;
-export {
-  d as Schema,
-  x as SchemaItem,
-  P as SkeletonAbstractComponent,
-  D as SkeletonAdapterComponent,
-  T as SkeletonDirective
-};

package/dist/utils.umd.js

@@ -1,2 +0,0 @@
-(function(t,s){typeof exports=="object"&&typeof module<"u"?s(exports):typeof define=="function"&&define.amd?define(["exports"],s):(t=typeof globalThis<"u"?globalThis:t||self,s(t["@skeletonizer/utils"]={}))})(this,function(t){"use strict";var M=t=>{throw TypeError(t)};var A=(t,s,a)=>s.has(t)||M("Cannot "+a);var y=(t,s,a)=>(A(t,s,"read from private field"),a?a.call(t):s.get(t)),w=(t,s,a)=>s.has(t)?M("Cannot add the same private member more than once"):s instanceof WeakSet?s.add(t):s.set(t,a),m=(t,s,a,d)=>(A(t,s,"write to private field"),d?d.call(t,a):s.set(t,a),a);var l;const s=["Lorem","ipsum","dolor","sit","amet,","consectetur","adipiscing","elit.","Mauris","posuere","tincidunt","purus,","id","laoreet","mauris","cursus","nec.","Quisque","id","ante","id","tellus","aliquam","pulvinar","eget","eu","dolor.","Donec","egestas","dapibus","massa,","vel","finibus","lectus","congue","eu.","Morbi","quis","erat","condimentum,","molestie","ex","a,","sollicitudin","metus.","Vestibulum","orci","metus,","sagittis","a","sagittis","a,","varius","id","diam.","Cras","egestas","eros","vestibulum,","tempus","ipsum","pellentesque,","dictum","justo.","Quisque","sed","justo","metus.","Suspendisse","id","felis","vitae","nunc","auctor","tristique","eu","sit","amet","mi.","Ut","luctus","posuere","viverra.","Nunc","sed","augue","a","velit","sodales","iaculis.","Sed","at","arcu","non","massa","hendrerit","scelerisque.","Nunc","commodo","vulputate","vestibulum.","Duis","ut","leo","nisi.","Mauris","dignissim","quis","sem","non","blandit.","Suspendisse","id","elit","eget","leo","efficitur","maximus.","Ut","eu","auctor","ligula.","Nulla","in","leo","luctus,","tempor","justo","vitae,","condimentum","massa.","Quisque","venenatis","elementum","posuere.","Sed","bibendum","bibendum","enim,","in","faucibus","ante.","Aliquam","pretium","sapien","ac","eleifend","suscipit.","Duis","lacinia","justo","quis","diam","elementum,","vitae","fringilla","lectus","faucibus.","Integer","dictum","commodo","diam","a","tempus.","Aenean","elementum","egestas","quam,","eget","feugiat","ligula","imperdiet","vitae.","Morbi","mattis","dui","sed","elementum","mollis.","In","interdum","viverra","urna,","at","scelerisque","sapien.","Sed","molestie","blandit","risus","nec","ornare.","Integer","pharetra","massa","purus,","ut","fringilla","augue","sollicitudin","in.","Pellentesque","eu","leo","pharetra,","hendrerit","lectus","id,","dapibus","ipsum.","Quisque","tincidunt","euismod","venenatis.","Sed","lacus","ex,","pulvinar","at","dui","vitae,","condimentum","rutrum","eros.","Nunc","viverra","cursus","ante,","ac","dapibus","ligula","volutpat","nec.","Integer","commodo","in","tortor","eget","aliquet.","Nam","bibendum","lectus","vitae","ligula","interdum","scelerisque.","Morbi","sit","amet","augue","diam.","Etiam","purus","lorem,","sodales","sed","sodales","ac,","dignissim","a","tellus.","Nunc","vehicula","nibh","in","erat","rhoncus","ullamcorper.","Orci","varius","natoque","penatibus","et","magnis","dis","parturient","montes,","nascetur","ridiculus","mus.","Aliquam","augue","nunc,","fringilla","at","dictum","quis,","luctus","sit","amet","nisl.","Nam","lectus","felis,","egestas","nec","lacinia","non,","auctor","eget","lorem.","Nunc","vel","velit","quis","magna","hendrerit","volutpat","in","nec","leo.","Aenean","tempor","lectus","tortor,","nec","bibendum","elit","aliquam","at.","In","id","libero","tincidunt,","interdum","libero","sit","amet,","gravida","est.","Morbi","ut","ipsum","enim.","Duis","vel","posuere","ante.","Praesent","sollicitudin","lacus","sit","amet","luctus","euismod.","Phasellus","lorem","elit,","auctor","sed","risus","a,","faucibus","tempor","lacus.","Integer","id","tellus","ut","eros","congue","ornare.","Cras","vitae","ornare","sem.","Cras","tincidunt","arcu","efficitur","mauris","molestie,","eu","eleifend","eros","mattis.","Integer","id","diam","mauris.","Duis","suscipit","enim","risus,","non","dignissim","nulla","imperdiet","hendrerit.","Vestibulum","sed","dignissim","erat.","Aliquam","erat","volutpat.","Nunc","mattis","auctor","justo,","non","fringilla","dolor","blandit","a.","Donec","et","velit","tristique","lacus","varius","aliquam.","Praesent","ac","molestie","quam,","vitae","scelerisque","tellus.","Praesent","eleifend","sed","diam","in","gravida.","Donec","tristique","sapien","ante,","in","egestas","diam","porta","ac.","Proin","ac","justo","eleifend,","consequat","ante","vitae,","laoreet","augue.","Mauris","scelerisque","arcu","dolor,","quis","lobortis","risus","pellentesque","eu.","Praesent","in","enim","a","elit","feugiat","dapibus.","Duis","quis","bibendum","mi.","Vestibulum","lacinia,","sem","at","efficitur","volutpat,","velit","ligula","vulputate","nisi,","sit","amet","dapibus","risus","metus","sed","est.","Sed","in","venenatis","ante.","Pellentesque","vel","ipsum","pharetra,","efficitur","quam","ut,","hendrerit","dolor."];var a=(u=>(u.Text="text",u.Input="input",u.Image="image",u.Video="video",u.WrapperElement="wrapper-element",u))(a||{}),d=(u=>(u.PrimaryColor="rgba(100, 100, 100, .6)",u.SecondaryColor="rgba(100, 100, 100, .3)",u))(d||{});class b{static daysInMs(e){return e*24*60*60*1e3}static dateBetween(e,i){return new Date(e.getTime()+Math.random()*(i.getTime()-e.getTime()))}}let q=0;class T{constructor(){w(this,l)}get value(){return y(this,l)}words(e){this.assertType();let i="",r=0;for(;r<e;)i+=this.randomLoremWord()+" ",r++;return m(this,l,i.trim()),this}paragraphs(e){this.assertType();let i="",r=0;const g=50;for(;r<e;){const p=g-Math.round(g*Math.random()*.2)*(Math.random()<.5?-1:1);i+=this.words(p).value,r!==e-1&&(i+=`
-`),r++}return m(this,l,i),this}number(e=0,i=1e3){return this.assertType(),m(this,l,Math.ceil(Math.random()*(i-e))+e),this}multiply(e){return this.assertType(),m(this,l,y(this,l)*e),this}date(e={}){this.assertType();let i=e.max??new Date("2100-01-01"),r=e.min??new Date("1970-01-01");return e.isFuture?r=new Date(Date.now()+b.daysInMs(1)):e.isPast&&(i=new Date(Date.now()-b.daysInMs(1))),m(this,l,b.dateBetween(r,i)),this}uuid(){return q++,this.assertType(),m(this,l,q),this}boolean(){return this.assertType(),m(this,l,Math.random()<=.5),this}symbol(e=0){return this.assertType(),m(this,l,Symbol(e)),this}identical(e){return this.assertType(),m(this,l,e),this}assertType(){}randomLoremWord(){const e=Math.floor(Math.random()*s.length);return s[e]??"lorem"}}l=new WeakMap;let I=0;class c{constructor(e){this.generator=e,this.uuid=I++,this.viewModel=this.generator(),this.val=c.modelToValue(this.viewModel)}get value(){return this.val}static modelToValue(e){if(e instanceof T)return e.value;if(Array.isArray(e))return e.map(this.modelToValue);{const i={};return Object.keys(e).forEach(r=>{i[r]=c.modelToValue(e[r])}),i}}}class x{proxy(e){return e instanceof c?e.value:e}}class C{constructor(){this.config=null,this.viewModels=[]}setupModels(){if(this.config){const e=this.config.schemaGenerator;this.viewModels=Array.from({length:this.config.repeat},()=>new c(e))}}}const o=class o{static skeletonizeProjectedTemplate(e,i){const r=(i==null?void 0:i.primaryColor)??d.PrimaryColor,g=(i==null?void 0:i.secondaryColor)??d.SecondaryColor;e.setAttribute("style",`--skeletonizer-primary-color: ${r}; --skeletonizer-secondary-color: ${g};`),Array.from(e.querySelectorAll("*:not(svg, [data-skeletonizer])")).forEach(p=>{const P=["br","b","strong","i","em","mark","small","del","ins","sub","sup"],f=Array.from(p.childNodes).map(n=>n.nodeName.toLowerCase()).filter(n=>!P.includes(n)),k=f.length>0&&f.some(n=>n!==f[0]);p.childNodes.forEach(n=>{switch(n.nodeName.toLowerCase()){case"#text":{if(this.assertAs(n),n.wholeText.trim())if(k){const h=document.createElement("span");h.innerText=n.cloneNode().wholeText,h.innerText.length&&n.replaceWith(o.skeletonizedSpanGenerator(h.innerText,a.Text))}else{const h=o.skeletonizedSpanGenerator(p.innerHTML,a.Text);p.innerHTML=h.outerHTML}break}case"input":{n.setAttribute(o.dataAttr,a.Input);break}case"img":{n.setAttribute(o.dataAttr,a.Image);break}case"video":{n.setAttribute(o.dataAttr,a.Video);break}}})}),e.setAttribute(o.dataAttr,a.WrapperElement)}static skeletonizedSpanGenerator(e,i){const r=document.createElement("span");return r.innerHTML=e,r.setAttribute(o.dataAttr,i),r}static assertAs(e){}};o.dataAttr="data-skeletonizer";let v=o;t.Schema=c,t.SchemaItem=T,t.SkeletonAbstractComponent=x,t.SkeletonAdapterComponent=C,t.SkeletonDirective=v,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});