suis 0.2.0 → 0.3.0

package/README.md

@@ -1,4 +1,8 @@
-# SUIS (Standalone UI + Signals) Angular 16+ Component Library
+# SUIS - The Angular 16+ component library
+
+## What is SUIS ?
+
+Modern UI component library. Supports Angular in version 16 and uses its latest features as Standalone components and Signals. Hence the idea for the name comes from (SUIS - Standalone UI + Signals).
 
 ## Components
 
@@ -6,3 +10,4 @@
 |---|---|---|---|
 | Box | SuisBox  | suis-box | 0.1.0 |
 | Label | SuisLabel | suis-label | 0.2.0 |
+| FormField | SuisFormField | suis-form-field | 0.3.0 |

package/esm2022/lib/components/index.mjs

@@ -1,3 +1,4 @@
 export * from './suis-box';
+export * from './suis-form-field';
 export * from './suis-label';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsWUFBWSxDQUFDO0FBQzNCLGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zdWlzLWJveCc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtbGFiZWwnO1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsWUFBWSxDQUFDO0FBQzNCLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3N1aXMtYm94JztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1mb3JtLWZpZWxkJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1sYWJlbCc7XG4iXX0=

package/esm2022/lib/components/suis-form-field/index.mjs

@@ -0,0 +1,2 @@
+export * from './suis-form-field.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtZm9ybS1maWVsZC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDZCQUE2QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zdWlzLWZvcm0tZmllbGQuY29tcG9uZW50JztcbiJdfQ==

package/esm2022/lib/components/suis-form-field/suis-form-field.component.mjs

