@f1falcha/stimulus 1.0.0

package/esm2022/form/validate-and-submit.mjs

@@ -0,0 +1,54 @@
+import { ContentChildren, Directive, ElementRef, EventEmitter, HostListener, Output } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+class SclValidateAndSubmit {
+    constructor(formGroup) {
+        this.formGroup = formGroup;
+        this.validateAndSubmit = new EventEmitter();
+    }
+    onSubmit() {
+        let isInvalid = true;
+        this.controlEls.forEach((controlEl, index) => {
+            const control = this.controls.toArray()[index];
+            if (control.invalid && isInvalid) {
+                if (controlEl.nativeElement.tagName.toLowerCase() === 'nb-radio-group') {
+                    const radio = controlEl.nativeElement.querySelector('nb-radio:not(:disabled)');
+                    if (radio) {
+                        radio.childNodes[0].childNodes[0].focus();
+                    }
+                }
+                else {
+                    controlEl.nativeElement.focus();
+                }
+                controlEl.nativeElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
+                isInvalid = false;
+            }
+        });
+        this.formGroup.form.markAllAsTouched();
+        this.formGroup.form.updateValueAndValidity();
+        this.validateAndSubmit.emit(this.formGroup.form.valid);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SclValidateAndSubmit, deps: [{ token: i1.FormGroupDirective }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: SclValidateAndSubmit, isStandalone: true, selector: "form[formGroup][validateAndSubmit]", outputs: { validateAndSubmit: "validateAndSubmit" }, host: { listeners: { "submit": "onSubmit()" } }, queries: [{ propertyName: "controls", predicate: NgControl, descendants: true }, { propertyName: "controlEls", predicate: NgControl, descendants: true, read: ElementRef }], ngImport: i0 }); }
+}
+export { SclValidateAndSubmit };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SclValidateAndSubmit, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'form[formGroup][validateAndSubmit]',
+                    standalone: true,
+                }]
+        }], ctorParameters: function () { return [{ type: i1.FormGroupDirective }]; }, propDecorators: { controls: [{
+                type: ContentChildren,
+                args: [NgControl, { descendants: true }]
+            }], controlEls: [{
+                type: ContentChildren,
+                args: [NgControl, { read: ElementRef, descendants: true }]
+            }], validateAndSubmit: [{
+                type: Output
+            }], onSubmit: [{
+                type: HostListener,
+                args: ['submit']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmFsaWRhdGUtYW5kLXN1Ym1pdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9mb3JtL3ZhbGlkYXRlLWFuZC1zdWJtaXQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGVBQWUsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFhLE1BQU0sZUFBZSxDQUFDO0FBQ3RILE9BQU8sRUFBc0IsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7OztBQUUvRCxNQUlhLG9CQUFvQjtJQU83QixZQUFvQixTQUE2QjtRQUE3QixjQUFTLEdBQVQsU0FBUyxDQUFvQjtRQUdqRCxzQkFBaUIsR0FBMEIsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUhWLENBQUM7SUFNckQsUUFBUTtRQUNKLElBQUksU0FBUyxHQUFHLElBQUksQ0FBQztRQUVyQixJQUFJLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDLFNBQXFCLEVBQUUsS0FBYSxFQUFFLEVBQUU7WUFDN0QsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLEVBQUUsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUUvQyxJQUFJLE9BQU8sQ0FBQyxPQUFPLElBQUksU0FBUyxFQUFFO2dCQUM5QixJQUFJLFNBQVMsQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLFdBQVcsRUFBRSxLQUFLLGdCQUFnQixFQUFFO29CQUNwRSxNQUFNLEtBQUssR0FBRyxTQUFTLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDO29CQUMvRSxJQUFJLEtBQUssRUFBRTt3QkFDUCxLQUFLLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztxQkFDN0M7aUJBQ0o7cUJBQU07b0JBQ0gsU0FBUyxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztpQkFDbkM7Z0JBQ0QsU0FBUyxDQUFDLGFBQWEsQ0FBQyxjQUFjLENBQUMsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsQ0FBQyxDQUFDO2dCQUNoRixTQUFTLEdBQUcsS0FBSyxDQUFDO2FBQ3JCO1FBQ0wsQ0FBQyxDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO1FBQ3ZDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLHNCQUFzQixFQUFFLENBQUM7UUFDN0MsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzRCxDQUFDOzhHQW5DUSxvQkFBb0I7a0dBQXBCLG9CQUFvQiw2TkFDWixTQUFTLGdFQUdULFNBQVMsMkJBQVUsVUFBVTs7U0FKckMsb0JBQW9COzJGQUFwQixvQkFBb0I7a0JBSmhDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLG9DQUFvQztvQkFDOUMsVUFBVSxFQUFFLElBQUk7aUJBQ25CO3lHQUdHLFFBQVE7c0JBRFAsZUFBZTt1QkFBQyxTQUFTLEVBQUUsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFO2dCQUlqRCxVQUFVO3NCQURULGVBQWU7dUJBQUMsU0FBUyxFQUFFLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFO2dCQU1uRSxpQkFBaUI7c0JBRGhCLE1BQU07Z0JBSVAsUUFBUTtzQkFEUCxZQUFZO3VCQUFDLFFBQVEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb250ZW50Q2hpbGRyZW4sIERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBIb3N0TGlzdGVuZXIsIE91dHB1dCwgUXVlcnlMaXN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtR3JvdXBEaXJlY3RpdmUsIE5nQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdmb3JtW2Zvcm1Hcm91cF1bdmFsaWRhdGVBbmRTdWJtaXRdJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBTY2xWYWxpZGF0ZUFuZFN1Ym1pdCB7XG4gICAgQENvbnRlbnRDaGlsZHJlbihOZ0NvbnRyb2wsIHsgZGVzY2VuZGFudHM6IHRydWUgfSlcbiAgICBjb250cm9scyE6IFF1ZXJ5TGlzdDxOZ0NvbnRyb2w+O1xuXG4gICAgQENvbnRlbnRDaGlsZHJlbihOZ0NvbnRyb2wsIHsgcmVhZDogRWxlbWVudFJlZiwgZGVzY2VuZGFudHM6IHRydWUgfSlcbiAgICBjb250cm9sRWxzITogUXVlcnlMaXN0PEVsZW1lbnRSZWY+O1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBmb3JtR3JvdXA6IEZvcm1Hcm91cERpcmVjdGl2ZSkge31cblxuICAgIEBPdXRwdXQoKVxuICAgIHZhbGlkYXRlQW5kU3VibWl0OiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgICBASG9zdExpc3RlbmVyKCdzdWJtaXQnKVxuICAgIG9uU3VibWl0KCkge1xuICAgICAgICBsZXQgaXNJbnZhbGlkID0gdHJ1ZTtcblxuICAgICAgICB0aGlzLmNvbnRyb2xFbHMuZm9yRWFjaCgoY29udHJvbEVsOiBFbGVtZW50UmVmLCBpbmRleDogbnVtYmVyKSA9PiB7XG4gICAgICAgICAgICBjb25zdCBjb250cm9sID0gdGhpcy5jb250cm9scy50b0FycmF5KClbaW5kZXhdO1xuXG4gICAgICAgICAgICBpZiAoY29udHJvbC5pbnZhbGlkICYmIGlzSW52YWxpZCkge1xuICAgICAgICAgICAgICAgIGlmIChjb250cm9sRWwubmF0aXZlRWxlbWVudC50YWdOYW1lLnRvTG93ZXJDYXNlKCkgPT09ICduYi1yYWRpby1ncm91cCcpIHtcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgcmFkaW8gPSBjb250cm9sRWwubmF0aXZlRWxlbWVudC5xdWVyeVNlbGVjdG9yKCduYi1yYWRpbzpub3QoOmRpc2FibGVkKScpO1xuICAgICAgICAgICAgICAgICAgICBpZiAocmFkaW8pIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHJhZGlvLmNoaWxkTm9kZXNbMF0uY2hpbGROb2Rlc1swXS5mb2N1cygpO1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgY29udHJvbEVsLm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgY29udHJvbEVsLm5hdGl2ZUVsZW1lbnQuc2Nyb2xsSW50b1ZpZXcoeyBiZWhhdmlvcjogJ3Ntb290aCcsIGJsb2NrOiAnY2VudGVyJyB9KTtcbiAgICAgICAgICAgICAgICBpc0ludmFsaWQgPSBmYWxzZTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMuZm9ybUdyb3VwLmZvcm0ubWFya0FsbEFzVG91Y2hlZCgpO1xuICAgICAgICB0aGlzLmZvcm1Hcm91cC5mb3JtLnVwZGF0ZVZhbHVlQW5kVmFsaWRpdHkoKTtcbiAgICAgICAgdGhpcy52YWxpZGF0ZUFuZFN1Ym1pdC5lbWl0KHRoaXMuZm9ybUdyb3VwLmZvcm0udmFsaWQpO1xuICAgIH1cbn1cbiJdfQ==

package/esm2022/full-container/full-container.component.mjs

@@ -0,0 +1,30 @@
+import { CommonModule } from '@angular/common';
+import { Component, Inject, InjectionToken, Input } from '@angular/core';
+import { NbCardModule, NbLayoutModule } from '@nebular/theme';
+import * as i0 from "@angular/core";
+import * as i1 from "@nebular/theme";
+import * as i2 from "@angular/common";
+export const FULL_CONTAINER_LOGO = new InjectionToken('FULL_CONTAINER_LOGO', {
+    providedIn: 'root',
+    factory: () => 'assets/bank-xp.svg',
+});
+class SclFullContainerComponent {
+    constructor(imgSrc) {
+        this.imgSrc = imgSrc;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SclFullContainerComponent, deps: [{ token: FULL_CONTAINER_LOGO }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SclFullContainerComponent, isStandalone: true, selector: "scl-full-container", inputs: { footerImg: "footerImg" }, host: { classAttribute: "scl-full-container" }, ngImport: i0, template: "<nb-layout>\n    <nb-layout-column class=\"scl-full-container__column\">\n        <div class=\"scl-full-container__content\">\n            <div class=\"scl-full-container__header\">\n                <img [src]=\"imgSrc\" class=\"scl-full-container__header-logo\" />\n            </div>\n            <div class=\"scl-full-container__body\">\n                <nb-card>\n                    <nb-card-body>\n                        <ng-content></ng-content>\n                    </nb-card-body>\n                </nb-card>\n            </div>\n            <div class=\"scl-full-container__footer\" *ngIf=\"footerImg\">\n                <img [src]=\"footerImg\" class=\"scl-full-container__footer-logo\" />\n            </div>\n        </div>\n    </nb-layout-column>\n</nb-layout>\n", dependencies: [{ kind: "ngmodule", type: NbCardModule }, { kind: "component", type: i1.NbCardComponent, selector: "nb-card", inputs: ["size", "status", "accent"] }, { kind: "component", type: i1.NbCardBodyComponent, selector: "nb-card-body" }, { kind: "ngmodule", type: NbLayoutModule }, { kind: "component", type: i1.NbLayoutComponent, selector: "nb-layout", inputs: ["center", "windowMode", "withScroll", "restoreScrollTop"] }, { kind: "component", type: i1.NbLayoutColumnComponent, selector: "nb-layout-column", inputs: ["left", "start"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+export { SclFullContainerComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SclFullContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'scl-full-container', standalone: true, imports: [NbCardModule, NbLayoutModule, CommonModule], host: {
+                        class: 'scl-full-container',
+                    }, template: "<nb-layout>\n    <nb-layout-column class=\"scl-full-container__column\">\n        <div class=\"scl-full-container__content\">\n            <div class=\"scl-full-container__header\">\n                <img [src]=\"imgSrc\" class=\"scl-full-container__header-logo\" />\n            </div>\n            <div class=\"scl-full-container__body\">\n                <nb-card>\n                    <nb-card-body>\n                        <ng-content></ng-content>\n                    </nb-card-body>\n                </nb-card>\n            </div>\n            <div class=\"scl-full-container__footer\" *ngIf=\"footerImg\">\n                <img [src]=\"footerImg\" class=\"scl-full-container__footer-logo\" />\n            </div>\n        </div>\n    </nb-layout-column>\n</nb-layout>\n" }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [FULL_CONTAINER_LOGO]
+                }] }]; }, propDecorators: { footerImg: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVsbC1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2Z1bGwtY29udGFpbmVyL2Z1bGwtY29udGFpbmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9mdWxsLWNvbnRhaW5lci9mdWxsLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsY0FBYyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RSxPQUFPLEVBQUUsWUFBWSxFQUFFLGNBQWMsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7O0FBRTlELE1BQU0sQ0FBQyxNQUFNLG1CQUFtQixHQUFHLElBQUksY0FBYyxDQUFTLHFCQUFxQixFQUFFO0lBQ2pGLFVBQVUsRUFBRSxNQUFNO0lBQ2xCLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FBQyxvQkFBb0I7Q0FDdEMsQ0FBQyxDQUFDO0FBRUgsTUFTYSx5QkFBeUI7SUFHbEMsWUFBbUQsTUFBYztRQUFkLFdBQU0sR0FBTixNQUFNLENBQVE7SUFBRyxDQUFDOzhHQUg1RCx5QkFBeUIsa0JBR2QsbUJBQW1CO2tHQUg5Qix5QkFBeUIsa0tDbEJ0Qyw0d0JBbUJBLDJDRE5jLFlBQVkseU5BQUUsY0FBYyw4UkFBRSxZQUFZOztTQUszQyx5QkFBeUI7MkZBQXpCLHlCQUF5QjtrQkFUckMsU0FBUzsrQkFDSSxvQkFBb0IsY0FFbEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGNBQWMsRUFBRSxZQUFZLENBQUMsUUFDL0M7d0JBQ0YsS0FBSyxFQUFFLG9CQUFvQjtxQkFDOUI7OzBCQUtZLE1BQU07MkJBQUMsbUJBQW1COzRDQUY5QixTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0LCBJbmplY3Rpb25Ub2tlbiwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5iQ2FyZE1vZHVsZSwgTmJMYXlvdXRNb2R1bGUgfSBmcm9tICdAbmVidWxhci90aGVtZSc7XG5cbmV4cG9ydCBjb25zdCBGVUxMX0NPTlRBSU5FUl9MT0dPID0gbmV3IEluamVjdGlvblRva2VuPHN0cmluZz4oJ0ZVTExfQ09OVEFJTkVSX0xPR08nLCB7XG4gICAgcHJvdmlkZWRJbjogJ3Jvb3QnLFxuICAgIGZhY3Rvcnk6ICgpID0+ICdhc3NldHMvYmFuay14cC5zdmcnLFxufSk7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnc2NsLWZ1bGwtY29udGFpbmVyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZnVsbC1jb250YWluZXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW05iQ2FyZE1vZHVsZSwgTmJMYXlvdXRNb2R1bGUsIENvbW1vbk1vZHVsZV0sXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ3NjbC1mdWxsLWNvbnRhaW5lcicsXG4gICAgfSxcbn0pXG5leHBvcnQgY2xhc3MgU2NsRnVsbENvbnRhaW5lckNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgZm9vdGVySW1nITogc3RyaW5nO1xuXG4gICAgY29uc3RydWN0b3IoQEluamVjdChGVUxMX0NPTlRBSU5FUl9MT0dPKSBwcm90ZWN0ZWQgaW1nU3JjOiBzdHJpbmcpIHt9XG59XG4iLCI8bmItbGF5b3V0PlxuICAgIDxuYi1sYXlvdXQtY29sdW1uIGNsYXNzPVwic2NsLWZ1bGwtY29udGFpbmVyX19jb2x1bW5cIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNjbC1mdWxsLWNvbnRhaW5lcl9fY29udGVudFwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNjbC1mdWxsLWNvbnRhaW5lcl9faGVhZGVyXCI+XG4gICAgICAgICAgICAgICAgPGltZyBbc3JjXT1cImltZ1NyY1wiIGNsYXNzPVwic2NsLWZ1bGwtY29udGFpbmVyX19oZWFkZXItbG9nb1wiIC8+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzY2wtZnVsbC1jb250YWluZXJfX2JvZHlcIj5cbiAgICAgICAgICAgICAgICA8bmItY2FyZD5cbiAgICAgICAgICAgICAgICAgICAgPG5iLWNhcmQtYm9keT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgICAgICAgICAgICAgICAgPC9uYi1jYXJkLWJvZHk+XG4gICAgICAgICAgICAgICAgPC9uYi1jYXJkPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2NsLWZ1bGwtY29udGFpbmVyX19mb290ZXJcIiAqbmdJZj1cImZvb3RlckltZ1wiPlxuICAgICAgICAgICAgICAgIDxpbWcgW3NyY109XCJmb290ZXJJbWdcIiBjbGFzcz1cInNjbC1mdWxsLWNvbnRhaW5lcl9fZm9vdGVyLWxvZ29cIiAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvbmItbGF5b3V0LWNvbHVtbj5cbjwvbmItbGF5b3V0PlxuIl19

package/esm2022/grid/grid-item.component.mjs

@@ -0,0 +1,24 @@
+import { Component, Input, HostBinding } from '@angular/core';
+import * as i0 from "@angular/core";
+class SclGridItemComponent {
+    get gridColumn() {
+        return `span ${this.colSpan || 1}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SclGridItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SclGridItemComponent, isStandalone: true, selector: "scl-grid-item", inputs: { colSpan: "colSpan" }, host: { properties: { "style.gridColumn": "this.gridColumn" } }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true }); }
+}
+export { SclGridItemComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SclGridItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'scl-grid-item',
+                    standalone: true,
+                    template: ` <ng-content></ng-content> `,
+                }]
+        }], propDecorators: { colSpan: [{
+                type: Input
+            }], gridColumn: [{
+                type: HostBinding,
+                args: ['style.gridColumn']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9ncmlkL2dyaWQtaXRlbS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUU5RCxNQUthLG9CQUFvQjtJQUc3QixJQUNJLFVBQVU7UUFDVixPQUFPLFFBQVEsSUFBSSxDQUFDLE9BQU8sSUFBSSxDQUFDLEVBQUUsQ0FBQztJQUN2QyxDQUFDOzhHQU5RLG9CQUFvQjtrR0FBcEIsb0JBQW9CLDBLQUZuQiw2QkFBNkI7O1NBRTlCLG9CQUFvQjsyRkFBcEIsb0JBQW9CO2tCQUxoQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxlQUFlO29CQUN6QixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLDZCQUE2QjtpQkFDMUM7OEJBRVksT0FBTztzQkFBZixLQUFLO2dCQUdGLFVBQVU7c0JBRGIsV0FBVzt1QkFBQyxrQkFBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBIb3N0QmluZGluZyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3NjbC1ncmlkLWl0ZW0nLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgdGVtcGxhdGU6IGAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PiBgLFxufSlcbmV4cG9ydCBjbGFzcyBTY2xHcmlkSXRlbUNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgY29sU3Bhbj86IG51bWJlcjtcblxuICAgIEBIb3N0QmluZGluZygnc3R5bGUuZ3JpZENvbHVtbicpXG4gICAgZ2V0IGdyaWRDb2x1bW4oKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIGBzcGFuICR7dGhpcy5jb2xTcGFuIHx8IDF9YDtcbiAgICB9XG59XG4iXX0=

package/esm2022/grid/grid.component.mjs

@@ -0,0 +1,56 @@
+import { CommonModule } from '@angular/common';
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+class SclGridComponent {
+    constructor() {
+        this.gap = 'tiny';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SclGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SclGridComponent, isStandalone: true, selector: "scl-grid", inputs: { cols: "cols", gap: "gap" }, ngImport: i0, template: `
+        <div
+            class="scl-grid__list"
+            [ngClass]="{
+                'scl-grid__list--tiny-spacing': gap === 'tiny',
+                'scl-grid__list--small-spacing': gap === 'small',
+                'scl-grid__list--medium-spacing': gap === 'medium',
+                'scl-grid__list--large-spacing': gap === 'large',
+                'scl-grid__list--giant-spacing': gap === 'giant'
+            }"
+            [ngStyle]="{
+                'grid-template-columns': cols ? 'repeat(' + cols + ', minmax(0, 1fr))' : ''
+            }">
+            <ng-content></ng-content>
+        </div>
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+}
+export { SclGridComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SclGridComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'scl-grid',
+                    standalone: true,
+                    imports: [CommonModule],
+                    template: `
+        <div
+            class="scl-grid__list"
+            [ngClass]="{
+                'scl-grid__list--tiny-spacing': gap === 'tiny',
+                'scl-grid__list--small-spacing': gap === 'small',
+                'scl-grid__list--medium-spacing': gap === 'medium',
+                'scl-grid__list--large-spacing': gap === 'large',
+                'scl-grid__list--giant-spacing': gap === 'giant'
+            }"
+            [ngStyle]="{
+                'grid-template-columns': cols ? 'repeat(' + cols + ', minmax(0, 1fr))' : ''
+            }">
+            <ng-content></ng-content>
+        </div>
+    `,
+                }]
+        }], propDecorators: { cols: [{
+                type: Input
+            }], gap: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvZ3JpZC9ncmlkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQUlqRCxNQXFCYSxnQkFBZ0I7SUFyQjdCO1FBdUJhLFFBQUcsR0FBWSxNQUFNLENBQUM7S0FDbEM7OEdBSFksZ0JBQWdCO2tHQUFoQixnQkFBZ0IsMEdBakJmOzs7Ozs7Ozs7Ozs7Ozs7S0FlVCwyREFoQlMsWUFBWTs7U0FrQmIsZ0JBQWdCOzJGQUFoQixnQkFBZ0I7a0JBckI1QixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxVQUFVO29CQUNwQixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7OztLQWVUO2lCQUNKOzhCQUVZLElBQUk7c0JBQVosS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG50eXBlIEdhcFNpemUgPSAndGlueScgfCAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnIHwgJ2dpYW50JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdzY2wtZ3JpZCcsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgICB0ZW1wbGF0ZTogYFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjbGFzcz1cInNjbC1ncmlkX19saXN0XCJcbiAgICAgICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAgICAgICAnc2NsLWdyaWRfX2xpc3QtLXRpbnktc3BhY2luZyc6IGdhcCA9PT0gJ3RpbnknLFxuICAgICAgICAgICAgICAgICdzY2wtZ3JpZF9fbGlzdC0tc21hbGwtc3BhY2luZyc6IGdhcCA9PT0gJ3NtYWxsJyxcbiAgICAgICAgICAgICAgICAnc2NsLWdyaWRfX2xpc3QtLW1lZGl1bS1zcGFjaW5nJzogZ2FwID09PSAnbWVkaXVtJyxcbiAgICAgICAgICAgICAgICAnc2NsLWdyaWRfX2xpc3QtLWxhcmdlLXNwYWNpbmcnOiBnYXAgPT09ICdsYXJnZScsXG4gICAgICAgICAgICAgICAgJ3NjbC1ncmlkX19saXN0LS1naWFudC1zcGFjaW5nJzogZ2FwID09PSAnZ2lhbnQnXG4gICAgICAgICAgICB9XCJcbiAgICAgICAgICAgIFtuZ1N0eWxlXT1cIntcbiAgICAgICAgICAgICAgICAnZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zJzogY29scyA/ICdyZXBlYXQoJyArIGNvbHMgKyAnLCBtaW5tYXgoMCwgMWZyKSknIDogJydcbiAgICAgICAgICAgIH1cIj5cbiAgICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgICAgPC9kaXY+XG4gICAgYCxcbn0pXG5leHBvcnQgY2xhc3MgU2NsR3JpZENvbXBvbmVudCB7XG4gICAgQElucHV0KCkgY29scz86IG51bWJlcjtcbiAgICBASW5wdXQoKSBnYXA6IEdhcFNpemUgPSAndGlueSc7XG59XG4iXX0=

package/esm2022/grid-row/grid-row.mjs

@@ -0,0 +1,18 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+class SclGridRowComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SclGridRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: SclGridRowComponent, isStandalone: true, selector: "[sclGridRow]", host: { classAttribute: "scl-grid-row" }, ngImport: i0 }); }
+}
+export { SclGridRowComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SclGridRowComponent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[sclGridRow]',
+                    standalone: true,
+                    host: {
+                        class: 'scl-grid-row',
+                    },
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1yb3cuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvZ3JpZC1yb3cvZ3JpZC1yb3cudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFFMUMsTUFPYSxtQkFBbUI7OEdBQW5CLG1CQUFtQjtrR0FBbkIsbUJBQW1COztTQUFuQixtQkFBbUI7MkZBQW5CLG1CQUFtQjtrQkFQL0IsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsY0FBYztvQkFDeEIsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLElBQUksRUFBRTt3QkFDRixLQUFLLEVBQUUsY0FBYztxQkFDeEI7aUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbc2NsR3JpZFJvd10nLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ3NjbC1ncmlkLXJvdycsXG4gICAgfSxcbn0pXG5leHBvcnQgY2xhc3MgU2NsR3JpZFJvd0NvbXBvbmVudCB7fVxuIl19