@seniorsistemas/angular-components 17.27.0 → 17.27.1-feature-sds-110-35ee9b4f

package/fesm2022/seniorsistemas-angular-components-rating-scale.mjs

@@ -0,0 +1,81 @@
+import * as i0 from '@angular/core';
+import { forwardRef, Component, Input, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
+
+class RatingScaleComponent {
+    nodes;
+    startLabel;
+    endLabel;
+    disabled = false;
+    value;
+    _onChange;
+    _onTouched;
+    writeValue(value) {
+        if (!this.disabled) {
+            this.value = value;
+        }
+    }
+    registerOnChange(onChange) {
+        this._onChange = onChange;
+    }
+    registerOnTouched(onTouched) {
+        this._onTouched = onTouched;
+    }
+    onSelect(rating) {
+        this.value = rating;
+        if (this._onChange) {
+            this._onChange(this.value);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RatingScaleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: RatingScaleComponent, selector: "s-rating-scale", inputs: { nodes: "nodes", startLabel: "startLabel", endLabel: "endLabel", disabled: "disabled" }, providers: [{
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => RatingScaleComponent),
+                multi: true,
+            }], ngImport: i0, template: "<div\n    class=\"rating-scale\"\n    [ngClass]=\"{ 'rating-scale--disabled': disabled }\">\n    <div class=\"nodes\">\n        @for (node of nodes; track node.id) {\n            <button\n                class=\"node\"\n                [ngClass]=\"{ 'node--selected': value?.id === node.id && !disabled }\"\n                tabindex=\"0\"\n                (click)=\"onSelect(node)\">\n                @if (node.icon) {\n                    <span\n                        class=\"icon fas\"\n                        [ngClass]=\"node.icon\">\n                    </span>\n                }\n                @if (node.title) {\n                    <span class=\"label\">{{ node.title }}</span>\n                }\n            </button>\n        }\n    </div>\n    <div class=\"labels\">\n        <span>{{ startLabel }}</span>\n        <span>{{ endLabel }}</span>\n    </div>\n</div>", styles: [".rating-scale{display:flex;flex-direction:column}.rating-scale .nodes{display:flex}.rating-scale .nodes .node{align-items:center;background-color:#fff;border-color:#7892a1;border-radius:6px;border-style:solid;border-width:1px;display:flex;flex-grow:1;justify-content:center;margin:0 2px;padding:8px}.rating-scale .nodes .node .icon{color:#6e7280;font-size:1rem}.rating-scale .nodes .node .label{color:#212533;font-size:.875rem;font-weight:400;line-height:150%}.rating-scale .nodes .node .icon,.rating-scale .nodes .node .label{margin:6px}.rating-scale .nodes .node--selected{background-color:#d5e8ec;border-color:#428bca;color:#428bca}.rating-scale .nodes .node:first-child{margin-left:0}.rating-scale .nodes .node:last-child{margin-right:0}.rating-scale .labels{display:flex;justify-content:space-between;padding:12px 0}.rating-scale .labels span{color:#080808;font-family:\"Open Sans\" sans-serif;font-size:.875rem;font-weight:400;line-height:150%}.rating-scale--disabled{opacity:.5}.rating-scale:not(.rating-scale--disabled) .node{cursor:pointer}.rating-scale:not(.rating-scale--disabled) .node:hover{background-color:#dedce5}.rating-scale:not(.rating-scale--disabled) .node:focus{border-width:2px;outline:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RatingScaleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "s-rating-scale", providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => RatingScaleComponent),
+                            multi: true,
+                        }], template: "<div\n    class=\"rating-scale\"\n    [ngClass]=\"{ 'rating-scale--disabled': disabled }\">\n    <div class=\"nodes\">\n        @for (node of nodes; track node.id) {\n            <button\n                class=\"node\"\n                [ngClass]=\"{ 'node--selected': value?.id === node.id && !disabled }\"\n                tabindex=\"0\"\n                (click)=\"onSelect(node)\">\n                @if (node.icon) {\n                    <span\n                        class=\"icon fas\"\n                        [ngClass]=\"node.icon\">\n                    </span>\n                }\n                @if (node.title) {\n                    <span class=\"label\">{{ node.title }}</span>\n                }\n            </button>\n        }\n    </div>\n    <div class=\"labels\">\n        <span>{{ startLabel }}</span>\n        <span>{{ endLabel }}</span>\n    </div>\n</div>", styles: [".rating-scale{display:flex;flex-direction:column}.rating-scale .nodes{display:flex}.rating-scale .nodes .node{align-items:center;background-color:#fff;border-color:#7892a1;border-radius:6px;border-style:solid;border-width:1px;display:flex;flex-grow:1;justify-content:center;margin:0 2px;padding:8px}.rating-scale .nodes .node .icon{color:#6e7280;font-size:1rem}.rating-scale .nodes .node .label{color:#212533;font-size:.875rem;font-weight:400;line-height:150%}.rating-scale .nodes .node .icon,.rating-scale .nodes .node .label{margin:6px}.rating-scale .nodes .node--selected{background-color:#d5e8ec;border-color:#428bca;color:#428bca}.rating-scale .nodes .node:first-child{margin-left:0}.rating-scale .nodes .node:last-child{margin-right:0}.rating-scale .labels{display:flex;justify-content:space-between;padding:12px 0}.rating-scale .labels span{color:#080808;font-family:\"Open Sans\" sans-serif;font-size:.875rem;font-weight:400;line-height:150%}.rating-scale--disabled{opacity:.5}.rating-scale:not(.rating-scale--disabled) .node{cursor:pointer}.rating-scale:not(.rating-scale--disabled) .node:hover{background-color:#dedce5}.rating-scale:not(.rating-scale--disabled) .node:focus{border-width:2px;outline:none}\n"] }]
+        }], propDecorators: { nodes: [{
+                type: Input,
+                args: [{ required: true }]
+            }], startLabel: [{
+                type: Input
+            }], endLabel: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }] } });
+
+class RatingScaleModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RatingScaleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: RatingScaleModule, declarations: [RatingScaleComponent], imports: [CommonModule,
+            ReactiveFormsModule], exports: [RatingScaleComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RatingScaleModule, imports: [CommonModule,
+            ReactiveFormsModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RatingScaleModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                    ],
+                    declarations: [RatingScaleComponent],
+                    exports: [RatingScaleComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RatingScaleComponent, RatingScaleModule };
+//# sourceMappingURL=seniorsistemas-angular-components-rating-scale.mjs.map

package/fesm2022/seniorsistemas-angular-components-rating-scale.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"seniorsistemas-angular-components-rating-scale.mjs","sources":["../../projects/angular-components/rating-scale/src/lib/rating-scale/rating-scale.component.ts","../../projects/angular-components/rating-scale/src/lib/rating-scale/rating-scale.component.html","../../projects/angular-components/rating-scale/src/lib/rating-scale/rating-scale.module.ts","../../projects/angular-components/rating-scale/src/seniorsistemas-angular-components-rating-scale.ts"],"sourcesContent":["import { Component, Input, forwardRef } from \"@angular/core\";\n\nimport { RatingScaleNode } from \"./models/rating-scale-node\";\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from \"@angular/forms\";\n\n@Component({\n    selector: \"s-rating-scale\",\n    templateUrl: \"./rating-scale.component.html\",\n    styleUrls: [\"./rating-scale.component.scss\"],\n    providers: [{\n        provide: NG_VALUE_ACCESSOR,\n        useExisting: forwardRef(() => RatingScaleComponent),\n        multi: true,\n    }],\n})\nexport class RatingScaleComponent implements ControlValueAccessor {\n    @Input({ required: true })\n    public nodes!: RatingScaleNode[];\n\n    @Input()\n    public startLabel?: string;\n\n    @Input()\n    public endLabel?: string;\n\n    @Input()\n    public disabled = false;\n\n    public value?: RatingScaleNode;\n    private _onChange?: (value: RatingScaleNode) => void;\n    private _onTouched?: (value: RatingScaleNode) => void;\n\n    public writeValue(value: RatingScaleNode): void {\n        if (!this.disabled) {\n            this.value = value;\n        }\n    }\n    public registerOnChange(onChange: (value: RatingScaleNode) => void): void {\n        this._onChange = onChange;\n    }\n    public registerOnTouched(onTouched: (value: RatingScaleNode) => void): void {\n        this._onTouched = onTouched;\n    }\n\n    public onSelect(rating: RatingScaleNode) {\n        this.value = rating;\n        if (this._onChange) {\n            this._onChange(this.value);\n        }\n    }\n}\n","<div\n    class=\"rating-scale\"\n    [ngClass]=\"{ 'rating-scale--disabled': disabled }\">\n    <div class=\"nodes\">\n        @for (node of nodes; track node.id) {\n            <button\n                class=\"node\"\n                [ngClass]=\"{ 'node--selected': value?.id === node.id && !disabled }\"\n                tabindex=\"0\"\n                (click)=\"onSelect(node)\">\n                @if (node.icon) {\n                    <span\n                        class=\"icon fas\"\n                        [ngClass]=\"node.icon\">\n                    </span>\n                }\n                @if (node.title) {\n                    <span class=\"label\">{{ node.title }}</span>\n                }\n            </button>\n        }\n    </div>\n    <div class=\"labels\">\n        <span>{{ startLabel }}</span>\n        <span>{{ endLabel }}</span>\n    </div>\n</div>","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { ReactiveFormsModule } from \"@angular/forms\";\n\nimport { RatingScaleComponent } from \"./rating-scale.component\";\n\n@NgModule({\n    imports: [\n        CommonModule,\n        ReactiveFormsModule,\n    ],\n    declarations: [RatingScaleComponent],\n    exports: [RatingScaleComponent],\n})\nexport class RatingScaleModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/seniorsistemas-angular-components-select-button.mjs

@@ -0,0 +1,172 @@
+import * as i0 from '@angular/core';
+import { Component, Input, EventEmitter, forwardRef, Output, NgModule } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class SelectButtonItemComponent {
+    label;
+    active = false;
+    first = false;
+    last = false;
+    disabled = false;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SelectButtonItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SelectButtonItemComponent, selector: "s-select-button-item", inputs: { label: "label", active: "active", first: "first", last: "last", disabled: "disabled" }, ngImport: i0, template: "<button\n    class=\"select-button-item\"\n    [ngClass]=\"{\n        'select-button-item--active': active,\n        'select-button-item--disabled': disabled,\n        'select-button-item--first': first,\n        'select-button-item--last': last\n    }\">\n    <span class=\"select-button-item__label\">{{ label }}</span>\n</button>", styles: [".select-button-item{padding:8px 12px;cursor:pointer;background-color:#fff;border:none;border-left:1px solid #c1c1cc;border-top:1px solid #c1c1cc;border-bottom:1px solid #c1c1cc}.select-button-item__label{font-family:\"Open Sans\" sans-serif;font-size:14px}.select-button-item:not(.select-button-item--disabled):not(.select-button-item--active):hover{background-color:#eeebf2}.select-button-item--active,.select-button-item--active:hover{background-color:#c1c1cc;font-weight:700}.select-button-item--disabled{opacity:.5;cursor:default}.select-button-item--first{border-top-left-radius:2px;border-bottom-left-radius:2px}.select-button-item--last{border-right:1px solid #c1c1cc;border-top-right-radius:2px;border-bottom-right-radius:2px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SelectButtonItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "s-select-button-item", template: "<button\n    class=\"select-button-item\"\n    [ngClass]=\"{\n        'select-button-item--active': active,\n        'select-button-item--disabled': disabled,\n        'select-button-item--first': first,\n        'select-button-item--last': last\n    }\">\n    <span class=\"select-button-item__label\">{{ label }}</span>\n</button>", styles: [".select-button-item{padding:8px 12px;cursor:pointer;background-color:#fff;border:none;border-left:1px solid #c1c1cc;border-top:1px solid #c1c1cc;border-bottom:1px solid #c1c1cc}.select-button-item__label{font-family:\"Open Sans\" sans-serif;font-size:14px}.select-button-item:not(.select-button-item--disabled):not(.select-button-item--active):hover{background-color:#eeebf2}.select-button-item--active,.select-button-item--active:hover{background-color:#c1c1cc;font-weight:700}.select-button-item--disabled{opacity:.5;cursor:default}.select-button-item--first{border-top-left-radius:2px;border-bottom-left-radius:2px}.select-button-item--last{border-right:1px solid #c1c1cc;border-top-right-radius:2px;border-bottom-right-radius:2px}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input,
+                args: [{ required: true }]
+            }], active: [{
+                type: Input
+            }], first: [{
+                type: Input
+            }], last: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }] } });
+
+class SelectButtonComponent {
+    items;
+    multiple = false;
+    itemSelected = new EventEmitter();
+    itemClicked = new EventEmitter();
+    disabled = false;
+    activeItems = new Set();
+    onChange;
+    onTouched;
+    writeValue(value) {
+        if (!value) {
+            return;
+        }
+        this.activeItems.clear();
+        if (Array.isArray(value)) {
+            value.forEach((item) => {
+                this.items.forEach((iItem) => {
+                    if (this._compareItems(item, iItem)) {
+                        this.activeItems.add(iItem);
+                    }
+                });
+            });
+        }
+        else {
+            this.items.forEach((iItem) => {
+                if (this._compareItems(value, iItem)) {
+                    this.activeItems.add(iItem);
+                }
+            });
+        }
+    }
+    registerOnChange(onChange) {
+        this.onChange = onChange;
+    }
+    registerOnTouched(onTouched) {
+        this.onTouched = onTouched;
+    }
+    setDisabledState(disabled) {
+        this.disabled = disabled;
+    }
+    onItemSelect(item) {
+        if (this.disabled || item.disabled) {
+            return;
+        }
+        this.itemClicked.emit(item);
+        if (!this.multiple) {
+            this.activeItems.clear();
+        }
+        this.activeItems.add(item);
+        this.itemSelected.emit([...this.activeItems]);
+        this.onChange?.([...this.activeItems]);
+        this.onTouched?.([...this.activeItems]);
+    }
+    _compareItems(item1, item2) {
+        const _compare = (a, b) => {
+            if (a === b) {
+                return true;
+            }
+            if (a === undefined ||
+                b === undefined ||
+                typeof a !== 'object' ||
+                a === null ||
+                typeof b !== 'object' ||
+                b === null) {
+                return false;
+            }
+            if (Array.isArray(a) !== Array.isArray(b)) {
+                return false;
+            }
+            let keysA = Object.keys(a);
+            let keysB = Object.keys(b);
+            if (keysA.length !== keysB.length) {
+                return false;
+            }
+            for (let key of keysA) {
+                if (!keysB.includes(key) || !_compare(a[key], b[key])) {
+                    return false;
+                }
+            }
+            for (let key in a) {
+                if (a.hasOwnProperty(key) !== b.hasOwnProperty(key)) {
+                    return false;
+                }
+            }
+            return true;
+        };
+        return _compare(item1, item2);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SelectButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SelectButtonComponent, selector: "s-select-button", inputs: { items: "items", multiple: "multiple" }, outputs: { itemSelected: "itemSelected", itemClicked: "itemClicked" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => SelectButtonComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<div\n    class=\"select-button\"\n    [ngClass]=\"{ 'select-button--disabled': disabled }\">\n    @for(item of items; track item.value; let i = $index) {\n        <s-select-button-item\n            *ngFor=\"let item of items; index as i\"\n            [label]=\"item.label\"\n            [active]=\"activeItems.has(item)\"\n            [disabled]=\"disabled || (item.disabled ?? false)\"\n            [first]=\"i === 0\"\n            [last]=\"i === items.length - 1\"\n            (click)=\"onItemSelect(item)\">\n        </s-select-button-item>\n    }\n</div>", styles: [".select-button{overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: SelectButtonItemComponent, selector: "s-select-button-item", inputs: ["label", "active", "first", "last", "disabled"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SelectButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-select-button', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SelectButtonComponent),
+                            multi: true,
+                        },
+                    ], template: "<div\n    class=\"select-button\"\n    [ngClass]=\"{ 'select-button--disabled': disabled }\">\n    @for(item of items; track item.value; let i = $index) {\n        <s-select-button-item\n            *ngFor=\"let item of items; index as i\"\n            [label]=\"item.label\"\n            [active]=\"activeItems.has(item)\"\n            [disabled]=\"disabled || (item.disabled ?? false)\"\n            [first]=\"i === 0\"\n            [last]=\"i === items.length - 1\"\n            (click)=\"onItemSelect(item)\">\n        </s-select-button-item>\n    }\n</div>", styles: [".select-button{overflow:hidden}\n"] }]
+        }], propDecorators: { items: [{
+                type: Input,
+                args: [{ required: true }]
+            }], multiple: [{
+                type: Input
+            }], itemSelected: [{
+                type: Output
+            }], itemClicked: [{
+                type: Output
+            }] } });
+
+class SelectButtonModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SelectButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SelectButtonModule, declarations: [SelectButtonComponent,
+            SelectButtonItemComponent], imports: [CommonModule], exports: [SelectButtonComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SelectButtonModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SelectButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [
+                        SelectButtonComponent,
+                        SelectButtonItemComponent,
+                    ],
+                    exports: [SelectButtonComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SelectButtonComponent, SelectButtonModule };
+//# sourceMappingURL=seniorsistemas-angular-components-select-button.mjs.map

package/fesm2022/seniorsistemas-angular-components-select-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"seniorsistemas-angular-components-select-button.mjs","sources":["../../projects/angular-components/select-button/src/lib/select-button/components/select-button-item/select-button-item.component.ts","../../projects/angular-components/select-button/src/lib/select-button/components/select-button-item/select-button-item.component.html","../../projects/angular-components/select-button/src/lib/select-button/select-button.component.ts","../../projects/angular-components/select-button/src/lib/select-button/select-button.component.html","../../projects/angular-components/select-button/src/lib/select-button/select-button.module.ts","../../projects/angular-components/select-button/src/seniorsistemas-angular-components-select-button.ts"],"sourcesContent":["import { Component, Input } from \"@angular/core\";\n\n@Component({\n    selector: \"s-select-button-item\",\n    templateUrl: \"./select-button-item.component.html\",\n    styleUrls: [\"./select-button-item.component.scss\"],\n})\nexport class SelectButtonItemComponent {\n    @Input({ required: true })\n    public label!: string;\n\n    @Input()\n    public active = false;\n\n    @Input()\n    public first = false;\n\n    @Input()\n    public last = false;\n\n    @Input()\n    public disabled = false;\n}\n","<button\n    class=\"select-button-item\"\n    [ngClass]=\"{\n        'select-button-item--active': active,\n        'select-button-item--disabled': disabled,\n        'select-button-item--first': first,\n        'select-button-item--last': last\n    }\">\n    <span class=\"select-button-item__label\">{{ label }}</span>\n</button>","import { Component, EventEmitter, Input, Output, forwardRef } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { SelectButtonItem } from './models/select-button-item';\n\n@Component({\n    selector: 's-select-button',\n    templateUrl: './select-button.component.html',\n    styleUrls: ['./select-button.component.scss'],\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => SelectButtonComponent),\n            multi: true,\n        },\n    ],\n})\nexport class SelectButtonComponent implements ControlValueAccessor {\n    @Input({ required: true })\n    public items!: SelectButtonItem[];\n\n    @Input()\n    public multiple = false;\n\n    @Output()\n    public itemSelected = new EventEmitter<SelectButtonItem[]>();\n\n    @Output()\n    public itemClicked = new EventEmitter<SelectButtonItem>();\n\n    public disabled = false;\n    public activeItems = new Set<SelectButtonItem>();\n    public onChange?: (value: SelectButtonItem[]) => void;\n    public onTouched?: (value: SelectButtonItem[]) => void;\n\n    public writeValue(value?: SelectButtonItem | SelectButtonItem[]): void {\n        if (!value) {\n            return;\n        }\n\n        this.activeItems.clear();\n\n        if (Array.isArray(value)) {\n            value.forEach((item: SelectButtonItem) => {\n                this.items.forEach((iItem: SelectButtonItem) => {\n                    if (this._compareItems(item, iItem)) {\n                        this.activeItems.add(iItem);\n                    }\n                });\n            });\n        } else {\n            this.items.forEach((iItem: SelectButtonItem) => {\n                if (this._compareItems(value, iItem)) {\n                    this.activeItems.add(iItem);\n                }\n            });\n        }\n    }\n\n    public registerOnChange(onChange: (value: SelectButtonItem[]) => void): void {\n        this.onChange = onChange;\n    }\n\n    public registerOnTouched(onTouched: (value: SelectButtonItem[]) => void): void {\n        this.onTouched = onTouched;\n    }\n\n    public setDisabledState(disabled: boolean): void {\n        this.disabled = disabled;\n    }\n\n    public onItemSelect(item: SelectButtonItem): void {\n        if (this.disabled || item.disabled) {\n            return;\n        }\n\n        this.itemClicked.emit(item);\n\n        if (!this.multiple) {\n            this.activeItems.clear();\n        }\n        this.activeItems.add(item);\n        this.itemSelected.emit([...this.activeItems]);\n\n        this.onChange?.([...this.activeItems]);\n        this.onTouched?.([...this.activeItems]);\n    }\n\n    private _compareItems(item1: SelectButtonItem, item2: SelectButtonItem): boolean {\n        const _compare = (a: any, b: any): boolean => {\n            if (a === b) {\n                return true;\n            }\n\n            if (\n                a === undefined ||\n                b === undefined ||\n                typeof a !== 'object' ||\n                a === null ||\n                typeof b !== 'object' ||\n                b === null\n            ) {\n                return false;\n            }\n\n            if (Array.isArray(a) !== Array.isArray(b)) {\n                return false;\n            }\n\n            let keysA = Object.keys(a);\n            let keysB = Object.keys(b);\n\n            if (keysA.length !== keysB.length) {\n                return false;\n            }\n\n            for (let key of keysA) {\n                if (!keysB.includes(key) || !_compare(a[key], b[key])) {\n                    return false;\n                }\n            }\n\n            for (let key in a) {\n                if (a.hasOwnProperty(key) !== b.hasOwnProperty(key)) {\n                    return false;\n                }\n            }\n\n            return true;\n        };\n\n        return _compare(item1, item2);\n    }\n}\n","<div\n    class=\"select-button\"\n    [ngClass]=\"{ 'select-button--disabled': disabled }\">\n    @for(item of items; track item.value; let i = $index) {\n        <s-select-button-item\n            *ngFor=\"let item of items; index as i\"\n            [label]=\"item.label\"\n            [active]=\"activeItems.has(item)\"\n            [disabled]=\"disabled || (item.disabled ?? false)\"\n            [first]=\"i === 0\"\n            [last]=\"i === items.length - 1\"\n            (click)=\"onItemSelect(item)\">\n        </s-select-button-item>\n    }\n</div>","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\n\nimport { SelectButtonComponent } from \"./select-button.component\";\nimport { SelectButtonItemComponent } from \"./components/select-button-item/select-button-item.component\";\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [\n        SelectButtonComponent,\n        SelectButtonItemComponent,\n    ],\n    exports: [SelectButtonComponent],\n})\nexport class SelectButtonModule { }","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2.SelectButtonItemComponent"],"mappings":"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"}