@@ -0,0 +1,24 @@
+import { ChangeDetectionStrategy, Component, Input, TemplateRef, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+class SuisFormFieldComponent {
+    constructor() {
+        /**
+         * Adds a bottom margin below the field. By default set to false.
+         */
+        this.spacing = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisFormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisFormFieldComponent, isStandalone: true, selector: "suis-form-field", inputs: { errorTemplate: "errorTemplate", spacing: "spacing" }, ngImport: i0, template: "<div class=\"suis-form-field\" [class.suis-form-field--spacing]=\"spacing\">\n  <ng-content></ng-content>\n  <div *ngIf=\"errorTemplate\" class=\"suis-form-field__error\">\n    <ng-container [ngTemplateOutlet]=\"errorTemplate\"></ng-container>\n  </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}.suis-form-field{width:100%}.suis-form-field__error{color:#ff4757;margin-top:.25rem;font-size:.75rem}.suis-form-field--spacing{margin-bottom:.75rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+export { SuisFormFieldComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisFormFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'suis-form-field', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"suis-form-field\" [class.suis-form-field--spacing]=\"spacing\">\n  <ng-content></ng-content>\n  <div *ngIf=\"errorTemplate\" class=\"suis-form-field__error\">\n    <ng-container [ngTemplateOutlet]=\"errorTemplate\"></ng-container>\n  </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}.suis-form-field{width:100%}.suis-form-field__error{color:#ff4757;margin-top:.25rem;font-size:.75rem}.suis-form-field--spacing{margin-bottom:.75rem}\n"] }]
+        }], propDecorators: { errorTemplate: [{
+                type: Input
+            }], spacing: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1mb3JtLWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NvbXBvbmVudHMvc3Vpcy1mb3JtLWZpZWxkL3N1aXMtZm9ybS1maWVsZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtZm9ybS1maWVsZC9zdWlzLWZvcm0tZmllbGQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsS0FBSyxFQUNMLFdBQVcsR0FDWixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7OztBQUUvQyxNQVFhLHNCQUFzQjtJQVJuQztRQWNFOztXQUVHO1FBQ00sWUFBTyxHQUFZLEtBQUssQ0FBQztLQUNuQzs4R0FWWSxzQkFBc0I7a0dBQXRCLHNCQUFzQiwySUNoQm5DLHlRQU1BLDBQREtZLFlBQVk7O1NBS1gsc0JBQXNCOzJGQUF0QixzQkFBc0I7a0JBUmxDLFNBQVM7K0JBQ0UsaUJBQWlCLGNBQ2YsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLG1CQUdOLHVCQUF1QixDQUFDLE1BQU07OEJBTXRDLGFBQWE7c0JBQXJCLEtBQUs7Z0JBS0csT0FBTztzQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIFRlbXBsYXRlUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtZm9ybS1maWVsZCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Vpcy1mb3JtLWZpZWxkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Vpcy1mb3JtLWZpZWxkLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzRm9ybUZpZWxkQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIFRlbXBsYXRlIHRvIGJlIGFkZGVkIGJlbG93IHRoZSBmaWVsZCB3aXRoIGVycm9yIG1lc3NhZ2UuXG4gICAqL1xuICBASW5wdXQoKSBlcnJvclRlbXBsYXRlPzogVGVtcGxhdGVSZWY8SFRNTEVsZW1lbnQ+O1xuXG4gIC8qKlxuICAgKiBBZGRzIGEgYm90dG9tIG1hcmdpbiBiZWxvdyB0aGUgZmllbGQuIEJ5IGRlZmF1bHQgc2V0IHRvIGZhbHNlLlxuICAgKi9cbiAgQElucHV0KCkgc3BhY2luZzogYm9vbGVhbiA9IGZhbHNlO1xufVxuIiwiPGRpdiBjbGFzcz1cInN1aXMtZm9ybS1maWVsZFwiIFtjbGFzcy5zdWlzLWZvcm0tZmllbGQtLXNwYWNpbmddPVwic3BhY2luZ1wiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDxkaXYgKm5nSWY9XCJlcnJvclRlbXBsYXRlXCIgY2xhc3M9XCJzdWlzLWZvcm0tZmllbGRfX2Vycm9yXCI+XG4gICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJlcnJvclRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/components/suis-label/suis-label.component.mjs

@@ -4,28 +4,25 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 class SuisLabelComponent {
     constructor() {
-        /**
-         * Adds a bottom margin below the label. By default set to true.
-         */
-        this.spacing = true;
         /**
          * Adds a red colored asterisk after the label. By default set to false.
          */
         this.required = false;
+        /**
+         * Adds a bottom margin below the label. By default set to false.
+         */
+        this.spacing = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisLabelComponent, isStandalone: true, selector: "suis-label", inputs: { label: "label", spacing: "spacing", required: "required" }, ngImport: i0, template: "<label class=\"suis-label\" [class.suis-label--spacing]=\"spacing\">\n  <span>{{ label }}</span>\n  <span *ngIf=\"required\" class=\"suis-label__asterisk\">*</span>\n</label>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}.suis-label{font-size:.875rem;display:block}.suis-label--spacing{margin-bottom:.25rem}.suis-label__asterisk{color:#ff4757;margin-left:.0625rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisLabelComponent, isStandalone: true, selector: "suis-label", inputs: { required: "required", spacing: "spacing" }, ngImport: i0, template: "<label class=\"suis-label\" [class.suis-label--spacing]=\"spacing\">\n  <ng-content></ng-content>\n  <span *ngIf=\"required\" class=\"suis-label__asterisk\">*</span>\n  <ng-content select=\"[suisLabelAside]\"></ng-content>\n</label>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}.suis-label{font-size:.875rem;display:flex}.suis-label--spacing{margin-bottom:.25rem}.suis-label__asterisk{color:#ff4757;margin-left:.0625rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 export { SuisLabelComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisLabelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'suis-label', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<label class=\"suis-label\" [class.suis-label--spacing]=\"spacing\">\n  <span>{{ label }}</span>\n  <span *ngIf=\"required\" class=\"suis-label__asterisk\">*</span>\n</label>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}.suis-label{font-size:.875rem;display:block}.suis-label--spacing{margin-bottom:.25rem}.suis-label__asterisk{color:#ff4757;margin-left:.0625rem}\n"] }]
-        }], propDecorators: { label: [{
-                type: Input,
-                args: [{ required: true }]
-            }], spacing: [{
+            args: [{ selector: 'suis-label', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<label class=\"suis-label\" [class.suis-label--spacing]=\"spacing\">\n  <ng-content></ng-content>\n  <span *ngIf=\"required\" class=\"suis-label__asterisk\">*</span>\n  <ng-content select=\"[suisLabelAside]\"></ng-content>\n</label>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}.suis-label{font-size:.875rem;display:flex}.suis-label--spacing{margin-bottom:.25rem}.suis-label__asterisk{color:#ff4757;margin-left:.0625rem}\n"] }]
+        }], propDecorators: { required: [{
                 type: Input
-            }], required: [{
+            }], spacing: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1sYWJlbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtbGFiZWwvc3Vpcy1sYWJlbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtbGFiZWwvc3Vpcy1sYWJlbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7OztBQUUvQyxNQVFhLGtCQUFrQjtJQVIvQjtRQWNFOztXQUVHO1FBQ00sWUFBTyxHQUFZLElBQUksQ0FBQztRQUVqQzs7V0FFRztRQUNNLGFBQVEsR0FBWSxLQUFLLENBQUM7S0FDcEM7OEdBZlksa0JBQWtCO2tHQUFsQixrQkFBa0IsNElDWC9CLGtMQUlBLHFQREVZLFlBQVk7O1NBS1gsa0JBQWtCOzJGQUFsQixrQkFBa0I7a0JBUjlCLFNBQVM7K0JBQ0UsWUFBWSxjQUNWLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxtQkFHTix1QkFBdUIsQ0FBQyxNQUFNOzhCQU1wQixLQUFLO3NCQUEvQixLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFLaEIsT0FBTztzQkFBZixLQUFLO2dCQUtHLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3Vpcy1sYWJlbCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Vpcy1sYWJlbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtbGFiZWwuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNMYWJlbENvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBUZXh0IGRpc3BsYXllZCBiZXR3ZWVuIGxhYmVsIHRhZ3MuIFJlcXVpcmVkIGlucHV0LlxuICAgKi9cbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgbGFiZWw/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIEFkZHMgYSBib3R0b20gbWFyZ2luIGJlbG93IHRoZSBsYWJlbC4gQnkgZGVmYXVsdCBzZXQgdG8gdHJ1ZS5cbiAgICovXG4gIEBJbnB1dCgpIHNwYWNpbmc6IGJvb2xlYW4gPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBBZGRzIGEgcmVkIGNvbG9yZWQgYXN0ZXJpc2sgYWZ0ZXIgdGhlIGxhYmVsLiBCeSBkZWZhdWx0IHNldCB0byBmYWxzZS5cbiAgICovXG4gIEBJbnB1dCgpIHJlcXVpcmVkOiBib29sZWFuID0gZmFsc2U7XG59XG4iLCI8bGFiZWwgY2xhc3M9XCJzdWlzLWxhYmVsXCIgW2NsYXNzLnN1aXMtbGFiZWwtLXNwYWNpbmddPVwic3BhY2luZ1wiPlxuICA8c3Bhbj57eyBsYWJlbCB9fTwvc3Bhbj5cbiAgPHNwYW4gKm5nSWY9XCJyZXF1aXJlZFwiIGNsYXNzPVwic3Vpcy1sYWJlbF9fYXN0ZXJpc2tcIj4qPC9zcGFuPlxuPC9sYWJlbD5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1sYWJlbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtbGFiZWwvc3Vpcy1sYWJlbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtbGFiZWwvc3Vpcy1sYWJlbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7OztBQUUvQyxNQVFhLGtCQUFrQjtJQVIvQjtRQVNFOztXQUVHO1FBQ00sYUFBUSxHQUFZLEtBQUssQ0FBQztRQUVuQzs7V0FFRztRQUNNLFlBQU8sR0FBWSxLQUFLLENBQUM7S0FDbkM7OEdBVlksa0JBQWtCO2tHQUFsQixrQkFBa0IsNEhDWC9CLDRPQUtBLG9QRENZLFlBQVk7O1NBS1gsa0JBQWtCOzJGQUFsQixrQkFBa0I7a0JBUjlCLFNBQVM7K0JBQ0UsWUFBWSxjQUNWLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxtQkFHTix1QkFBdUIsQ0FBQyxNQUFNOzhCQU10QyxRQUFRO3NCQUFoQixLQUFLO2dCQUtHLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWlzLWxhYmVsJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLWxhYmVsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Vpcy1sYWJlbC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc0xhYmVsQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIEFkZHMgYSByZWQgY29sb3JlZCBhc3RlcmlzayBhZnRlciB0aGUgbGFiZWwuIEJ5IGRlZmF1bHQgc2V0IHRvIGZhbHNlLlxuICAgKi9cbiAgQElucHV0KCkgcmVxdWlyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogQWRkcyBhIGJvdHRvbSBtYXJnaW4gYmVsb3cgdGhlIGxhYmVsLiBCeSBkZWZhdWx0IHNldCB0byBmYWxzZS5cbiAgICovXG4gIEBJbnB1dCgpIHNwYWNpbmc6IGJvb2xlYW4gPSBmYWxzZTtcbn1cbiIsIjxsYWJlbCBjbGFzcz1cInN1aXMtbGFiZWxcIiBbY2xhc3Muc3Vpcy1sYWJlbC0tc3BhY2luZ109XCJzcGFjaW5nXCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPHNwYW4gKm5nSWY9XCJyZXF1aXJlZFwiIGNsYXNzPVwic3Vpcy1sYWJlbF9fYXN0ZXJpc2tcIj4qPC9zcGFuPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJbc3Vpc0xhYmVsQXNpZGVdXCI+PC9uZy1jb250ZW50PlxuPC9sYWJlbD5cbiJdfQ==

package/fesm2022/suis.mjs

@@ -20,29 +20,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
                 type: Input
             }] } });
 
