@yomotech/view-toolkit 0.0.1

package/README.md

@@ -0,0 +1,64 @@
+# ViewToolkit
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 21.2.0.
+
+## Code scaffolding
+
+Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
+
+```bash
+ng generate component component-name
+```
+
+For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
+
+```bash
+ng generate --help
+```
+
+## Building
+
+To build the library, run:
+
+```bash
+ng build view-toolkit
+```
+
+This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
+
+### Publishing the Library
+
+Once the project is built, you can publish your library by following these steps:
+
+1. Navigate to the `dist` directory:
+
+   ```bash
+   cd dist/view-toolkit
+   ```
+
+2. Run the `npm publish` command to publish your library to the npm registry:
+   ```bash
+   npm publish
+   ```
+
+## Running unit tests
+
+To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
+
+```bash
+ng test
+```
+
+## Running end-to-end tests
+
+For end-to-end (e2e) testing, run:
+
+```bash
+ng e2e
+```
+
+Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
+
+## Additional Resources
+
+For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.

package/fesm2022/abdulahad-view-toolkit.mjs

@@ -0,0 +1,94 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, Input, NgModule } from '@angular/core';
+
+class GridComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: GridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: GridComponent, isStandalone: true, selector: "vt-grid", ngImport: i0, template: "<p>grid works!</p>\r\n", styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: GridComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vt-grid', imports: [], standalone: true, template: "<p>grid works!</p>\r\n" }]
+        }] });
+
+class CardComponent {
+    _cards = [];
+    set cards(value) {
+        console.log('value: ', value);
+        this._cards = Array.isArray(value) ? value : [];
+    }
+    get cards() {
+        console.log('this._cards: ', this._cards);
+        return this._cards;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: CardComponent, isStandalone: true, selector: "vt-card", inputs: { cards: "cards" }, ngImport: i0, template: "<p>card works!</p>\r\n@for (card of cards; track $index) {\r\n    <div>{{ card?.title }}</div>\r\n  }", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vt-card', imports: [CommonModule], standalone: true, template: "<p>card works!</p>\r\n@for (card of cards; track $index) {\r\n    <div>{{ card?.title }}</div>\r\n  }" }]
+        }], propDecorators: { cards: [{
+                type: Input
+            }] } });
+
+class FormComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: FormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: FormComponent, isStandalone: true, selector: "vt-form", ngImport: i0, template: "<p>form works!</p>\r\n", styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: FormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vt-form', imports: [], standalone: true, template: "<p>form works!</p>\r\n" }]
+        }] });
+
+class PaginationComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: PaginationComponent, isStandalone: true, selector: "vt-pagination", ngImport: i0, template: "<p>pagination works!</p>\r\n", styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: PaginationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vt-pagination', imports: [], standalone: true, template: "<p>pagination works!</p>\r\n" }]
+        }] });
+
+// lib/view-toolkit.module.ts
+class ViewToolkitModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ViewToolkitModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.2", ngImport: i0, type: ViewToolkitModule, imports: [CommonModule,
+            CardComponent,
+            FormComponent,
+            GridComponent,
+            PaginationComponent], exports: [CardComponent,
+            FormComponent,
+            GridComponent,
+            PaginationComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ViewToolkitModule, imports: [CommonModule,
+            CardComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ViewToolkitModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        CardComponent,
+                        FormComponent,
+                        GridComponent,
+                        PaginationComponent
+                    ],
+                    exports: [
+                        CardComponent,
+                        FormComponent,
+                        GridComponent,
+                        PaginationComponent
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of view-toolkit
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CardComponent, FormComponent, GridComponent, PaginationComponent, ViewToolkitModule };
+//# sourceMappingURL=abdulahad-view-toolkit.mjs.map

package/fesm2022/abdulahad-view-toolkit.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"abdulahad-view-toolkit.mjs","sources":["../../../projects/view-toolkit/src/lib/containers/grid/grid.component.ts","../../../projects/view-toolkit/src/lib/containers/grid/grid.component.html","../../../projects/view-toolkit/src/lib/containers/card/card.component.ts","../../../projects/view-toolkit/src/lib/containers/card/card.component.html","../../../projects/view-toolkit/src/lib/containers/form/form.component.ts","../../../projects/view-toolkit/src/lib/containers/form/form.component.html","../../../projects/view-toolkit/src/lib/containers/pagination/pagination.component.ts","../../../projects/view-toolkit/src/lib/containers/pagination/pagination.component.html","../../../projects/view-toolkit/src/lib/view-toolkit.module.ts","../../../projects/view-toolkit/src/public-api.ts","../../../projects/view-toolkit/src/abdulahad-view-toolkit.ts"],"sourcesContent":["import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'vt-grid',\r\n  imports: [],\r\n  standalone: true,\r\n  templateUrl: './grid.component.html',\r\n  styleUrl: './grid.component.css',\r\n})\r\nexport class GridComponent {\r\n\r\n}\r\n","<p>grid works!</p>\r\n","import { CommonModule } from '@angular/common';\r\nimport { Component, Input } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'vt-card',\r\n  imports: [CommonModule],\r\n  standalone: true,\r\n  templateUrl: './card.component.html',\r\n  styleUrl: './card.component.css',\r\n})\r\nexport class CardComponent  {\r\n  private _cards: any[] = [];\r\n\r\n  @Input()\r\n  set cards(value: any[] | null | undefined) {\r\n    console.log('value: ', value);\r\n    this._cards = Array.isArray(value) ? value : [];\r\n  }\r\n\r\n  get cards(): any[] {\r\n    console.log('this._cards: ', this._cards);\r\n    return this._cards;\r\n  }\r\n}\r\n","<p>card works!</p>\r\n@for (card of cards; track $index) {\r\n    <div>{{ card?.title }}</div>\r\n  }","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'vt-form',\r\n  imports: [],\r\n  standalone: true,\r\n  templateUrl: './form.component.html',\r\n  styleUrl: './form.component.css',\r\n})\r\nexport class FormComponent {\r\n\r\n}\r\n","<p>form works!</p>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'vt-pagination',\r\n  imports: [],\r\n  standalone: true,\r\n  templateUrl: './pagination.component.html',\r\n  styleUrl: './pagination.component.css',\r\n})\r\nexport class PaginationComponent {\r\n\r\n}\r\n","<p>pagination works!</p>\r\n","// lib/view-toolkit.module.ts\r\n\r\nimport { CommonModule } from \"@angular/common\";\r\nimport { GridComponent } from \"./containers/grid/grid.component\";\r\nimport { NgModule } from '@angular/core';\r\nimport { CardComponent } from \"./containers/card/card.component\";\r\nimport { FormComponent } from \"./containers/form/form.component\";\r\nimport { PaginationComponent } from \"./containers/pagination/pagination.component\";\r\n\r\n@NgModule({\r\n    imports: [\r\n        CommonModule,\r\n        CardComponent,\r\n        FormComponent,\r\n        GridComponent,\r\n        PaginationComponent\r\n    ],\r\n    exports: [\r\n        CardComponent,\r\n        FormComponent,\r\n        GridComponent,\r\n        PaginationComponent\r\n    ]\r\n})\r\nexport class ViewToolkitModule { }","/*\r\n * Public API Surface of view-toolkit\r\n */\r\n\r\nexport * from './lib/view-toolkit.module';\r\n\r\nexport * from './lib/containers/card/card.component';\r\nexport * from './lib/containers/form/form.component';\r\nexport * from './lib/containers/grid/grid.component';\r\nexport * from './lib/containers/pagination/pagination.component';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/abdulahad061-view-toolkit.mjs

@@ -0,0 +1,94 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, Input, NgModule } from '@angular/core';
+
+class GridComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: GridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: GridComponent, isStandalone: true, selector: "vt-grid", ngImport: i0, template: "<p>grid works!</p>\r\n", styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: GridComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vt-grid', imports: [], standalone: true, template: "<p>grid works!</p>\r\n" }]
+        }] });
+
+class CardComponent {
+    _cards = [];
+    set cards(value) {
+        console.log('value: ', value);
+        this._cards = Array.isArray(value) ? value : [];
+    }
+    get cards() {
+        console.log('this._cards: ', this._cards);
+        return this._cards;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: CardComponent, isStandalone: true, selector: "vt-card", inputs: { cards: "cards" }, ngImport: i0, template: "<p>card works!</p>\r\n@for (card of cards; track $index) {\r\n    <div>{{ card?.title }}</div>\r\n  }", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vt-card', imports: [CommonModule], standalone: true, template: "<p>card works!</p>\r\n@for (card of cards; track $index) {\r\n    <div>{{ card?.title }}</div>\r\n  }" }]
+        }], propDecorators: { cards: [{
+                type: Input
+            }] } });
+
+class FormComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: FormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: FormComponent, isStandalone: true, selector: "vt-form", ngImport: i0, template: "<p>form works!</p>\r\n", styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: FormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vt-form', imports: [], standalone: true, template: "<p>form works!</p>\r\n" }]
+        }] });
+
+class PaginationComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: PaginationComponent, isStandalone: true, selector: "vt-pagination", ngImport: i0, template: "<p>pagination works!</p>\r\n", styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: PaginationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vt-pagination', imports: [], standalone: true, template: "<p>pagination works!</p>\r\n" }]
+        }] });
+
+// lib/view-toolkit.module.ts
+class ViewToolkitModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ViewToolkitModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.2", ngImport: i0, type: ViewToolkitModule, imports: [CommonModule,
+            CardComponent,
+            FormComponent,
+            GridComponent,
+            PaginationComponent], exports: [CardComponent,
+            FormComponent,
+            GridComponent,
+            PaginationComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ViewToolkitModule, imports: [CommonModule,
+            CardComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ViewToolkitModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        CardComponent,
+                        FormComponent,
+                        GridComponent,
+                        PaginationComponent
+                    ],
+                    exports: [
+                        CardComponent,
+                        FormComponent,
+                        GridComponent,
+                        PaginationComponent
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of view-toolkit
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CardComponent, FormComponent, GridComponent, PaginationComponent, ViewToolkitModule };
+//# sourceMappingURL=abdulahad061-view-toolkit.mjs.map

package/fesm2022/abdulahad061-view-toolkit.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"abdulahad061-view-toolkit.mjs","sources":["../../../projects/view-toolkit/src/lib/containers/grid/grid.component.ts","../../../projects/view-toolkit/src/lib/containers/grid/grid.component.html","../../../projects/view-toolkit/src/lib/containers/card/card.component.ts","../../../projects/view-toolkit/src/lib/containers/card/card.component.html","../../../projects/view-toolkit/src/lib/containers/form/form.component.ts","../../../projects/view-toolkit/src/lib/containers/form/form.component.html","../../../projects/view-toolkit/src/lib/containers/pagination/pagination.component.ts","../../../projects/view-toolkit/src/lib/containers/pagination/pagination.component.html","../../../projects/view-toolkit/src/lib/view-toolkit.module.ts","../../../projects/view-toolkit/src/public-api.ts","../../../projects/view-toolkit/src/abdulahad061-view-toolkit.ts"],"sourcesContent":["import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'vt-grid',\r\n  imports: [],\r\n  standalone: true,\r\n  templateUrl: './grid.component.html',\r\n  styleUrl: './grid.component.css',\r\n})\r\nexport class GridComponent {\r\n\r\n}\r\n","<p>grid works!</p>\r\n","import { CommonModule } from '@angular/common';\r\nimport { Component, Input } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'vt-card',\r\n  imports: [CommonModule],\r\n  standalone: true,\r\n  templateUrl: './card.component.html',\r\n  styleUrl: './card.component.css',\r\n})\r\nexport class CardComponent  {\r\n  private _cards: any[] = [];\r\n\r\n  @Input()\r\n  set cards(value: any[] | null | undefined) {\r\n    console.log('value: ', value);\r\n    this._cards = Array.isArray(value) ? value : [];\r\n  }\r\n\r\n  get cards(): any[] {\r\n    console.log('this._cards: ', this._cards);\r\n    return this._cards;\r\n  }\r\n}\r\n","<p>card works!</p>\r\n@for (card of cards; track $index) {\r\n    <div>{{ card?.title }}</div>\r\n  }","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'vt-form',\r\n  imports: [],\r\n  standalone: true,\r\n  templateUrl: './form.component.html',\r\n  styleUrl: './form.component.css',\r\n})\r\nexport class FormComponent {\r\n\r\n}\r\n","<p>form works!</p>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'vt-pagination',\r\n  imports: [],\r\n  standalone: true,\r\n  templateUrl: './pagination.component.html',\r\n  styleUrl: './pagination.component.css',\r\n})\r\nexport class PaginationComponent {\r\n\r\n}\r\n","<p>pagination works!</p>\r\n","// lib/view-toolkit.module.ts\r\n\r\nimport { CommonModule } from \"@angular/common\";\r\nimport { GridComponent } from \"./containers/grid/grid.component\";\r\nimport { NgModule } from '@angular/core';\r\nimport { CardComponent } from \"./containers/card/card.component\";\r\nimport { FormComponent } from \"./containers/form/form.component\";\r\nimport { PaginationComponent } from \"./containers/pagination/pagination.component\";\r\n\r\n@NgModule({\r\n    imports: [\r\n        CommonModule,\r\n        CardComponent,\r\n        FormComponent,\r\n        GridComponent,\r\n        PaginationComponent\r\n    ],\r\n    exports: [\r\n        CardComponent,\r\n        FormComponent,\r\n        GridComponent,\r\n        PaginationComponent\r\n    ]\r\n})\r\nexport class ViewToolkitModule { }","/*\r\n * Public API Surface of view-toolkit\r\n */\r\n\r\nexport * from './lib/view-toolkit.module';\r\n\r\nexport * from './lib/containers/card/card.component';\r\nexport * from './lib/containers/form/form.component';\r\nexport * from './lib/containers/grid/grid.component';\r\nexport * from './lib/containers/pagination/pagination.component';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/yomotech-view-toolkit.mjs

@@ -0,0 +1,95 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, NgModule } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+
+class GridComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: GridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: GridComponent, isStandalone: true, selector: "vt-grid", ngImport: i0, template: "<p>grid works!</p>\r\n", styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: GridComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vt-grid', imports: [], standalone: true, template: "<p>grid works!</p>\r\n" }]
+        }] });
+
+// import { RequestService } from '../../services/request.service';
+class CardComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: CardComponent, isStandalone: true, selector: "vt-card", ngImport: i0, template: "<h1>hello word</h1>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vt-card', imports: [
+                        CommonModule,
+                        FormsModule,
+                        // NzIconModule,
+                        // DatePickerModule,
+                        // NzButtonModule,
+                        // NzDatePickerModule,
+                        // NzModalModule,
+                        // // StringComponent,
+                        // PaginationComponent
+                    ], standalone: true, template: "<h1>hello word</h1>" }]
+        }] });
+
+class FormComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: FormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: FormComponent, isStandalone: true, selector: "vt-form", ngImport: i0, template: "<p>form works!</p>\r\n", styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: FormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vt-form', imports: [], standalone: true, template: "<p>form works!</p>\r\n" }]
+        }] });
+
+class PaginationComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: PaginationComponent, isStandalone: true, selector: "vt-pagination", ngImport: i0, template: "<p>pagination works!</p>\r\n", styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: PaginationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vt-pagination', imports: [], standalone: true, template: "<p>pagination works!</p>\r\n" }]
+        }] });
+
+// lib/view-toolkit.module.ts
+class ViewToolkitModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ViewToolkitModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.2", ngImport: i0, type: ViewToolkitModule, imports: [CommonModule,
+            CardComponent,
+            FormComponent,
+            GridComponent,
+            PaginationComponent], exports: [CardComponent,
+            FormComponent,
+            GridComponent,
+            PaginationComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ViewToolkitModule, imports: [CommonModule,
+            CardComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ViewToolkitModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        CardComponent,
+                        FormComponent,
+                        GridComponent,
+                        PaginationComponent
+                    ],
+                    exports: [
+                        CardComponent,
+                        FormComponent,
+                        GridComponent,
+                        PaginationComponent
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of view-toolkit
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CardComponent, FormComponent, GridComponent, PaginationComponent, ViewToolkitModule };
+//# sourceMappingURL=yomotech-view-toolkit.mjs.map

package/fesm2022/yomotech-view-toolkit.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"yomotech-view-toolkit.mjs","sources":["../../../projects/view-toolkit/src/lib/containers/grid/grid.component.ts","../../../projects/view-toolkit/src/lib/containers/grid/grid.component.html","../../../projects/view-toolkit/src/lib/containers/card/card.component.ts","../../../projects/view-toolkit/src/lib/containers/card/card.component.html","../../../projects/view-toolkit/src/lib/containers/form/form.component.ts","../../../projects/view-toolkit/src/lib/containers/form/form.component.html","../../../projects/view-toolkit/src/lib/containers/pagination/pagination.component.ts","../../../projects/view-toolkit/src/lib/containers/pagination/pagination.component.html","../../../projects/view-toolkit/src/lib/view-toolkit.module.ts","../../../projects/view-toolkit/src/public-api.ts","../../../projects/view-toolkit/src/yomotech-view-toolkit.ts"],"sourcesContent":["import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'vt-grid',\r\n  imports: [],\r\n  standalone: true,\r\n  templateUrl: './grid.component.html',\r\n  styleUrl: './grid.component.css',\r\n})\r\nexport class GridComponent {\r\n\r\n}\r\n","<p>grid works!</p>\r\n","import { CommonModule } from '@angular/common';\r\nimport { ChangeDetectorRef, Component, EventEmitter, Input, NgZone, Output } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\n// import { UtilityService } from '../../services/utility.service';\r\nimport { HttpClient } from '@angular/common/http';\r\n// import { RequestService } from '../../services/request.service';\r\n\r\n@Component({\r\n  selector: 'vt-card',\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    // NzIconModule,\r\n    // DatePickerModule,\r\n    // NzButtonModule,\r\n    // NzDatePickerModule,\r\n    // NzModalModule,\r\n    // // StringComponent,\r\n    // PaginationComponent\r\n  ],\r\n  standalone: true,\r\n  templateUrl: './card.component.html',\r\n  styleUrl: './card.component.css',\r\n})\r\nexport class CardComponent {\r\n  // @Input() itemInfo: any = {};\r\n  // @Input() currentPage: number = 0;\r\n  // @Input() pageSize: number = 5;\r\n  // @Input() selectedLanguageInfo: any = {};\r\n  // @Input() pages: number[] = [];\r\n  // @Output() cardButtonClick: EventEmitter<any> = new EventEmitter();\r\n  // @Output() cardHeaderButtonClick: EventEmitter<any> = new EventEmitter();\r\n  // @Output() linkDetails: EventEmitter<any> = new EventEmitter();\r\n  // @Output() imageDetails: EventEmitter<any> = new EventEmitter();\r\n  // @Output() onPageSizeChange: EventEmitter<any> = new EventEmitter();\r\n  // @Output() onPageChange: EventEmitter<any> = new EventEmitter();\r\n  // cardPerRow: string = \"col-12 md:col-6 lg:col-\";\r\n  // isLoading: boolean = false;\r\n  // layoutSchemaCopy: any = {};\r\n  // headerSchemaCopy: any = {};\r\n  // footerSchemaCopy: any = {};\r\n\r\n\r\n  // constructor(\r\n  //   private utilityService: UtilityService,\r\n  //   private platform: Platform,\r\n  //   private http: HttpClient,\r\n  //   private cdr: ChangeDetectorRef,\r\n  //   private zone: NgZone,\r\n  //   private modalService: NzModalService,\r\n  //   private oauthService: OAuthService,\r\n  //   private requestService: RequestService) {\r\n  // }\r\n\r\n  // ngOnInit() {\r\n  //   if ((this.platform.ANDROID || this.platform.IOS) && !this.platform?.isBrowser) {\r\n  //     this.cardPerRow = \"col-\";\r\n  //   } else {\r\n  //     this.cardPerRow = \"col-12 md:col-6 lg:col-\";\r\n  //   }\r\n  // }\r\n\r\n  // ngOnChanges(changes: SimpleChanges): void {\r\n  //   if (changes['itemInfo']) {\r\n  //     if (this.itemInfo.layoutSchema) {\r\n  //       this.layoutSchemaCopy = JSON.parse(JSON.stringify(this.itemInfo.layoutSchema));\r\n  //     }\r\n  //     if (this.itemInfo.header) {\r\n  //       this.headerSchemaCopy = JSON.parse(JSON.stringify(this.itemInfo.header));\r\n  //     }\r\n  //     if (this.itemInfo.footer) {\r\n  //       this.footerSchemaCopy = JSON.parse(JSON.stringify(this.itemInfo.footer));\r\n  //     }\r\n  //   }\r\n  //   if ((changes['selectedLanguageInfo'] || this.selectedLanguageInfo) && this.selectedLanguageInfo.selectedLanguage) {\r\n  //     this.itemInfo.footer = this.updatebuttonLanguage(this.footerSchemaCopy, this.selectedLanguageInfo.selectedLanguage)\r\n  //     this.itemInfo.header = this.updatebuttonLanguage(this.headerSchemaCopy, this.selectedLanguageInfo.selectedLanguage)\r\n  //     this.itemInfo.layoutSchema = this.updateLayoutLanguage(this.layoutSchemaCopy, this.selectedLanguageInfo.selectedLanguage)\r\n  //   }\r\n  // }\r\n\r\n  // private safeUpdate(fn: () => void) {\r\n  //   if (NgZone.isInAngularZone()) {\r\n  //     fn();\r\n  //     this.cdr.markForCheck();\r\n  //   } else {\r\n  //     this.zone.run(() => {\r\n  //       fn();\r\n  //       this.cdr.markForCheck();\r\n  //     });\r\n  //   }\r\n  // }\r\n\r\n  // forceNumericKeyboard(event: any) {\r\n  //   const input = event?.target as HTMLInputElement;\r\n  //   if (input && input.tagName === 'INPUT') {\r\n  //     input.setAttribute('inputmode', 'numeric'); // Android\r\n  //     input.setAttribute('pattern', '[0-9:]*');   // iOS\r\n  //     input.setAttribute('type', 'tel');           // strongest signal\r\n  //   }\r\n  // }\r\n\r\n  // onDateTyping(event: any) {\r\n  //   const input = event.target as HTMLInputElement;\r\n  //   if (!input) return;\r\n  //   let digits = input.value.replace(/\\D/g, '');\r\n  //   digits = digits.substring(0, 8);\r\n  //   let formatted = '';\r\n  //   if (digits.length <= 4) {\r\n  //     formatted = digits;\r\n  //   } else if (digits.length <= 6) {\r\n  //     formatted = `${digits.slice(0, 4)}-${digits.slice(4)}`;\r\n  //   } else {\r\n  //     formatted = `${digits.slice(0, 4)}-${digits.slice(4, 6)}-${digits.slice(6)}`;\r\n  //   }\r\n  //   input.value = formatted;\r\n  // }\r\n\r\n  // updatebuttonLanguage<T>(\r\n  //   schema: T,\r\n  //   translations: Record<string, string>\r\n  // ): T {\r\n  //   const cloned = JSON.parse(JSON.stringify(schema));\r\n\r\n  //   const walk = (obj: any) => {\r\n  //     if (!obj || typeof obj !== 'object') return;\r\n\r\n  //     // ✅ Replace direct caption (e.g. button.caption)\r\n  //     if (typeof obj.caption === 'string') {\r\n  //       const original = obj.caption;\r\n  //       obj.caption = translations[original] ?? original;\r\n  //     }\r\n\r\n  //     // ✅ Replace modalTitle if present\r\n  //     if (typeof obj.modalTitle === 'string') {\r\n  //       const original = obj.modalTitle;\r\n  //       obj.modalTitle = translations[original] ?? original;\r\n  //     }\r\n\r\n  //     // 🔁 Recurse\r\n  //     Object.keys(obj).forEach((key) => {\r\n  //       const value = obj[key];\r\n  //       if (typeof value === 'object') {\r\n  //         walk(value);\r\n  //       }\r\n  //     });\r\n  //   };\r\n\r\n  //   walk(cloned);\r\n  //   return cloned;\r\n  // }\r\n\r\n\r\n  // updateLayoutLanguage<T>(\r\n  //   schema: T,\r\n  //   translations: Record<string, string>\r\n  // ): T {\r\n  //   // Deep clone to avoid mutating original schema\r\n  //   const cloned = JSON.parse(JSON.stringify(schema));\r\n\r\n  //   const walk = (obj: any) => {\r\n  //     if (!obj || typeof obj !== 'object') return;\r\n\r\n  //     // ✅ If label.caption exists → translate it\r\n  //     if (obj.label && typeof obj.label.caption === 'string') {\r\n  //       const originalCaption = obj.label.caption;\r\n  //       obj.label.caption =\r\n  //         translations[originalCaption] ?? originalCaption;\r\n  //     }\r\n\r\n  //     // 🔁 Recurse into object properties\r\n  //     Object.keys(obj).forEach((key) => {\r\n  //       const value = obj[key];\r\n  //       if (typeof value === 'object') {\r\n  //         walk(value);\r\n  //       }\r\n  //     });\r\n  //   };\r\n\r\n  //   walk(cloned);\r\n  //   return cloned;\r\n  // }\r\n\r\n  // dateChangeEvent(filter: any, value: any) {\r\n  //   const scope = this.getScope(filter.scope.reference);\r\n  //   const field = filter.scope?.reference.split('/').pop();\r\n  //   this.itemInfo.propertySchema[scope][field].value = value\r\n  //   this.applyDateFilter(this.extractFilterValues(this.itemInfo.propertySchema[scope]))\r\n  // }\r\n\r\n  // async applyDateFilter(filters: any) {\r\n  //   const from = filters.fromDateFilter ? new Date(filters.fromDateFilter) : null;\r\n  //   const to = filters.toDateFilter ? new Date(filters.toDateFilter) : null;\r\n  //   if (to && from) {\r\n  //     const formattedFrom = this.formatToOffsetISO(from);\r\n  //     const formattedTo = this.formatToOffsetISO(to);\r\n  //     const keycloakInfo: any = await this.utilityService.getLocalStorage('KeycloakInfo');\r\n  //     const logined: any = await this.utilityService.getLocalStorage('loginedUser');\r\n  //     this.safeUpdate(() => this.isLoading = true);\r\n  //     if (this.platform.ANDROID || this.platform.IOS) {\r\n  //       let saveOrder = await this.getSaveOrder(keycloakInfo?.token, keycloakInfo, formattedFrom, formattedTo)\r\n  //       this.itemInfo.data = saveOrder?.length > 0 ? saveOrder : []\r\n  //       this.safeUpdate(() => this.isLoading = false);\r\n  //     } else {\r\n  //       this.requestService.getSaveOrder(logined?.token, logined, formattedFrom, formattedTo).subscribe((saveOrders: any) => {\r\n  //         const updatedData = this.utilityService.restoreDatesFromStorage(saveOrders, this.itemInfo.propertySchema);\r\n  //         this.itemInfo.data = updatedData?.length > 0 ? updatedData : []\r\n  //         this.safeUpdate(() => this.isLoading = false);\r\n  //       })\r\n  //     }\r\n  //   }\r\n  // }\r\n\r\n  // async getSaveOrder(\r\n  //   token: string,\r\n  //   userInfo: any,\r\n  //   fromDate: any,\r\n  //   toDate: any\r\n  // ) {\r\n  //   if (!token) {\r\n  //     return;\r\n  //   }\r\n\r\n  //   const company = userInfo.p5_plant\r\n  //     ? `${userInfo.p5_group}/${userInfo.p5_client}/${userInfo.p5_plant}`\r\n  //     : `${userInfo.p5_group}/${userInfo.p5_client}/`;\r\n\r\n  //   const url = `${userInfo.p5_backend_url}/assetsmobileservice/Zeiterfassung/requestBookedTimeRecording`;\r\n\r\n  //   try {\r\n  //     const response = await CapacitorHttp.post({\r\n  //       url,\r\n  //       params: {\r\n  //         resourceNo: userInfo.p5_resource_no,\r\n  //         workDayFrom: fromDate,\r\n  //         workDayTo: toDate,\r\n  //         company,\r\n  //         appVersion: '1',\r\n  //       },\r\n  //       headers: {\r\n  //         Authorization: `Bearer ${token}`, // ✅ REQUIRED\r\n  //         Accept: 'application/json',\r\n  //       },\r\n  //       // ❗ NO BODY needed for this endpoint\r\n  //     });\r\n\r\n  //     console.log('getSaveOrder response:', response.data);\r\n  //     return response.data;\r\n\r\n  //   } catch (error) {\r\n  //     console.error('Failed to fetch saved orders', error);\r\n  //     throw error;\r\n  //   }\r\n  // }\r\n\r\n  // formatToOffsetISO(date: Date): string {\r\n  //   if (!date) return \"\";\r\n\r\n  //   const pad = (n: number, len = 2) => String(n).padStart(len, \"0\");\r\n  //   const year = date.getFullYear();\r\n  //   const month = pad(date.getMonth() + 1);\r\n  //   const day = pad(date.getDate());\r\n  //   const hours = pad(date.getHours());\r\n  //   const minutes = pad(date.getMinutes());\r\n  //   const seconds = pad(date.getSeconds());\r\n  //   const ms = pad(date.getMilliseconds(), 4); // 4-digit milliseconds\r\n\r\n  //   // timezone offset\r\n  //   const offset = -date.getTimezoneOffset(); // in minutes\r\n  //   const offSign = offset >= 0 ? \"+\" : \"-\";\r\n  //   const offHours = pad(Math.floor(Math.abs(offset) / 60));\r\n  //   const offMinutes = pad(Math.abs(offset) % 60);\r\n\r\n  //   return `${year}-${month}-${day}T${hours}:${minutes}:${seconds}:${ms}${offSign}${offHours}:${offMinutes}`;\r\n  // }\r\n\r\n  // extractFilterValues(schema: Record<string, any>): Record<string, any> {\r\n  //   return Object.keys(schema).reduce((acc, key) => {\r\n  //     if (key.includes('Filter') && schema[key]?.value !== undefined) {\r\n  //       acc[key] = schema[key].value;\r\n  //     }\r\n  //     return acc;\r\n  //   }, {} as Record<string, any>);\r\n  // }\r\n\r\n  // invokeOnPageSizeChange(pageSize: any) {\r\n  //   this.onPageSizeChange.emit(pageSize);\r\n  // }\r\n\r\n  // invokeGoToPage(page: any) {\r\n  //   this.onPageChange.emit(page);\r\n  // }\r\n\r\n  // invokeOnCardHeader(element: any) {\r\n  //   this.cardHeaderButtonClick.emit(element);\r\n  // }\r\n\r\n  // invokeOnCardFooter(element: any) {\r\n  //   // this.cardHeaderButtonClick.emit(element);\r\n  //   this.d4_SaveAll();\r\n  // }\r\n\r\n  // async invokeButtonClick(layout: any, record: any, recordIndex: any) {\r\n  //   if (layout?.option?.action === \"delete\" && layout?.option?.storageType == \"localstorage\") {\r\n  //     if (layout?.option?.deleteMessage) {\r\n  //       this.showConfirm(layout?.option, recordIndex);\r\n  //     }\r\n  //   } else if (layout?.option?.action === \"save\" && layout?.option?.storageType === \"database\") {\r\n  //     const final_array = this.utilityService.convertToDailyLogs(record);\r\n  //     await this.saveToDb(final_array, recordIndex, layout.option.data_url)\r\n  //   } else {\r\n  //     this.cardButtonClick.emit({ layout: layout, record: record, recordIndex: recordIndex });\r\n  //   }\r\n  // }\r\n\r\n  // showConfirm(option: any, recordIndex: any) {\r\n  //   this.modalService.confirm({\r\n  //     nzTitle: this.selectedLanguageInfo && this.selectedLanguageInfo?.selectedLanguage['Confirm'] ? this.selectedLanguageInfo.selectedLanguage['Confirm'] : 'Confirm',\r\n  //     nzContent: this.selectedLanguageInfo && this.selectedLanguageInfo?.selectedLanguage[option.deleteMessage] ? this.selectedLanguageInfo.selectedLanguage[option.deleteMessage] : option.deleteMessage,\r\n  //     nzOkText: this.selectedLanguageInfo && this.selectedLanguageInfo?.selectedLanguage['Delete'] ? this.selectedLanguageInfo.selectedLanguage['Delete'] : 'Delete',\r\n  //     nzCancelText: this.selectedLanguageInfo && this.selectedLanguageInfo?.selectedLanguage['Cancel'] ? this.selectedLanguageInfo.selectedLanguage['Cancel'] : 'Cancel',\r\n  //     nzOnOk: () => this.deleteRecord(recordIndex, option.data_url)\r\n  //   })\r\n  // }\r\n\r\n  // async d4_SaveAll() {\r\n  //   let allOrders: any[] = [];\r\n  //   for (let i = 0; i < this.itemInfo.data.length; i++) {\r\n  //     const element = this.itemInfo.data[i];\r\n  //     const dailyLogs = this.utilityService.convertToDailyLogs(element);\r\n  //     if (Array.isArray(dailyLogs)) {\r\n  //       allOrders.push(...dailyLogs);\r\n  //     }\r\n  //   }\r\n  //   await this.saveToDb(allOrders, null, true);\r\n  // }\r\n\r\n\r\n  // deleteRecord(recordIndex: any, data_url: any) {\r\n  //   this.itemInfo.data.splice(recordIndex, 1);\r\n  //   this.utilityService.setLocalStorage('timeRecords', JSON.stringify(this.itemInfo.data));\r\n  // }\r\n\r\n  // deleteAllRecord() {\r\n  //   this.itemInfo.data = []\r\n  //   this.utilityService.setLocalStorage('timeRecords', JSON.stringify(this.itemInfo.data));\r\n  // }\r\n\r\n  // async saveToDb(orders: any, orderIndex?: any, data_url?: any, deleteAll: boolean = false) {\r\n  //   this.safeUpdate(() => this.isLoading = true);\r\n  //   const token = this.oauthService.getAccessToken(); // whatever you have\r\n  //   const logined: any = await this.utilityService.getLocalStorage('loginedUser');\r\n  //   const keycloakInfo: any = await this.utilityService.getLocalStorage('KeycloakInfo');\r\n  //   let saveobject = {\r\n  //     ressourceNo: logined?.p5_resource_no ? logined.p5_resource_no : keycloakInfo?.p5_resource_no,\r\n  //     returnTimeRecordingLine: orders\r\n  //   }\r\n  //   if (this.platform.ANDROID || this.platform.IOS) {\r\n  //     const res = await this.mobileSaveDb(keycloakInfo.token, keycloakInfo, saveobject, orderIndex, data_url, deleteAll);\r\n  //   } else {\r\n  //     this.webSaveDb(token, logined, saveobject, orderIndex, data_url, deleteAll);\r\n  //   }\r\n  // }\r\n\r\n  // webSaveDb(token: any, userInfo: any, order: any = {}, orderIndex?: any, dataUrl?: any, deleteAll: boolean = false) {\r\n  //   if (token) {\r\n  //     const headers = new HttpHeaders({\r\n  //       'Authorization': `Bearer ${token}`,\r\n  //       'Accept': 'application/json'\r\n  //     });\r\n  //     let url2: any = `${userInfo.p5_backend_url}/assetsmobileservice/Zeiterfassung/registerTimeRecording?company=${userInfo.p5_group}/${userInfo.p5_client}/${userInfo.p5_plant ? userInfo.p5_plant : \"  \"}&appVersion=1&resourceNo=${userInfo.p5_resource_no}`\r\n  //     this.http.post(url2, order, { headers }).subscribe({\r\n  //       next: res => {\r\n  //         this.safeUpdate(() => this.isLoading = false);\r\n  //         if (orderIndex && orderIndex > -1) {\r\n  //           this.deleteRecord(orderIndex, dataUrl)\r\n  //         } else {\r\n  //           this.deleteAllRecord();\r\n  //         }\r\n  //       }\r\n  //     })\r\n  //   }\r\n  // }\r\n\r\n  // async mobileSaveDb(token: string, userInfo: any, order: any = {}, orderIndex: number, dataUrl: any, deleteAll: boolean = false) {\r\n  //   if (!token) {\r\n  //     console.log(\"NO-token\", token);\r\n  //     return;\r\n  //   }\r\n\r\n  //   const company = userInfo.p5_plant\r\n  //     ? `${userInfo.p5_group}/${userInfo.p5_client}/${userInfo.p5_plant}`\r\n  //     : `${userInfo.p5_group}/${userInfo.p5_client}/`;\r\n\r\n  //   const url = `${userInfo.p5_backend_url}/assetsmobileservice/Zeiterfassung/registerTimeRecording`;\r\n\r\n  //   try {\r\n  //     const response = await CapacitorHttp.post({\r\n  //       url,\r\n  //       params: {\r\n  //         company,\r\n  //         appVersion: '1',\r\n  //         resourceNo: userInfo.p5_resource_no,\r\n  //       },\r\n  //       headers: {\r\n  //         Authorization: `Bearer ${token}`,\r\n  //         Accept: 'application/json',\r\n  //         'Content-Type': 'application/json',\r\n  //       },\r\n  //       data: order,\r\n  //     });\r\n  //     if (orderIndex != null && orderIndex > -1) {\r\n  //       this.deleteRecord(orderIndex, dataUrl);\r\n  //     } else {\r\n  //       this.deleteAllRecord();\r\n  //     }\r\n  //     this.safeUpdate(() => this.isLoading = false);\r\n\r\n\r\n  //     return response.data;\r\n\r\n  //   } catch (error) {\r\n  //     this.safeUpdate(() => this.isLoading = false);\r\n  //     console.error('Failed to save time recording', error);\r\n  //     throw error;\r\n  //   }\r\n  // }\r\n\r\n  // showLinkDetails(option: any, record: any) {\r\n  //   this.linkDetails.emit({ option: option, record: record })\r\n  // }\r\n\r\n  // showImageDetails(option: any, record: any) {\r\n  //   this.imageDetails.emit({ option: option, record: record })\r\n  // }\r\n\r\n  // getProperty(scope: any) {\r\n  //   const property = scope ? scope.split('/').pop() : '';\r\n  //   return { key: property, productSchema: this.itemInfo.propertySchema[this.getScope(scope)][property] };\r\n  // }\r\n\r\n  // getStyleWithoutClasses(styleObject: any) {\r\n  //   if (!styleObject) {\r\n  //     return { classes: '', style: {} };\r\n  //   }\r\n  //   const { classes, ...styleWithoutClasses } = styleObject;\r\n  //   return { classes: classes && classes.length > 0 ? classes[0] : '', style: styleWithoutClasses };\r\n  // }\r\n\r\n  // getScope(scope: any) {\r\n  //   let propertyScope = \"\";\r\n  //   let start = scope?.indexOf(\"#/\") + 2;\r\n  //   let end = scope?.indexOf(\"/\", start);\r\n  //   if (start && end) {\r\n  //     propertyScope = scope.substring(start, end);\r\n  //   }\r\n  //   return propertyScope;\r\n  // }\r\n}\r\n","<h1>hello word</h1>","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'vt-form',\r\n  imports: [],\r\n  standalone: true,\r\n  templateUrl: './form.component.html',\r\n  styleUrl: './form.component.css',\r\n})\r\nexport class FormComponent {\r\n\r\n}\r\n","<p>form works!</p>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'vt-pagination',\r\n  imports: [],\r\n  standalone: true,\r\n  templateUrl: './pagination.component.html',\r\n  styleUrl: './pagination.component.css',\r\n})\r\nexport class PaginationComponent {\r\n\r\n}\r\n","<p>pagination works!</p>\r\n","// lib/view-toolkit.module.ts\r\n\r\nimport { CommonModule } from \"@angular/common\";\r\nimport { GridComponent } from \"./containers/grid/grid.component\";\r\nimport { NgModule } from '@angular/core';\r\nimport { CardComponent } from \"./containers/card/card.component\";\r\nimport { FormComponent } from \"./containers/form/form.component\";\r\nimport { PaginationComponent } from \"./containers/pagination/pagination.component\";\r\n\r\n@NgModule({\r\n    imports: [\r\n        CommonModule,\r\n        CardComponent,\r\n        FormComponent,\r\n        GridComponent,\r\n        PaginationComponent\r\n    ],\r\n    exports: [\r\n        CardComponent,\r\n        FormComponent,\r\n        GridComponent,\r\n        PaginationComponent\r\n    ]\r\n})\r\nexport class ViewToolkitModule { }","/*\r\n * Public API Surface of view-toolkit\r\n */\r\n\r\nexport * from './lib/view-toolkit.module';\r\n\r\nexport * from './lib/containers/card/card.component';\r\nexport * from './lib/containers/form/form.component';\r\nexport * from './lib/containers/grid/grid.component';\r\nexport * from './lib/containers/pagination/pagination.component';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "@yomotech/view-toolkit",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^21.1.0",
+    "@angular/core": "^21.1.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/yomotech-view-toolkit.mjs",
+  "typings": "types/yomotech-view-toolkit.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/yomotech-view-toolkit.d.ts",
+      "default": "./fesm2022/yomotech-view-toolkit.mjs"
+    }
+  }
+}

