@skeletonizer/angular 0.0.5-alpha.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Luka Varga
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,6 @@
+# @skeletonizer/angular
+This is the Angular adapter for Skeletonizer. It provides a simple way to create skeletonized views for your Angular application.
+
+## Installation
+To install the package, run the following command:
+`npm install @skeletonizer/angular @skeletonizer/utils --save`

package/dist/skeletonizer/README.md

@@ -0,0 +1,24 @@
+# Skeletonizer
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 16.1.0.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project skeletonizer` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project skeletonizer`.
+> Note: Don't forget to add `--project skeletonizer` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build skeletonizer` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build skeletonizer`, go to the dist folder `cd dist/skeletonizer` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test skeletonizer` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

package/dist/skeletonizer/esm2022/lib/skeletonize.directive.mjs

@@ -0,0 +1,23 @@
+import { Directive, Input } from '@angular/core';
+import { SkeletonDirective } from '@skeletonizer/utils';
+import * as i0 from "@angular/core";
+export class SkeletonizeDirective {
+    constructor(el) {
+        this.el = el;
+    }
+    ngAfterViewInit() {
+        SkeletonDirective.skeletonizeProjectedTemplate(this.el.nativeElement, this.colorSchema);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: SkeletonizeDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.2", type: SkeletonizeDirective, selector: "[skeletonize]", inputs: { colorSchema: ["skeletonize", "colorSchema"] }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: SkeletonizeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[skeletonize]',
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { colorSchema: [{
+                type: Input,
+                args: [{ alias: 'skeletonize' }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b25pemUuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvc2tlbGV0b25pemVyL3NyYy9saWIvc2tlbGV0b25pemUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsU0FBUyxFQUFjLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM1RSxPQUFPLEVBQTRCLGlCQUFpQixFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBS2xGLE1BQU0sT0FBTyxvQkFBb0I7SUFHL0IsWUFDbUIsRUFBYztRQUFkLE9BQUUsR0FBRixFQUFFLENBQVk7SUFDOUIsQ0FBQztJQUVHLGVBQWU7UUFDcEIsaUJBQWlCLENBQUMsNEJBQTRCLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQzFGLENBQUM7OEdBVFUsb0JBQW9CO2tHQUFwQixvQkFBb0I7OzJGQUFwQixvQkFBb0I7a0JBSGhDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGVBQWU7aUJBQzFCOytFQUV5QyxXQUFXO3NCQUFsRCxLQUFLO3VCQUFDLEVBQUUsS0FBSyxFQUFFLGFBQWEsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyVmlld0luaXQsIERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElTa2VsZXRvbml6ZXJDb2xvclNjaGVtYSwgU2tlbGV0b25EaXJlY3RpdmUgfSBmcm9tICdAc2tlbGV0b25pemVyL3V0aWxzJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3NrZWxldG9uaXplXScsXG59KVxuZXhwb3J0IGNsYXNzIFNrZWxldG9uaXplRGlyZWN0aXZlIGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gIEBJbnB1dCh7IGFsaWFzOiAnc2tlbGV0b25pemUnIH0pIHB1YmxpYyBjb2xvclNjaGVtYTogSVNrZWxldG9uaXplckNvbG9yU2NoZW1hIHwgdW5kZWZpbmVkO1xuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHJlYWRvbmx5IGVsOiBFbGVtZW50UmVmLFxuICApIHt9XG5cbiAgcHVibGljIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICBTa2VsZXRvbkRpcmVjdGl2ZS5za2VsZXRvbml6ZVByb2plY3RlZFRlbXBsYXRlKHRoaXMuZWwubmF0aXZlRWxlbWVudCwgdGhpcy5jb2xvclNjaGVtYSk7XG4gIH1cbn1cbiJdfQ==

package/dist/skeletonizer/esm2022/lib/skeletonizer.module.mjs

@@ -0,0 +1,27 @@
+import { NgModule } from '@angular/core';
+import { SkeletonizerSkeletonComponent } from './skeletonizer.skeleton.component';
+import { SkeletonizeDirective } from './skeletonize.directive';
+import { BrowserModule } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
+export class SkeletonizerModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: SkeletonizerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.2", ngImport: i0, type: SkeletonizerModule, declarations: [SkeletonizerSkeletonComponent,
+            SkeletonizeDirective], imports: [BrowserModule], exports: [SkeletonizerSkeletonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: SkeletonizerModule, imports: [BrowserModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: SkeletonizerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SkeletonizerSkeletonComponent,
+                        SkeletonizeDirective,
+                    ],
+                    imports: [
+                        BrowserModule,
+                    ],
+                    exports: [
+                        SkeletonizerSkeletonComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b25pemVyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3NrZWxldG9uaXplci9zcmMvbGliL3NrZWxldG9uaXplci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNsRixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7O0FBYzFELE1BQU0sT0FBTyxrQkFBa0I7OEdBQWxCLGtCQUFrQjsrR0FBbEIsa0JBQWtCLGlCQVYzQiw2QkFBNkI7WUFDN0Isb0JBQW9CLGFBR3BCLGFBQWEsYUFHYiw2QkFBNkI7K0dBR3BCLGtCQUFrQixZQU4zQixhQUFhOzsyRkFNSixrQkFBa0I7a0JBWjlCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLDZCQUE2Qjt3QkFDN0Isb0JBQW9CO3FCQUNyQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsYUFBYTtxQkFDZDtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsNkJBQTZCO3FCQUM5QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa2VsZXRvbml6ZXJTa2VsZXRvbkNvbXBvbmVudCB9IGZyb20gJy4vc2tlbGV0b25pemVyLnNrZWxldG9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTa2VsZXRvbml6ZURpcmVjdGl2ZSB9IGZyb20gJy4vc2tlbGV0b25pemUuZGlyZWN0aXZlJztcbmltcG9ydCB7IEJyb3dzZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgU2tlbGV0b25pemVyU2tlbGV0b25Db21wb25lbnQsXG4gICAgU2tlbGV0b25pemVEaXJlY3RpdmUsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBCcm93c2VyTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgU2tlbGV0b25pemVyU2tlbGV0b25Db21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNrZWxldG9uaXplck1vZHVsZSB7IH1cbiJdfQ==

package/dist/skeletonizer/esm2022/lib/skeletonizer.skeleton.component.mjs

@@ -0,0 +1,32 @@
+import { Component, ContentChild, Input, TemplateRef, ViewEncapsulation } from '@angular/core';
+import { SkeletonAdapterComponent } from '@skeletonizer/utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "./skeletonize.directive";
+export class SkeletonizerSkeletonComponent extends SkeletonAdapterComponent {
+    set configInput(config) {
+        this.config = config;
+        this.setupModels();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: SkeletonizerSkeletonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.2", type: SkeletonizerSkeletonComponent, selector: "skeletonizer-skeleton", inputs: { showSkeleton: "showSkeleton", scope: "scope", colorSchema: "colorSchema", configInput: ["config", "configInput"] }, queries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"showSkeleton\">\n  <ng-container *ngFor=\"let model of viewModels\">\n    <div [skeletonize]=\"colorSchema\">\n      <ng-container *ngTemplateOutlet=\"templateRef; context: { $implicit: model }\"></ng-container>\n    </div>\n  </ng-container>\n</ng-container>\n\n<ng-container *ngIf=\"!showSkeleton\">\n  <ng-container *ngTemplateOutlet=\"templateRef; context: { $implicit: scope }\"></ng-container>\n</ng-container>\n", styles: ["[data-skeletonizer=wrapper-element]{--skeletonizer-text-background: rgba(0, 0, 0, .2);display:contents;filter:grayscale(100%);pointer-events:none}[data-skeletonizer=wrapper-element] *{pointer-events:none}[data-skeletonizer=wrapper-element] [data-skeletonizer=text]{animation:text-animation 2s infinite ease-in-out;background:var(--skeletonizer-primary-color);border-radius:50px;color:#0000!important}@keyframes text-animation{0%{background:var(--skeletonizer-primary-color)}50%{background:var(--skeletonizer-secondary-color)}to{background:var(--skeletonizer-primary-color)}}skeletonizer-skeleton{display:contents}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.SkeletonizeDirective, selector: "[skeletonize]", inputs: ["skeletonize"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: SkeletonizerSkeletonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'skeletonizer-skeleton', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"showSkeleton\">\n  <ng-container *ngFor=\"let model of viewModels\">\n    <div [skeletonize]=\"colorSchema\">\n      <ng-container *ngTemplateOutlet=\"templateRef; context: { $implicit: model }\"></ng-container>\n    </div>\n  </ng-container>\n</ng-container>\n\n<ng-container *ngIf=\"!showSkeleton\">\n  <ng-container *ngTemplateOutlet=\"templateRef; context: { $implicit: scope }\"></ng-container>\n</ng-container>\n", styles: ["[data-skeletonizer=wrapper-element]{--skeletonizer-text-background: rgba(0, 0, 0, .2);display:contents;filter:grayscale(100%);pointer-events:none}[data-skeletonizer=wrapper-element] *{pointer-events:none}[data-skeletonizer=wrapper-element] [data-skeletonizer=text]{animation:text-animation 2s infinite ease-in-out;background:var(--skeletonizer-primary-color);border-radius:50px;color:#0000!important}@keyframes text-animation{0%{background:var(--skeletonizer-primary-color)}50%{background:var(--skeletonizer-secondary-color)}to{background:var(--skeletonizer-primary-color)}}skeletonizer-skeleton{display:contents}\n"] }]
+        }], propDecorators: { templateRef: [{
+                type: ContentChild,
+                args: [TemplateRef]
+            }], showSkeleton: [{
+                type: Input,
+                args: [{ required: true }]
+            }], scope: [{
+                type: Input,
+                args: [{ required: true }]
+            }], colorSchema: [{
+                type: Input
+            }], configInput: [{
+                type: Input,
+                args: [{ alias: 'config', required: true }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b25pemVyLnNrZWxldG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3NrZWxldG9uaXplci9zcmMvbGliL3NrZWxldG9uaXplci5za2VsZXRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9za2VsZXRvbml6ZXIvc3JjL2xpYi9za2VsZXRvbml6ZXIuc2tlbGV0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRixPQUFPLEVBQW9DLHdCQUF3QixFQUFpQixNQUFNLHFCQUFxQixDQUFDOzs7O0FBUWhILE1BQU0sT0FBTyw2QkFBaUUsU0FBUSx3QkFBMkI7SUFPL0csSUFBdUQsV0FBVyxDQUFDLE1BQXdCO1FBQ3pGLElBQUksQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO1FBRXJCLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNyQixDQUFDOzhHQVhVLDZCQUE2QjtrR0FBN0IsNkJBQTZCLG9PQUMxQixXQUFXLHVFQ1YzQiwwYkFXQTs7MkZERmEsNkJBQTZCO2tCQU56QyxTQUFTOytCQUNFLHVCQUF1QixpQkFHbEIsaUJBQWlCLENBQUMsSUFBSTs4QkFHTSxXQUFXO3NCQUFyRCxZQUFZO3VCQUFDLFdBQVc7Z0JBRVMsWUFBWTtzQkFBN0MsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBQ1MsS0FBSztzQkFBdEMsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBQ1QsV0FBVztzQkFBMUIsS0FBSztnQkFFaUQsV0FBVztzQkFBakUsS0FBSzt1QkFBQyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ29udGVudENoaWxkLCBJbnB1dCwgVGVtcGxhdGVSZWYsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJU2tlbGV0b25pemVyQ29sb3JTY2hlbWEsIFNjaGVtYSwgU2tlbGV0b25BZGFwdGVyQ29tcG9uZW50LCBUU2NoZW1hQ29uZmlnIH0gZnJvbSAnQHNrZWxldG9uaXplci91dGlscyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NrZWxldG9uaXplci1za2VsZXRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9za2VsZXRvbml6ZXIuc2tlbGV0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9za2VsZXRvbml6ZXIuc2tlbGV0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgU2tlbGV0b25pemVyU2tlbGV0b25Db21wb25lbnQ8VCBleHRlbmRzIG9iamVjdCwgU2NvcGUgZXh0ZW5kcyBUPiBleHRlbmRzIFNrZWxldG9uQWRhcHRlckNvbXBvbmVudDxUPiB7XG4gIEBDb250ZW50Q2hpbGQoVGVtcGxhdGVSZWYpIHB1YmxpYyByZWFkb25seSB0ZW1wbGF0ZVJlZiE6IFRlbXBsYXRlUmVmPHsgJGltcGxpY2l0OiBTY2hlbWE8VD4gfCBTY29wZSB9PjtcblxuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBwdWJsaWMgc2hvd1NrZWxldG9uITogYm9vbGVhbjtcbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgcHVibGljIHNjb3BlITogU2NvcGU7XG4gIEBJbnB1dCgpIHB1YmxpYyBjb2xvclNjaGVtYT86IElTa2VsZXRvbml6ZXJDb2xvclNjaGVtYTtcblxuICBASW5wdXQoeyBhbGlhczogJ2NvbmZpZycsIHJlcXVpcmVkOiB0cnVlIH0pIHB1YmxpYyBzZXQgY29uZmlnSW5wdXQoY29uZmlnOiBUU2NoZW1hQ29uZmlnPFQ+KSB7XG4gICAgdGhpcy5jb25maWcgPSBjb25maWc7XG5cbiAgICB0aGlzLnNldHVwTW9kZWxzKCk7XG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJzaG93U2tlbGV0b25cIj5cbiAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgbW9kZWwgb2Ygdmlld01vZGVsc1wiPlxuICAgIDxkaXYgW3NrZWxldG9uaXplXT1cImNvbG9yU2NoZW1hXCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGVtcGxhdGVSZWY7IGNvbnRleHQ6IHsgJGltcGxpY2l0OiBtb2RlbCB9XCI+PC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG4gIDwvbmctY29udGFpbmVyPlxuPC9uZy1jb250YWluZXI+XG5cbjxuZy1jb250YWluZXIgKm5nSWY9XCIhc2hvd1NrZWxldG9uXCI+XG4gIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0ZW1wbGF0ZVJlZjsgY29udGV4dDogeyAkaW1wbGljaXQ6IHNjb3BlIH1cIj48L25nLWNvbnRhaW5lcj5cbjwvbmctY29udGFpbmVyPlxuIl19

package/dist/skeletonizer/esm2022/public-api.mjs

@@ -0,0 +1,6 @@
+/*
+ * Public API Surface of skeletonizer
+ */
+export * from './lib/skeletonizer.skeleton.component';
+export * from './lib/skeletonizer.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3NrZWxldG9uaXplci9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYywyQkFBMkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2Ygc2tlbGV0b25pemVyXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2tlbGV0b25pemVyLnNrZWxldG9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9za2VsZXRvbml6ZXIubW9kdWxlJztcbiJdfQ==

package/dist/skeletonizer/esm2022/skeletonizer-angular.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b25pemVyLWFuZ3VsYXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9za2VsZXRvbml6ZXIvc3JjL3NrZWxldG9uaXplci1hbmd1bGFyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=

package/dist/skeletonizer/fesm2022/skeletonizer-angular.mjs

@@ -0,0 +1,85 @@
+import * as i0 from '@angular/core';
+import { Directive, Input, TemplateRef, Component, ViewEncapsulation, ContentChild, NgModule } from '@angular/core';
+import { SkeletonDirective, SkeletonAdapterComponent } from '@skeletonizer/utils';
+import * as i1 from '@angular/common';
+import { BrowserModule } from '@angular/platform-browser';
+
+class SkeletonizeDirective {
+    constructor(el) {
+        this.el = el;
+    }
+    ngAfterViewInit() {
+        SkeletonDirective.skeletonizeProjectedTemplate(this.el.nativeElement, this.colorSchema);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: SkeletonizeDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.2", type: SkeletonizeDirective, selector: "[skeletonize]", inputs: { colorSchema: ["skeletonize", "colorSchema"] }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: SkeletonizeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[skeletonize]',
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { colorSchema: [{
+                type: Input,
+                args: [{ alias: 'skeletonize' }]
+            }] } });
+
+class SkeletonizerSkeletonComponent extends SkeletonAdapterComponent {
+    set configInput(config) {
+        this.config = config;
+        this.setupModels();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: SkeletonizerSkeletonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.2", type: SkeletonizerSkeletonComponent, selector: "skeletonizer-skeleton", inputs: { showSkeleton: "showSkeleton", scope: "scope", colorSchema: "colorSchema", configInput: ["config", "configInput"] }, queries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"showSkeleton\">\n  <ng-container *ngFor=\"let model of viewModels\">\n    <div [skeletonize]=\"colorSchema\">\n      <ng-container *ngTemplateOutlet=\"templateRef; context: { $implicit: model }\"></ng-container>\n    </div>\n  </ng-container>\n</ng-container>\n\n<ng-container *ngIf=\"!showSkeleton\">\n  <ng-container *ngTemplateOutlet=\"templateRef; context: { $implicit: scope }\"></ng-container>\n</ng-container>\n", styles: ["[data-skeletonizer=wrapper-element]{--skeletonizer-text-background: rgba(0, 0, 0, .2);display:contents;filter:grayscale(100%);pointer-events:none}[data-skeletonizer=wrapper-element] *{pointer-events:none}[data-skeletonizer=wrapper-element] [data-skeletonizer=text]{animation:text-animation 2s infinite ease-in-out;background:var(--skeletonizer-primary-color);border-radius:50px;color:#0000!important}@keyframes text-animation{0%{background:var(--skeletonizer-primary-color)}50%{background:var(--skeletonizer-secondary-color)}to{background:var(--skeletonizer-primary-color)}}skeletonizer-skeleton{display:contents}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: SkeletonizeDirective, selector: "[skeletonize]", inputs: ["skeletonize"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: SkeletonizerSkeletonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'skeletonizer-skeleton', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"showSkeleton\">\n  <ng-container *ngFor=\"let model of viewModels\">\n    <div [skeletonize]=\"colorSchema\">\n      <ng-container *ngTemplateOutlet=\"templateRef; context: { $implicit: model }\"></ng-container>\n    </div>\n  </ng-container>\n</ng-container>\n\n<ng-container *ngIf=\"!showSkeleton\">\n  <ng-container *ngTemplateOutlet=\"templateRef; context: { $implicit: scope }\"></ng-container>\n</ng-container>\n", styles: ["[data-skeletonizer=wrapper-element]{--skeletonizer-text-background: rgba(0, 0, 0, .2);display:contents;filter:grayscale(100%);pointer-events:none}[data-skeletonizer=wrapper-element] *{pointer-events:none}[data-skeletonizer=wrapper-element] [data-skeletonizer=text]{animation:text-animation 2s infinite ease-in-out;background:var(--skeletonizer-primary-color);border-radius:50px;color:#0000!important}@keyframes text-animation{0%{background:var(--skeletonizer-primary-color)}50%{background:var(--skeletonizer-secondary-color)}to{background:var(--skeletonizer-primary-color)}}skeletonizer-skeleton{display:contents}\n"] }]
+        }], propDecorators: { templateRef: [{
+                type: ContentChild,
+                args: [TemplateRef]
+            }], showSkeleton: [{
+                type: Input,
+                args: [{ required: true }]
+            }], scope: [{
+                type: Input,
+                args: [{ required: true }]
+            }], colorSchema: [{
+                type: Input
+            }], configInput: [{
+                type: Input,
+                args: [{ alias: 'config', required: true }]
+            }] } });
+
+class SkeletonizerModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: SkeletonizerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.2", ngImport: i0, type: SkeletonizerModule, declarations: [SkeletonizerSkeletonComponent,
+            SkeletonizeDirective], imports: [BrowserModule], exports: [SkeletonizerSkeletonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: SkeletonizerModule, imports: [BrowserModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: SkeletonizerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SkeletonizerSkeletonComponent,
+                        SkeletonizeDirective,
+                    ],
+                    imports: [
+                        BrowserModule,
+                    ],
+                    exports: [
+                        SkeletonizerSkeletonComponent,
+                    ],
+                }]
+        }] });
+
+/*
+ * Public API Surface of skeletonizer
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SkeletonizerModule, SkeletonizerSkeletonComponent };
+//# sourceMappingURL=skeletonizer-angular.mjs.map

package/dist/skeletonizer/fesm2022/skeletonizer-angular.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeletonizer-angular.mjs","sources":["../../../projects/skeletonizer/src/lib/skeletonize.directive.ts","../../../projects/skeletonizer/src/lib/skeletonizer.skeleton.component.ts","../../../projects/skeletonizer/src/lib/skeletonizer.skeleton.component.html","../../../projects/skeletonizer/src/lib/skeletonizer.module.ts","../../../projects/skeletonizer/src/public-api.ts","../../../projects/skeletonizer/src/skeletonizer-angular.ts"],"sourcesContent":["import { AfterViewInit, Directive, ElementRef, Input } from '@angular/core';\nimport { ISkeletonizerColorSchema, SkeletonDirective } from '@skeletonizer/utils';\n\n@Directive({\n  selector: '[skeletonize]',\n})\nexport class SkeletonizeDirective implements AfterViewInit {\n  @Input({ alias: 'skeletonize' }) public colorSchema: ISkeletonizerColorSchema | undefined;\n\n  public constructor(\n    private readonly el: ElementRef,\n  ) {}\n\n  public ngAfterViewInit(): void {\n    SkeletonDirective.skeletonizeProjectedTemplate(this.el.nativeElement, this.colorSchema);\n  }\n}\n","import { Component, ContentChild, Input, TemplateRef, ViewEncapsulation } from '@angular/core';\nimport { ISkeletonizerColorSchema, Schema, SkeletonAdapterComponent, TSchemaConfig } from '@skeletonizer/utils';\n\n@Component({\n  selector: 'skeletonizer-skeleton',\n  templateUrl: './skeletonizer.skeleton.component.html',\n  styleUrls: ['./skeletonizer.skeleton.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class SkeletonizerSkeletonComponent<T extends object, Scope extends T> extends SkeletonAdapterComponent<T> {\n  @ContentChild(TemplateRef) public readonly templateRef!: TemplateRef<{ $implicit: Schema<T> | Scope }>;\n\n  @Input({ required: true }) public showSkeleton!: boolean;\n  @Input({ required: true }) public scope!: Scope;\n  @Input() public colorSchema?: ISkeletonizerColorSchema;\n\n  @Input({ alias: 'config', required: true }) public set configInput(config: TSchemaConfig<T>) {\n    this.config = config;\n\n    this.setupModels();\n  }\n}\n","<ng-container *ngIf=\"showSkeleton\">\n  <ng-container *ngFor=\"let model of viewModels\">\n    <div [skeletonize]=\"colorSchema\">\n      <ng-container *ngTemplateOutlet=\"templateRef; context: { $implicit: model }\"></ng-container>\n    </div>\n  </ng-container>\n</ng-container>\n\n<ng-container *ngIf=\"!showSkeleton\">\n  <ng-container *ngTemplateOutlet=\"templateRef; context: { $implicit: scope }\"></ng-container>\n</ng-container>\n","import { NgModule } from '@angular/core';\nimport { SkeletonizerSkeletonComponent } from './skeletonizer.skeleton.component';\nimport { SkeletonizeDirective } from './skeletonize.directive';\nimport { BrowserModule } from '@angular/platform-browser';\n\n@NgModule({\n  declarations: [\n    SkeletonizerSkeletonComponent,\n    SkeletonizeDirective,\n  ],\n  imports: [\n    BrowserModule,\n  ],\n  exports: [\n    SkeletonizerSkeletonComponent,\n  ],\n})\nexport class SkeletonizerModule { }\n","/*\n * Public API Surface of skeletonizer\n */\n\nexport * from './lib/skeletonizer.skeleton.component';\nexport * from './lib/skeletonizer.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2.SkeletonizeDirective"],"mappings":"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"}

package/dist/skeletonizer/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@skeletonizer/angular" />
+export * from './public-api';

package/dist/skeletonizer/lib/skeletonize.directive.d.ts

@@ -0,0 +1,11 @@
+import { AfterViewInit, ElementRef } from '@angular/core';
+import { ISkeletonizerColorSchema } from '@skeletonizer/utils';
+import * as i0 from "@angular/core";
+export declare class SkeletonizeDirective implements AfterViewInit {
+    private readonly el;
+    colorSchema: ISkeletonizerColorSchema | undefined;
+    constructor(el: ElementRef);
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonizeDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SkeletonizeDirective, "[skeletonize]", never, { "colorSchema": { "alias": "skeletonize"; "required": false; }; }, {}, never, never, false, never>;
+}

package/dist/skeletonizer/lib/skeletonizer.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./skeletonizer.skeleton.component";
+import * as i2 from "./skeletonize.directive";
+import * as i3 from "@angular/platform-browser";
+export declare class SkeletonizerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonizerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkeletonizerModule, [typeof i1.SkeletonizerSkeletonComponent, typeof i2.SkeletonizeDirective], [typeof i3.BrowserModule], [typeof i1.SkeletonizerSkeletonComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SkeletonizerModule>;
+}

package/dist/skeletonizer/lib/skeletonizer.skeleton.component.d.ts

@@ -0,0 +1,14 @@
+import { TemplateRef } from '@angular/core';
+import { ISkeletonizerColorSchema, Schema, SkeletonAdapterComponent, TSchemaConfig } from '@skeletonizer/utils';
+import * as i0 from "@angular/core";
+export declare class SkeletonizerSkeletonComponent<T extends object, Scope extends T> extends SkeletonAdapterComponent<T> {
+    readonly templateRef: TemplateRef<{
+        $implicit: Schema<T> | Scope;
+    }>;
+    showSkeleton: boolean;
+    scope: Scope;
+    colorSchema?: ISkeletonizerColorSchema;
+    set configInput(config: TSchemaConfig<T>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonizerSkeletonComponent<any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonizerSkeletonComponent<any, any>, "skeletonizer-skeleton", never, { "showSkeleton": { "alias": "showSkeleton"; "required": true; }; "scope": { "alias": "scope"; "required": true; }; "colorSchema": { "alias": "colorSchema"; "required": false; }; "configInput": { "alias": "config"; "required": true; }; }, {}, ["templateRef"], never, false, never>;
+}

package/dist/skeletonizer/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/skeletonizer.skeleton.component';
+export * from './lib/skeletonizer.module';

package/package.json

@@ -0,0 +1,92 @@
+{
+  "name": "@skeletonizer/angular",
+  "version": "0.0.5-alpha.0",
+  "description": "The way to skeletonize your Angular components",
+  "author": "Luka Varga",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/lukaVarga/skeletonizer.git"
+  },
+  "homepage": "https://github.com/lukaVarga/skeletonizer/tree/master/packages/angular",
+  "keywords": [
+    "skeleton",
+    "Angular",
+    "skeletonizer",
+    "ui",
+    "loading"
+  ],
+  "main": "dist/skeletonizer/esm2022/skeletonizer-angular.mjs",
+  "types": "dist/skeletonizer/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/skeletonizer/index.d.ts",
+      "esm": "./dist/skeletonizer/esm2022/skeletonizer-angular.mjs",
+      "esm2022": "./dist/skeletonizer/esm2022/skeletonizer-angular.mjs",
+      "default": "./dist/skeletonizer/fesm2022/skeletonizer-angular.mjs"
+    }
+  },
+  "files": [
+    "dist/skeletonizer"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "ng": "ng",
+    "dev": "ng serve",
+    "build": "ng build skeletonizer",
+    "build-watch": "ng build skeletonizer --watch --configuration development",
+    "preview": "ng serve --configuration production",
+    "test": "ng test skeletonizer --no-watch",
+    "test-browser-run": "ng test skeletonizer --browsers chrome",
+    "test-watch": "ng test skeletonizer --watch",
+    "coverage": "ng test skeletonizer --code-coverage --no-watch",
+    "coverage-watch": "ng test skeletonizer --code-coverage",
+    "style-lint": "stylelint '**/*.?(css|scss)' --color",
+    "style-lintfix": "stylelint '**/*.?(css|scss)' --color --fix",
+    "lint": "eslint --ext .ts,.js,.html projects/skeletonizer/src/ && eslint --ext .ts,.js,.html src/ && npm run style-lint",
+    "lintfix": "npm run style-lintfix && eslint --ext .ts,.js,.html projects/skeletonizer/src/ --fix && eslint --ext .ts,.js,.html src/ --fix",
+    "lint-staged": "lint-staged"
+  },
+  "lint-staged": {
+    "**/*.{scss,css}": "stylelint --fix",
+    "**/*.{ts,js}": "eslint --fix"
+  },
+  "dependencies": {
+    "@angular/animations": "^17.3.2",
+    "@angular/common": "^17.3.2",
+    "@angular/compiler": "^17.3.2",
+    "@angular/core": "^17.3.2",
+    "@angular/forms": "^17.3.2",
+    "@angular/platform-browser": "^17.3.2",
+    "@angular/platform-browser-dynamic": "^17.3.2",
+    "@angular/router": "^17.3.2",
+    "rxjs": "~7.8.1",
+    "tslib": "^2.6.2",
+    "zone.js": "~0.14.4"
+  },
+  "devDependencies": {
+    "@angular-devkit/build-angular": "^17.3.3",
+    "@angular-eslint/builder": "17.3.0",
+    "@angular-eslint/eslint-plugin": "17.3.0",
+    "@angular-eslint/eslint-plugin-template": "17.3.0",
+    "@angular-eslint/schematics": "17.3.0",
+    "@angular-eslint/template-parser": "17.3.0",
+    "@angular/cli": "~17.3.3",
+    "@angular/compiler-cli": "^17.3.2",
+    "@types/jasmine": "~4.6.4",
+    "@typescript-eslint/eslint-plugin": "^7.5.0",
+    "@typescript-eslint/parser": "^7.5.0",
+    "eslint": "^8.57.0",
+    "jasmine-core": "~4.6.0",
+    "karma": "~6.4.3",
+    "karma-chrome-launcher": "~3.2.0",
+    "karma-coverage": "~2.2.1",
+    "karma-jasmine": "~5.1.0",
+    "karma-jasmine-html-reporter": "~2.1.0",
+    "ng-packagr": "^17.3.0",
+    "typescript": "~5.4.3"
+  },
+  "gitHead": "eef7254cd88a7657d4997055be5c44420d7616b9"
+}