@seniorsistemas/angular-components 19.9.8 → 19.9.10

package/fesm2022/seniorsistemas-angular-components-object-card.mjs

@@ -221,7 +221,7 @@ class ObjectCardComponent {
         this.expandedChange.emit(this.expanded);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ObjectCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ObjectCardComponent, isStandalone: true, selector: "s-object-card", inputs: { id: "id", expanded: "expanded", expandTooltip: "expandTooltip", collapseTooltip: "collapseTooltip", fieldsMinWidth: "fieldsMinWidth", severity: "severity", borderButtonOptions: "borderButtonOptions" }, outputs: { expandedChange: "expandedChange" }, queries: [{ propertyName: "fields", predicate: ObjectCardFieldComponent, descendants: true, isSignal: true }, { propertyName: "main", first: true, predicate: ObjectCardMainComponent, descendants: true, static: true }], viewQueries: [{ propertyName: "container", first: true, predicate: ["contentContainer"], descendants: true, isSignal: true }, { propertyName: "cardMainContainer", first: true, predicate: ["cardMainContainer"], descendants: true, isSignal: true }, { propertyName: "iconContainer", first: true, predicate: ["iconContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n    [id]=\"id\"\n    class=\"object-card-container\"\n>\n    @if (borderButtonOptions?.visible ? borderButtonOptions?.visible(severity) : false) {\n        <s-border-button\n            [severity]=\"severity\"\n            [options]=\"borderButtonOptions\"\n            class=\"object-card__border-button\"\n            [@BorderButtonAnimation]\n        ></s-border-button>\n    }\n\n    <div\n        [id]=\"id + '-main-container'\"\n        class=\"main-container\"\n        #contentContainer\n        [ngClass]=\"{\n            'with-hidden-fields': fields().length > maxVisibleFields,\n            'with-visible-fields': fields().length && maxVisibleFields,\n            'main-container--severity-default': severity === 'default',\n            'main-container--severity-info': severity === 'info',\n            'main-container--severity-warn': severity === 'warn',\n            'main-container--severity-error': severity === 'error',\n            'main-container--severity-success': severity === 'success',\n        }\"\n    >\n        <div class=\"object-content\">\n            <div\n                class=\"s-object-card-main\"\n                #cardMainContainer\n                [style.min-width.px]=\"fieldsMinWidth\"\n            >\n                <ng-content select=\"s-object-card-main\"></ng-content>\n            </div>\n\n            @if (maxVisibleFields && fields().length) {\n                <div class=\"divider\"></div>\n            }\n\n            @for (field of fields() | slice: 0 : maxVisibleFields; track field.id) {\n                <div\n                    class=\"s-object-card-field\"\n                    [style.min-width.px]=\"fieldsMinWidth\"\n                >\n                    <ng-container *ngTemplateOutlet=\"field.content\"></ng-container>\n                </div>\n            }\n        </div>\n\n        <div\n            [id]=\"id + '-expand-icon-container'\"\n            class=\"expand-icon-container\"\n            #iconContainer\n            (click)=\"toggle()\"\n            [sTooltip]=\"expanded ? collapseTooltip : expandTooltip\"\n        >\n            <span\n                [id]=\"id + '-expand-icon'\"\n                class=\"expand-icon fa\"\n                [ngClass]=\"{ 'fa-minus': expanded, 'fa-plus': !expanded }\"\n            ></span>\n        </div>\n    </div>\n\n    <div\n        [id]=\"id + '-expandable-container'\"\n        [@expandableContent]=\"expanded\"\n        class=\"expandable-container\"\n        [ngClass]=\"{\n            'expandable-container--severity-default': severity === 'default',\n            'expandable-container--severity-info': severity === 'info',\n            'expandable-container--severity-warn': severity === 'warn',\n            'expandable-container--severity-error': severity === 'error',\n            'expandable-container--severity-success': severity === 'success',\n        }\"\n    >\n        <div class=\"childlist\">\n            @for (field of fields() | slice: maxVisibleFields : fields().length; track field.id) {\n                <div class=\"s-object-card-field\">\n                    <ng-container *ngTemplateOutlet=\"field.content\"></ng-container>\n                </div>\n            }\n        </div>\n    </div>\n</div>\n", styles: [":host{display:block}:host::ng-deep .sds-badge{height:auto;white-space:normal}.container{margin-bottom:20px;position:relative}.main-container{display:flex}.main-container,.expandable-container{background-color:#fff;border:1px solid #cccccc;position:relative;overflow:hidden;width:100%}.expandable-container--severity-default{border-color:#ccc;border-top:initial}.expandable-container--severity-info{transition:border-color .5s ease;border-color:#428bca;border-top:initial}.expandable-container--severity-warn{transition:border-color .5s ease;border-color:#f8931f;border-top:initial}.expandable-container--severity-error{transition:border-color .5s ease;border-color:#c13018;border-top:initial}.expandable-container--severity-success{transition:border-color .5s ease;border-color:#0c9348;border-top:initial}.main-container--severity-default{border-color:#ccc}.main-container--severity-info{transition:border-color .5s ease;border-color:#428bca}.main-container--severity-warn{transition:border-color .5s ease;border-color:#f8931f}.main-container--severity-error{transition:border-color .5s ease;border-color:#c13018}.main-container--severity-success{transition:border-color .5s ease;border-color:#0c9348}.object-card__border-button{position:absolute;top:-13px;right:15px;z-index:1}.expandable-container{border-top:none;box-shadow:inset 0 6px 4px -4px #ddd;margin-top:-1px}.expand-icon-container{display:flex;text-align:center;align-items:center;cursor:pointer;padding:12px}.expand-icon{flex:1}.object-content{display:flex;width:100%}.s-object-card-main{overflow:hidden;padding:15px}.main-container.with-visible-fields .s-object-card-main{max-width:30%}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.main-container.with-visible-fields .s-object-card-main{width:20%}}.s-object-card-field{overflow:hidden;height:100%}.main-container .s-object-card-field{padding:15px}.main-container .divider{width:1px;flex-shrink:0;background-color:#ccc;margin:15px -1px 15px 0}.main-container.with-hidden-fields .object-content{width:calc(100% - 35px)}.main-container.with-hidden-fields .expand-icon-container{display:flex}::ng-deep .object-card-button{padding-left:0!important;padding-right:10px!important;border:none!important;height:auto!important;min-width:auto!important;text-align:left!important}@media (max-width: 767px){.s-object-card-main{max-width:calc(100% - 50px)}}.childlist{width:100%;display:flex;flex-wrap:wrap;padding:1em;gap:1em}\n"], dependencies: [{ kind: "component", type: BorderButtonComponent, selector: "s-border-button", inputs: ["severity", "options"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "pipe", type: SlicePipe, name: "slice" }], animations: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ObjectCardComponent, isStandalone: true, selector: "s-object-card", inputs: { id: "id", expanded: "expanded", expandTooltip: "expandTooltip", collapseTooltip: "collapseTooltip", fieldsMinWidth: "fieldsMinWidth", severity: "severity", borderButtonOptions: "borderButtonOptions" }, outputs: { expandedChange: "expandedChange" }, queries: [{ propertyName: "fields", predicate: ObjectCardFieldComponent, descendants: true, isSignal: true }, { propertyName: "main", first: true, predicate: ObjectCardMainComponent, descendants: true, static: true }], viewQueries: [{ propertyName: "container", first: true, predicate: ["contentContainer"], descendants: true, isSignal: true }, { propertyName: "cardMainContainer", first: true, predicate: ["cardMainContainer"], descendants: true, isSignal: true }, { propertyName: "iconContainer", first: true, predicate: ["iconContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n    [id]=\"id\"\n    class=\"object-card-container\"\n>\n    @if (borderButtonOptions?.visible ? borderButtonOptions?.visible(severity) : false) {\n        <s-border-button\n            [severity]=\"severity\"\n            [options]=\"borderButtonOptions\"\n            class=\"object-card__border-button\"\n            [@BorderButtonAnimation]\n        ></s-border-button>\n    }\n\n    <div\n        [id]=\"id + '-main-container'\"\n        class=\"main-container\"\n        #contentContainer\n        [ngClass]=\"{\n            'with-hidden-fields': fields().length > maxVisibleFields,\n            'with-visible-fields': fields().length && maxVisibleFields,\n            'main-container--severity-default': severity === 'default',\n            'main-container--severity-info': severity === 'info',\n            'main-container--severity-warn': severity === 'warn',\n            'main-container--severity-error': severity === 'error',\n            'main-container--severity-success': severity === 'success',\n        }\"\n    >\n        <div class=\"object-content\">\n            <div\n                class=\"s-object-card-main\"\n                #cardMainContainer\n                [style.min-width.px]=\"fieldsMinWidth\"\n            >\n                <ng-content select=\"s-object-card-main\"></ng-content>\n            </div>\n\n            @if (maxVisibleFields && fields().length) {\n                <div class=\"divider\"></div>\n            }\n\n            @for (field of fields() | slice: 0 : maxVisibleFields; track field.id) {\n                <div\n                    class=\"s-object-card-field\"\n                    [style.min-width.px]=\"fieldsMinWidth\"\n                >\n                    <ng-container *ngTemplateOutlet=\"field.content\"></ng-container>\n                </div>\n            }\n        </div>\n\n        <div\n            [id]=\"id + '-expand-icon-container'\"\n            class=\"expand-icon-container\"\n            #iconContainer\n            tabindex=\"0\"\n            role=\"button\"\n            [attr.aria-expanded]=\"expanded\"\n            (click)=\"toggle()\"\n            (keydown.enter)=\"toggle()\"\n            (keydown.space)=\"toggle(); $event.preventDefault()\"\n            [sTooltip]=\"expanded ? collapseTooltip : expandTooltip\"\n        >\n            <span\n                [id]=\"id + '-expand-icon'\"\n                class=\"expand-icon fa\"\n                [ngClass]=\"{ 'fa-minus': expanded, 'fa-plus': !expanded }\"\n            ></span>\n        </div>\n    </div>\n\n    <div\n        [id]=\"id + '-expandable-container'\"\n        [@expandableContent]=\"expanded\"\n        class=\"expandable-container\"\n        [ngClass]=\"{\n            'expandable-container--severity-default': severity === 'default',\n            'expandable-container--severity-info': severity === 'info',\n            'expandable-container--severity-warn': severity === 'warn',\n            'expandable-container--severity-error': severity === 'error',\n            'expandable-container--severity-success': severity === 'success',\n        }\"\n    >\n        <div class=\"childlist\">\n            @for (field of fields() | slice: maxVisibleFields : fields().length; track field.id) {\n                <div class=\"s-object-card-field\">\n                    <ng-container *ngTemplateOutlet=\"field.content\"></ng-container>\n                </div>\n            }\n        </div>\n    </div>\n</div>\n", styles: [":host{display:block}:host::ng-deep .sds-badge{height:auto;white-space:normal}.container{margin-bottom:20px;position:relative}.main-container{display:flex}.main-container,.expandable-container{background-color:#fff;border:1px solid #cccccc;position:relative;overflow:hidden;width:100%}.expandable-container--severity-default{border-color:#ccc;border-top:initial}.expandable-container--severity-info{transition:border-color .5s ease;border-color:#428bca;border-top:initial}.expandable-container--severity-warn{transition:border-color .5s ease;border-color:#f8931f;border-top:initial}.expandable-container--severity-error{transition:border-color .5s ease;border-color:#c13018;border-top:initial}.expandable-container--severity-success{transition:border-color .5s ease;border-color:#0c9348;border-top:initial}.main-container--severity-default{border-color:#ccc}.main-container--severity-info{transition:border-color .5s ease;border-color:#428bca}.main-container--severity-warn{transition:border-color .5s ease;border-color:#f8931f}.main-container--severity-error{transition:border-color .5s ease;border-color:#c13018}.main-container--severity-success{transition:border-color .5s ease;border-color:#0c9348}.object-card__border-button{position:absolute;top:-13px;right:15px;z-index:1}.expandable-container{border-top:none;box-shadow:inset 0 6px 4px -4px #ddd;margin-top:-1px}.expand-icon-container{display:flex;text-align:center;align-items:center;cursor:pointer;padding:12px;border-radius:50%}.expand-icon-container:focus-visible{outline:2px solid var(--s-focus-ring-color);outline-offset:3px}.expand-icon{flex:1}.object-content{display:flex;width:100%}.s-object-card-main{overflow:hidden;padding:15px}.main-container.with-visible-fields .s-object-card-main{max-width:30%}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.main-container.with-visible-fields .s-object-card-main{width:20%}}.s-object-card-field{overflow:hidden;height:100%}.main-container .s-object-card-field{padding:15px}.main-container .divider{width:1px;flex-shrink:0;background-color:#ccc;margin:15px -1px 15px 0}.main-container.with-hidden-fields .object-content{width:calc(100% - 35px)}.main-container.with-hidden-fields .expand-icon-container{display:flex}::ng-deep .info-container>s-button{min-width:0!important;max-width:100%!important}::ng-deep .object-card-button{padding-left:0!important;padding-right:10px!important;border:none!important;height:auto!important;min-width:0!important;max-width:100%!important;text-align:left!important}::ng-deep .object-card-button:focus-visible{outline-offset:-2px!important}@media (max-width: 767px){.s-object-card-main{max-width:calc(100% - 50px)}}.childlist{width:100%;display:flex;flex-wrap:wrap;padding:1em;gap:1em}\n"], dependencies: [{ kind: "component", type: BorderButtonComponent, selector: "s-border-button", inputs: ["severity", "options"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "pipe", type: SlicePipe, name: "slice" }], animations: [
             trigger('expandableContent', [
                 state('*', style({
                     height: '0',
@@ -273,7 +273,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                                 animate('300ms ease', style({ transform: 'scaleY(0)', opacity: 0 })),
                             ]),
                         ]),
-                    ], standalone: true, imports: [BorderButtonComponent, NgClass, NgTemplateOutlet, TooltipDirective, SlicePipe], template: "<div\n    [id]=\"id\"\n    class=\"object-card-container\"\n>\n    @if (borderButtonOptions?.visible ? borderButtonOptions?.visible(severity) : false) {\n        <s-border-button\n            [severity]=\"severity\"\n            [options]=\"borderButtonOptions\"\n            class=\"object-card__border-button\"\n            [@BorderButtonAnimation]\n        ></s-border-button>\n    }\n\n    <div\n        [id]=\"id + '-main-container'\"\n        class=\"main-container\"\n        #contentContainer\n        [ngClass]=\"{\n            'with-hidden-fields': fields().length > maxVisibleFields,\n            'with-visible-fields': fields().length && maxVisibleFields,\n            'main-container--severity-default': severity === 'default',\n            'main-container--severity-info': severity === 'info',\n            'main-container--severity-warn': severity === 'warn',\n            'main-container--severity-error': severity === 'error',\n            'main-container--severity-success': severity === 'success',\n        }\"\n    >\n        <div class=\"object-content\">\n            <div\n                class=\"s-object-card-main\"\n                #cardMainContainer\n                [style.min-width.px]=\"fieldsMinWidth\"\n            >\n                <ng-content select=\"s-object-card-main\"></ng-content>\n            </div>\n\n            @if (maxVisibleFields && fields().length) {\n                <div class=\"divider\"></div>\n            }\n\n            @for (field of fields() | slice: 0 : maxVisibleFields; track field.id) {\n                <div\n                    class=\"s-object-card-field\"\n                    [style.min-width.px]=\"fieldsMinWidth\"\n                >\n                    <ng-container *ngTemplateOutlet=\"field.content\"></ng-container>\n                </div>\n            }\n        </div>\n\n        <div\n            [id]=\"id + '-expand-icon-container'\"\n            class=\"expand-icon-container\"\n            #iconContainer\n            (click)=\"toggle()\"\n            [sTooltip]=\"expanded ? collapseTooltip : expandTooltip\"\n        >\n            <span\n                [id]=\"id + '-expand-icon'\"\n                class=\"expand-icon fa\"\n                [ngClass]=\"{ 'fa-minus': expanded, 'fa-plus': !expanded }\"\n            ></span>\n        </div>\n    </div>\n\n    <div\n        [id]=\"id + '-expandable-container'\"\n        [@expandableContent]=\"expanded\"\n        class=\"expandable-container\"\n        [ngClass]=\"{\n            'expandable-container--severity-default': severity === 'default',\n            'expandable-container--severity-info': severity === 'info',\n            'expandable-container--severity-warn': severity === 'warn',\n            'expandable-container--severity-error': severity === 'error',\n            'expandable-container--severity-success': severity === 'success',\n        }\"\n    >\n        <div class=\"childlist\">\n            @for (field of fields() | slice: maxVisibleFields : fields().length; track field.id) {\n                <div class=\"s-object-card-field\">\n                    <ng-container *ngTemplateOutlet=\"field.content\"></ng-container>\n                </div>\n            }\n        </div>\n    </div>\n</div>\n", styles: [":host{display:block}:host::ng-deep .sds-badge{height:auto;white-space:normal}.container{margin-bottom:20px;position:relative}.main-container{display:flex}.main-container,.expandable-container{background-color:#fff;border:1px solid #cccccc;position:relative;overflow:hidden;width:100%}.expandable-container--severity-default{border-color:#ccc;border-top:initial}.expandable-container--severity-info{transition:border-color .5s ease;border-color:#428bca;border-top:initial}.expandable-container--severity-warn{transition:border-color .5s ease;border-color:#f8931f;border-top:initial}.expandable-container--severity-error{transition:border-color .5s ease;border-color:#c13018;border-top:initial}.expandable-container--severity-success{transition:border-color .5s ease;border-color:#0c9348;border-top:initial}.main-container--severity-default{border-color:#ccc}.main-container--severity-info{transition:border-color .5s ease;border-color:#428bca}.main-container--severity-warn{transition:border-color .5s ease;border-color:#f8931f}.main-container--severity-error{transition:border-color .5s ease;border-color:#c13018}.main-container--severity-success{transition:border-color .5s ease;border-color:#0c9348}.object-card__border-button{position:absolute;top:-13px;right:15px;z-index:1}.expandable-container{border-top:none;box-shadow:inset 0 6px 4px -4px #ddd;margin-top:-1px}.expand-icon-container{display:flex;text-align:center;align-items:center;cursor:pointer;padding:12px}.expand-icon{flex:1}.object-content{display:flex;width:100%}.s-object-card-main{overflow:hidden;padding:15px}.main-container.with-visible-fields .s-object-card-main{max-width:30%}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.main-container.with-visible-fields .s-object-card-main{width:20%}}.s-object-card-field{overflow:hidden;height:100%}.main-container .s-object-card-field{padding:15px}.main-container .divider{width:1px;flex-shrink:0;background-color:#ccc;margin:15px -1px 15px 0}.main-container.with-hidden-fields .object-content{width:calc(100% - 35px)}.main-container.with-hidden-fields .expand-icon-container{display:flex}::ng-deep .object-card-button{padding-left:0!important;padding-right:10px!important;border:none!important;height:auto!important;min-width:auto!important;text-align:left!important}@media (max-width: 767px){.s-object-card-main{max-width:calc(100% - 50px)}}.childlist{width:100%;display:flex;flex-wrap:wrap;padding:1em;gap:1em}\n"] }]
+                    ], standalone: true, imports: [BorderButtonComponent, NgClass, NgTemplateOutlet, TooltipDirective, SlicePipe], template: "<div\n    [id]=\"id\"\n    class=\"object-card-container\"\n>\n    @if (borderButtonOptions?.visible ? borderButtonOptions?.visible(severity) : false) {\n        <s-border-button\n            [severity]=\"severity\"\n            [options]=\"borderButtonOptions\"\n            class=\"object-card__border-button\"\n            [@BorderButtonAnimation]\n        ></s-border-button>\n    }\n\n    <div\n        [id]=\"id + '-main-container'\"\n        class=\"main-container\"\n        #contentContainer\n        [ngClass]=\"{\n            'with-hidden-fields': fields().length > maxVisibleFields,\n            'with-visible-fields': fields().length && maxVisibleFields,\n            'main-container--severity-default': severity === 'default',\n            'main-container--severity-info': severity === 'info',\n            'main-container--severity-warn': severity === 'warn',\n            'main-container--severity-error': severity === 'error',\n            'main-container--severity-success': severity === 'success',\n        }\"\n    >\n        <div class=\"object-content\">\n            <div\n                class=\"s-object-card-main\"\n                #cardMainContainer\n                [style.min-width.px]=\"fieldsMinWidth\"\n            >\n                <ng-content select=\"s-object-card-main\"></ng-content>\n            </div>\n\n            @if (maxVisibleFields && fields().length) {\n                <div class=\"divider\"></div>\n            }\n\n            @for (field of fields() | slice: 0 : maxVisibleFields; track field.id) {\n                <div\n                    class=\"s-object-card-field\"\n                    [style.min-width.px]=\"fieldsMinWidth\"\n                >\n                    <ng-container *ngTemplateOutlet=\"field.content\"></ng-container>\n                </div>\n            }\n        </div>\n\n        <div\n            [id]=\"id + '-expand-icon-container'\"\n            class=\"expand-icon-container\"\n            #iconContainer\n            tabindex=\"0\"\n            role=\"button\"\n            [attr.aria-expanded]=\"expanded\"\n            (click)=\"toggle()\"\n            (keydown.enter)=\"toggle()\"\n            (keydown.space)=\"toggle(); $event.preventDefault()\"\n            [sTooltip]=\"expanded ? collapseTooltip : expandTooltip\"\n        >\n            <span\n                [id]=\"id + '-expand-icon'\"\n                class=\"expand-icon fa\"\n                [ngClass]=\"{ 'fa-minus': expanded, 'fa-plus': !expanded }\"\n            ></span>\n        </div>\n    </div>\n\n    <div\n        [id]=\"id + '-expandable-container'\"\n        [@expandableContent]=\"expanded\"\n        class=\"expandable-container\"\n        [ngClass]=\"{\n            'expandable-container--severity-default': severity === 'default',\n            'expandable-container--severity-info': severity === 'info',\n            'expandable-container--severity-warn': severity === 'warn',\n            'expandable-container--severity-error': severity === 'error',\n            'expandable-container--severity-success': severity === 'success',\n        }\"\n    >\n        <div class=\"childlist\">\n            @for (field of fields() | slice: maxVisibleFields : fields().length; track field.id) {\n                <div class=\"s-object-card-field\">\n                    <ng-container *ngTemplateOutlet=\"field.content\"></ng-container>\n                </div>\n            }\n        </div>\n    </div>\n</div>\n", styles: [":host{display:block}:host::ng-deep .sds-badge{height:auto;white-space:normal}.container{margin-bottom:20px;position:relative}.main-container{display:flex}.main-container,.expandable-container{background-color:#fff;border:1px solid #cccccc;position:relative;overflow:hidden;width:100%}.expandable-container--severity-default{border-color:#ccc;border-top:initial}.expandable-container--severity-info{transition:border-color .5s ease;border-color:#428bca;border-top:initial}.expandable-container--severity-warn{transition:border-color .5s ease;border-color:#f8931f;border-top:initial}.expandable-container--severity-error{transition:border-color .5s ease;border-color:#c13018;border-top:initial}.expandable-container--severity-success{transition:border-color .5s ease;border-color:#0c9348;border-top:initial}.main-container--severity-default{border-color:#ccc}.main-container--severity-info{transition:border-color .5s ease;border-color:#428bca}.main-container--severity-warn{transition:border-color .5s ease;border-color:#f8931f}.main-container--severity-error{transition:border-color .5s ease;border-color:#c13018}.main-container--severity-success{transition:border-color .5s ease;border-color:#0c9348}.object-card__border-button{position:absolute;top:-13px;right:15px;z-index:1}.expandable-container{border-top:none;box-shadow:inset 0 6px 4px -4px #ddd;margin-top:-1px}.expand-icon-container{display:flex;text-align:center;align-items:center;cursor:pointer;padding:12px;border-radius:50%}.expand-icon-container:focus-visible{outline:2px solid var(--s-focus-ring-color);outline-offset:3px}.expand-icon{flex:1}.object-content{display:flex;width:100%}.s-object-card-main{overflow:hidden;padding:15px}.main-container.with-visible-fields .s-object-card-main{max-width:30%}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.main-container.with-visible-fields .s-object-card-main{width:20%}}.s-object-card-field{overflow:hidden;height:100%}.main-container .s-object-card-field{padding:15px}.main-container .divider{width:1px;flex-shrink:0;background-color:#ccc;margin:15px -1px 15px 0}.main-container.with-hidden-fields .object-content{width:calc(100% - 35px)}.main-container.with-hidden-fields .expand-icon-container{display:flex}::ng-deep .info-container>s-button{min-width:0!important;max-width:100%!important}::ng-deep .object-card-button{padding-left:0!important;padding-right:10px!important;border:none!important;height:auto!important;min-width:0!important;max-width:100%!important;text-align:left!important}::ng-deep .object-card-button:focus-visible{outline-offset:-2px!important}@media (max-width: 767px){.s-object-card-main{max-width:calc(100% - 50px)}}.childlist{width:100%;display:flex;flex-wrap:wrap;padding:1em;gap:1em}\n"] }]
         }], propDecorators: { id: [{
                 type: Input
             }], expanded: [{

package/fesm2022/seniorsistemas-angular-components-object-card.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"seniorsistemas-angular-components-object-card.mjs","sources":["../../projects/angular-components/object-card/src/lib/object-card/elements/field/object-card-field.component.ts","../../projects/angular-components/object-card/src/lib/object-card/elements/field/object-card-field.component.html","../../projects/angular-components/object-card/src/lib/object-card/elements/main/object-card-main.component.ts","../../projects/angular-components/object-card/src/lib/object-card/elements/main/object-card-main.component.html","../../projects/angular-components/object-card/src/lib/object-card/object-card.component.ts","../../projects/angular-components/object-card/src/lib/object-card/object-card.component.html","../../projects/angular-components/object-card/src/lib/object-card/object-card.module.ts","../../projects/angular-components/object-card/src/seniorsistemas-angular-components-object-card.ts"],"sourcesContent":["import { Component, ContentChild, EventEmitter, input, Input, Output, TemplateRef, ViewChild } from '@angular/core';\r\nimport { BadgeColors, BadgeComponent } from '@seniorsistemas/angular-components/badge';\r\nimport {\r\n    ThumbnailComponent,\r\n    ThumbnailComponent as ThumbnailComponent_1,\r\n} from '@seniorsistemas/angular-components/thumbnail';\r\n\r\nimport { TieredMenuItemData } from '@seniorsistemas/angular-components/tiered-menu';\r\nimport { TooltipDirective } from '@seniorsistemas/angular-components/tooltip';\r\nimport { ButtonComponent } from '@seniorsistemas/angular-components/button';\r\n\r\n@Component({\r\n    selector: 's-object-card-field',\r\n    templateUrl: './object-card-field.component.html',\r\n    styleUrls: ['./object-card-field.component.scss'],\r\n    standalone: true,\r\n    imports: [ThumbnailComponent_1, TooltipDirective, BadgeComponent, ButtonComponent],\r\n})\r\nexport class ObjectCardFieldComponent {\r\n    public static nextId = 0;\r\n\r\n    @Input()\r\n    public id = `s-object-card-field-${ObjectCardFieldComponent.nextId++}`;\r\n\r\n    @Input()\r\n    public imageSource?: string;\r\n\r\n    @Input()\r\n    public imageAlt?: string;\r\n\r\n    @Input()\r\n    public iconClass?: string;\r\n\r\n    @Input()\r\n    public label?: string;\r\n\r\n    @Input()\r\n    public description?: string;\r\n\r\n    @Input()\r\n    public buttonLabel?: string;\r\n\r\n    @Input()\r\n    public buttonModel: TieredMenuItemData[] = [];\r\n\r\n    @Output()\r\n    public buttonClick = new EventEmitter();\r\n\r\n    @ContentChild(ThumbnailComponent, { static: true })\r\n    public thumbnailComponent: ThumbnailComponent | null = null;\r\n\r\n    @ViewChild(TemplateRef, { static: true })\r\n    public content: TemplateRef<any> | null = null;\r\n\r\n    badge = input<string>('');\r\n\r\n    badgeColor = input<BadgeColors>('blue');\r\n}\r\n","<ng-template>\n    <div class=\"container\">\n        <ng-content select=\"s-thumbnail\"></ng-content>\n        @if (!thumbnailComponent && (imageSource || iconClass)) {\n            <s-thumbnail\n                [id]=\"id + '-thumbnail'\"\n                [imageSource]=\"imageSource\"\n                [imageAlt]=\"imageAlt || label\"\n                [iconClass]=\"iconClass ?? ''\"\n                size=\"small\"\n            ></s-thumbnail>\n        }\n\n        <div class=\"info-container\">\n            <div #labelTemplate><ng-content select=\"[labelTemplate]\"></ng-content></div>\n\n            @if (!labelTemplate.children.length) {\n                <span\n                    [id]=\"id + '-label'\"\n                    class=\"label\"\n                    [sTooltip]=\"label\"\n                    >{{ label }}</span\n                >\n            }\n\n            <div #descriptionTemplate>\n                @if (!badge()) {\n                    <ng-content select=\"[descriptionTemplate]\"></ng-content>\n                }\n            </div>\n            @if (!descriptionTemplate.children.length) {\n                <span\n                    [id]=\"id + '-description'\"\n                    class=\"description\"\n                    [sTooltip]=\"description\"\n                    >{{ description }}</span\n                >\n            }\n\n            @if (badge()) {\n                <s-badge\n                    [text]=\"badge()\"\n                    [color]=\"badgeColor()\"\n                    [enableTruncateText]=\"true\"\n                >\n                </s-badge>\n            }\n            @if (buttonLabel) {\n                <s-button\n                    [id]=\"id + '-button'\"\n                    styleClass=\"object-card-button\"\n                    priority=\"link\"\n                    [label]=\"buttonLabel\"\n                    [menuOptions]=\"buttonModel\"\n                    size=\"small\"\n                    (clicked)=\"buttonClick.emit($event)\"\n                ></s-button>\n            }\n        </div>\n    </div>\n</ng-template>\n\n","import { AfterContentInit, Component, ContentChild, EventEmitter, HostListener, Input, Output } from '@angular/core';\r\n\r\nimport {\r\n    ThumbnailComponent,\r\n    ThumbnailSize,\r\n    ThumbnailComponent as ThumbnailComponent_1,\r\n} from '@seniorsistemas/angular-components/thumbnail';\r\nimport { TieredMenuItemData } from '@seniorsistemas/angular-components/tiered-menu';\r\nimport { Breakpoints } from '@seniorsistemas/angular-components/utils';\r\n\r\nimport { TooltipDirective } from '@seniorsistemas/angular-components/tooltip';\r\nimport { ButtonComponent } from '@seniorsistemas/angular-components/button';\r\n\r\n@Component({\r\n    selector: 's-object-card-main',\r\n    templateUrl: './object-card-main.component.html',\r\n    styleUrls: ['./object-card-main.component.scss'],\r\n    standalone: true,\r\n    imports: [ThumbnailComponent_1, TooltipDirective, ButtonComponent],\r\n})\r\nexport class ObjectCardMainComponent implements AfterContentInit {\r\n    public static readonly nextIdSeed = 0;\r\n    private static _nextId = ObjectCardMainComponent.nextIdSeed;\r\n\r\n    public static getNextId(): number {\r\n        return this._nextId++;\r\n    }\r\n\r\n    @Input()\r\n    public id = `s-object-card-main-${ObjectCardMainComponent.getNextId()}`;\r\n\r\n    @Input()\r\n    public imageSource?: string;\r\n\r\n    @Input()\r\n    public imageFallback?: string;\r\n\r\n    @Input()\r\n    public imageAlt?: string;\r\n\r\n    @Input()\r\n    public iconClass = 'fa fa-picture-o';\r\n\r\n    @Input()\r\n    public hasThumbnail = true;\r\n\r\n    @Input()\r\n    public hasDescription = true;\r\n\r\n    @Input()\r\n    public isBrand = false;\r\n\r\n    @Input()\r\n    public label?: string;\r\n\r\n    @Input()\r\n    public description?: string;\r\n\r\n    @Input()\r\n    public buttonLabel?: string;\r\n\r\n    @Input()\r\n    public buttonModel: TieredMenuItemData[] = [];\r\n\r\n    @Output()\r\n    public buttonClick: EventEmitter<any> = new EventEmitter();\r\n\r\n    @ContentChild(ThumbnailComponent, { static: true })\r\n    public thumbnailComponent: ThumbnailComponent | null = null;\r\n\r\n    private _thumbnailSize: ThumbnailSize = 'medium';\r\n\r\n    public get thumbnailSize() {\r\n        return this._thumbnailSize;\r\n    }\r\n\r\n    public set thumbnailSize(value: ThumbnailSize) {\r\n        this._thumbnailSize = value;\r\n        if (this.thumbnailComponent) {\r\n            this.thumbnailComponent.size = value;\r\n        }\r\n    }\r\n\r\n    @HostListener('window:resize')\r\n    public onResize(): void {\r\n        this.update();\r\n    }\r\n\r\n    public ngAfterContentInit(): void {\r\n        this.update();\r\n    }\r\n\r\n    public update(): void {\r\n        this.thumbnailSize = window.innerWidth <= Breakpoints.SM_MAX ? 'small' : 'medium';\r\n    }\r\n}\r\n","@if (hasThumbnail) {\r\n    <ng-content select=\"s-thumbnail\"></ng-content>\r\n    @if (!thumbnailComponent) {\r\n        <s-thumbnail\r\n            [id]=\"id + '-thumbnail'\"\r\n            [imageSource]=\"imageSource\"\r\n            [imageFallback]=\"imageFallback\"\r\n            [imageAlt]=\"imageAlt || label\"\r\n            [iconClass]=\"iconClass\"\r\n            [size]=\"thumbnailSize\"\r\n            [isBrand]=\"isBrand\"\r\n        ></s-thumbnail>\r\n    }\r\n}\r\n\r\n@if (hasDescription) {\r\n    <div class=\"info-container\">\r\n        <div #labelTemplate><ng-content select=\"[labelTemplate]\"></ng-content></div>\r\n        @if (!labelTemplate.children.length) {\r\n            <span\r\n                [id]=\"id + '-label'\"\r\n                class=\"label\"\r\n                [sTooltip]=\"label\"\r\n                tooltipPosition=\"top\"\r\n                [showDelay]=\"500\"\r\n                >{{ label }}</span\r\n            >\r\n        }\r\n        <div #descriptionTemplate><ng-content select=\"[descriptionTemplate]\"></ng-content></div>\r\n        @if (!descriptionTemplate.children.length) {\r\n            <span\r\n                [id]=\"id + '-description'\"\r\n                class=\"description\"\r\n                [sTooltip]=\"description\"\r\n                tooltipPosition=\"top\"\r\n                [showDelay]=\"500\"\r\n                >{{ description }}</span\r\n            >\r\n        }\r\n        @if (buttonLabel) {\r\n            <s-button\r\n                [id]=\"id + '-button'\"\r\n                styleClass=\"object-card-button\"\r\n                priority=\"link\"\r\n                [label]=\"buttonLabel\"\r\n                [menuOptions]=\"buttonModel\"\r\n                size=\"small\"\r\n                (clicked)=\"buttonClick.emit($event)\"\r\n            ></s-button>\r\n        }\r\n    </div>\r\n}\r\n","import { animate, state, style, transition, trigger } from '@angular/animations';\r\nimport {\r\n    AfterContentChecked,\r\n    Component,\r\n    ContentChild,\r\n    contentChildren,\r\n    ContentChildren,\r\n    ElementRef,\r\n    EventEmitter,\r\n    Input,\r\n    Output,\r\n    QueryList,\r\n    viewChild,\r\n    ViewChild,\r\n} from '@angular/core';\r\nimport { ObjectCardFieldComponent } from './elements/field/object-card-field.component';\r\nimport { ObjectCardMainComponent } from './elements/main/object-card-main.component';\r\nimport { Breakpoints } from '@seniorsistemas/angular-components/utils';\r\nimport { BorderButtonOptions, Severities, BorderButtonComponent } from '@seniorsistemas/angular-components/shared';\r\nimport { NgClass, NgTemplateOutlet, SlicePipe } from '@angular/common';\r\nimport { TooltipDirective } from '@seniorsistemas/angular-components/tooltip';\r\n\r\n/**\r\n * @description Card de exibição de objeto com setor principal, campos extras e\r\n * painel expansível. Calcula automaticamente quantos campos cábem visíveis\r\n * conforme a largura do container e suporta nível de severidade.\r\n *\r\n * @example\r\n * ```html\r\n * <s-object-card [severity]=\"'info'\" [expanded]=\"false\">\r\n *   <s-object-card-main label=\"Nome\" value=\"João\" />\r\n *   <s-object-card-field label=\"CPF\" value=\"000.000.000-00\" />\r\n * </s-object-card>\r\n * ```\r\n *\r\n * @category Structure\r\n */\r\n@Component({\r\n    selector: 's-object-card',\r\n    templateUrl: './object-card.component.html',\r\n    styleUrls: ['./object-card.component.scss'],\r\n    animations: [\r\n        trigger('expandableContent', [\r\n            state(\r\n                '*',\r\n                style({\r\n                    height: '0',\r\n                }),\r\n            ),\r\n            state(\r\n                'false',\r\n                style({\r\n                    height: '0',\r\n                }),\r\n            ),\r\n            state(\r\n                'true',\r\n                style({\r\n                    height: '*',\r\n                }),\r\n            ),\r\n            transition('* => true', animate('200ms ease-out')),\r\n            transition('false <=> true', animate('200ms ease-out')),\r\n        ]),\r\n        trigger('BorderButtonAnimation', [\r\n            transition(':enter', [\r\n                style({ transform: 'scaleY(0)', opacity: 0 }),\r\n                animate('300ms ease', style({ transform: 'scaleY(1)', opacity: 1 })),\r\n            ]),\r\n            transition(':leave', [\r\n                style({ transform: 'scaleY(1)', opacity: 1 }),\r\n                animate('300ms ease', style({ transform: 'scaleY(0)', opacity: 0 })),\r\n            ]),\r\n        ]),\r\n    ],\r\n    standalone: true,\r\n    imports: [BorderButtonComponent, NgClass, NgTemplateOutlet, TooltipDirective, SlicePipe],\r\n})\r\nexport class ObjectCardComponent implements AfterContentChecked {\r\n    public static readonly nextIdSeed = 0;\r\n    private static _nextId = ObjectCardComponent.nextIdSeed;\r\n\r\n    public static getNextId(): number {\r\n        return this._nextId++;\r\n    }\r\n\r\n    /** @description Identificador do componente no DOM. Gerado automaticamente se não informado. */\r\n    @Input()\r\n    public id = `s-object-card-${ObjectCardComponent.getNextId()}`;\r\n\r\n    /** @description Define se o painel expansível está aberto. @default false */\r\n    @Input()\r\n    public expanded = false;\r\n\r\n    /** @description Tooltip do botão de expandir. @default 'Abrir painel' */\r\n    @Input()\r\n    public expandTooltip = 'Abrir painel';\r\n\r\n    /** @description Tooltip do botão de colapsar. @default 'Fechar painel' */\r\n    @Input()\r\n    public collapseTooltip = 'Fechar painel';\r\n\r\n    /** @description Largura mínima em pixels de cada campo visível. @default 200 */\r\n    @Input()\r\n    public fieldsMinWidth = 200;\r\n\r\n    /** @description Nível de severidade que altera o estilo visual. @default 'default' */\r\n    @Input()\r\n    public severity: Severities = 'default';\r\n\r\n    /** @description Opções de configuração do botão de borda lateral. */\r\n    @Input()\r\n    public borderButtonOptions?: BorderButtonOptions;\r\n\r\n    /** @description Emitido quando o estado de expansão muda, com o novo valor booleano. */\r\n    @Output()\r\n    public expandedChange = new EventEmitter<boolean>();\r\n\r\n    @ContentChild(ObjectCardMainComponent, { static: true })\r\n    public main: ObjectCardMainComponent | null = null;\r\n\r\n    fields = contentChildren(ObjectCardFieldComponent, { descendants: true });\r\n\r\n    private readonly container = viewChild.required<ElementRef<HTMLElement>>('contentContainer');\r\n\r\n    private readonly cardMainContainer = viewChild.required<ElementRef<HTMLElement>>('cardMainContainer');\r\n\r\n    private readonly iconContainer = viewChild.required<ElementRef<HTMLElement>>('iconContainer');\r\n\r\n    public maxVisibleFields = 0;\r\n\r\n    public ngAfterContentChecked(): void {\r\n        this.update();\r\n    }\r\n\r\n    private update() {\r\n        const windowWidth = window.innerWidth;\r\n        const containerWidth = this.container().nativeElement.getBoundingClientRect().width;\r\n        const mainFieldWidth = this.cardMainContainer().nativeElement.getBoundingClientRect().width;\r\n        let remainingSpace = containerWidth - mainFieldWidth;\r\n        const fieldsMinWidth = this.fieldsMinWidth;\r\n        const expandIconWidth = this.iconContainer().nativeElement.getBoundingClientRect().width;\r\n\r\n        let maxFieldQtd: number;\r\n\r\n        if (windowWidth <= Breakpoints.SM_MAX) {\r\n            maxFieldQtd = 0;\r\n        } else {\r\n            maxFieldQtd = Math.floor(remainingSpace / fieldsMinWidth);\r\n        }\r\n\r\n        const hasExpandIcon = maxFieldQtd < this.fields().length;\r\n        if (hasExpandIcon) {\r\n            this.iconContainer().nativeElement.style.display = 'flex';\r\n            remainingSpace = remainingSpace - expandIconWidth;\r\n            maxFieldQtd = Math.floor(remainingSpace / fieldsMinWidth);\r\n        } else {\r\n            this.iconContainer().nativeElement.style.display = 'none';\r\n        }\r\n\r\n        this.maxVisibleFields = maxFieldQtd;\r\n\r\n        if (maxFieldQtd >= this.fields().length && this.expanded) {\r\n            this.collapse();\r\n        }\r\n    }\r\n\r\n    public toggle() {\r\n        this.expanded ? this.collapse() : this.expand();\r\n    }\r\n\r\n    public expand() {\r\n        this.expanded = true;\r\n        this.expandedChange.emit(this.expanded);\r\n    }\r\n\r\n    public collapse() {\r\n        this.expanded = false;\r\n        this.expandedChange.emit(this.expanded);\r\n    }\r\n}\r\n","<div\n    [id]=\"id\"\n    class=\"object-card-container\"\n>\n    @if (borderButtonOptions?.visible ? borderButtonOptions?.visible(severity) : false) {\n        <s-border-button\n            [severity]=\"severity\"\n            [options]=\"borderButtonOptions\"\n            class=\"object-card__border-button\"\n            [@BorderButtonAnimation]\n        ></s-border-button>\n    }\n\n    <div\n        [id]=\"id + '-main-container'\"\n        class=\"main-container\"\n        #contentContainer\n        [ngClass]=\"{\n            'with-hidden-fields': fields().length > maxVisibleFields,\n            'with-visible-fields': fields().length && maxVisibleFields,\n            'main-container--severity-default': severity === 'default',\n            'main-container--severity-info': severity === 'info',\n            'main-container--severity-warn': severity === 'warn',\n            'main-container--severity-error': severity === 'error',\n            'main-container--severity-success': severity === 'success',\n        }\"\n    >\n        <div class=\"object-content\">\n            <div\n                class=\"s-object-card-main\"\n                #cardMainContainer\n                [style.min-width.px]=\"fieldsMinWidth\"\n            >\n                <ng-content select=\"s-object-card-main\"></ng-content>\n            </div>\n\n            @if (maxVisibleFields && fields().length) {\n                <div class=\"divider\"></div>\n            }\n\n            @for (field of fields() | slice: 0 : maxVisibleFields; track field.id) {\n                <div\n                    class=\"s-object-card-field\"\n                    [style.min-width.px]=\"fieldsMinWidth\"\n                >\n                    <ng-container *ngTemplateOutlet=\"field.content\"></ng-container>\n                </div>\n            }\n        </div>\n\n        <div\n            [id]=\"id + '-expand-icon-container'\"\n            class=\"expand-icon-container\"\n            #iconContainer\n            (click)=\"toggle()\"\n            [sTooltip]=\"expanded ? collapseTooltip : expandTooltip\"\n        >\n            <span\n                [id]=\"id + '-expand-icon'\"\n                class=\"expand-icon fa\"\n                [ngClass]=\"{ 'fa-minus': expanded, 'fa-plus': !expanded }\"\n            ></span>\n        </div>\n    </div>\n\n    <div\n        [id]=\"id + '-expandable-container'\"\n        [@expandableContent]=\"expanded\"\n        class=\"expandable-container\"\n        [ngClass]=\"{\n            'expandable-container--severity-default': severity === 'default',\n            'expandable-container--severity-info': severity === 'info',\n            'expandable-container--severity-warn': severity === 'warn',\n            'expandable-container--severity-error': severity === 'error',\n            'expandable-container--severity-success': severity === 'success',\n        }\"\n    >\n        <div class=\"childlist\">\n            @for (field of fields() | slice: maxVisibleFields : fields().length; track field.id) {\n                <div class=\"s-object-card-field\">\n                    <ng-container *ngTemplateOutlet=\"field.content\"></ng-container>\n                </div>\n            }\n        </div>\n    </div>\n</div>\n","import { NgModule } from '@angular/core';\r\n\r\nimport { ObjectCardFieldComponent } from './elements/field/object-card-field.component';\r\nimport { ObjectCardMainComponent } from './elements/main/object-card-main.component';\r\nimport { ObjectCardComponent } from './object-card.component';\r\nimport { ThumbnailModule } from '@seniorsistemas/angular-components/thumbnail';\r\n\r\n@NgModule({\r\n    imports: [ThumbnailModule, ObjectCardComponent, ObjectCardMainComponent, ObjectCardFieldComponent],\r\n    exports: [ThumbnailModule, ObjectCardComponent, ObjectCardMainComponent, ObjectCardFieldComponent],\r\n})\r\nexport class ObjectCardModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["ThumbnailComponent_1"],"mappings":"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"}
+{"version":3,"file":"seniorsistemas-angular-components-object-card.mjs","sources":["../../projects/angular-components/object-card/src/lib/object-card/elements/field/object-card-field.component.ts","../../projects/angular-components/object-card/src/lib/object-card/elements/field/object-card-field.component.html","../../projects/angular-components/object-card/src/lib/object-card/elements/main/object-card-main.component.ts","../../projects/angular-components/object-card/src/lib/object-card/elements/main/object-card-main.component.html","../../projects/angular-components/object-card/src/lib/object-card/object-card.component.ts","../../projects/angular-components/object-card/src/lib/object-card/object-card.component.html","../../projects/angular-components/object-card/src/lib/object-card/object-card.module.ts","../../projects/angular-components/object-card/src/seniorsistemas-angular-components-object-card.ts"],"sourcesContent":["import { Component, ContentChild, EventEmitter, input, Input, Output, TemplateRef, ViewChild } from '@angular/core';\r\nimport { BadgeColors, BadgeComponent } from '@seniorsistemas/angular-components/badge';\r\nimport {\r\n    ThumbnailComponent,\r\n    ThumbnailComponent as ThumbnailComponent_1,\r\n} from '@seniorsistemas/angular-components/thumbnail';\r\n\r\nimport { TieredMenuItemData } from '@seniorsistemas/angular-components/tiered-menu';\r\nimport { TooltipDirective } from '@seniorsistemas/angular-components/tooltip';\r\nimport { ButtonComponent } from '@seniorsistemas/angular-components/button';\r\n\r\n@Component({\r\n    selector: 's-object-card-field',\r\n    templateUrl: './object-card-field.component.html',\r\n    styleUrls: ['./object-card-field.component.scss'],\r\n    standalone: true,\r\n    imports: [ThumbnailComponent_1, TooltipDirective, BadgeComponent, ButtonComponent],\r\n})\r\nexport class ObjectCardFieldComponent {\r\n    public static nextId = 0;\r\n\r\n    @Input()\r\n    public id = `s-object-card-field-${ObjectCardFieldComponent.nextId++}`;\r\n\r\n    @Input()\r\n    public imageSource?: string;\r\n\r\n    @Input()\r\n    public imageAlt?: string;\r\n\r\n    @Input()\r\n    public iconClass?: string;\r\n\r\n    @Input()\r\n    public label?: string;\r\n\r\n    @Input()\r\n    public description?: string;\r\n\r\n    @Input()\r\n    public buttonLabel?: string;\r\n\r\n    @Input()\r\n    public buttonModel: TieredMenuItemData[] = [];\r\n\r\n    @Output()\r\n    public buttonClick = new EventEmitter();\r\n\r\n    @ContentChild(ThumbnailComponent, { static: true })\r\n    public thumbnailComponent: ThumbnailComponent | null = null;\r\n\r\n    @ViewChild(TemplateRef, { static: true })\r\n    public content: TemplateRef<any> | null = null;\r\n\r\n    badge = input<string>('');\r\n\r\n    badgeColor = input<BadgeColors>('blue');\r\n}\r\n","<ng-template>\n    <div class=\"container\">\n        <ng-content select=\"s-thumbnail\"></ng-content>\n        @if (!thumbnailComponent && (imageSource || iconClass)) {\n            <s-thumbnail\n                [id]=\"id + '-thumbnail'\"\n                [imageSource]=\"imageSource\"\n                [imageAlt]=\"imageAlt || label\"\n                [iconClass]=\"iconClass ?? ''\"\n                size=\"small\"\n            ></s-thumbnail>\n        }\n\n        <div class=\"info-container\">\n            <div #labelTemplate><ng-content select=\"[labelTemplate]\"></ng-content></div>\n\n            @if (!labelTemplate.children.length) {\n                <span\n                    [id]=\"id + '-label'\"\n                    class=\"label\"\n                    [sTooltip]=\"label\"\n                    >{{ label }}</span\n                >\n            }\n\n            <div #descriptionTemplate>\n                @if (!badge()) {\n                    <ng-content select=\"[descriptionTemplate]\"></ng-content>\n                }\n            </div>\n            @if (!descriptionTemplate.children.length) {\n                <span\n                    [id]=\"id + '-description'\"\n                    class=\"description\"\n                    [sTooltip]=\"description\"\n                    >{{ description }}</span\n                >\n            }\n\n            @if (badge()) {\n                <s-badge\n                    [text]=\"badge()\"\n                    [color]=\"badgeColor()\"\n                    [enableTruncateText]=\"true\"\n                >\n                </s-badge>\n            }\n            @if (buttonLabel) {\n                <s-button\n                    [id]=\"id + '-button'\"\n                    styleClass=\"object-card-button\"\n                    priority=\"link\"\n                    [label]=\"buttonLabel\"\n                    [menuOptions]=\"buttonModel\"\n                    size=\"small\"\n                    (clicked)=\"buttonClick.emit($event)\"\n                ></s-button>\n            }\n        </div>\n    </div>\n</ng-template>\n\n","import { AfterContentInit, Component, ContentChild, EventEmitter, HostListener, Input, Output } from '@angular/core';\r\n\r\nimport {\r\n    ThumbnailComponent,\r\n    ThumbnailSize,\r\n    ThumbnailComponent as ThumbnailComponent_1,\r\n} from '@seniorsistemas/angular-components/thumbnail';\r\nimport { TieredMenuItemData } from '@seniorsistemas/angular-components/tiered-menu';\r\nimport { Breakpoints } from '@seniorsistemas/angular-components/utils';\r\n\r\nimport { TooltipDirective } from '@seniorsistemas/angular-components/tooltip';\r\nimport { ButtonComponent } from '@seniorsistemas/angular-components/button';\r\n\r\n@Component({\r\n    selector: 's-object-card-main',\r\n    templateUrl: './object-card-main.component.html',\r\n    styleUrls: ['./object-card-main.component.scss'],\r\n    standalone: true,\r\n    imports: [ThumbnailComponent_1, TooltipDirective, ButtonComponent],\r\n})\r\nexport class ObjectCardMainComponent implements AfterContentInit {\r\n    public static readonly nextIdSeed = 0;\r\n    private static _nextId = ObjectCardMainComponent.nextIdSeed;\r\n\r\n    public static getNextId(): number {\r\n        return this._nextId++;\r\n    }\r\n\r\n    @Input()\r\n    public id = `s-object-card-main-${ObjectCardMainComponent.getNextId()}`;\r\n\r\n    @Input()\r\n    public imageSource?: string;\r\n\r\n    @Input()\r\n    public imageFallback?: string;\r\n\r\n    @Input()\r\n    public imageAlt?: string;\r\n\r\n    @Input()\r\n    public iconClass = 'fa fa-picture-o';\r\n\r\n    @Input()\r\n    public hasThumbnail = true;\r\n\r\n    @Input()\r\n    public hasDescription = true;\r\n\r\n    @Input()\r\n    public isBrand = false;\r\n\r\n    @Input()\r\n    public label?: string;\r\n\r\n    @Input()\r\n    public description?: string;\r\n\r\n    @Input()\r\n    public buttonLabel?: string;\r\n\r\n    @Input()\r\n    public buttonModel: TieredMenuItemData[] = [];\r\n\r\n    @Output()\r\n    public buttonClick: EventEmitter<any> = new EventEmitter();\r\n\r\n    @ContentChild(ThumbnailComponent, { static: true })\r\n    public thumbnailComponent: ThumbnailComponent | null = null;\r\n\r\n    private _thumbnailSize: ThumbnailSize = 'medium';\r\n\r\n    public get thumbnailSize() {\r\n        return this._thumbnailSize;\r\n    }\r\n\r\n    public set thumbnailSize(value: ThumbnailSize) {\r\n        this._thumbnailSize = value;\r\n        if (this.thumbnailComponent) {\r\n            this.thumbnailComponent.size = value;\r\n        }\r\n    }\r\n\r\n    @HostListener('window:resize')\r\n    public onResize(): void {\r\n        this.update();\r\n    }\r\n\r\n    public ngAfterContentInit(): void {\r\n        this.update();\r\n    }\r\n\r\n    public update(): void {\r\n        this.thumbnailSize = window.innerWidth <= Breakpoints.SM_MAX ? 'small' : 'medium';\r\n    }\r\n}\r\n","@if (hasThumbnail) {\r\n    <ng-content select=\"s-thumbnail\"></ng-content>\r\n    @if (!thumbnailComponent) {\r\n        <s-thumbnail\r\n            [id]=\"id + '-thumbnail'\"\r\n            [imageSource]=\"imageSource\"\r\n            [imageFallback]=\"imageFallback\"\r\n            [imageAlt]=\"imageAlt || label\"\r\n            [iconClass]=\"iconClass\"\r\n            [size]=\"thumbnailSize\"\r\n            [isBrand]=\"isBrand\"\r\n        ></s-thumbnail>\r\n    }\r\n}\r\n\r\n@if (hasDescription) {\r\n    <div class=\"info-container\">\r\n        <div #labelTemplate><ng-content select=\"[labelTemplate]\"></ng-content></div>\r\n        @if (!labelTemplate.children.length) {\r\n            <span\r\n                [id]=\"id + '-label'\"\r\n                class=\"label\"\r\n                [sTooltip]=\"label\"\r\n                tooltipPosition=\"top\"\r\n                [showDelay]=\"500\"\r\n                >{{ label }}</span\r\n            >\r\n        }\r\n        <div #descriptionTemplate><ng-content select=\"[descriptionTemplate]\"></ng-content></div>\r\n        @if (!descriptionTemplate.children.length) {\r\n            <span\r\n                [id]=\"id + '-description'\"\r\n                class=\"description\"\r\n                [sTooltip]=\"description\"\r\n                tooltipPosition=\"top\"\r\n                [showDelay]=\"500\"\r\n                >{{ description }}</span\r\n            >\r\n        }\r\n        @if (buttonLabel) {\r\n            <s-button\r\n                [id]=\"id + '-button'\"\r\n                styleClass=\"object-card-button\"\r\n                priority=\"link\"\r\n                [label]=\"buttonLabel\"\r\n                [menuOptions]=\"buttonModel\"\r\n                size=\"small\"\r\n                (clicked)=\"buttonClick.emit($event)\"\r\n            ></s-button>\r\n        }\r\n    </div>\r\n}\r\n","import { animate, state, style, transition, trigger } from '@angular/animations';\r\nimport {\r\n    AfterContentChecked,\r\n    Component,\r\n    ContentChild,\r\n    contentChildren,\r\n    ContentChildren,\r\n    ElementRef,\r\n    EventEmitter,\r\n    Input,\r\n    Output,\r\n    QueryList,\r\n    viewChild,\r\n    ViewChild,\r\n} from '@angular/core';\r\nimport { ObjectCardFieldComponent } from './elements/field/object-card-field.component';\r\nimport { ObjectCardMainComponent } from './elements/main/object-card-main.component';\r\nimport { Breakpoints } from '@seniorsistemas/angular-components/utils';\r\nimport { BorderButtonOptions, Severities, BorderButtonComponent } from '@seniorsistemas/angular-components/shared';\r\nimport { NgClass, NgTemplateOutlet, SlicePipe } from '@angular/common';\r\nimport { TooltipDirective } from '@seniorsistemas/angular-components/tooltip';\r\n\r\n/**\r\n * @description Card de exibição de objeto com setor principal, campos extras e\r\n * painel expansível. Calcula automaticamente quantos campos cábem visíveis\r\n * conforme a largura do container e suporta nível de severidade.\r\n *\r\n * @example\r\n * ```html\r\n * <s-object-card [severity]=\"'info'\" [expanded]=\"false\">\r\n *   <s-object-card-main label=\"Nome\" value=\"João\" />\r\n *   <s-object-card-field label=\"CPF\" value=\"000.000.000-00\" />\r\n * </s-object-card>\r\n * ```\r\n *\r\n * @category Structure\r\n */\r\n@Component({\r\n    selector: 's-object-card',\r\n    templateUrl: './object-card.component.html',\r\n    styleUrls: ['./object-card.component.scss'],\r\n    animations: [\r\n        trigger('expandableContent', [\r\n            state(\r\n                '*',\r\n                style({\r\n                    height: '0',\r\n                }),\r\n            ),\r\n            state(\r\n                'false',\r\n                style({\r\n                    height: '0',\r\n                }),\r\n            ),\r\n            state(\r\n                'true',\r\n                style({\r\n                    height: '*',\r\n                }),\r\n            ),\r\n            transition('* => true', animate('200ms ease-out')),\r\n            transition('false <=> true', animate('200ms ease-out')),\r\n        ]),\r\n        trigger('BorderButtonAnimation', [\r\n            transition(':enter', [\r\n                style({ transform: 'scaleY(0)', opacity: 0 }),\r\n                animate('300ms ease', style({ transform: 'scaleY(1)', opacity: 1 })),\r\n            ]),\r\n            transition(':leave', [\r\n                style({ transform: 'scaleY(1)', opacity: 1 }),\r\n                animate('300ms ease', style({ transform: 'scaleY(0)', opacity: 0 })),\r\n            ]),\r\n        ]),\r\n    ],\r\n    standalone: true,\r\n    imports: [BorderButtonComponent, NgClass, NgTemplateOutlet, TooltipDirective, SlicePipe],\r\n})\r\nexport class ObjectCardComponent implements AfterContentChecked {\r\n    public static readonly nextIdSeed = 0;\r\n    private static _nextId = ObjectCardComponent.nextIdSeed;\r\n\r\n    public static getNextId(): number {\r\n        return this._nextId++;\r\n    }\r\n\r\n    /** @description Identificador do componente no DOM. Gerado automaticamente se não informado. */\r\n    @Input()\r\n    public id = `s-object-card-${ObjectCardComponent.getNextId()}`;\r\n\r\n    /** @description Define se o painel expansível está aberto. @default false */\r\n    @Input()\r\n    public expanded = false;\r\n\r\n    /** @description Tooltip do botão de expandir. @default 'Abrir painel' */\r\n    @Input()\r\n    public expandTooltip = 'Abrir painel';\r\n\r\n    /** @description Tooltip do botão de colapsar. @default 'Fechar painel' */\r\n    @Input()\r\n    public collapseTooltip = 'Fechar painel';\r\n\r\n    /** @description Largura mínima em pixels de cada campo visível. @default 200 */\r\n    @Input()\r\n    public fieldsMinWidth = 200;\r\n\r\n    /** @description Nível de severidade que altera o estilo visual. @default 'default' */\r\n    @Input()\r\n    public severity: Severities = 'default';\r\n\r\n    /** @description Opções de configuração do botão de borda lateral. */\r\n    @Input()\r\n    public borderButtonOptions?: BorderButtonOptions;\r\n\r\n    /** @description Emitido quando o estado de expansão muda, com o novo valor booleano. */\r\n    @Output()\r\n    public expandedChange = new EventEmitter<boolean>();\r\n\r\n    @ContentChild(ObjectCardMainComponent, { static: true })\r\n    public main: ObjectCardMainComponent | null = null;\r\n\r\n    fields = contentChildren(ObjectCardFieldComponent, { descendants: true });\r\n\r\n    private readonly container = viewChild.required<ElementRef<HTMLElement>>('contentContainer');\r\n\r\n    private readonly cardMainContainer = viewChild.required<ElementRef<HTMLElement>>('cardMainContainer');\r\n\r\n    private readonly iconContainer = viewChild.required<ElementRef<HTMLElement>>('iconContainer');\r\n\r\n    public maxVisibleFields = 0;\r\n\r\n    public ngAfterContentChecked(): void {\r\n        this.update();\r\n    }\r\n\r\n    private update() {\r\n        const windowWidth = window.innerWidth;\r\n        const containerWidth = this.container().nativeElement.getBoundingClientRect().width;\r\n        const mainFieldWidth = this.cardMainContainer().nativeElement.getBoundingClientRect().width;\r\n        let remainingSpace = containerWidth - mainFieldWidth;\r\n        const fieldsMinWidth = this.fieldsMinWidth;\r\n        const expandIconWidth = this.iconContainer().nativeElement.getBoundingClientRect().width;\r\n\r\n        let maxFieldQtd: number;\r\n\r\n        if (windowWidth <= Breakpoints.SM_MAX) {\r\n            maxFieldQtd = 0;\r\n        } else {\r\n            maxFieldQtd = Math.floor(remainingSpace / fieldsMinWidth);\r\n        }\r\n\r\n        const hasExpandIcon = maxFieldQtd < this.fields().length;\r\n        if (hasExpandIcon) {\r\n            this.iconContainer().nativeElement.style.display = 'flex';\r\n            remainingSpace = remainingSpace - expandIconWidth;\r\n            maxFieldQtd = Math.floor(remainingSpace / fieldsMinWidth);\r\n        } else {\r\n            this.iconContainer().nativeElement.style.display = 'none';\r\n        }\r\n\r\n        this.maxVisibleFields = maxFieldQtd;\r\n\r\n        if (maxFieldQtd >= this.fields().length && this.expanded) {\r\n            this.collapse();\r\n        }\r\n    }\r\n\r\n    public toggle() {\r\n        this.expanded ? this.collapse() : this.expand();\r\n    }\r\n\r\n    public expand() {\r\n        this.expanded = true;\r\n        this.expandedChange.emit(this.expanded);\r\n    }\r\n\r\n    public collapse() {\r\n        this.expanded = false;\r\n        this.expandedChange.emit(this.expanded);\r\n    }\r\n}\r\n","<div\n    [id]=\"id\"\n    class=\"object-card-container\"\n>\n    @if (borderButtonOptions?.visible ? borderButtonOptions?.visible(severity) : false) {\n        <s-border-button\n            [severity]=\"severity\"\n            [options]=\"borderButtonOptions\"\n            class=\"object-card__border-button\"\n            [@BorderButtonAnimation]\n        ></s-border-button>\n    }\n\n    <div\n        [id]=\"id + '-main-container'\"\n        class=\"main-container\"\n        #contentContainer\n        [ngClass]=\"{\n            'with-hidden-fields': fields().length > maxVisibleFields,\n            'with-visible-fields': fields().length && maxVisibleFields,\n            'main-container--severity-default': severity === 'default',\n            'main-container--severity-info': severity === 'info',\n            'main-container--severity-warn': severity === 'warn',\n            'main-container--severity-error': severity === 'error',\n            'main-container--severity-success': severity === 'success',\n        }\"\n    >\n        <div class=\"object-content\">\n            <div\n                class=\"s-object-card-main\"\n                #cardMainContainer\n                [style.min-width.px]=\"fieldsMinWidth\"\n            >\n                <ng-content select=\"s-object-card-main\"></ng-content>\n            </div>\n\n            @if (maxVisibleFields && fields().length) {\n                <div class=\"divider\"></div>\n            }\n\n            @for (field of fields() | slice: 0 : maxVisibleFields; track field.id) {\n                <div\n                    class=\"s-object-card-field\"\n                    [style.min-width.px]=\"fieldsMinWidth\"\n                >\n                    <ng-container *ngTemplateOutlet=\"field.content\"></ng-container>\n                </div>\n            }\n        </div>\n\n        <div\n            [id]=\"id + '-expand-icon-container'\"\n            class=\"expand-icon-container\"\n            #iconContainer\n            tabindex=\"0\"\n            role=\"button\"\n            [attr.aria-expanded]=\"expanded\"\n            (click)=\"toggle()\"\n            (keydown.enter)=\"toggle()\"\n            (keydown.space)=\"toggle(); $event.preventDefault()\"\n            [sTooltip]=\"expanded ? collapseTooltip : expandTooltip\"\n        >\n            <span\n                [id]=\"id + '-expand-icon'\"\n                class=\"expand-icon fa\"\n                [ngClass]=\"{ 'fa-minus': expanded, 'fa-plus': !expanded }\"\n            ></span>\n        </div>\n    </div>\n\n    <div\n        [id]=\"id + '-expandable-container'\"\n        [@expandableContent]=\"expanded\"\n        class=\"expandable-container\"\n        [ngClass]=\"{\n            'expandable-container--severity-default': severity === 'default',\n            'expandable-container--severity-info': severity === 'info',\n            'expandable-container--severity-warn': severity === 'warn',\n            'expandable-container--severity-error': severity === 'error',\n            'expandable-container--severity-success': severity === 'success',\n        }\"\n    >\n        <div class=\"childlist\">\n            @for (field of fields() | slice: maxVisibleFields : fields().length; track field.id) {\n                <div class=\"s-object-card-field\">\n                    <ng-container *ngTemplateOutlet=\"field.content\"></ng-container>\n                </div>\n            }\n        </div>\n    </div>\n</div>\n","import { NgModule } from '@angular/core';\r\n\r\nimport { ObjectCardFieldComponent } from './elements/field/object-card-field.component';\r\nimport { ObjectCardMainComponent } from './elements/main/object-card-main.component';\r\nimport { ObjectCardComponent } from './object-card.component';\r\nimport { ThumbnailModule } from '@seniorsistemas/angular-components/thumbnail';\r\n\r\n@NgModule({\r\n    imports: [ThumbnailModule, ObjectCardComponent, ObjectCardMainComponent, ObjectCardFieldComponent],\r\n    exports: [ThumbnailModule, ObjectCardComponent, ObjectCardMainComponent, ObjectCardFieldComponent],\r\n})\r\nexport class ObjectCardModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["ThumbnailComponent_1"],"mappings":"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"}

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

@@ -155,11 +155,11 @@ class PaginatorComponent {
         this.requestedPage.set(pageIndex);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: PaginatorComponent, isStandalone: true, selector: "s-paginator", inputs: { totalRecords: { classPropertyName: "totalRecords", publicName: "totalRecords", isSignal: true, isRequired: true, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, rowsPerPageOptions: { classPropertyName: "rowsPerPageOptions", publicName: "rowsPerPageOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { rows: "rowsChange", pageChange: "pageChange" }, ngImport: i0, template: "<div class=\"flex justify-between\">\n    <section class=\"flex items-center gap-2\">\n        <div\n            class=\"inline-block h-8 divide-x divide-grayscale-30 overflow-hidden rounded-medium border border-grayscale-30 bg-grayscale-0\"\n        >\n            @for (btn of buttons(); track $index) {\n                @let active = btn.pageIndex === currentPage();\n                @let ariaLabelKey =\n                    btn.ariaLabelKey ??\n                    (active\n                        ? 'platform.angular_components.aria_current_page'\n                        : 'platform.angular_components.aria_page_number');\n                <button\n                    [class.bg-criticality-blue]=\"active\"\n                    [class.text-grayscale-0]=\"active\"\n                    [class.text-criticality-blue]=\"!active\"\n                    (sInteractiveContent)=\"activatedButton(btn)\"\n                    [disabled]=\"btn.disabled || (btn.validate && btn.validate()) || false\"\n                    [attr.aria-label]=\"ariaLabelKey | translate: { page: btn.pageIndex }\"\n                    [attr.aria-current]=\"active ? 'page' : null\"\n                    class=\"group h-8 w-8 hover:bg-grayscale-20 hover:text-grayscale-100 disabled:hover:bg-[transparent] disabled:hover:text-criticality-blue\"\n                >\n                    <div class=\"group-disabled:opacity-50\">\n                        @let page = btn.pageIndex;\n                        @let icon = btn.icon;\n                        @if (page !== undefined) {\n                            {{ page }}\n                        }\n                        @if (icon) {\n                            <i [class]=\"icon\" aria-hidden=\"true\"></i>\n                        }\n                    </div>\n                </button>\n            }\n        </div>\n        <s-select\n            [options]=\"rowsPerPageOptions()\"\n            [ariaLabel]=\"'platform.angular_components.aria_page_selection' | translate\"\n            [(ngModel)]=\"rows\"\n            (ngModelChange)=\"rowsPerPageChange()\"\n        ></s-select>\n    </section>\n    <section class=\"flex items-center gap-2\">\n        @let text =\n            totalRecords() === 0\n                ? 'platform.angular_components.total_record'\n                : 'platform.angular_components.total_records';\n        <p class=\"text-[14px] text-[#212533]\">\n            {{ text | translate: { count: totalRecords() } }}\n        </p>\n        <ng-content></ng-content>\n    </section>\n</div>\n\n", dependencies: [{ kind: "directive", type: InteractiveContentDirective, selector: "[sInteractiveContent]", inputs: ["focusable", "disabled", "stopPropagation"], outputs: ["sInteractiveContent"] }, { kind: "component", type: SelectComponent, selector: "s-select", inputs: ["placeholder", "multiple", "options", "optionLabel", "optionValue", "showClear", "filter", "checkmark", "checkIconClass", "filterBy", "group", "virtualScroll", "virtualScrollItemSize", "emptyMessage", "disabled", "showOptions", "ariaLabel", "ariaLabelledBy"], outputs: ["disabledChange", "showOptionsChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: PaginatorComponent, isStandalone: true, selector: "s-paginator", inputs: { totalRecords: { classPropertyName: "totalRecords", publicName: "totalRecords", isSignal: true, isRequired: true, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, rowsPerPageOptions: { classPropertyName: "rowsPerPageOptions", publicName: "rowsPerPageOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { rows: "rowsChange", pageChange: "pageChange" }, ngImport: i0, template: "<div class=\"flex justify-between\">\n    <section class=\"flex items-center gap-2\">\n        <div\n            class=\"inline-block h-8 divide-x divide-grayscale-30 overflow-hidden rounded-medium border border-grayscale-30 bg-grayscale-0\"\n        >\n            @for (btn of buttons(); track $index) {\n                @let active = btn.pageIndex === currentPage();\n                @let ariaLabelKey =\n                    btn.ariaLabelKey ??\n                    (active\n                        ? 'platform.angular_components.aria_current_page'\n                        : 'platform.angular_components.aria_page_number');\n                <button\n                    [class.bg-criticality-blue]=\"active\"\n                    [class.text-grayscale-0]=\"active\"\n                    [class.text-criticality-blue]=\"!active\"\n                    [class.rounded-l-medium]=\"$first\"\n                    [class.rounded-r-medium]=\"$last\"\n                    (sInteractiveContent)=\"activatedButton(btn)\"\n                    [attr.disabled]=\"btn.disabled || (btn.validate && btn.validate()) ? '' : null\"\n                    [attr.aria-label]=\"ariaLabelKey | translate: { page: btn.pageIndex }\"\n                    [attr.aria-current]=\"active ? 'page' : null\"\n                    class=\"group h-[30px] w-8 hover:bg-grayscale-20 hover:text-grayscale-100 disabled:hover:bg-[transparent] disabled:hover:text-criticality-blue focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-[var(--s-focus-ring-color,#0090ff)]\"\n                >\n                    <div class=\"group-disabled:opacity-50\">\n                        @let page = btn.pageIndex;\n                        @let icon = btn.icon;\n                        @if (page !== undefined) {\n                            {{ page }}\n                        }\n                        @if (icon) {\n                            <i [class]=\"icon\" aria-hidden=\"true\"></i>\n                        }\n                    </div>\n                </button>\n            }\n        </div>\n        <s-select\n            [options]=\"rowsPerPageOptions()\"\n            [ariaLabel]=\"'platform.angular_components.aria_page_selection' | translate\"\n            [(ngModel)]=\"rows\"\n            (ngModelChange)=\"rowsPerPageChange()\"\n        ></s-select>\n    </section>\n    <section class=\"flex items-center gap-2\">\n        @let text =\n            totalRecords() === 0\n                ? 'platform.angular_components.total_record'\n                : 'platform.angular_components.total_records';\n        <p class=\"text-[14px] text-[#212533]\">\n            {{ text | translate: { count: totalRecords() } }}\n        </p>\n        <ng-content></ng-content>\n    </section>\n</div>\n\n", dependencies: [{ kind: "directive", type: InteractiveContentDirective, selector: "[sInteractiveContent]", inputs: ["focusable", "disabled", "stopPropagation"], outputs: ["sInteractiveContent"] }, { kind: "component", type: SelectComponent, selector: "s-select", inputs: ["placeholder", "multiple", "options", "optionLabel", "optionValue", "showClear", "filter", "checkmark", "checkIconClass", "filterBy", "group", "virtualScroll", "virtualScrollItemSize", "emptyMessage", "disabled", "showOptions", "ariaLabel", "ariaLabelledBy"], outputs: ["disabledChange", "showOptionsChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PaginatorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 's-paginator', standalone: true, imports: [InteractiveContentDirective, SelectComponent, FormsModule, TranslateModule], template: "<div class=\"flex justify-between\">\n    <section class=\"flex items-center gap-2\">\n        <div\n            class=\"inline-block h-8 divide-x divide-grayscale-30 overflow-hidden rounded-medium border border-grayscale-30 bg-grayscale-0\"\n        >\n            @for (btn of buttons(); track $index) {\n                @let active = btn.pageIndex === currentPage();\n                @let ariaLabelKey =\n                    btn.ariaLabelKey ??\n                    (active\n                        ? 'platform.angular_components.aria_current_page'\n                        : 'platform.angular_components.aria_page_number');\n                <button\n                    [class.bg-criticality-blue]=\"active\"\n                    [class.text-grayscale-0]=\"active\"\n                    [class.text-criticality-blue]=\"!active\"\n                    (sInteractiveContent)=\"activatedButton(btn)\"\n                    [disabled]=\"btn.disabled || (btn.validate && btn.validate()) || false\"\n                    [attr.aria-label]=\"ariaLabelKey | translate: { page: btn.pageIndex }\"\n                    [attr.aria-current]=\"active ? 'page' : null\"\n                    class=\"group h-8 w-8 hover:bg-grayscale-20 hover:text-grayscale-100 disabled:hover:bg-[transparent] disabled:hover:text-criticality-blue\"\n                >\n                    <div class=\"group-disabled:opacity-50\">\n                        @let page = btn.pageIndex;\n                        @let icon = btn.icon;\n                        @if (page !== undefined) {\n                            {{ page }}\n                        }\n                        @if (icon) {\n                            <i [class]=\"icon\" aria-hidden=\"true\"></i>\n                        }\n                    </div>\n                </button>\n            }\n        </div>\n        <s-select\n            [options]=\"rowsPerPageOptions()\"\n            [ariaLabel]=\"'platform.angular_components.aria_page_selection' | translate\"\n            [(ngModel)]=\"rows\"\n            (ngModelChange)=\"rowsPerPageChange()\"\n        ></s-select>\n    </section>\n    <section class=\"flex items-center gap-2\">\n        @let text =\n            totalRecords() === 0\n                ? 'platform.angular_components.total_record'\n                : 'platform.angular_components.total_records';\n        <p class=\"text-[14px] text-[#212533]\">\n            {{ text | translate: { count: totalRecords() } }}\n        </p>\n        <ng-content></ng-content>\n    </section>\n</div>\n\n" }]
+            args: [{ selector: 's-paginator', standalone: true, imports: [InteractiveContentDirective, SelectComponent, FormsModule, TranslateModule], template: "<div class=\"flex justify-between\">\n    <section class=\"flex items-center gap-2\">\n        <div\n            class=\"inline-block h-8 divide-x divide-grayscale-30 overflow-hidden rounded-medium border border-grayscale-30 bg-grayscale-0\"\n        >\n            @for (btn of buttons(); track $index) {\n                @let active = btn.pageIndex === currentPage();\n                @let ariaLabelKey =\n                    btn.ariaLabelKey ??\n                    (active\n                        ? 'platform.angular_components.aria_current_page'\n                        : 'platform.angular_components.aria_page_number');\n                <button\n                    [class.bg-criticality-blue]=\"active\"\n                    [class.text-grayscale-0]=\"active\"\n                    [class.text-criticality-blue]=\"!active\"\n                    [class.rounded-l-medium]=\"$first\"\n                    [class.rounded-r-medium]=\"$last\"\n                    (sInteractiveContent)=\"activatedButton(btn)\"\n                    [attr.disabled]=\"btn.disabled || (btn.validate && btn.validate()) ? '' : null\"\n                    [attr.aria-label]=\"ariaLabelKey | translate: { page: btn.pageIndex }\"\n                    [attr.aria-current]=\"active ? 'page' : null\"\n                    class=\"group h-[30px] w-8 hover:bg-grayscale-20 hover:text-grayscale-100 disabled:hover:bg-[transparent] disabled:hover:text-criticality-blue focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-[var(--s-focus-ring-color,#0090ff)]\"\n                >\n                    <div class=\"group-disabled:opacity-50\">\n                        @let page = btn.pageIndex;\n                        @let icon = btn.icon;\n                        @if (page !== undefined) {\n                            {{ page }}\n                        }\n                        @if (icon) {\n                            <i [class]=\"icon\" aria-hidden=\"true\"></i>\n                        }\n                    </div>\n                </button>\n            }\n        </div>\n        <s-select\n            [options]=\"rowsPerPageOptions()\"\n            [ariaLabel]=\"'platform.angular_components.aria_page_selection' | translate\"\n            [(ngModel)]=\"rows\"\n            (ngModelChange)=\"rowsPerPageChange()\"\n        ></s-select>\n    </section>\n    <section class=\"flex items-center gap-2\">\n        @let text =\n            totalRecords() === 0\n                ? 'platform.angular_components.total_record'\n                : 'platform.angular_components.total_records';\n        <p class=\"text-[14px] text-[#212533]\">\n            {{ text | translate: { count: totalRecords() } }}\n        </p>\n        <ng-content></ng-content>\n    </section>\n</div>\n\n" }]
         }] });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"seniorsistemas-angular-components-paginator.mjs","sources":["../../projects/angular-components/paginator/src/lib/paginator/paginator.component.ts","../../projects/angular-components/paginator/src/lib/paginator/paginator.component.html","../../projects/angular-components/paginator/src/seniorsistemas-angular-components-paginator.ts"],"sourcesContent":["import { Component, computed, effect, input, model, OnDestroy, output, signal } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport { InteractiveContentDirective } from '@seniorsistemas/angular-components/interactive-content';\nimport { SelectComponent } from '@seniorsistemas/angular-components/select';\nimport { TranslateModule } from '@ngx-translate/core';\n\nimport { PageChange, PaginatorInternalButton } from '../models/paginator.models';\n/**\n * @description Componente de paginação standalone que exibe botões de páginas,\n * seletor de itens por página e navegação para primeira/última página.\n * Emite `pageChange` a cada mudança de página ou tamanho de página.\n *\n * @example\n * ```html\n * <s-paginator\n *   [totalRecords]=\"total\"\n *   [(rows)]=\"tamanhoPagina\"\n *   (pageChange)=\"onPaginaMudou($event)\" />\n * ```\n *\n * @category Structure\n */\n@Component({\n    selector: 's-paginator',\n    standalone: true,\n    imports: [InteractiveContentDirective, SelectComponent, FormsModule, TranslateModule],\n    templateUrl: './paginator.component.html',\n})\nexport class PaginatorComponent implements OnDestroy {\n    /** @description Número total de registros. Campo obrigatório. */\n    totalRecords = input.required<number>();\n    /** @description Número de itens por página. Suporta two-way binding. @default 10 */\n    rows = model(10);\n    /** @description Opções do seletor de itens por página. @default [10, 20, 50, 100, 200] */\n    rowsPerPageOptions = input<number[]>([10, 20, 50, 100, 200]);\n    /** @description Emitido sempre que a página ou o número de itens por página muda. */\n    pageChange = output<PageChange>();\n\n    private readonly currentPageEffect = effect(() => {\n        const totalPages = this.totalPages();\n        const page = this.currentPage() - 1;\n        this.pageChange.emit({\n            page,\n            pageCount: totalPages,\n            rows: this.rows(),\n            first: this.rows() * page,\n        });\n    });\n    private readonly MAX_PAGE_BUTTONS = 5;\n    private readonly hasPreviousPage = computed(() => {\n        const previousPage = this.currentPage() - 1;\n        return previousPage >= 1;\n    });\n\n    private readonly hasNextPage = computed(() => {\n        const nextPage = this.currentPage() + 1;\n        return nextPage <= this.totalPages();\n    });\n\n    private readonly requestedPage = signal(1);\n    /** @description Página atual, sempre reajustada para o intervalo válido de `[1, totalPages]`. */\n    protected readonly currentPage = computed(() => {\n        const maxPage = Math.max(this.totalPages(), 1);\n        return Math.min(Math.max(this.requestedPage(), 1), maxPage);\n    });\n\n    protected buttons = computed(() => {\n        const navigationPageButtons: PaginatorInternalButton[] = [];\n        const maxPageButtons = this.MAX_PAGE_BUTTONS;\n        const currentPage = this.currentPage();\n        const middle = Math.floor(maxPageButtons / 2);\n        const _startPage = currentPage - middle;\n        let startPage = _startPage < 1 ? 1 : _startPage;\n        const _endPage = startPage + maxPageButtons - 1;\n        const endPageIsMoreThanTotalPages = _endPage > this.totalPages();\n\n        if (endPageIsMoreThanTotalPages) {\n            const diff = _endPage - this.totalPages();\n            const canModifyStartPage = startPage - diff >= 1;\n            if (canModifyStartPage) {\n                startPage = startPage - diff;\n            }\n        }\n        const endPage = endPageIsMoreThanTotalPages ? this.totalPages() : _endPage;\n\n        for (let i = startPage; i <= endPage; i++) {\n            navigationPageButtons.push({\n                clicked: (page) => this.goToPage(page.pageIndex as number),\n                pageIndex: i,\n            });\n        }\n\n        return [\n            this.FIRST_PAGE_BUTTON,\n            this.PREVIOUS_PAGE_BUTTON,\n            ...navigationPageButtons,\n            this.NEXT_PAGE_BUTTON,\n            this.LAST_PAGE_BUTTON,\n        ];\n    });\n\n    private readonly FIRST_PAGE_BUTTON: PaginatorInternalButton = {\n        clicked: this.goFirstPage.bind(this),\n        icon: 'fas fa-step-backward',\n        ariaLabelKey: 'platform.angular_components.aria_first_page',\n        validate: computed(() => {\n            return !this.hasPreviousPage();\n        }),\n    };\n\n    private readonly PREVIOUS_PAGE_BUTTON: PaginatorInternalButton = {\n        clicked: this.goPreviousPage.bind(this),\n        icon: 'fas fa-caret-left',\n        ariaLabelKey: 'platform.angular_components.aria_previous_page',\n        validate: computed(() => {\n            return !this.hasPreviousPage();\n        }),\n    };\n\n    private readonly LAST_PAGE_BUTTON: PaginatorInternalButton = {\n        clicked: this.goLastPage.bind(this),\n        icon: 'fas fa-step-forward',\n        ariaLabelKey: 'platform.angular_components.aria_last_page',\n        validate: computed(() => {\n            return !this.hasNextPage();\n        }),\n    };\n\n    private readonly NEXT_PAGE_BUTTON: PaginatorInternalButton = {\n        clicked: this.goNextPage.bind(this),\n        icon: 'fas fa-caret-right',\n        ariaLabelKey: 'platform.angular_components.aria_next_page',\n        validate: computed(() => {\n            return !this.hasNextPage();\n        }),\n    };\n\n    private totalPages = computed(() => {\n        return Math.ceil(this.totalRecords() / this.rows());\n    });\n\n    public ngOnDestroy(): void {\n        this.currentPageEffect.destroy();\n    }\n\n    protected rowsPerPageChange(): void {\n        if (this.currentPage() !== 1) {\n            this.goToPage(1);\n        }\n    }\n\n    protected activatedButton(button: PaginatorInternalButton): void {\n        button.clicked(button);\n    }\n\n    private goFirstPage(): void {\n        this.goToPage(1);\n    }\n\n    private goNextPage(): void {\n        if (!this.hasNextPage()) {\n            return;\n        }\n        this.goToPage(this.currentPage() + 1);\n    }\n\n    private goPreviousPage(): void {\n        if (!this.hasPreviousPage()) {\n            return;\n        }\n        this.goToPage(this.currentPage() - 1);\n    }\n\n    private goLastPage(): void {\n        this.goToPage(this.totalPages());\n    }\n\n    private goToPage(pageIndex: number): void {\n        this.requestedPage.set(pageIndex);\n    }\n}\n\n","<div class=\"flex justify-between\">\n    <section class=\"flex items-center gap-2\">\n        <div\n            class=\"inline-block h-8 divide-x divide-grayscale-30 overflow-hidden rounded-medium border border-grayscale-30 bg-grayscale-0\"\n        >\n            @for (btn of buttons(); track $index) {\n                @let active = btn.pageIndex === currentPage();\n                @let ariaLabelKey =\n                    btn.ariaLabelKey ??\n                    (active\n                        ? 'platform.angular_components.aria_current_page'\n                        : 'platform.angular_components.aria_page_number');\n                <button\n                    [class.bg-criticality-blue]=\"active\"\n                    [class.text-grayscale-0]=\"active\"\n                    [class.text-criticality-blue]=\"!active\"\n                    (sInteractiveContent)=\"activatedButton(btn)\"\n                    [disabled]=\"btn.disabled || (btn.validate && btn.validate()) || false\"\n                    [attr.aria-label]=\"ariaLabelKey | translate: { page: btn.pageIndex }\"\n                    [attr.aria-current]=\"active ? 'page' : null\"\n                    class=\"group h-8 w-8 hover:bg-grayscale-20 hover:text-grayscale-100 disabled:hover:bg-[transparent] disabled:hover:text-criticality-blue\"\n                >\n                    <div class=\"group-disabled:opacity-50\">\n                        @let page = btn.pageIndex;\n                        @let icon = btn.icon;\n                        @if (page !== undefined) {\n                            {{ page }}\n                        }\n                        @if (icon) {\n                            <i [class]=\"icon\" aria-hidden=\"true\"></i>\n                        }\n                    </div>\n                </button>\n            }\n        </div>\n        <s-select\n            [options]=\"rowsPerPageOptions()\"\n            [ariaLabel]=\"'platform.angular_components.aria_page_selection' | translate\"\n            [(ngModel)]=\"rows\"\n            (ngModelChange)=\"rowsPerPageChange()\"\n        ></s-select>\n    </section>\n    <section class=\"flex items-center gap-2\">\n        @let text =\n            totalRecords() === 0\n                ? 'platform.angular_components.total_record'\n                : 'platform.angular_components.total_records';\n        <p class=\"text-[14px] text-[#212533]\">\n            {{ text | translate: { count: totalRecords() } }}\n        </p>\n        <ng-content></ng-content>\n    </section>\n</div>\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"seniorsistemas-angular-components-paginator.mjs","sources":["../../projects/angular-components/paginator/src/lib/paginator/paginator.component.ts","../../projects/angular-components/paginator/src/lib/paginator/paginator.component.html","../../projects/angular-components/paginator/src/seniorsistemas-angular-components-paginator.ts"],"sourcesContent":["import { Component, computed, effect, input, model, OnDestroy, output, signal } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport { InteractiveContentDirective } from '@seniorsistemas/angular-components/interactive-content';\nimport { SelectComponent } from '@seniorsistemas/angular-components/select';\nimport { TranslateModule } from '@ngx-translate/core';\n\nimport { PageChange, PaginatorInternalButton } from '../models/paginator.models';\n/**\n * @description Componente de paginação standalone que exibe botões de páginas,\n * seletor de itens por página e navegação para primeira/última página.\n * Emite `pageChange` a cada mudança de página ou tamanho de página.\n *\n * @example\n * ```html\n * <s-paginator\n *   [totalRecords]=\"total\"\n *   [(rows)]=\"tamanhoPagina\"\n *   (pageChange)=\"onPaginaMudou($event)\" />\n * ```\n *\n * @category Structure\n */\n@Component({\n    selector: 's-paginator',\n    standalone: true,\n    imports: [InteractiveContentDirective, SelectComponent, FormsModule, TranslateModule],\n    templateUrl: './paginator.component.html',\n})\nexport class PaginatorComponent implements OnDestroy {\n    /** @description Número total de registros. Campo obrigatório. */\n    totalRecords = input.required<number>();\n    /** @description Número de itens por página. Suporta two-way binding. @default 10 */\n    rows = model(10);\n    /** @description Opções do seletor de itens por página. @default [10, 20, 50, 100, 200] */\n    rowsPerPageOptions = input<number[]>([10, 20, 50, 100, 200]);\n    /** @description Emitido sempre que a página ou o número de itens por página muda. */\n    pageChange = output<PageChange>();\n\n    private readonly currentPageEffect = effect(() => {\n        const totalPages = this.totalPages();\n        const page = this.currentPage() - 1;\n        this.pageChange.emit({\n            page,\n            pageCount: totalPages,\n            rows: this.rows(),\n            first: this.rows() * page,\n        });\n    });\n    private readonly MAX_PAGE_BUTTONS = 5;\n    private readonly hasPreviousPage = computed(() => {\n        const previousPage = this.currentPage() - 1;\n        return previousPage >= 1;\n    });\n\n    private readonly hasNextPage = computed(() => {\n        const nextPage = this.currentPage() + 1;\n        return nextPage <= this.totalPages();\n    });\n\n    private readonly requestedPage = signal(1);\n    /** @description Página atual, sempre reajustada para o intervalo válido de `[1, totalPages]`. */\n    protected readonly currentPage = computed(() => {\n        const maxPage = Math.max(this.totalPages(), 1);\n        return Math.min(Math.max(this.requestedPage(), 1), maxPage);\n    });\n\n    protected buttons = computed(() => {\n        const navigationPageButtons: PaginatorInternalButton[] = [];\n        const maxPageButtons = this.MAX_PAGE_BUTTONS;\n        const currentPage = this.currentPage();\n        const middle = Math.floor(maxPageButtons / 2);\n        const _startPage = currentPage - middle;\n        let startPage = _startPage < 1 ? 1 : _startPage;\n        const _endPage = startPage + maxPageButtons - 1;\n        const endPageIsMoreThanTotalPages = _endPage > this.totalPages();\n\n        if (endPageIsMoreThanTotalPages) {\n            const diff = _endPage - this.totalPages();\n            const canModifyStartPage = startPage - diff >= 1;\n            if (canModifyStartPage) {\n                startPage = startPage - diff;\n            }\n        }\n        const endPage = endPageIsMoreThanTotalPages ? this.totalPages() : _endPage;\n\n        for (let i = startPage; i <= endPage; i++) {\n            navigationPageButtons.push({\n                clicked: (page) => this.goToPage(page.pageIndex as number),\n                pageIndex: i,\n            });\n        }\n\n        return [\n            this.FIRST_PAGE_BUTTON,\n            this.PREVIOUS_PAGE_BUTTON,\n            ...navigationPageButtons,\n            this.NEXT_PAGE_BUTTON,\n            this.LAST_PAGE_BUTTON,\n        ];\n    });\n\n    private readonly FIRST_PAGE_BUTTON: PaginatorInternalButton = {\n        clicked: this.goFirstPage.bind(this),\n        icon: 'fas fa-step-backward',\n        ariaLabelKey: 'platform.angular_components.aria_first_page',\n        validate: computed(() => {\n            return !this.hasPreviousPage();\n        }),\n    };\n\n    private readonly PREVIOUS_PAGE_BUTTON: PaginatorInternalButton = {\n        clicked: this.goPreviousPage.bind(this),\n        icon: 'fas fa-caret-left',\n        ariaLabelKey: 'platform.angular_components.aria_previous_page',\n        validate: computed(() => {\n            return !this.hasPreviousPage();\n        }),\n    };\n\n    private readonly LAST_PAGE_BUTTON: PaginatorInternalButton = {\n        clicked: this.goLastPage.bind(this),\n        icon: 'fas fa-step-forward',\n        ariaLabelKey: 'platform.angular_components.aria_last_page',\n        validate: computed(() => {\n            return !this.hasNextPage();\n        }),\n    };\n\n    private readonly NEXT_PAGE_BUTTON: PaginatorInternalButton = {\n        clicked: this.goNextPage.bind(this),\n        icon: 'fas fa-caret-right',\n        ariaLabelKey: 'platform.angular_components.aria_next_page',\n        validate: computed(() => {\n            return !this.hasNextPage();\n        }),\n    };\n\n    private totalPages = computed(() => {\n        return Math.ceil(this.totalRecords() / this.rows());\n    });\n\n    public ngOnDestroy(): void {\n        this.currentPageEffect.destroy();\n    }\n\n    protected rowsPerPageChange(): void {\n        if (this.currentPage() !== 1) {\n            this.goToPage(1);\n        }\n    }\n\n    protected activatedButton(button: PaginatorInternalButton): void {\n        button.clicked(button);\n    }\n\n    private goFirstPage(): void {\n        this.goToPage(1);\n    }\n\n    private goNextPage(): void {\n        if (!this.hasNextPage()) {\n            return;\n        }\n        this.goToPage(this.currentPage() + 1);\n    }\n\n    private goPreviousPage(): void {\n        if (!this.hasPreviousPage()) {\n            return;\n        }\n        this.goToPage(this.currentPage() - 1);\n    }\n\n    private goLastPage(): void {\n        this.goToPage(this.totalPages());\n    }\n\n    private goToPage(pageIndex: number): void {\n        this.requestedPage.set(pageIndex);\n    }\n}\n\n","<div class=\"flex justify-between\">\n    <section class=\"flex items-center gap-2\">\n        <div\n            class=\"inline-block h-8 divide-x divide-grayscale-30 overflow-hidden rounded-medium border border-grayscale-30 bg-grayscale-0\"\n        >\n            @for (btn of buttons(); track $index) {\n                @let active = btn.pageIndex === currentPage();\n                @let ariaLabelKey =\n                    btn.ariaLabelKey ??\n                    (active\n                        ? 'platform.angular_components.aria_current_page'\n                        : 'platform.angular_components.aria_page_number');\n                <button\n                    [class.bg-criticality-blue]=\"active\"\n                    [class.text-grayscale-0]=\"active\"\n                    [class.text-criticality-blue]=\"!active\"\n                    [class.rounded-l-medium]=\"$first\"\n                    [class.rounded-r-medium]=\"$last\"\n                    (sInteractiveContent)=\"activatedButton(btn)\"\n                    [attr.disabled]=\"btn.disabled || (btn.validate && btn.validate()) ? '' : null\"\n                    [attr.aria-label]=\"ariaLabelKey | translate: { page: btn.pageIndex }\"\n                    [attr.aria-current]=\"active ? 'page' : null\"\n                    class=\"group h-[30px] w-8 hover:bg-grayscale-20 hover:text-grayscale-100 disabled:hover:bg-[transparent] disabled:hover:text-criticality-blue focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-[var(--s-focus-ring-color,#0090ff)]\"\n                >\n                    <div class=\"group-disabled:opacity-50\">\n                        @let page = btn.pageIndex;\n                        @let icon = btn.icon;\n                        @if (page !== undefined) {\n                            {{ page }}\n                        }\n                        @if (icon) {\n                            <i [class]=\"icon\" aria-hidden=\"true\"></i>\n                        }\n                    </div>\n                </button>\n            }\n        </div>\n        <s-select\n            [options]=\"rowsPerPageOptions()\"\n            [ariaLabel]=\"'platform.angular_components.aria_page_selection' | translate\"\n            [(ngModel)]=\"rows\"\n            (ngModelChange)=\"rowsPerPageChange()\"\n        ></s-select>\n    </section>\n    <section class=\"flex items-center gap-2\">\n        @let text =\n            totalRecords() === 0\n                ? 'platform.angular_components.total_record'\n                : 'platform.angular_components.total_records';\n        <p class=\"text-[14px] text-[#212533]\">\n            {{ text | translate: { count: totalRecords() } }}\n        </p>\n        <ng-content></ng-content>\n    </section>\n</div>\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-pin-code-field.mjs

@@ -439,7 +439,7 @@ class PinCodeFieldComponent {
                 useExisting: forwardRef(() => PinCodeFieldComponent),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "pinInputs", predicate: ["pinInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"gap-xsmall flex flex-col\">\n    <div\n        class=\"flex gap-2\"\n        role=\"group\"\n        aria-label=\"PIN code input\"\n        [attr.aria-labelledby]=\"helpText() ? 'pin-help-text' : null\"\n    >\n        @for (input of inputs(); let i = $index; track i) {\n            <input\n                #pinInput\n                type=\"text\"\n                class=\"h-12 w-12 rounded-xbig border text-center text-lg font-medium transition-all duration-200\"\n                [ngClass]=\"{\n                    'border-criticality-red focus:ring-criticality-red': hasError(),\n                    'border-grayscale-30 focus:border-primary focus:ring-primary': !hasError(),\n                    'cursor-not-allowed bg-grayscale-10 text-grayscale-60': disabled(),\n                    'bg-grayscale-0 text-grayscale-100 focus:outline-none': !disabled(),\n                }\"\n                [value]=\"input\"\n                [disabled]=\"disabled()\"\n                [attr.maxlength]=\"1\"\n                [attr.inputmode]=\"alphanumeric() ? 'text' : 'numeric'\"\n                [attr.aria-label]=\"\n                    alphanumeric()\n                        ? ('platform.angular_components.pin_code_character_index_of_total'\n                          | translate: { index: i + 1, length: length() })\n                        : ('platform.angular_components.pin_code_digit_index_of_total'\n                          | translate: { index: i + 1, length: length() })\n                \"\n                [attr.aria-describedby]=\"helpText() ? 'pin-help-text' : null\"\n                [attr.aria-required]=\"true\"\n                autocomplete=\"off\"\n                (input)=\"onInput(i, $event)\"\n                (keydown)=\"onKeyDown(i, $event)\"\n                (paste)=\"onPaste($event)\"\n                (focus)=\"onFocus(i)\"\n                (blur)=\"onBlur(i)\"\n            />\n        }\n    </div>\n\n    @if (helpText()) {\n        <div\n            id=\"pin-help-text\"\n            class=\"mt-small text-sm text-grayscale-60\"\n        >\n            {{ helpText() }}\n        </div>\n    }\n</div>\n\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
+        ], viewQueries: [{ propertyName: "pinInputs", predicate: ["pinInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"gap-xsmall flex flex-col\">\n    <div\n        class=\"flex gap-2\"\n        role=\"group\"\n        aria-label=\"PIN code input\"\n        [attr.aria-labelledby]=\"helpText() ? 'pin-help-text' : null\"\n    >\n        @for (input of inputs(); let i = $index; track i) {\n            <input\n                #pinInput\n                type=\"text\"\n                class=\"h-12 w-12 rounded-xbig border text-center text-lg font-medium transition-[background-color,border-color,color] duration-200\"\n                [ngClass]=\"{\n                    'border-criticality-red focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-criticality-red': hasError(),\n                    'border-grayscale-30 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-[var(--s-focus-ring-color,#0090ff)]': !hasError(),\n                    'cursor-not-allowed bg-grayscale-10 text-grayscale-60': disabled(),\n                    'bg-grayscale-0 text-grayscale-100': !disabled(),\n                }\"\n                [value]=\"input\"\n                [disabled]=\"disabled()\"\n                [attr.maxlength]=\"1\"\n                [attr.inputmode]=\"alphanumeric() ? 'text' : 'numeric'\"\n                [attr.aria-label]=\"\n                    alphanumeric()\n                        ? ('platform.angular_components.pin_code_character_index_of_total'\n                          | translate: { index: i + 1, length: length() })\n                        : ('platform.angular_components.pin_code_digit_index_of_total'\n                          | translate: { index: i + 1, length: length() })\n                \"\n                [attr.aria-describedby]=\"helpText() ? 'pin-help-text' : null\"\n                [attr.aria-required]=\"true\"\n                autocomplete=\"off\"\n                (input)=\"onInput(i, $event)\"\n                (keydown)=\"onKeyDown(i, $event)\"\n                (paste)=\"onPaste($event)\"\n                (focus)=\"onFocus(i)\"\n                (blur)=\"onBlur(i)\"\n            />\n        }\n    </div>\n\n    @if (helpText()) {\n        <div\n            id=\"pin-help-text\"\n            class=\"mt-small text-sm text-grayscale-60\"\n        >\n            {{ helpText() }}\n        </div>\n    }\n</div>\n\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PinCodeFieldComponent, decorators: [{
             type: Component,
@@ -449,7 +449,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                             useExisting: forwardRef(() => PinCodeFieldComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"gap-xsmall flex flex-col\">\n    <div\n        class=\"flex gap-2\"\n        role=\"group\"\n        aria-label=\"PIN code input\"\n        [attr.aria-labelledby]=\"helpText() ? 'pin-help-text' : null\"\n    >\n        @for (input of inputs(); let i = $index; track i) {\n            <input\n                #pinInput\n                type=\"text\"\n                class=\"h-12 w-12 rounded-xbig border text-center text-lg font-medium transition-all duration-200\"\n                [ngClass]=\"{\n                    'border-criticality-red focus:ring-criticality-red': hasError(),\n                    'border-grayscale-30 focus:border-primary focus:ring-primary': !hasError(),\n                    'cursor-not-allowed bg-grayscale-10 text-grayscale-60': disabled(),\n                    'bg-grayscale-0 text-grayscale-100 focus:outline-none': !disabled(),\n                }\"\n                [value]=\"input\"\n                [disabled]=\"disabled()\"\n                [attr.maxlength]=\"1\"\n                [attr.inputmode]=\"alphanumeric() ? 'text' : 'numeric'\"\n                [attr.aria-label]=\"\n                    alphanumeric()\n                        ? ('platform.angular_components.pin_code_character_index_of_total'\n                          | translate: { index: i + 1, length: length() })\n                        : ('platform.angular_components.pin_code_digit_index_of_total'\n                          | translate: { index: i + 1, length: length() })\n                \"\n                [attr.aria-describedby]=\"helpText() ? 'pin-help-text' : null\"\n                [attr.aria-required]=\"true\"\n                autocomplete=\"off\"\n                (input)=\"onInput(i, $event)\"\n                (keydown)=\"onKeyDown(i, $event)\"\n                (paste)=\"onPaste($event)\"\n                (focus)=\"onFocus(i)\"\n                (blur)=\"onBlur(i)\"\n            />\n        }\n    </div>\n\n    @if (helpText()) {\n        <div\n            id=\"pin-help-text\"\n            class=\"mt-small text-sm text-grayscale-60\"\n        >\n            {{ helpText() }}\n        </div>\n    }\n</div>\n\n" }]
+                    ], template: "<div class=\"gap-xsmall flex flex-col\">\n    <div\n        class=\"flex gap-2\"\n        role=\"group\"\n        aria-label=\"PIN code input\"\n        [attr.aria-labelledby]=\"helpText() ? 'pin-help-text' : null\"\n    >\n        @for (input of inputs(); let i = $index; track i) {\n            <input\n                #pinInput\n                type=\"text\"\n                class=\"h-12 w-12 rounded-xbig border text-center text-lg font-medium transition-[background-color,border-color,color] duration-200\"\n                [ngClass]=\"{\n                    'border-criticality-red focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-criticality-red': hasError(),\n                    'border-grayscale-30 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-[var(--s-focus-ring-color,#0090ff)]': !hasError(),\n                    'cursor-not-allowed bg-grayscale-10 text-grayscale-60': disabled(),\n                    'bg-grayscale-0 text-grayscale-100': !disabled(),\n                }\"\n                [value]=\"input\"\n                [disabled]=\"disabled()\"\n                [attr.maxlength]=\"1\"\n                [attr.inputmode]=\"alphanumeric() ? 'text' : 'numeric'\"\n                [attr.aria-label]=\"\n                    alphanumeric()\n                        ? ('platform.angular_components.pin_code_character_index_of_total'\n                          | translate: { index: i + 1, length: length() })\n                        : ('platform.angular_components.pin_code_digit_index_of_total'\n                          | translate: { index: i + 1, length: length() })\n                \"\n                [attr.aria-describedby]=\"helpText() ? 'pin-help-text' : null\"\n                [attr.aria-required]=\"true\"\n                autocomplete=\"off\"\n                (input)=\"onInput(i, $event)\"\n                (keydown)=\"onKeyDown(i, $event)\"\n                (paste)=\"onPaste($event)\"\n                (focus)=\"onFocus(i)\"\n                (blur)=\"onBlur(i)\"\n            />\n        }\n    </div>\n\n    @if (helpText()) {\n        <div\n            id=\"pin-help-text\"\n            class=\"mt-small text-sm text-grayscale-60\"\n        >\n            {{ helpText() }}\n        </div>\n    }\n</div>\n\n" }]
         }], ctorParameters: () => [] });
 
 class PinCodeFieldModule {