package/types/abdulahad-view-toolkit.d.ts

@@ -0,0 +1,33 @@
+import * as i0 from '@angular/core';
+import * as i1 from '@angular/common';
+
+declare class CardComponent {
+    private _cards;
+    set cards(value: any[] | null | undefined);
+    get cards(): any[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "vt-card", never, { "cards": { "alias": "cards"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class FormComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormComponent, "vt-form", never, {}, {}, never, never, true, never>;
+}
+
+declare class GridComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GridComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GridComponent, "vt-grid", never, {}, {}, never, never, true, never>;
+}
+
+declare class PaginationComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaginationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaginationComponent, "vt-pagination", never, {}, {}, never, never, true, never>;
+}
+
+declare class ViewToolkitModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ViewToolkitModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ViewToolkitModule, never, [typeof i1.CommonModule, typeof CardComponent, typeof FormComponent, typeof GridComponent, typeof PaginationComponent], [typeof CardComponent, typeof FormComponent, typeof GridComponent, typeof PaginationComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ViewToolkitModule>;
+}
+
+export { CardComponent, FormComponent, GridComponent, PaginationComponent, ViewToolkitModule };

package/types/abdulahad061-view-toolkit.d.ts

@@ -0,0 +1,33 @@
+import * as i0 from '@angular/core';
+import * as i1 from '@angular/common';
+
+declare class CardComponent {
+    private _cards;
+    set cards(value: any[] | null | undefined);
+    get cards(): any[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "vt-card", never, { "cards": { "alias": "cards"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class FormComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormComponent, "vt-form", never, {}, {}, never, never, true, never>;
+}
+
+declare class GridComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GridComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GridComponent, "vt-grid", never, {}, {}, never, never, true, never>;
+}
+
+declare class PaginationComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaginationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaginationComponent, "vt-pagination", never, {}, {}, never, never, true, never>;
+}
+
+declare class ViewToolkitModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ViewToolkitModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ViewToolkitModule, never, [typeof i1.CommonModule, typeof CardComponent, typeof FormComponent, typeof GridComponent, typeof PaginationComponent], [typeof CardComponent, typeof FormComponent, typeof GridComponent, typeof PaginationComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ViewToolkitModule>;
+}
+
+export { CardComponent, FormComponent, GridComponent, PaginationComponent, ViewToolkitModule };

package/types/yomotech-view-toolkit.d.ts

@@ -0,0 +1,30 @@
+import * as i0 from '@angular/core';
+import * as i1 from '@angular/common';
+
+declare class CardComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "vt-card", never, {}, {}, never, never, true, never>;
+}
+
+declare class FormComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormComponent, "vt-form", never, {}, {}, never, never, true, never>;
+}
+
+declare class GridComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GridComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GridComponent, "vt-grid", never, {}, {}, never, never, true, never>;
+}
+
+declare class PaginationComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaginationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaginationComponent, "vt-pagination", never, {}, {}, never, never, true, never>;
+}
+
+declare class ViewToolkitModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ViewToolkitModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ViewToolkitModule, never, [typeof i1.CommonModule, typeof CardComponent, typeof FormComponent, typeof GridComponent, typeof PaginationComponent], [typeof CardComponent, typeof FormComponent, typeof GridComponent, typeof PaginationComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ViewToolkitModule>;
+}
+
+export { CardComponent, FormComponent, GridComponent, PaginationComponent, ViewToolkitModule };