package/fesm2022/seniorsistemas-angular-components-shared.mjs

@@ -0,0 +1,82 @@
+import * as i0 from '@angular/core';
+import { Component, Input, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@seniorsistemas/angular-components/tooltip';
+import { TooltipModule } from '@seniorsistemas/angular-components/tooltip';
+
+var EnumSeverity;
+(function (EnumSeverity) {
+    EnumSeverity["Default"] = "default";
+    EnumSeverity["Info"] = "info";
+    EnumSeverity["Warn"] = "warn";
+    EnumSeverity["Error"] = "error";
+    EnumSeverity["Success"] = "success";
+})(EnumSeverity || (EnumSeverity = {}));
+
+class BorderButtonComponent {
+    severity = 'default';
+    options;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BorderButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: BorderButtonComponent, selector: "s-border-button", inputs: { severity: "severity", options: "options" }, ngImport: i0, template: "<button\n    class=\"border-button\"\n    [ngClass]=\"{\n        'border-button--severity-default': severity === 'default',\n        'border-button--severity-info': severity === 'info',\n        'border-button--severity-warn': severity === 'warn',\n        'border-button--severity-error': severity === 'error',\n        'border-button--severity-success': severity === 'success',\n        'border-button--disabled': options?.disabled ? options?.disabled(severity) : false,\n    }\"\n    (click)=\"options?.onClick ? options?.onClick(severity) : null\"\n    [sTooltip]=\"options?.tooltip?.(severity)\"\n    tooltipPosition=\"left\"\n    [disabled]=\"options?.disabled ? options?.disabled(severity) : false\"\n>\n    <span class=\"border-button__label\">\n        {{ options?.label ? options?.label(severity) : null }}\n    </span>\n    @if (options?.icon ? options?.icon(severity) : false) {\n        <span class=\"border-button__icon {{ options?.icon(severity) }}\"></span>\n    }\n</button>\n", styles: [".border-button{padding:0 8px;border:1px solid;border-radius:12px;height:23px;max-width:320px;display:flex;justify-content:center;align-items:center;cursor:pointer}.border-button__label{font-family:Open Sans,sans-serif;font-size:12px;line-height:150%;width:100%;display:block;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border-button__icon{font-size:12px;color:#333;margin-left:8px}.border-button--severity-default{border-color:#ccc;background-color:#fff}.border-button--severity-info{border-color:#428bca;background-color:#d5e8ec;transition:background-color .5s ease,border-color .5s ease}.border-button--severity-info:enabled:hover{background-color:#9ecad4;cursor:pointer}.border-button--severity-info:enabled:active{transition:none;background-color:#67acbc;border-color:#67acbc}.border-button--severity-warn{border-color:#f8931f;background-color:#fce3ba;transition:background-color .5s ease,border-color .5s ease}.border-button--severity-warn:enabled:hover{background-color:#f8bf5e;cursor:pointer}.border-button--severity-warn:enabled:active{transition:none;background-color:#f5a319;border-color:#f5a319}.border-button--severity-error{border-color:#c13018;background-color:#fcd2d2;transition:background-color .5s ease,border-color .5s ease}.border-button--severity-error:enabled:hover{background-color:#f89696;cursor:pointer}.border-button--severity-error:enabled:active{transition:none;background-color:#f45b5b;border-color:#f45b5b}.border-button--severity-success{border-color:#0c9348;background-color:#e6ffb3;transition:background-color .5s ease,border-color .5s ease}.border-button--severity-success:enabled:hover{background-color:#c8ff5c;cursor:pointer}.border-button--severity-success:enabled:active{transition:none;background-color:#ade500;border-color:#ade500}.border-button--disabled:disabled:hover{cursor:default}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BorderButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "s-border-button", template: "<button\n    class=\"border-button\"\n    [ngClass]=\"{\n        'border-button--severity-default': severity === 'default',\n        'border-button--severity-info': severity === 'info',\n        'border-button--severity-warn': severity === 'warn',\n        'border-button--severity-error': severity === 'error',\n        'border-button--severity-success': severity === 'success',\n        'border-button--disabled': options?.disabled ? options?.disabled(severity) : false,\n    }\"\n    (click)=\"options?.onClick ? options?.onClick(severity) : null\"\n    [sTooltip]=\"options?.tooltip?.(severity)\"\n    tooltipPosition=\"left\"\n    [disabled]=\"options?.disabled ? options?.disabled(severity) : false\"\n>\n    <span class=\"border-button__label\">\n        {{ options?.label ? options?.label(severity) : null }}\n    </span>\n    @if (options?.icon ? options?.icon(severity) : false) {\n        <span class=\"border-button__icon {{ options?.icon(severity) }}\"></span>\n    }\n</button>\n", styles: [".border-button{padding:0 8px;border:1px solid;border-radius:12px;height:23px;max-width:320px;display:flex;justify-content:center;align-items:center;cursor:pointer}.border-button__label{font-family:Open Sans,sans-serif;font-size:12px;line-height:150%;width:100%;display:block;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border-button__icon{font-size:12px;color:#333;margin-left:8px}.border-button--severity-default{border-color:#ccc;background-color:#fff}.border-button--severity-info{border-color:#428bca;background-color:#d5e8ec;transition:background-color .5s ease,border-color .5s ease}.border-button--severity-info:enabled:hover{background-color:#9ecad4;cursor:pointer}.border-button--severity-info:enabled:active{transition:none;background-color:#67acbc;border-color:#67acbc}.border-button--severity-warn{border-color:#f8931f;background-color:#fce3ba;transition:background-color .5s ease,border-color .5s ease}.border-button--severity-warn:enabled:hover{background-color:#f8bf5e;cursor:pointer}.border-button--severity-warn:enabled:active{transition:none;background-color:#f5a319;border-color:#f5a319}.border-button--severity-error{border-color:#c13018;background-color:#fcd2d2;transition:background-color .5s ease,border-color .5s ease}.border-button--severity-error:enabled:hover{background-color:#f89696;cursor:pointer}.border-button--severity-error:enabled:active{transition:none;background-color:#f45b5b;border-color:#f45b5b}.border-button--severity-success{border-color:#0c9348;background-color:#e6ffb3;transition:background-color .5s ease,border-color .5s ease}.border-button--severity-success:enabled:hover{background-color:#c8ff5c;cursor:pointer}.border-button--severity-success:enabled:active{transition:none;background-color:#ade500;border-color:#ade500}.border-button--disabled:disabled:hover{cursor:default}\n"] }]
+        }], propDecorators: { severity: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }] } });
+
+class BorderButtonModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BorderButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: BorderButtonModule, declarations: [BorderButtonComponent], imports: [CommonModule, TooltipModule], exports: [BorderButtonComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BorderButtonModule, imports: [CommonModule, TooltipModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BorderButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, TooltipModule],
+                    declarations: [BorderButtonComponent],
+                    exports: [BorderButtonComponent]
+                }]
+        }] });
+
+/**
+ * A decorator that can be used to disable functions based on a boolean property on the component.
+ *
+ * @param disabledField The name of the boolean property that will be used to determine if the decorated
+ * function should be disabled. Defaults to 'disabled'.
+ * @returns A decorator function that can be used to decorate a function.
+ *
+ * @example
+ * class MyComponent {
+ *   disabled = true;
+ *
+ *   @CheckDisabled()
+ *   onClick() {
+ *     console.log('Button was clicked');
+ *   }
+ * }
+ */
+function CheckDisabled(disabledField = 'disabled') {
+    return function (_target, _propertyKey, descriptor) {
+        const originalMethod = descriptor.value;
+        descriptor.value = function (...args) {
+            const self = this;
+            if (self[disabledField]) {
+                return;
+            }
+            return originalMethod.apply(this, args);
+        };
+        return descriptor;
+    };
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BorderButtonComponent, BorderButtonModule, CheckDisabled, EnumSeverity };
+//# sourceMappingURL=seniorsistemas-angular-components-shared.mjs.map

