@ng-vagabond-lab/ng-dsv 0.0.26 → 0.0.27

package/ds/form/form/base/base.form.component.d.ts

@@ -0,0 +1,13 @@
+import { FormBuilder, FormGroup } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare abstract class BaseFormComponent {
+    protected readonly formBuilder: FormBuilder;
+    protected form: FormGroup;
+    constructor(formBuilder: FormBuilder);
+    ngOnInit(): void;
+    ngOnCheck(): void;
+    abstract afterInit(): void;
+    onSubmit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaseFormComponent, "ng-component", never, {}, {}, never, never, true, never>;
+}

package/ds/form/form/component/form.component.d.ts

@@ -0,0 +1,9 @@
+import { FormGroup } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class FormComponent {
+    form: FormGroup;
+    constructor();
+    onSubmit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormComponent, "app-form", never, { "form": { "alias": "form"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/ds/form/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@ng-vagabond-lab/ng-dsv/ds/form" />
+export * from './public-api';

package/ds/form/input/component/form.input.component.d.ts

@@ -0,0 +1,12 @@
+import { Signal } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class FormInputComponent {
+    form: FormGroup;
+    field: string;
+    withLabel: boolean;
+    onSend: Signal<() => void>;
+    onEnter(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormInputComponent, "form-input", never, { "form": { "alias": "form"; "required": false; }; "field": { "alias": "field"; "required": false; }; "withLabel": { "alias": "withLabel"; "required": false; }; "onSend": { "alias": "onSend"; "required": true; }; }, {}, never, never, true, never>;
+}

package/ds/form/public-api.d.ts

@@ -0,0 +1,4 @@
+export * from './form/base/base.form.component';
+export * from './form/component/form.component';
+export * from './input/component/form.input.component';
+export * from './searchbar/component/searchbar.component';

package/ds/form/searchbar/component/searchbar.component.d.ts

@@ -0,0 +1,11 @@
+import { Signal } from '@angular/core';
+import { BaseFormComponent } from '../../public-api';
+import * as i0 from "@angular/core";
+export declare class SearchbarComponent extends BaseFormComponent {
+    search: string;
+    onSearch: Signal<(search: string) => void>;
+    afterInit(): void;
+    onTap: import("@angular/core").WritableSignal<() => void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SearchbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SearchbarComponent, "form-searchbar", never, { "search": { "alias": "search"; "required": false; }; "onSearch": { "alias": "onSearch"; "required": true; }; }, {}, never, never, true, never>;
+}

package/fesm2022/ng-vagabond-lab-ng-dsv-ds-form.mjs

@@ -0,0 +1,105 @@
+import * as i0 from '@angular/core';
+import { Component, Input, signal } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+
+class BaseFormComponent {
+    formBuilder;
+    form;
+    constructor(formBuilder) {
+        this.formBuilder = formBuilder;
+    }
+    ngOnInit() {
+        this.afterInit();
+    }
+    ngOnCheck() {
+        this.afterInit();
+    }
+    onSubmit() {
+        if (this.form.valid) {
+            console.log('Formulaire envoyé !', this.form.value);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: BaseFormComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: BaseFormComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: '', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: BaseFormComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: '',
+                }]
+        }], ctorParameters: () => [{ type: i1.FormBuilder }] });
+
+class FormComponent {
+    form;
+    constructor() { }
+    onSubmit() {
+        if (this.form.valid) {
+            console.log('Formulaire envoyé !', this.form.value);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: FormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: FormComponent, isStandalone: true, selector: "app-form", inputs: { form: "form" }, ngImport: i0, template: "<form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\" class=\"form-container\">\n  <ng-content></ng-content>\n</form>\n", styles: [":host{width:100%;height:100%}:host form{flex-direction:column;display:block;margin-top:0;unicode-bidi:isolate}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: FormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-form', imports: [ReactiveFormsModule], standalone: true, template: "<form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\" class=\"form-container\">\n  <ng-content></ng-content>\n</form>\n", styles: [":host{width:100%;height:100%}:host form{flex-direction:column;display:block;margin-top:0;unicode-bidi:isolate}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { form: [{
+                type: Input
+            }] } });
+
+class FormInputComponent {
+    form;
+    field;
+    withLabel = true;
+    onSend;
+    onEnter() {
+        this.onSend()();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: FormInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: FormInputComponent, isStandalone: true, selector: "form-input", inputs: { form: "form", field: "field", withLabel: "withLabel", onSend: "onSend" }, ngImport: i0, template: "<div [formGroup]=\"form\">\n  @if(withLabel) {\n  <label [for]=\"field\">{{ field }}</label>\n  }\n  <input\n    type=\"text\"\n    [formControlName]=\"field\"\n    class=\"form-control\"\n    [id]=\"field\"\n    (keydown.enter)=\"onEnter()\"\n  />\n  <i class=\"icon ri-search-line\"></i>\n</div>\n", styles: [":host>div{display:flex;flex-direction:column;position:relative}:host>div label{display:inline-block;margin-bottom:.5rem}:host>div .form-control{display:block;width:calc(100% - 1.5rem);height:calc(1rem + 2px);padding:.5rem;padding-left:25px;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}:host>div i{position:absolute;z-index:1000;color:#000;top:10px;left:5px}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: FormInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'form-input', imports: [ReactiveFormsModule], standalone: true, template: "<div [formGroup]=\"form\">\n  @if(withLabel) {\n  <label [for]=\"field\">{{ field }}</label>\n  }\n  <input\n    type=\"text\"\n    [formControlName]=\"field\"\n    class=\"form-control\"\n    [id]=\"field\"\n    (keydown.enter)=\"onEnter()\"\n  />\n  <i class=\"icon ri-search-line\"></i>\n</div>\n", styles: [":host>div{display:flex;flex-direction:column;position:relative}:host>div label{display:inline-block;margin-bottom:.5rem}:host>div .form-control{display:block;width:calc(100% - 1.5rem);height:calc(1rem + 2px);padding:.5rem;padding-left:25px;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}:host>div i{position:absolute;z-index:1000;color:#000;top:10px;left:5px}\n"] }]
+        }], propDecorators: { form: [{
+                type: Input
+            }], field: [{
+                type: Input
+            }], withLabel: [{
+                type: Input
+            }], onSend: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
+class SearchbarComponent extends BaseFormComponent {
+    search = '';
+    onSearch;
+    afterInit() {
+        this.form = this.formBuilder.group({
+            search: [this.search],
+        });
+    }
+    onTap = signal(() => {
+        this.onSearch()(this.form.value.search);
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: SearchbarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: SearchbarComponent, isStandalone: true, selector: "form-searchbar", inputs: { search: "search", onSearch: "onSearch" }, usesInheritance: true, ngImport: i0, template: "<app-form [form]=\"form\">\n  <form-input\n    [form]=\"form\"\n    field=\"search\"\n    [withLabel]=\"false\"\n    [onSend]=\"onTap\"\n  ></form-input>\n</app-form>\n", dependencies: [{ kind: "component", type: FormComponent, selector: "app-form", inputs: ["form"] }, { kind: "component", type: FormInputComponent, selector: "form-input", inputs: ["form", "field", "withLabel", "onSend"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: SearchbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'form-searchbar', imports: [FormComponent, FormInputComponent], standalone: true, template: "<app-form [form]=\"form\">\n  <form-input\n    [form]=\"form\"\n    field=\"search\"\n    [withLabel]=\"false\"\n    [onSend]=\"onTap\"\n  ></form-input>\n</app-form>\n" }]
+        }], propDecorators: { search: [{
+                type: Input
+            }], onSearch: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BaseFormComponent, FormComponent, FormInputComponent, SearchbarComponent };
+//# sourceMappingURL=ng-vagabond-lab-ng-dsv-ds-form.mjs.map

package/fesm2022/ng-vagabond-lab-ng-dsv-ds-form.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-vagabond-lab-ng-dsv-ds-form.mjs","sources":["../../../projects/ng-dsv/ds/form/form/base/base.form.component.ts","../../../projects/ng-dsv/ds/form/form/component/form.component.ts","../../../projects/ng-dsv/ds/form/form/component/form.component.html","../../../projects/ng-dsv/ds/form/input/component/form.input.component.ts","../../../projects/ng-dsv/ds/form/input/component/form.input.component.html","../../../projects/ng-dsv/ds/form/searchbar/component/searchbar.component.ts","../../../projects/ng-dsv/ds/form/searchbar/component/searchbar.component.html","../../../projects/ng-dsv/ds/form/ng-vagabond-lab-ng-dsv-ds-form.ts"],"sourcesContent":["import { Component } from '@angular/core';\nimport { FormBuilder, FormGroup } from '@angular/forms';\n\n@Component({\n  template: '',\n})\nexport abstract class BaseFormComponent {\n  protected form!: FormGroup;\n\n  constructor(protected readonly formBuilder: FormBuilder) {}\n\n  ngOnInit() {\n    this.afterInit();\n  }\n\n  ngOnCheck() {\n    this.afterInit();\n  }\n\n  abstract afterInit(): void;\n\n  onSubmit() {\n    if (this.form.valid) {\n      console.log('Formulaire envoyé !', this.form.value);\n    }\n  }\n}\n","import { Component, Input } from '@angular/core';\nimport { FormGroup, ReactiveFormsModule } from '@angular/forms';\n\n@Component({\n  selector: 'app-form',\n  imports: [ReactiveFormsModule],\n  standalone: true,\n  templateUrl: './form.component.html',\n  styleUrl: './form.component.scss',\n})\nexport class FormComponent {\n  @Input()\n  form!: FormGroup;\n\n  constructor() {}\n\n  onSubmit() {\n    if (this.form.valid) {\n      console.log('Formulaire envoyé !', this.form.value);\n    }\n  }\n}\n","<form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\" class=\"form-container\">\n  <ng-content></ng-content>\n</form>\n","import { Component, Input, Signal } from '@angular/core';\nimport { FormGroup, ReactiveFormsModule } from '@angular/forms';\n\n@Component({\n  selector: 'form-input',\n  imports: [ReactiveFormsModule],\n  standalone: true,\n  templateUrl: './form.input.component.html',\n  styleUrl: './form.input.component.scss',\n})\nexport class FormInputComponent {\n  @Input()\n  form!: FormGroup;\n  @Input()\n  field!: string;\n  @Input()\n  withLabel: boolean = true;\n\n  @Input({ required: true }) onSend!: Signal<() => void>;\n\n  onEnter() {\n    this.onSend()();\n  }\n}\n","<div [formGroup]=\"form\">\n  @if(withLabel) {\n  <label [for]=\"field\">{{ field }}</label>\n  }\n  <input\n    type=\"text\"\n    [formControlName]=\"field\"\n    class=\"form-control\"\n    [id]=\"field\"\n    (keydown.enter)=\"onEnter()\"\n  />\n  <i class=\"icon ri-search-line\"></i>\n</div>\n","import { Component, Input, Signal, signal } from '@angular/core';\nimport {\n  BaseFormComponent,\n  FormComponent,\n  FormInputComponent,\n} from '../../public-api';\n\n@Component({\n  selector: 'form-searchbar',\n  imports: [FormComponent, FormInputComponent],\n  standalone: true,\n  templateUrl: './searchbar.component.html',\n})\nexport class SearchbarComponent extends BaseFormComponent {\n  @Input()\n  search: string = '';\n  @Input({ required: true })\n  onSearch!: Signal<(search: string) => void>;\n\n  afterInit() {\n    this.form = this.formBuilder.group({\n      search: [this.search],\n    });\n  }\n\n  onTap = signal(() => {\n    this.onSearch()(this.form.value.search);\n  });\n}\n","<app-form [form]=\"form\">\n  <form-input\n    [form]=\"form\"\n    field=\"search\"\n    [withLabel]=\"false\"\n    [onSend]=\"onTap\"\n  ></form-input>\n</app-form>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-vagabond-lab-ng-dsv-ds-theme.mjs

@@ -29,11 +29,11 @@ class DsvThemeComponent {
         this.error = this.theme.error ?? '#da1709';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: DsvThemeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: DsvThemeComponent, isStandalone: true, selector: "dsv-theme", inputs: { theme: "theme" }, host: { properties: { "style.--background": "this.background", "style.--background-dark": "this.backgroundDark", "style.--text": "this.text", "style.--text-dark": "this.textDark", "style.--primary": "this.primary", "style.--secondary": "this.secondary", "style.--success": "this.success", "style.--info": "this.info", "style.--warning": "this.warning", "style.--error": "this.error" } }, ngImport: i0, template: "<ng-content></ng-content>\n<div id=\"collapse\"></div>", styles: [":host{--white: #fff;--black: #000;--background: var(--background);--background-dark: var(--background-dark);--text: var(--text);--text-dark: var(--text-dark);--primary: var(--primary);--primary: var(--secondary);--success: var(--success);--info: var(--info);--warning: var(--warning);--error: var(--error);display:flex;flex:1;font-size:1rem!important;flex-direction:column;overflow:hidden;background-color:var(--background);color:var(--text)}:host #collapse{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1200;background-color:#0009}:host #collapse.show{display:inline}::ng-deep .dark dsv-theme{background-color:var(--black);color:var(--text-dark)}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: DsvThemeComponent, isStandalone: true, selector: "dsv-theme", inputs: { theme: "theme" }, host: { properties: { "style.--background": "this.background", "style.--background-dark": "this.backgroundDark", "style.--text": "this.text", "style.--text-dark": "this.textDark", "style.--primary": "this.primary", "style.--secondary": "this.secondary", "style.--success": "this.success", "style.--info": "this.info", "style.--warning": "this.warning", "style.--error": "this.error" } }, ngImport: i0, template: "<ng-content></ng-content>\n<div id=\"collapse\"></div>", styles: [":host{--white: #fff;--black: #000;--background: var(--background);--background-dark: var(--background-dark);--text: var(--text);--text-dark: var(--text-dark);--primary: var(--primary);--secondary: var(--secondary);--success: var(--success);--info: var(--info);--warning: var(--warning);--error: var(--error);display:flex;flex:1;font-size:1rem!important;flex-direction:column;overflow:hidden;background-color:var(--background);color:var(--text)}:host #collapse{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1200;background-color:#0009}:host #collapse.show{display:inline}::ng-deep .dark dsv-theme{background-color:var(--black);color:var(--text-dark)}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: DsvThemeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dsv-theme', standalone: true, imports: [], template: "<ng-content></ng-content>\n<div id=\"collapse\"></div>", styles: [":host{--white: #fff;--black: #000;--background: var(--background);--background-dark: var(--background-dark);--text: var(--text);--text-dark: var(--text-dark);--primary: var(--primary);--primary: var(--secondary);--success: var(--success);--info: var(--info);--warning: var(--warning);--error: var(--error);display:flex;flex:1;font-size:1rem!important;flex-direction:column;overflow:hidden;background-color:var(--background);color:var(--text)}:host #collapse{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1200;background-color:#0009}:host #collapse.show{display:inline}::ng-deep .dark dsv-theme{background-color:var(--black);color:var(--text-dark)}\n"] }]
+            args: [{ selector: 'dsv-theme', standalone: true, imports: [], template: "<ng-content></ng-content>\n<div id=\"collapse\"></div>", styles: [":host{--white: #fff;--black: #000;--background: var(--background);--background-dark: var(--background-dark);--text: var(--text);--text-dark: var(--text-dark);--primary: var(--primary);--secondary: var(--secondary);--success: var(--success);--info: var(--info);--warning: var(--warning);--error: var(--error);display:flex;flex:1;font-size:1rem!important;flex-direction:column;overflow:hidden;background-color:var(--background);color:var(--text)}:host #collapse{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1200;background-color:#0009}:host #collapse.show{display:inline}::ng-deep .dark dsv-theme{background-color:var(--black);color:var(--text-dark)}\n"] }]
         }], propDecorators: { theme: [{
                 type: Input
             }], background: [{

package/fesm2022/ng-vagabond-lab-ng-dsv-ds-theme.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-vagabond-lab-ng-dsv-ds-theme.mjs","sources":["../../../projects/ng-dsv/ds/theme/component/dsv.theme.component.ts","../../../projects/ng-dsv/ds/theme/component/dsv.theme.component.html","../../../projects/ng-dsv/ds/theme/component/switch/dsv.theme.switch.component.ts","../../../projects/ng-dsv/ds/theme/component/switch/dsv.theme.switch.component.html","../../../projects/ng-dsv/ds/theme/service/dsv.theme.service.ts","../../../projects/ng-dsv/ds/theme/ng-vagabond-lab-ng-dsv-ds-theme.ts"],"sourcesContent":["import { Component, HostBinding, Input } from '@angular/core';\n\nexport type ThemeType = {\n  background?: string;\n  backgroundDark?: string;\n  text?: string;\n  textDark?: string;\n  primary?: string;\n  secondary?: string;\n  success?: string;\n  info?: string;\n  warning?: string;\n  error?: string;\n};\n\n@Component({\n  selector: 'dsv-theme',\n  standalone: true,\n  imports: [],\n  templateUrl: './dsv.theme.component.html',\n  styleUrls: ['./dsv.theme.component.scss'],\n})\nexport class DsvThemeComponent {\n  @Input()\n  theme: ThemeType = {};\n\n  @HostBinding('style.--background')\n  background!: string;\n\n  @HostBinding('style.--background-dark')\n  backgroundDark!: string;\n\n  @HostBinding('style.--text')\n  text!: string;\n\n  @HostBinding('style.--text-dark')\n  textDark!: string;\n\n  @HostBinding('style.--primary')\n  primary!: string;\n\n  @HostBinding('style.--secondary')\n  secondary!: string;\n\n  @HostBinding('style.--success')\n  success!: string;\n\n  @HostBinding('style.--info')\n  info!: string;\n\n  @HostBinding('style.--warning')\n  warning!: string;\n\n  @HostBinding('style.--error')\n  error!: string;\n\n  ngOnInit() {\n    this.background = this.theme.background ?? '#dcdcdc';\n    this.backgroundDark = this.theme.backgroundDark ?? '#1f1f1f';\n    this.text = this.theme.text ?? '#000';\n    this.textDark = this.theme.textDark ?? '#fff';\n    this.primary = this.theme.primary ?? '#AAA';\n    this.secondary = this.theme.secondary ?? '#AAA';\n    this.success = this.theme.success ?? '#439746';\n    this.info = this.theme.info ?? '#1b78c4';\n    this.warning = this.theme.warning ?? '#dca603';\n    this.error = this.theme.error ?? '#da1709';\n  }\n}\n","<ng-content></ng-content>\n<div id=\"collapse\"></div>","import { CommonModule } from '@angular/common';\nimport { Component } from '@angular/core';\nimport { DsvButtonComponent } from '@ng-vagabond-lab/ng-dsv/ds/button';\nimport { ThemeService } from '../../public-api';\n\nexport type Theme = {\n  primary: string;\n  text: string;\n};\n\n@Component({\n  selector: 'dsv-theme-switch',\n  standalone: true,\n  imports: [CommonModule, DsvButtonComponent],\n  templateUrl: `./dsv.theme.switch.component.html`,\n})\nexport class DsvThemeSwitchComponent {\n  constructor(private readonly themeService: ThemeService) {}\n\n  switchTheme() {\n    this.themeService.switchTheme();\n  }\n\n  isLightMode() {\n    return this.themeService.themeMode() === 'light';\n  }\n}\n","<dsv-button\n  width=\"large\"\n  color=\"inherit\"\n  size=\"medium\"\n  (callback)=\"switchTheme()\"\n  [icon]=\"isLightMode() ? 'ri-contrast-2-line' : 'ri-contrast-2-fill'\"\n>\n</dsv-button>\n","import { inject, Injectable, signal, WritableSignal } from '@angular/core';\nimport { StorageService } from '@ng-vagabond-lab/ng-dsv/storage';\n\nexport type ThemeMode = 'dark' | 'light';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class ThemeService {\n  storageService: StorageService = inject(StorageService);\n\n  themeMode: WritableSignal<ThemeMode> = signal(\n    (this.storageService.getItem('theme') as ThemeMode) ?? 'light'\n  );\n\n  constructor() {\n    if (this.storageService.isPlatformBrowser()) {\n      let html = document.getElementsByTagName('body')[0];\n      html.classList.add(this.themeMode());\n    }\n  }\n\n  switchTheme() {\n    if (this.storageService.isPlatformBrowser()) {\n      let html = document.getElementsByTagName('body')[0];\n      html.classList.remove(this.themeMode());\n\n      let newMode: ThemeMode = this.themeMode() === 'dark' ? 'light' : 'dark';\n      this.themeMode.set(newMode);\n      this.storageService.setItem('theme', newMode);\n      html.classList.add(newMode);\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.ThemeService"],"mappings":"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"}
+{"version":3,"file":"ng-vagabond-lab-ng-dsv-ds-theme.mjs","sources":["../../../projects/ng-dsv/ds/theme/component/dsv.theme.component.ts","../../../projects/ng-dsv/ds/theme/component/dsv.theme.component.html","../../../projects/ng-dsv/ds/theme/component/switch/dsv.theme.switch.component.ts","../../../projects/ng-dsv/ds/theme/component/switch/dsv.theme.switch.component.html","../../../projects/ng-dsv/ds/theme/service/dsv.theme.service.ts","../../../projects/ng-dsv/ds/theme/ng-vagabond-lab-ng-dsv-ds-theme.ts"],"sourcesContent":["import { Component, HostBinding, Input } from '@angular/core';\n\nexport type ThemeType = {\n  background?: string;\n  backgroundDark?: string;\n  text?: string;\n  textDark?: string;\n  primary?: string;\n  secondary?: string;\n  success?: string;\n  info?: string;\n  warning?: string;\n  error?: string;\n};\n\n@Component({\n  selector: 'dsv-theme',\n  standalone: true,\n  imports: [],\n  templateUrl: './dsv.theme.component.html',\n  styleUrls: ['./dsv.theme.component.scss'],\n})\nexport class DsvThemeComponent {\n  @Input()\n  theme: ThemeType = {};\n\n  @HostBinding('style.--background')\n  background!: string;\n\n  @HostBinding('style.--background-dark')\n  backgroundDark!: string;\n\n  @HostBinding('style.--text')\n  text!: string;\n\n  @HostBinding('style.--text-dark')\n  textDark!: string;\n\n  @HostBinding('style.--primary')\n  primary!: string;\n\n  @HostBinding('style.--secondary')\n  secondary!: string;\n\n  @HostBinding('style.--success')\n  success!: string;\n\n  @HostBinding('style.--info')\n  info!: string;\n\n  @HostBinding('style.--warning')\n  warning!: string;\n\n  @HostBinding('style.--error')\n  error!: string;\n\n  ngOnInit() {\n    this.background = this.theme.background ?? '#dcdcdc';\n    this.backgroundDark = this.theme.backgroundDark ?? '#1f1f1f';\n    this.text = this.theme.text ?? '#000';\n    this.textDark = this.theme.textDark ?? '#fff';\n    this.primary = this.theme.primary ?? '#AAA';\n    this.secondary = this.theme.secondary ?? '#AAA';\n    this.success = this.theme.success ?? '#439746';\n    this.info = this.theme.info ?? '#1b78c4';\n    this.warning = this.theme.warning ?? '#dca603';\n    this.error = this.theme.error ?? '#da1709';\n  }\n}\n","<ng-content></ng-content>\n<div id=\"collapse\"></div>","import { CommonModule } from '@angular/common';\nimport { Component } from '@angular/core';\nimport { DsvButtonComponent } from '@ng-vagabond-lab/ng-dsv/ds/button';\nimport { ThemeService } from '../../public-api';\n\nexport type Theme = {\n  primary: string;\n  text: string;\n};\n\n@Component({\n  selector: 'dsv-theme-switch',\n  standalone: true,\n  imports: [CommonModule, DsvButtonComponent],\n  templateUrl: `./dsv.theme.switch.component.html`,\n})\nexport class DsvThemeSwitchComponent {\n  constructor(private readonly themeService: ThemeService) {}\n\n  switchTheme() {\n    this.themeService.switchTheme();\n  }\n\n  isLightMode() {\n    return this.themeService.themeMode() === 'light';\n  }\n}\n","<dsv-button\n  width=\"large\"\n  color=\"inherit\"\n  size=\"medium\"\n  (callback)=\"switchTheme()\"\n  [icon]=\"isLightMode() ? 'ri-contrast-2-line' : 'ri-contrast-2-fill'\"\n>\n</dsv-button>\n","import { inject, Injectable, signal, WritableSignal } from '@angular/core';\nimport { StorageService } from '@ng-vagabond-lab/ng-dsv/storage';\n\nexport type ThemeMode = 'dark' | 'light';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class ThemeService {\n  storageService: StorageService = inject(StorageService);\n\n  themeMode: WritableSignal<ThemeMode> = signal(\n    (this.storageService.getItem('theme') as ThemeMode) ?? 'light'\n  );\n\n  constructor() {\n    if (this.storageService.isPlatformBrowser()) {\n      let html = document.getElementsByTagName('body')[0];\n      html.classList.add(this.themeMode());\n    }\n  }\n\n  switchTheme() {\n    if (this.storageService.isPlatformBrowser()) {\n      let html = document.getElementsByTagName('body')[0];\n      html.classList.remove(this.themeMode());\n\n      let newMode: ThemeMode = this.themeMode() === 'dark' ? 'light' : 'dark';\n      this.themeMode.set(newMode);\n      this.storageService.setItem('theme', newMode);\n      html.classList.add(newMode);\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.ThemeService"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-vagabond-lab/ng-dsv",
-  "version": "0.0.26",
+  "version": "0.0.27",
   "peerDependencies": {
     "@angular/common": "^19.1.7",
     "@angular/core": "^19.1.7"
@@ -67,6 +67,10 @@
       "types": "./ds/container/index.d.ts",
       "default": "./fesm2022/ng-vagabond-lab-ng-dsv-ds-container.mjs"
     },
+    "./ds/form": {
+      "types": "./ds/form/index.d.ts",
+      "default": "./fesm2022/ng-vagabond-lab-ng-dsv-ds-form.mjs"
+    },
     "./ds/header": {
       "types": "./ds/header/index.d.ts",
       "default": "./fesm2022/ng-vagabond-lab-ng-dsv-ds-header.mjs"