-class SuisLabelComponent {
+class SuisFormFieldComponent {
     constructor() {
         /**
-         * Adds a bottom margin below the label. By default set to true.
+         * Adds a bottom margin below the field. By default set to false.
          */
-        this.spacing = true;
+        this.spacing = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisFormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisFormFieldComponent, isStandalone: true, selector: "suis-form-field", inputs: { errorTemplate: "errorTemplate", spacing: "spacing" }, ngImport: i0, template: "<div class=\"suis-form-field\" [class.suis-form-field--spacing]=\"spacing\">\n  <ng-content></ng-content>\n  <div *ngIf=\"errorTemplate\" class=\"suis-form-field__error\">\n    <ng-container [ngTemplateOutlet]=\"errorTemplate\"></ng-container>\n  </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}.suis-form-field{width:100%}.suis-form-field__error{color:#ff4757;margin-top:.25rem;font-size:.75rem}.suis-form-field--spacing{margin-bottom:.75rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisFormFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'suis-form-field', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"suis-form-field\" [class.suis-form-field--spacing]=\"spacing\">\n  <ng-content></ng-content>\n  <div *ngIf=\"errorTemplate\" class=\"suis-form-field__error\">\n    <ng-container [ngTemplateOutlet]=\"errorTemplate\"></ng-container>\n  </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}.suis-form-field{width:100%}.suis-form-field__error{color:#ff4757;margin-top:.25rem;font-size:.75rem}.suis-form-field--spacing{margin-bottom:.75rem}\n"] }]
+        }], propDecorators: { errorTemplate: [{
+                type: Input
+            }], spacing: [{
+                type: Input
+            }] } });
+
+class SuisLabelComponent {
+    constructor() {
         /**
          * Adds a red colored asterisk after the label. By default set to false.
          */
         this.required = false;
+        /**
+         * Adds a bottom margin below the label. By default set to false.
+         */
+        this.spacing = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisLabelComponent, isStandalone: true, selector: "suis-label", inputs: { label: "label", spacing: "spacing", required: "required" }, ngImport: i0, template: "<label class=\"suis-label\" [class.suis-label--spacing]=\"spacing\">\n  <span>{{ label }}</span>\n  <span *ngIf=\"required\" class=\"suis-label__asterisk\">*</span>\n</label>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}.suis-label{font-size:.875rem;display:block}.suis-label--spacing{margin-bottom:.25rem}.suis-label__asterisk{color:#ff4757;margin-left:.0625rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisLabelComponent, isStandalone: true, selector: "suis-label", inputs: { required: "required", spacing: "spacing" }, ngImport: i0, template: "<label class=\"suis-label\" [class.suis-label--spacing]=\"spacing\">\n  <ng-content></ng-content>\n  <span *ngIf=\"required\" class=\"suis-label__asterisk\">*</span>\n  <ng-content select=\"[suisLabelAside]\"></ng-content>\n</label>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}.suis-label{font-size:.875rem;display:flex}.suis-label--spacing{margin-bottom:.25rem}.suis-label__asterisk{color:#ff4757;margin-left:.0625rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisLabelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'suis-label', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<label class=\"suis-label\" [class.suis-label--spacing]=\"spacing\">\n  <span>{{ label }}</span>\n  <span *ngIf=\"required\" class=\"suis-label__asterisk\">*</span>\n</label>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}.suis-label{font-size:.875rem;display:block}.suis-label--spacing{margin-bottom:.25rem}.suis-label__asterisk{color:#ff4757;margin-left:.0625rem}\n"] }]
-        }], propDecorators: { label: [{
-                type: Input,
-                args: [{ required: true }]
-            }], spacing: [{
+            args: [{ selector: 'suis-label', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<label class=\"suis-label\" [class.suis-label--spacing]=\"spacing\">\n  <ng-content></ng-content>\n  <span *ngIf=\"required\" class=\"suis-label__asterisk\">*</span>\n  <ng-content select=\"[suisLabelAside]\"></ng-content>\n</label>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}.suis-label{font-size:.875rem;display:flex}.suis-label--spacing{margin-bottom:.25rem}.suis-label__asterisk{color:#ff4757;margin-left:.0625rem}\n"] }]
+        }], propDecorators: { required: [{
                 type: Input
-            }], required: [{
+            }], spacing: [{
                 type: Input
             }] } });
 