package/fesm2022/seniorsistemas-angular-components-shared.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"seniorsistemas-angular-components-shared.mjs","sources":["../../projects/angular-components/shared/src/lib/shared/models/severities.ts","../../projects/angular-components/shared/src/lib/shared/border-button/border-button.component.ts","../../projects/angular-components/shared/src/lib/shared/border-button/border-button.component.html","../../projects/angular-components/shared/src/lib/shared/border-button/border-button.module.ts","../../projects/angular-components/shared/src/lib/shared/helpers.ts","../../projects/angular-components/shared/src/seniorsistemas-angular-components-shared.ts"],"sourcesContent":["export type Severities = 'default' | 'info' | 'warn' | 'error' | 'success';\n\nexport enum EnumSeverity {\n    Default = 'default',\n    Info = 'info',\n    Warn = 'warn',\n    Error = 'error',\n    Success = 'success',\n}\n","import { Component, Input } from \"@angular/core\";\n\nimport { BorderButtonOptions } from \"../models/border-button-options\";\nimport { Severities } from \"../models/severities\";\n\n@Component({\n    selector: \"s-border-button\",\n    templateUrl: \"./border-button.component.html\",\n    styleUrls: [\"./border-button.component.scss\"],\n})\nexport class BorderButtonComponent {\n    @Input()\n    public severity: Severities = 'default';\n\n    @Input()\n    public options?: BorderButtonOptions;\n}\n","<button\n    class=\"border-button\"\n    [ngClass]=\"{\n        'border-button--severity-default': severity === 'default',\n        'border-button--severity-info': severity === 'info',\n        'border-button--severity-warn': severity === 'warn',\n        'border-button--severity-error': severity === 'error',\n        'border-button--severity-success': severity === 'success',\n        'border-button--disabled': options?.disabled ? options?.disabled(severity) : false,\n    }\"\n    (click)=\"options?.onClick ? options?.onClick(severity) : null\"\n    [sTooltip]=\"options?.tooltip?.(severity)\"\n    tooltipPosition=\"left\"\n    [disabled]=\"options?.disabled ? options?.disabled(severity) : false\"\n>\n    <span class=\"border-button__label\">\n        {{ options?.label ? options?.label(severity) : null }}\n    </span>\n    @if (options?.icon ? options?.icon(severity) : false) {\n        <span class=\"border-button__icon {{ options?.icon(severity) }}\"></span>\n    }\n</button>\n","import { CommonModule } from \"@angular/common\";\nimport { NgModule } from \"@angular/core\";\nimport { BorderButtonComponent } from \"./border-button.component\";\nimport { TooltipModule } from \"@seniorsistemas/angular-components/tooltip\";\n\n@NgModule({\n    imports: [CommonModule, TooltipModule],\n    declarations: [BorderButtonComponent],\n    exports: [BorderButtonComponent]\n})\nexport class BorderButtonModule { }\n","/**\n * A decorator that can be used to disable functions based on a boolean property on the component.\n *\n * @param disabledField The name of the boolean property that will be used to determine if the decorated\n * function should be disabled. Defaults to 'disabled'.\n * @returns A decorator function that can be used to decorate a function.\n *\n * @example\n * class MyComponent {\n *   disabled = true;\n *\n *   @CheckDisabled()\n *   onClick() {\n *     console.log('Button was clicked');\n *   }\n * }\n */\nexport function CheckDisabled(disabledField = 'disabled') {\n    return function (_target: any, _propertyKey: string, descriptor: PropertyDescriptor) {\n        const originalMethod = descriptor.value;\n        descriptor.value = function (...args: any[]) {\n            const self = this as Record<string, any>;\n            if (self[disabledField]) {\n                return;\n            }\n            return originalMethod.apply(this, args);\n        };\n\n        return descriptor;\n    };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/seniorsistemas-angular-components-sidebar.mjs

@@ -0,0 +1,118 @@
+import { trigger, transition, style, animate } from '@angular/animations';
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ContentChildren, Input, Output, NgModule } from '@angular/core';
+import { TemplateDirective, TemplateModule } from '@seniorsistemas/angular-components/template';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/cdk/a11y';
+import { A11yModule } from '@angular/cdk/a11y';
+
+class SidebarComponent {
+    templates = null;
+    visible = false;
+    closable = true;
+    dismissible = true;
+    closeOnEscape = true;
+    header;
+    largeSized = false;
+    cache = false;
+    set registerConfirmClose(fn) {
+        this._confirmClose = fn;
+    }
+    visibleChange = new EventEmitter();
+    headerTemplate = null;
+    bodyTemplate = null;
+    footerTemplate = null;
+    _confirmClose = () => true;
+    ngAfterContentInit() {
+        this._getTemplates();
+    }
+    closeSidebar() {
+        if (this._confirmClose()) {
+            this.visible = false;
+            this.visibleChange.emit(this.visible);
+        }
+    }
+    handleEscape(_) {
+        if (this.closeOnEscape) {
+            this.closeSidebar();
+        }
+    }
+    _getCustomTemplate(type) {
+        return this.templates?.find((template) => template.type === type)?.template ?? null;
+    }
+    getHeaderTemplate() {
+        return this._getCustomTemplate('header') ?? null;
+    }
+    getBodyTemplate() {
+        return this._getCustomTemplate('body') ?? null;
+    }
+    getFooterTemplate() {
+        return this._getCustomTemplate('footer') ?? null;
+    }
+    _getTemplates() {
+        this.headerTemplate = this.getHeaderTemplate();
+        this.bodyTemplate = this.getBodyTemplate();
+        this.footerTemplate = this.getFooterTemplate();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SidebarComponent, selector: "s-sidebar", inputs: { visible: "visible", closable: "closable", dismissible: "dismissible", closeOnEscape: "closeOnEscape", header: "header", largeSized: "largeSized", cache: "cache", registerConfirmClose: "registerConfirmClose" }, outputs: { visibleChange: "visibleChange" }, host: { listeners: { "document:keydown.escape": "handleEscape($event)" } }, queries: [{ propertyName: "templates", predicate: TemplateDirective }], ngImport: i0, template: "@if (visible) {\n\t<div\n\t\tclass=\"backdrop\"\n\t\t(click)=\"dismissible && closeSidebar()\"></div>\n}\n\n@if (cache || visible) {\n\t<div\n\t\tcdkTrapFocus\n\t\t[cdkTrapFocusAutoCapture]=\"visible\"\n\t\t[@visibilityChanged]\n\t\tclass=\"sidebar\"\n\t\t[class.sidebar--open]=\"visible\"\n\t\t[class.sidebar--large-size]=\"largeSized\">\n\t\t<div class=\"sidebar__header\">\n\t\t\t@if (headerTemplate) {\n\t\t\t\t<ng-template *ngTemplateOutlet=\"headerTemplate\"></ng-template>\n\t\t\t} @else {\n\t\t\t\t<span class=\"sidebar__header__title\">{{ header }}</span>\n\t\t\t}\n\t\t\t@if (closable) {\n\t\t\t\t<button\n\t\t\t\t\tclass=\"sidebar__header__close fa-solid fa-xmark\"\n\t\t\t\t\t(click)=\"closeSidebar()\"></button>\n\t\t\t}\n\t\t</div>\n\t\t<div class=\"sidebar__body\">\n\t\t\t@if (bodyTemplate) {\n\t\t\t\t<ng-template [ngTemplateOutlet]=\"bodyTemplate\"></ng-template>\n\t\t\t} @else {\n\t\t\t\t<ng-content></ng-content>\n\t\t\t}\n\t\t</div>\n\t\t@if (footerTemplate) {\n\t\t\t<div class=\"sidebar__footer\">\n\t\t\t\t<ng-template [ngTemplateOutlet]=\"footerTemplate\"></ng-template>\n\t\t\t</div>\n\t\t}\n\t</div>\n}\n", styles: [".backdrop{background-color:#00000080;height:100%;left:0;position:fixed;top:0;transition:opacity .3s;width:100%;z-index:9998}.sidebar{background-color:#fff;box-shadow:0 1px 5px #00000040;display:flex;flex-direction:column;height:100%;right:-100%;padding:1rem;position:fixed;top:0;transition:right .3s;width:100%;z-index:9999}.sidebar__header{border-bottom:1px solid #dedce5;display:flex;justify-content:space-between;padding-bottom:.75rem}.sidebar__header__title{color:#212533;font-family:Inter,sans-serif;font-size:1rem;text-transform:uppercase;-webkit-user-select:none;user-select:none}.sidebar__header__close{background-color:transparent;border:none;color:#212533;cursor:pointer;font-size:1rem;padding:.5rem}.sidebar__body{flex-grow:1;overflow:auto;padding:1rem .5rem}.sidebar__footer{border-top:1px solid #dedce5;padding-top:.75rem}.sidebar--open{right:0}@media (min-width: 768px){.sidebar{width:75%}}@media (min-width: 992px){.sidebar{width:50%}}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], animations: [
+            trigger('visibilityChanged', [
+                transition(':enter', [style({ transform: 'translateX(100%)' }), animate('300ms', style({ transform: 'translateX(0)' }))]),
+                transition(':leave', [style({ transform: 'translateX(0)' }), animate('300ms', style({ transform: 'translateX(100%)' }))]),
+            ]),
+        ] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SidebarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-sidebar', host: {
+                        '(document:keydown.escape)': 'handleEscape($event)',
+                    }, animations: [
+                        trigger('visibilityChanged', [
+                            transition(':enter', [style({ transform: 'translateX(100%)' }), animate('300ms', style({ transform: 'translateX(0)' }))]),
+                            transition(':leave', [style({ transform: 'translateX(0)' }), animate('300ms', style({ transform: 'translateX(100%)' }))]),
+                        ]),
+                    ], template: "@if (visible) {\n\t<div\n\t\tclass=\"backdrop\"\n\t\t(click)=\"dismissible && closeSidebar()\"></div>\n}\n\n@if (cache || visible) {\n\t<div\n\t\tcdkTrapFocus\n\t\t[cdkTrapFocusAutoCapture]=\"visible\"\n\t\t[@visibilityChanged]\n\t\tclass=\"sidebar\"\n\t\t[class.sidebar--open]=\"visible\"\n\t\t[class.sidebar--large-size]=\"largeSized\">\n\t\t<div class=\"sidebar__header\">\n\t\t\t@if (headerTemplate) {\n\t\t\t\t<ng-template *ngTemplateOutlet=\"headerTemplate\"></ng-template>\n\t\t\t} @else {\n\t\t\t\t<span class=\"sidebar__header__title\">{{ header }}</span>\n\t\t\t}\n\t\t\t@if (closable) {\n\t\t\t\t<button\n\t\t\t\t\tclass=\"sidebar__header__close fa-solid fa-xmark\"\n\t\t\t\t\t(click)=\"closeSidebar()\"></button>\n\t\t\t}\n\t\t</div>\n\t\t<div class=\"sidebar__body\">\n\t\t\t@if (bodyTemplate) {\n\t\t\t\t<ng-template [ngTemplateOutlet]=\"bodyTemplate\"></ng-template>\n\t\t\t} @else {\n\t\t\t\t<ng-content></ng-content>\n\t\t\t}\n\t\t</div>\n\t\t@if (footerTemplate) {\n\t\t\t<div class=\"sidebar__footer\">\n\t\t\t\t<ng-template [ngTemplateOutlet]=\"footerTemplate\"></ng-template>\n\t\t\t</div>\n\t\t}\n\t</div>\n}\n", styles: [".backdrop{background-color:#00000080;height:100%;left:0;position:fixed;top:0;transition:opacity .3s;width:100%;z-index:9998}.sidebar{background-color:#fff;box-shadow:0 1px 5px #00000040;display:flex;flex-direction:column;height:100%;right:-100%;padding:1rem;position:fixed;top:0;transition:right .3s;width:100%;z-index:9999}.sidebar__header{border-bottom:1px solid #dedce5;display:flex;justify-content:space-between;padding-bottom:.75rem}.sidebar__header__title{color:#212533;font-family:Inter,sans-serif;font-size:1rem;text-transform:uppercase;-webkit-user-select:none;user-select:none}.sidebar__header__close{background-color:transparent;border:none;color:#212533;cursor:pointer;font-size:1rem;padding:.5rem}.sidebar__body{flex-grow:1;overflow:auto;padding:1rem .5rem}.sidebar__footer{border-top:1px solid #dedce5;padding-top:.75rem}.sidebar--open{right:0}@media (min-width: 768px){.sidebar{width:75%}}@media (min-width: 992px){.sidebar{width:50%}}\n"] }]
+        }], propDecorators: { templates: [{
+                type: ContentChildren,
+                args: [TemplateDirective]
+            }], visible: [{
+                type: Input
+            }], closable: [{
+                type: Input
+            }], dismissible: [{
+                type: Input
+            }], closeOnEscape: [{
+                type: Input
+            }], header: [{
+                type: Input
+            }], largeSized: [{
+                type: Input
+            }], cache: [{
+                type: Input
+            }], registerConfirmClose: [{
+                type: Input
+            }], visibleChange: [{
+                type: Output
+            }] } });
+
+class SidebarModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SidebarModule, declarations: [SidebarComponent], imports: [CommonModule, A11yModule], exports: [SidebarComponent, TemplateModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SidebarModule, imports: [CommonModule, A11yModule, TemplateModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SidebarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, A11yModule],
+                    declarations: [SidebarComponent],
+                    exports: [SidebarComponent, TemplateModule],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SidebarComponent, SidebarModule };
+//# sourceMappingURL=seniorsistemas-angular-components-sidebar.mjs.map

package/fesm2022/seniorsistemas-angular-components-sidebar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"seniorsistemas-angular-components-sidebar.mjs","sources":["../../projects/angular-components/sidebar/src/lib/sidebar/sidebar.component.ts","../../projects/angular-components/sidebar/src/lib/sidebar/sidebar.component.html","../../projects/angular-components/sidebar/src/lib/sidebar/sidebar.module.ts","../../projects/angular-components/sidebar/src/seniorsistemas-angular-components-sidebar.ts"],"sourcesContent":["import { animate, style, transition, trigger } from '@angular/animations';\nimport { AfterContentInit, Component, ContentChildren, EventEmitter, Input, Output, QueryList, TemplateRef } from '@angular/core';\nimport { TemplateDirective } from '@seniorsistemas/angular-components/template';\n\n@Component({\n    selector: 's-sidebar',\n    templateUrl: './sidebar.component.html',\n    styleUrls: ['./sidebar.component.scss'],\n    host: {\n        '(document:keydown.escape)': 'handleEscape($event)',\n    },\n    animations: [\n        trigger('visibilityChanged', [\n            transition(':enter', [style({ transform: 'translateX(100%)' }), animate('300ms', style({ transform: 'translateX(0)' }))]),\n            transition(':leave', [style({ transform: 'translateX(0)' }), animate('300ms', style({ transform: 'translateX(100%)' }))]),\n        ]),\n    ],\n})\nexport class SidebarComponent implements AfterContentInit {\n    @ContentChildren(TemplateDirective)\n    public templates: QueryList<TemplateDirective> | null = null;\n\n    @Input()\n    public visible = false;\n\n    @Input()\n    public closable = true;\n\n    @Input()\n    public dismissible = true;\n\n    @Input()\n    public closeOnEscape = true;\n\n    @Input()\n    public header?: string;\n\n    @Input()\n    public largeSized = false;\n\n    @Input()\n    public cache = false;\n\n    @Input()\n    public set registerConfirmClose(fn: () => boolean) {\n        this._confirmClose = fn;\n    }\n\n    @Output()\n    public visibleChange = new EventEmitter<boolean>();\n\n    public headerTemplate: TemplateRef<unknown> | null = null;\n    public bodyTemplate: TemplateRef<unknown> | null = null;\n    public footerTemplate: TemplateRef<unknown> | null = null;\n\n    private _confirmClose = () => true;\n\n    public ngAfterContentInit(): void {\n        this._getTemplates();\n    }\n\n    public closeSidebar(): void {\n        if (this._confirmClose()) {\n            this.visible = false;\n            this.visibleChange.emit(this.visible);\n        }\n    }\n\n    public handleEscape(_: KeyboardEvent): void {\n        if (this.closeOnEscape) {\n            this.closeSidebar();\n        }\n    }\n\n    private _getCustomTemplate(type: string): TemplateRef<any> | null {\n        return this.templates?.find((template: TemplateDirective) => template.type === type)?.template ?? null;\n    }\n\n    private getHeaderTemplate(): TemplateRef<unknown> | null {\n        return this._getCustomTemplate('header') ?? null;\n    }\n\n    private getBodyTemplate(): TemplateRef<unknown> | null {\n        return this._getCustomTemplate('body') ?? null;\n    }\n\n    private getFooterTemplate(): TemplateRef<unknown> | null {\n        return this._getCustomTemplate('footer') ?? null;\n    }\n\n    private _getTemplates(): void {\n        this.headerTemplate = this.getHeaderTemplate();\n        this.bodyTemplate = this.getBodyTemplate();\n        this.footerTemplate = this.getFooterTemplate();\n    }\n}\n","@if (visible) {\n\t<div\n\t\tclass=\"backdrop\"\n\t\t(click)=\"dismissible && closeSidebar()\"></div>\n}\n\n@if (cache || visible) {\n\t<div\n\t\tcdkTrapFocus\n\t\t[cdkTrapFocusAutoCapture]=\"visible\"\n\t\t[@visibilityChanged]\n\t\tclass=\"sidebar\"\n\t\t[class.sidebar--open]=\"visible\"\n\t\t[class.sidebar--large-size]=\"largeSized\">\n\t\t<div class=\"sidebar__header\">\n\t\t\t@if (headerTemplate) {\n\t\t\t\t<ng-template *ngTemplateOutlet=\"headerTemplate\"></ng-template>\n\t\t\t} @else {\n\t\t\t\t<span class=\"sidebar__header__title\">{{ header }}</span>\n\t\t\t}\n\t\t\t@if (closable) {\n\t\t\t\t<button\n\t\t\t\t\tclass=\"sidebar__header__close fa-solid fa-xmark\"\n\t\t\t\t\t(click)=\"closeSidebar()\"></button>\n\t\t\t}\n\t\t</div>\n\t\t<div class=\"sidebar__body\">\n\t\t\t@if (bodyTemplate) {\n\t\t\t\t<ng-template [ngTemplateOutlet]=\"bodyTemplate\"></ng-template>\n\t\t\t} @else {\n\t\t\t\t<ng-content></ng-content>\n\t\t\t}\n\t\t</div>\n\t\t@if (footerTemplate) {\n\t\t\t<div class=\"sidebar__footer\">\n\t\t\t\t<ng-template [ngTemplateOutlet]=\"footerTemplate\"></ng-template>\n\t\t\t</div>\n\t\t}\n\t</div>\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { A11yModule } from '@angular/cdk/a11y';\n\nimport { SidebarComponent } from './sidebar.component';\nimport { TemplateModule } from '@seniorsistemas/angular-components/template';\n\n@NgModule({\n    imports: [CommonModule, A11yModule],\n    declarations: [SidebarComponent],\n    exports: [SidebarComponent, TemplateModule],\n})\nexport class SidebarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}