@@ -50,5 +66,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { SuisBoxComponent, SuisLabelComponent };
+export { SuisBoxComponent, SuisFormFieldComponent, SuisLabelComponent };
 //# sourceMappingURL=suis.mjs.map

package/fesm2022/suis.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"suis.mjs","sources":["../../../../libs/suis/src/lib/components/suis-box/suis-box.component.ts","../../../../libs/suis/src/lib/components/suis-box/suis-box.component.html","../../../../libs/suis/src/lib/components/suis-label/suis-label.component.ts","../../../../libs/suis/src/lib/components/suis-label/suis-label.component.html","../../../../libs/suis/src/suis.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'suis-box',\n  standalone: true,\n  imports: [],\n  templateUrl: './suis-box.component.html',\n  styleUrls: ['./suis-box.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SuisBoxComponent {\n  /**\n   * Adds a padding around the content. By default set to false.\n   */\n  @Input() spacing: boolean = false;\n}\n","<div class=\"suis-box\" [class.suis-box--spacing]=\"spacing\">\n  <ng-content></ng-content>\n</div>\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'suis-label',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './suis-label.component.html',\n  styleUrls: ['./suis-label.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SuisLabelComponent {\n  /**\n   * Text displayed between label tags. Required input.\n   */\n  @Input({ required: true }) label?: string;\n\n  /**\n   * Adds a bottom margin below the label. By default set to true.\n   */\n  @Input() spacing: boolean = true;\n\n  /**\n   * Adds a red colored asterisk after the label. By default set to false.\n   */\n  @Input() required: boolean = false;\n}\n","<label class=\"suis-label\" [class.suis-label--spacing]=\"spacing\">\n  <span>{{ label }}</span>\n  <span *ngIf=\"required\" class=\"suis-label__asterisk\">*</span>\n</label>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAEA,MAQa,gBAAgB,CAAA;AAR7B,IAAA,WAAA,GAAA;AASE;;AAEG;QACM,IAAO,CAAA,OAAA,GAAY,KAAK,CAAC;AACnC,KAAA;8GALY,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,oGCV7B,uGAGA,EAAA,MAAA,EAAA,CAAA,sKAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FDOa,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAR5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,cACR,IAAI,EAAA,OAAA,EACP,EAAE,EAGM,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,uGAAA,EAAA,MAAA,EAAA,CAAA,sKAAA,CAAA,EAAA,CAAA;8BAMtC,OAAO,EAAA,CAAA;sBAAf,KAAK;;;AEXR,MAQa,kBAAkB,CAAA;AAR/B,IAAA,WAAA,GAAA;AAcE;;AAEG;QACM,IAAO,CAAA,OAAA,GAAY,IAAI,CAAC;AAEjC;;AAEG;QACM,IAAQ,CAAA,QAAA,GAAY,KAAK,CAAC;AACpC,KAAA;8GAfY,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECX/B,kLAIA,EAAA,MAAA,EAAA,CAAA,8LAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDEY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAKX,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAR9B,SAAS;+BACE,YAAY,EAAA,UAAA,EACV,IAAI,EACP,OAAA,EAAA,CAAC,YAAY,CAAC,EAAA,eAAA,EAGN,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,kLAAA,EAAA,MAAA,EAAA,CAAA,8LAAA,CAAA,EAAA,CAAA;8BAMpB,KAAK,EAAA,CAAA;sBAA/B,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;gBAKhB,OAAO,EAAA,CAAA;sBAAf,KAAK;gBAKG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;;;AEzBR;;AAEG;;;;"}
+{"version":3,"file":"suis.mjs","sources":["../../../../libs/suis/src/lib/components/suis-box/suis-box.component.ts","../../../../libs/suis/src/lib/components/suis-box/suis-box.component.html","../../../../libs/suis/src/lib/components/suis-form-field/suis-form-field.component.ts","../../../../libs/suis/src/lib/components/suis-form-field/suis-form-field.component.html","../../../../libs/suis/src/lib/components/suis-label/suis-label.component.ts","../../../../libs/suis/src/lib/components/suis-label/suis-label.component.html","../../../../libs/suis/src/suis.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'suis-box',\n  standalone: true,\n  imports: [],\n  templateUrl: './suis-box.component.html',\n  styleUrls: ['./suis-box.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SuisBoxComponent {\n  /**\n   * Adds a padding around the content. By default set to false.\n   */\n  @Input() spacing: boolean = false;\n}\n","<div class=\"suis-box\" [class.suis-box--spacing]=\"spacing\">\n  <ng-content></ng-content>\n</div>\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  Input,\n  TemplateRef,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'suis-form-field',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './suis-form-field.component.html',\n  styleUrls: ['./suis-form-field.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SuisFormFieldComponent {\n  /**\n   * Template to be added below the field with error message.\n   */\n  @Input() errorTemplate?: TemplateRef<HTMLElement>;\n\n  /**\n   * Adds a bottom margin below the field. By default set to false.\n   */\n  @Input() spacing: boolean = false;\n}\n","<div class=\"suis-form-field\" [class.suis-form-field--spacing]=\"spacing\">\n  <ng-content></ng-content>\n  <div *ngIf=\"errorTemplate\" class=\"suis-form-field__error\">\n    <ng-container [ngTemplateOutlet]=\"errorTemplate\"></ng-container>\n  </div>\n</div>\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'suis-label',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './suis-label.component.html',\n  styleUrls: ['./suis-label.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SuisLabelComponent {\n  /**\n   * Adds a red colored asterisk after the label. By default set to false.\n   */\n  @Input() required: boolean = false;\n\n  /**\n   * Adds a bottom margin below the label. By default set to false.\n   */\n  @Input() spacing: boolean = false;\n}\n","<label class=\"suis-label\" [class.suis-label--spacing]=\"spacing\">\n  <ng-content></ng-content>\n  <span *ngIf=\"required\" class=\"suis-label__asterisk\">*</span>\n  <ng-content select=\"[suisLabelAside]\"></ng-content>\n</label>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/lib/components/index.d.ts

@@ -1,2 +1,3 @@
 export * from './suis-box';
+export * from './suis-form-field';
 export * from './suis-label';

package/lib/components/suis-form-field/index.d.ts

@@ -0,0 +1 @@
+export * from './suis-form-field.component';

package/lib/components/suis-form-field/suis-form-field.component.d.ts

@@ -0,0 +1,14 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class SuisFormFieldComponent {
+    /**
+     * Template to be added below the field with error message.
+     */
+    errorTemplate?: TemplateRef<HTMLElement>;
+    /**
+     * Adds a bottom margin below the field. By default set to false.
+     */
+    spacing: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SuisFormFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuisFormFieldComponent, "suis-form-field", never, { "errorTemplate": { "alias": "errorTemplate"; "required": false; }; "spacing": { "alias": "spacing"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/suis-label/suis-label.component.d.ts

@@ -1,17 +1,13 @@
 import * as i0 from "@angular/core";
 export declare class SuisLabelComponent {
     /**
-     * Text displayed between label tags. Required input.
+     * Adds a red colored asterisk after the label. By default set to false.
      */
-    label?: string;
+    required: boolean;
     /**
-     * Adds a bottom margin below the label. By default set to true.
+     * Adds a bottom margin below the label. By default set to false.
      */
     spacing: boolean;
-    /**
-     * Adds a red colored asterisk after the label. By default set to false.
-     */
-    required: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuisLabelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SuisLabelComponent, "suis-label", never, { "label": { "alias": "label"; "required": true; }; "spacing": { "alias": "spacing"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuisLabelComponent, "suis-label", never, { "required": { "alias": "required"; "required": false; }; "spacing": { "alias": "spacing"; "required": false; }; }, {}, never, ["*", "[suisLabelAside]"], true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "suis",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "main": "src/index.ts",
   "author": "Karol Jaskółka",
   "description": "SUIS (Standalone UI + Signals) Angular 16+ Component Library",
@@ -8,7 +8,8 @@
     "angular",
     "standalone",
     "signals",
-    "ui"
+    "ui",
+    "dashboard"
   ],
   "peerDependencies": {
     "@angular/common": "^16.0.0",