@seniorsistemas/angular-components 17.31.2 → 18.0.0-develop-ae6477c0

package/fesm2022/seniorsistemas-angular-components-global-search.mjs

@@ -0,0 +1,288 @@
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, TemplateRef, Component, Input, Output, ContentChild, ViewChild, ContentChildren, NgModule } from '@angular/core';
+import * as i3$1 from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i2$1 from 'primeng/inputtext';
+import { InputTextModule } from 'primeng/inputtext';
+import * as i2 from 'primeng/tooltip';
+import { TooltipModule } from 'primeng/tooltip';
+import * as i4 from '@seniorsistemas/angular-components/button';
+import { ButtonModule } from '@seniorsistemas/angular-components/button';
+import * as i6 from '@seniorsistemas/angular-components/empty-state';
+import { EmptyStateModule } from '@seniorsistemas/angular-components/empty-state';
+import { InfiniteScrollModule } from '@seniorsistemas/angular-components/infinite-scroll';
+import * as i5 from '@seniorsistemas/angular-components/loading-state';
+import { LoadingStateModule } from '@seniorsistemas/angular-components/loading-state';
+import * as i3 from '@seniorsistemas/angular-components/thumbnail';
+import { ThumbnailComponent, ThumbnailModule } from '@seniorsistemas/angular-components/thumbnail';
+import { trigger, state, style, transition, animate } from '@angular/animations';
+import { isNullOrUndefined } from '@seniorsistemas/angular-components/utils';
+
+class GlobalSearchDropdownItemComponent {
+    static nextId = 0;
+    id = `s-global-search-dropdown-item-${GlobalSearchDropdownItemComponent.nextId++}`;
+    primaryLabel;
+    secondaryEmptyLabel;
+    tertiaryEmptyLabel;
+    imageSource;
+    imageAlt;
+    iconClass;
+    secondaryLabel;
+    tertiaryLabel;
+    size = 'standart';
+    template = null;
+    buttonClick = new EventEmitter();
+    thumbnailComponent = null;
+    content = null;
+    isMediumSize() {
+        return this.size === 'medium';
+    }
+    isSmallSize() {
+        return this.size === 'small';
+    }
+    getImageSize() {
+        return this._isStandardSize() ? 'medium' : 'small';
+    }
+    _isStandardSize() {
+        return this.size === 'standart';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GlobalSearchDropdownItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GlobalSearchDropdownItemComponent, selector: "s-global-search-dropdown-item", inputs: { id: "id", primaryLabel: "primaryLabel", secondaryEmptyLabel: "secondaryEmptyLabel", tertiaryEmptyLabel: "tertiaryEmptyLabel", imageSource: "imageSource", imageAlt: "imageAlt", iconClass: "iconClass", secondaryLabel: "secondaryLabel", tertiaryLabel: "tertiaryLabel", size: "size", template: "template" }, outputs: { buttonClick: "buttonClick" }, queries: [{ propertyName: "thumbnailComponent", first: true, predicate: ThumbnailComponent, descendants: true, static: true }], viewQueries: [{ propertyName: "content", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: "<ng-template>\n    <div class=\"global-search-dropdown-item\" [class.ui-grid]=\"isSmallSize()\">\n        <ng-content select=\"s-thumbnail\"></ng-content>\n\n        @if (!thumbnailComponent && (imageSource || iconClass) && !isSmallSize()) {\n            <s-thumbnail\n                [id]=\"id + '-thumbnail'\"\n                [imageSource]=\"imageSource\"\n                [imageAlt]=\"imageAlt || primaryLabel\"\n                [iconClass]=\"iconClass ?? ''\"\n                [size]=\"getImageSize()\"\n            ></s-thumbnail>\n        }\n\n        <div class=\"global-search-item__container {{ !isSmallSize() ? 'global-search-item__container--width-60' : '' }}\">\n            <div #titleTemplate>\n                <ng-content select=\"[titleTemplate]\"></ng-content>\n            </div>\n            @if (!titleTemplate.children.length) {\n                <s-button\n                    styleClass=\"no-padding\"\n                    class=\"{{ isSmallSize() ? 'ui-grid-col-6 no-padding' : '' }}\"\n                    [id]=\"id + '-title'\"\n                    priority=\"link\"\n                    [pTooltip]=\"primaryLabel\"\n                    [label]=\"primaryLabel\"\n                    size=\"small\"\n                    (clicked)=\"buttonClick.emit()\"\n                >\n                </s-button>\n            }\n\n            <div #labelTemplate>\n                <ng-content select=\"[labelTemplate]\"></ng-content>\n            </div>\n\n            @if (!labelTemplate.children.length) {\n                <span\n                    [id]=\"id + '-label'\"\n                    [ngClass]=\"{\n                        'ui-grid-col-6 global-search-item__text-align--right': isSmallSize(),\n                        'global-search-item__italic': !secondaryLabel,\n                    }\"\n                    class=\"label\"\n                    [pTooltip]=\"secondaryLabel\"\n                    tooltipPosition=\"top\"\n                    showDelay=\"500\"\n                    >{{ secondaryLabel ? secondaryLabel : secondaryEmptyLabel }}</span\n                >\n            }\n\n            <div #descriptionTemplate>\n                <ng-content select=\"[descriptionTemplate]\"></ng-content>\n            </div>\n\n            @if (!descriptionTemplate.children.length && !isMediumSize() && !isSmallSize()) {\n                <span\n                    [id]=\"id + '-description'\"\n                    class=\"description\"\n                    [ngClass]=\"{ 'global-search-item__italic': !secondaryLabel }\"\n                    [pTooltip]=\"tertiaryLabel\"\n                    tooltipPosition=\"top\"\n                    showDelay=\"500\"\n                >\n                    {{ tertiaryLabel ? tertiaryLabel : tertiaryEmptyLabel }}\n                </span>\n            }\n        </div>\n        @if (!isSmallSize()) {\n            <div class=\"global-search-item__container--width-40 global-search__dropdown--template\">\n                <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n            </div>\n        }\n    </div>\n</ng-template>\n", styles: [".global-search-dropdown{align-items:center;display:flex;height:100%;border-bottom:solid 1px #ccc;padding:15px 5px;margin:0 10px}::ng-deep .no-padding{padding:0!important;min-width:0px!important}::ng-deep .s-button-with-text{min-width:0px!important}.global-search-item__italic{font-style:italic}.global-search-item__container{margin-left:10px;width:100%}.global-search-item__container,.global-search-item__container span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.global-search-item__container .label{color:#333;display:block}.global-search-item__container .description{color:#999;display:block}.global-search-item__container--width-60{width:60%}.global-search-item__container--width-40{width:40%}.global-search-item__text-align--right{text-align:right;padding:2px 0 0 15px}.global-search__dropdown--template{display:flex;flex-direction:column;text-align:right!important}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.global-search-item__container{flex:1}}@media (max-width: 767px){.global-search-item__container,.global-search-item__container span{white-space:normal}}.global-search-item__container:only-child{margin-left:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i3.ThumbnailComponent, selector: "s-thumbnail", inputs: ["id", "size", "imageSource", "imageFallback", "imageAlt", "iconClass", "hasAction", "actionIconClass", "isTile", "isBrand"] }, { kind: "component", type: i4.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor"], outputs: ["clicked"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GlobalSearchDropdownItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-global-search-dropdown-item', template: "<ng-template>\n    <div class=\"global-search-dropdown-item\" [class.ui-grid]=\"isSmallSize()\">\n        <ng-content select=\"s-thumbnail\"></ng-content>\n\n        @if (!thumbnailComponent && (imageSource || iconClass) && !isSmallSize()) {\n            <s-thumbnail\n                [id]=\"id + '-thumbnail'\"\n                [imageSource]=\"imageSource\"\n                [imageAlt]=\"imageAlt || primaryLabel\"\n                [iconClass]=\"iconClass ?? ''\"\n                [size]=\"getImageSize()\"\n            ></s-thumbnail>\n        }\n\n        <div class=\"global-search-item__container {{ !isSmallSize() ? 'global-search-item__container--width-60' : '' }}\">\n            <div #titleTemplate>\n                <ng-content select=\"[titleTemplate]\"></ng-content>\n            </div>\n            @if (!titleTemplate.children.length) {\n                <s-button\n                    styleClass=\"no-padding\"\n                    class=\"{{ isSmallSize() ? 'ui-grid-col-6 no-padding' : '' }}\"\n                    [id]=\"id + '-title'\"\n                    priority=\"link\"\n                    [pTooltip]=\"primaryLabel\"\n                    [label]=\"primaryLabel\"\n                    size=\"small\"\n                    (clicked)=\"buttonClick.emit()\"\n                >\n                </s-button>\n            }\n\n            <div #labelTemplate>\n                <ng-content select=\"[labelTemplate]\"></ng-content>\n            </div>\n\n            @if (!labelTemplate.children.length) {\n                <span\n                    [id]=\"id + '-label'\"\n                    [ngClass]=\"{\n                        'ui-grid-col-6 global-search-item__text-align--right': isSmallSize(),\n                        'global-search-item__italic': !secondaryLabel,\n                    }\"\n                    class=\"label\"\n                    [pTooltip]=\"secondaryLabel\"\n                    tooltipPosition=\"top\"\n                    showDelay=\"500\"\n                    >{{ secondaryLabel ? secondaryLabel : secondaryEmptyLabel }}</span\n                >\n            }\n\n            <div #descriptionTemplate>\n                <ng-content select=\"[descriptionTemplate]\"></ng-content>\n            </div>\n\n            @if (!descriptionTemplate.children.length && !isMediumSize() && !isSmallSize()) {\n                <span\n                    [id]=\"id + '-description'\"\n                    class=\"description\"\n                    [ngClass]=\"{ 'global-search-item__italic': !secondaryLabel }\"\n                    [pTooltip]=\"tertiaryLabel\"\n                    tooltipPosition=\"top\"\n                    showDelay=\"500\"\n                >\n                    {{ tertiaryLabel ? tertiaryLabel : tertiaryEmptyLabel }}\n                </span>\n            }\n        </div>\n        @if (!isSmallSize()) {\n            <div class=\"global-search-item__container--width-40 global-search__dropdown--template\">\n                <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n            </div>\n        }\n    </div>\n</ng-template>\n", styles: [".global-search-dropdown{align-items:center;display:flex;height:100%;border-bottom:solid 1px #ccc;padding:15px 5px;margin:0 10px}::ng-deep .no-padding{padding:0!important;min-width:0px!important}::ng-deep .s-button-with-text{min-width:0px!important}.global-search-item__italic{font-style:italic}.global-search-item__container{margin-left:10px;width:100%}.global-search-item__container,.global-search-item__container span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.global-search-item__container .label{color:#333;display:block}.global-search-item__container .description{color:#999;display:block}.global-search-item__container--width-60{width:60%}.global-search-item__container--width-40{width:40%}.global-search-item__text-align--right{text-align:right;padding:2px 0 0 15px}.global-search__dropdown--template{display:flex;flex-direction:column;text-align:right!important}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.global-search-item__container{flex:1}}@media (max-width: 767px){.global-search-item__container,.global-search-item__container span{white-space:normal}}.global-search-item__container:only-child{margin-left:0}\n"] }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], primaryLabel: [{
+                type: Input
+            }], secondaryEmptyLabel: [{
+                type: Input
+            }], tertiaryEmptyLabel: [{
+                type: Input
+            }], imageSource: [{
+                type: Input
+            }], imageAlt: [{
+                type: Input
+            }], iconClass: [{
+                type: Input
+            }], secondaryLabel: [{
+                type: Input
+            }], tertiaryLabel: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], template: [{
+                type: Input
+            }], buttonClick: [{
+                type: Output
+            }], thumbnailComponent: [{
+                type: ContentChild,
+                args: [ThumbnailComponent, { static: true }]
+            }], content: [{
+                type: ViewChild,
+                args: [TemplateRef, { static: true }]
+            }] } });
+
+class GlobalSearchComponent {
+    _cdr;
+    static nextId = 0;
+    globalSearch = null;
+    id = `s-global-search-${GlobalSearchDropdownItemComponent.nextId++}`;
+    delay = 500;
+    totalItensLabel;
+    showMoreLabel;
+    placeholder;
+    isLoading = false;
+    totalElements;
+    emptyTitle;
+    emptyDescription;
+    emptyIcon;
+    showFooter = true;
+    dropdownItens = null;
+    searched = new EventEmitter();
+    focused = new EventEmitter();
+    moreShown = new EventEmitter();
+    search = null;
+    wasSearched = false;
+    isModalLoading = false;
+    expanded = true;
+    constructor(_cdr) {
+        this._cdr = _cdr;
+    }
+    onChange() {
+        const search = this.search;
+        setTimeout(() => {
+            if (this.search === search) {
+                this._canShowGlobalSearchActive();
+                this.searched.emit(this.search ?? '');
+            }
+        }, this.delay);
+    }
+    focusIn() {
+        this.focused.emit(true);
+    }
+    focusOut() {
+        this.focused.emit(false);
+    }
+    showMore() {
+        this.moreShown.emit();
+    }
+    close() {
+        this.search = null;
+        this.wasSearched = false;
+        this.dropdownItens = null;
+        this.isModalLoading = false;
+        this._removeActiveClassByGlobalSearch();
+    }
+    _removeActiveClassByGlobalSearch() {
+        if (isNullOrUndefined(this.globalSearch))
+            return;
+        this.globalSearch.nativeElement.classList.remove('global-search__input-active');
+    }
+    _canShowGlobalSearchActive() {
+        this.wasSearched = !!this.search;
+        if (this.search) {
+            if (isNullOrUndefined(this.globalSearch))
+                return;
+            this.globalSearch.nativeElement.classList.add('global-search__input-active');
+        }
+        else {
+            this._removeActiveClassByGlobalSearch();
+            this.close();
+        }
+        this._cdr.detectChanges();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GlobalSearchComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GlobalSearchComponent, selector: "s-global-search", inputs: { id: "id", delay: "delay", totalItensLabel: "totalItensLabel", showMoreLabel: "showMoreLabel", placeholder: "placeholder", isLoading: "isLoading", totalElements: "totalElements", emptyTitle: "emptyTitle", emptyDescription: "emptyDescription", emptyIcon: "emptyIcon", showFooter: "showFooter" }, outputs: { searched: "searched", focused: "focused", moreShown: "moreShown" }, queries: [{ propertyName: "dropdownItens", predicate: GlobalSearchDropdownItemComponent }], viewQueries: [{ propertyName: "globalSearch", first: true, predicate: ["globalSearch"], descendants: true }], ngImport: i0, template: "<div class=\"p-inputGroup\">\n    <input\n        #globalSearch\n        class=\"global-search__input\"\n        [(ngModel)]=\"search\"\n        (ngModelChange)=\"onChange()\"\n        pInputText\n        [placeholder]=\"placeholder\"\n        (focus)=\"focusIn()\"\n        (blur)=\"focusOut()\"\n    />\n    <span class=\"p-inputGroup-addon global-search__span\">\n        <em class=\"fas fa-search\"></em>\n    </span>\n\n    @if (wasSearched) {\n        <div class=\"global-search__modal\">\n            <div\n                *sLoadingState=\"isLoading && !isModalLoading\"\n                class=\"global-search__loader\"\n            >\n                @if ((dropdownItens && dropdownItens.length > 0) || isLoading) {\n                    <div class=\"global-search__container\">\n                        @if (dropdownItens && dropdownItens.length > 0) {\n                            <div>\n                                <div class=\"global-search__modal--total-itens-title\">\n                                    <span class=\"ui-grid-col-11 no-space\">{{ totalItensLabel }}</span>\n                                    <span\n                                        class=\"ui-grid-col-1 no-space global-search__modal--total-itens-title-icon\"\n                                        (click)=\"close()\"\n                                    >\n                                        <em class=\"fas fa-times\"></em>\n                                    </span>\n                                </div>\n                                <div\n                                    class=\"no-space global-search__dropdown--itens\"\n                                    [@expandableContent]=\"expanded\"\n                                >\n                                    @for (item of dropdownItens; track item.id) {\n                                        <div class=\"s-object-card-field no-space global-search__dropdown--itens-container\">\n                                            <ng-container *ngTemplateOutlet=\"item.content\"></ng-container>\n                                        </div>\n                                    }\n                                </div>\n\n                                @if (showFooter) {\n                                    <div class=\"ui-grid-col-12 global-search__modal--footer\">\n                                        <s-button\n                                            class=\"global-search__show-more\"\n                                            (click)=\"showMore()\"\n                                            priority=\"link\"\n                                        >\n                                            {{ showMoreLabel }}\n                                        </s-button>\n                                    </div>\n                                }\n                            </div>\n                        }\n                    </div>\n                }\n\n                @if ((!dropdownItens || !dropdownItens.length) && !isLoading) {\n                    <s-empty-state\n                        [title]=\"emptyTitle ?? ''\"\n                        [description]=\"emptyDescription\"\n                        ngClass=\"global-search__empty-state--icon\"\n                        [iconClass]=\"emptyIcon ? emptyIcon : 'fas fa-search'\"\n                    >\n                    </s-empty-state>\n                }\n            </div>\n        </div>\n    }\n\n    @if (wasSearched) {\n        <div\n            class=\"global-search__background\"\n            (click)=\"close()\"\n        ></div>\n    }\n</div>\n", styles: [".p-inputGroup{display:flex;max-width:100%}.global-search__input{border-radius:20px 0 0 20px;border-right:none;cursor:pointer;height:25px;min-height:25px;padding:0 0 0 15px;transition:all .3s;width:136px}.global-search__input:active,.global-search__input:focus,.global-search__input-active{border-bottom:solid 1px #428bca;border-left:solid 1px #428bca;border-top:solid 1px #428bca;cursor:default;transition:all .3s;width:466px}.global-search__input:active,.global-search__input:focus+.global-search__span{border-bottom:solid 1px #428bca;border-left:none;border-right:solid 1px #428bca;border-top:solid 1px #428bca;transition:all .3s}.global-search__span{align-items:center;background:transparent;border:1px solid #ccc;border-left:none;border-radius:0 20px 20px 0;display:flex;height:25px;justify-content:center;padding:0 8px;transition:all .3s}.global-search__modal{background:#fff;border-radius:5px;box-shadow:0 2px 8px #0006;margin-top:60px;min-height:50px;position:absolute;width:500px;z-index:6}.global-search__modal--total-itens-title{border-bottom:solid 1px #ccc;color:#333;font-weight:600;height:50px;padding:15px}.global-search__modal--footer{border-top:solid 1px #ccc;height:50px}.global-search__modal--total-itens-title-icon{cursor:pointer;text-align:right}.global-search__container{min-height:50px;width:100%}.global-search__dropdown--itens{max-height:510px;overflow:auto}.global-search__dropdown--itens-container:hover{background:#dbe0e4}.global-search__background{background:#0006;cursor:pointer;height:calc(100vh - 70px);left:0;margin-top:50px;position:absolute;width:100%;z-index:5}.no-space{margin:0;padding:0}.global-search__show-more{display:flex;flex-direction:column}.global-search__show-more--button{color:#428bca!important}.modal{height:calc(100vh - 90px);left:1%;position:absolute;width:98%}.global-search__empty-state--icon{margin:42px 134px}::ng-deep s-global-search{width:100%}::ng-deep s-global-search .global-search__loader{border-radius:5px!important;width:100%}::ng-deep s-global-search .global-search__empty-state--icon .empty-state .icon{font-size:40px}::ng-deep s-global-search .s-button-priority-link{color:#428bca}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor"], outputs: ["clicked"] }, { kind: "directive", type: i5.LoadingStateDirective, selector: "[sLoadingState]", inputs: ["sLoadingState"] }, { kind: "component", type: i6.EmptyStateComponent, selector: "s-empty-state", inputs: ["id", "title", "iconClass", "description", "showPrimaryAction", "showSecondaryAction", "primaryActionLabel", "secondaryActionLabel", "primaryModel"], outputs: ["primaryAction", "secondaryAction"] }], animations: [
+            trigger('expandableContent', [
+                state('*', style({ height: '0' })),
+                state('false', style({ height: '0' })),
+                state('true', style({ height: '*' })),
+                transition('* => true', animate('200ms ease-out')),
+                transition('false <=> true', animate('200ms ease-out')),
+            ]),
+        ] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GlobalSearchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-global-search', animations: [
+                        trigger('expandableContent', [
+                            state('*', style({ height: '0' })),
+                            state('false', style({ height: '0' })),
+                            state('true', style({ height: '*' })),
+                            transition('* => true', animate('200ms ease-out')),
+                            transition('false <=> true', animate('200ms ease-out')),
+                        ]),
+                    ], template: "<div class=\"p-inputGroup\">\n    <input\n        #globalSearch\n        class=\"global-search__input\"\n        [(ngModel)]=\"search\"\n        (ngModelChange)=\"onChange()\"\n        pInputText\n        [placeholder]=\"placeholder\"\n        (focus)=\"focusIn()\"\n        (blur)=\"focusOut()\"\n    />\n    <span class=\"p-inputGroup-addon global-search__span\">\n        <em class=\"fas fa-search\"></em>\n    </span>\n\n    @if (wasSearched) {\n        <div class=\"global-search__modal\">\n            <div\n                *sLoadingState=\"isLoading && !isModalLoading\"\n                class=\"global-search__loader\"\n            >\n                @if ((dropdownItens && dropdownItens.length > 0) || isLoading) {\n                    <div class=\"global-search__container\">\n                        @if (dropdownItens && dropdownItens.length > 0) {\n                            <div>\n                                <div class=\"global-search__modal--total-itens-title\">\n                                    <span class=\"ui-grid-col-11 no-space\">{{ totalItensLabel }}</span>\n                                    <span\n                                        class=\"ui-grid-col-1 no-space global-search__modal--total-itens-title-icon\"\n                                        (click)=\"close()\"\n                                    >\n                                        <em class=\"fas fa-times\"></em>\n                                    </span>\n                                </div>\n                                <div\n                                    class=\"no-space global-search__dropdown--itens\"\n                                    [@expandableContent]=\"expanded\"\n                                >\n                                    @for (item of dropdownItens; track item.id) {\n                                        <div class=\"s-object-card-field no-space global-search__dropdown--itens-container\">\n                                            <ng-container *ngTemplateOutlet=\"item.content\"></ng-container>\n                                        </div>\n                                    }\n                                </div>\n\n                                @if (showFooter) {\n                                    <div class=\"ui-grid-col-12 global-search__modal--footer\">\n                                        <s-button\n                                            class=\"global-search__show-more\"\n                                            (click)=\"showMore()\"\n                                            priority=\"link\"\n                                        >\n                                            {{ showMoreLabel }}\n                                        </s-button>\n                                    </div>\n                                }\n                            </div>\n                        }\n                    </div>\n                }\n\n                @if ((!dropdownItens || !dropdownItens.length) && !isLoading) {\n                    <s-empty-state\n                        [title]=\"emptyTitle ?? ''\"\n                        [description]=\"emptyDescription\"\n                        ngClass=\"global-search__empty-state--icon\"\n                        [iconClass]=\"emptyIcon ? emptyIcon : 'fas fa-search'\"\n                    >\n                    </s-empty-state>\n                }\n            </div>\n        </div>\n    }\n\n    @if (wasSearched) {\n        <div\n            class=\"global-search__background\"\n            (click)=\"close()\"\n        ></div>\n    }\n</div>\n", styles: [".p-inputGroup{display:flex;max-width:100%}.global-search__input{border-radius:20px 0 0 20px;border-right:none;cursor:pointer;height:25px;min-height:25px;padding:0 0 0 15px;transition:all .3s;width:136px}.global-search__input:active,.global-search__input:focus,.global-search__input-active{border-bottom:solid 1px #428bca;border-left:solid 1px #428bca;border-top:solid 1px #428bca;cursor:default;transition:all .3s;width:466px}.global-search__input:active,.global-search__input:focus+.global-search__span{border-bottom:solid 1px #428bca;border-left:none;border-right:solid 1px #428bca;border-top:solid 1px #428bca;transition:all .3s}.global-search__span{align-items:center;background:transparent;border:1px solid #ccc;border-left:none;border-radius:0 20px 20px 0;display:flex;height:25px;justify-content:center;padding:0 8px;transition:all .3s}.global-search__modal{background:#fff;border-radius:5px;box-shadow:0 2px 8px #0006;margin-top:60px;min-height:50px;position:absolute;width:500px;z-index:6}.global-search__modal--total-itens-title{border-bottom:solid 1px #ccc;color:#333;font-weight:600;height:50px;padding:15px}.global-search__modal--footer{border-top:solid 1px #ccc;height:50px}.global-search__modal--total-itens-title-icon{cursor:pointer;text-align:right}.global-search__container{min-height:50px;width:100%}.global-search__dropdown--itens{max-height:510px;overflow:auto}.global-search__dropdown--itens-container:hover{background:#dbe0e4}.global-search__background{background:#0006;cursor:pointer;height:calc(100vh - 70px);left:0;margin-top:50px;position:absolute;width:100%;z-index:5}.no-space{margin:0;padding:0}.global-search__show-more{display:flex;flex-direction:column}.global-search__show-more--button{color:#428bca!important}.modal{height:calc(100vh - 90px);left:1%;position:absolute;width:98%}.global-search__empty-state--icon{margin:42px 134px}::ng-deep s-global-search{width:100%}::ng-deep s-global-search .global-search__loader{border-radius:5px!important;width:100%}::ng-deep s-global-search .global-search__empty-state--icon .empty-state .icon{font-size:40px}::ng-deep s-global-search .s-button-priority-link{color:#428bca}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { globalSearch: [{
+                type: ViewChild,
+                args: ['globalSearch', { static: false }]
+            }], id: [{
+                type: Input
+            }], delay: [{
+                type: Input
+            }], totalItensLabel: [{
+                type: Input,
+                args: [{ required: true }]
+            }], showMoreLabel: [{
+                type: Input,
+                args: [{ required: true }]
+            }], placeholder: [{
+                type: Input
+            }], isLoading: [{
+                type: Input
+            }], totalElements: [{
+                type: Input
+            }], emptyTitle: [{
+                type: Input
+            }], emptyDescription: [{
+                type: Input
+            }], emptyIcon: [{
+                type: Input
+            }], showFooter: [{
+                type: Input
+            }], dropdownItens: [{
+                type: ContentChildren,
+                args: [GlobalSearchDropdownItemComponent]
+            }], searched: [{
+                type: Output
+            }], focused: [{
+                type: Output
+            }], moreShown: [{
+                type: Output
+            }] } });
+
+class GlobalSearchModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GlobalSearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: GlobalSearchModule, declarations: [GlobalSearchComponent,
+            GlobalSearchDropdownItemComponent], imports: [CommonModule,
+            InputTextModule,
+            FormsModule,
+            ReactiveFormsModule,
+            TooltipModule,
+            ThumbnailModule,
+            ButtonModule,
+            LoadingStateModule,
+            InfiniteScrollModule,
+            EmptyStateModule], exports: [GlobalSearchComponent,
+            GlobalSearchDropdownItemComponent,
+            TooltipModule,
+            ThumbnailModule,
+            ButtonModule,
+            LoadingStateModule,
+            EmptyStateModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GlobalSearchModule, imports: [CommonModule,
+            InputTextModule,
+            FormsModule,
+            ReactiveFormsModule,
+            TooltipModule,
+            ThumbnailModule,
+            ButtonModule,
+            LoadingStateModule,
+            InfiniteScrollModule,
+            EmptyStateModule, TooltipModule,
+            ThumbnailModule,
+            ButtonModule,
+            LoadingStateModule,
+            EmptyStateModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GlobalSearchModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        GlobalSearchComponent,
+                        GlobalSearchDropdownItemComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        InputTextModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        TooltipModule,
+                        ThumbnailModule,
+                        ButtonModule,
+                        LoadingStateModule,
+                        InfiniteScrollModule,
+                        EmptyStateModule
+                    ],
+                    exports: [
+                        GlobalSearchComponent,
+                        GlobalSearchDropdownItemComponent,
+                        TooltipModule,
+                        ThumbnailModule,
+                        ButtonModule,
+                        LoadingStateModule,
+                        EmptyStateModule
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule };
+//# sourceMappingURL=seniorsistemas-angular-components-global-search.mjs.map

package/fesm2022/seniorsistemas-angular-components-global-search.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"seniorsistemas-angular-components-global-search.mjs","sources":["../../projects/angular-components/global-search/src/lib/global-search/components/dropdown/global-search-dropdown-item.component.ts","../../projects/angular-components/global-search/src/lib/global-search/components/dropdown/global-search-dropdown-item.component.html","../../projects/angular-components/global-search/src/lib/global-search/global-search.component.ts","../../projects/angular-components/global-search/src/lib/global-search/global-search.component.html","../../projects/angular-components/global-search/src/lib/global-search/global-search.module.ts","../../projects/angular-components/global-search/src/seniorsistemas-angular-components-global-search.ts"],"sourcesContent":["import { Component, ContentChild, EventEmitter, Input, Output, TemplateRef, ViewChild } from '@angular/core';\n\nimport { GlobalSearchSizeEnum } from '../../types/global-search-size.enum';\nimport { ThumbnailComponent } from '@seniorsistemas/angular-components/thumbnail';\n\n@Component({\n    selector: 's-global-search-dropdown-item',\n    templateUrl: './global-search-dropdown-item.component.html',\n    styleUrls: ['./global-search-dropdown-item.component.scss'],\n})\nexport class GlobalSearchDropdownItemComponent {\n    public static nextId = 0;\n\n    @Input()\n    public id = `s-global-search-dropdown-item-${GlobalSearchDropdownItemComponent.nextId++}`;\n\n    @Input()\n    public primaryLabel?: string;\n\n    @Input()\n    public secondaryEmptyLabel?: string;\n\n    @Input()\n    public tertiaryEmptyLabel?: string;\n\n    @Input()\n    public imageSource?: string;\n\n    @Input()\n    public imageAlt?: string;\n\n    @Input()\n    public iconClass?: string;\n\n    @Input()\n    public secondaryLabel?: string;\n\n    @Input()\n    public tertiaryLabel?: string;\n\n    @Input()\n    public size: GlobalSearchSizeEnum = 'standart';\n\n    @Input()\n    public template: TemplateRef<any> | null = null;\n\n    @Output()\n    public buttonClick = new EventEmitter<void>();\n\n    @ContentChild(ThumbnailComponent, { static: true })\n    public thumbnailComponent: ThumbnailComponent | null = null;\n\n    @ViewChild(TemplateRef, { static: true })\n    public content: TemplateRef<any> | null = null;\n\n    public isMediumSize(): boolean {\n        return this.size === 'medium';\n    }\n\n    public isSmallSize(): boolean {\n        return this.size === 'small';\n    }\n\n    public getImageSize(): 'medium' | 'small' {\n        return this._isStandardSize() ? 'medium' : 'small';\n    }\n\n    private _isStandardSize(): boolean {\n        return this.size === 'standart';\n    }\n}\n","<ng-template>\n    <div class=\"global-search-dropdown-item\" [class.ui-grid]=\"isSmallSize()\">\n        <ng-content select=\"s-thumbnail\"></ng-content>\n\n        @if (!thumbnailComponent && (imageSource || iconClass) && !isSmallSize()) {\n            <s-thumbnail\n                [id]=\"id + '-thumbnail'\"\n                [imageSource]=\"imageSource\"\n                [imageAlt]=\"imageAlt || primaryLabel\"\n                [iconClass]=\"iconClass ?? ''\"\n                [size]=\"getImageSize()\"\n            ></s-thumbnail>\n        }\n\n        <div class=\"global-search-item__container {{ !isSmallSize() ? 'global-search-item__container--width-60' : '' }}\">\n            <div #titleTemplate>\n                <ng-content select=\"[titleTemplate]\"></ng-content>\n            </div>\n            @if (!titleTemplate.children.length) {\n                <s-button\n                    styleClass=\"no-padding\"\n                    class=\"{{ isSmallSize() ? 'ui-grid-col-6 no-padding' : '' }}\"\n                    [id]=\"id + '-title'\"\n                    priority=\"link\"\n                    [pTooltip]=\"primaryLabel\"\n                    [label]=\"primaryLabel\"\n                    size=\"small\"\n                    (clicked)=\"buttonClick.emit()\"\n                >\n                </s-button>\n            }\n\n            <div #labelTemplate>\n                <ng-content select=\"[labelTemplate]\"></ng-content>\n            </div>\n\n            @if (!labelTemplate.children.length) {\n                <span\n                    [id]=\"id + '-label'\"\n                    [ngClass]=\"{\n                        'ui-grid-col-6 global-search-item__text-align--right': isSmallSize(),\n                        'global-search-item__italic': !secondaryLabel,\n                    }\"\n                    class=\"label\"\n                    [pTooltip]=\"secondaryLabel\"\n                    tooltipPosition=\"top\"\n                    showDelay=\"500\"\n                    >{{ secondaryLabel ? secondaryLabel : secondaryEmptyLabel }}</span\n                >\n            }\n\n            <div #descriptionTemplate>\n                <ng-content select=\"[descriptionTemplate]\"></ng-content>\n            </div>\n\n            @if (!descriptionTemplate.children.length && !isMediumSize() && !isSmallSize()) {\n                <span\n                    [id]=\"id + '-description'\"\n                    class=\"description\"\n                    [ngClass]=\"{ 'global-search-item__italic': !secondaryLabel }\"\n                    [pTooltip]=\"tertiaryLabel\"\n                    tooltipPosition=\"top\"\n                    showDelay=\"500\"\n                >\n                    {{ tertiaryLabel ? tertiaryLabel : tertiaryEmptyLabel }}\n                </span>\n            }\n        </div>\n        @if (!isSmallSize()) {\n            <div class=\"global-search-item__container--width-40 global-search__dropdown--template\">\n                <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n            </div>\n        }\n    </div>\n</ng-template>\n","import { animate, state, style, transition, trigger } from '@angular/animations';\nimport {\n    ChangeDetectorRef,\n    Component,\n    ContentChildren,\n    ElementRef,\n    EventEmitter,\n    Input,\n    Output,\n    QueryList,\n    ViewChild,\n} from '@angular/core';\n\nimport { GlobalSearchDropdownItemComponent } from './components/dropdown/global-search-dropdown-item.component';\nimport { isNullOrUndefined } from '@seniorsistemas/angular-components/utils';\n\n@Component({\n    selector: 's-global-search',\n    templateUrl: './global-search.component.html',\n    styleUrls: ['./global-search.component.scss'],\n    animations: [\n        trigger('expandableContent', [\n            state('*', style({ height: '0' })),\n            state('false', style({ height: '0' })),\n            state('true', style({ height: '*' })),\n            transition('* => true', animate('200ms ease-out')),\n            transition('false <=> true', animate('200ms ease-out')),\n        ]),\n    ],\n})\nexport class GlobalSearchComponent {\n    public static nextId = 0;\n\n    @ViewChild('globalSearch', { static: false })\n    public globalSearch: ElementRef | null = null;\n\n    @Input()\n    public id = `s-global-search-${GlobalSearchDropdownItemComponent.nextId++}`;\n\n    @Input()\n    public delay = 500;\n\n    @Input({ required: true })\n    public totalItensLabel!: string;\n\n    @Input({ required: true })\n    public showMoreLabel!: string;\n\n    @Input()\n    public placeholder?: string;\n\n    @Input()\n    public isLoading = false;\n\n    @Input()\n    public totalElements?: number;\n\n    @Input()\n    public emptyTitle?: string;\n\n    @Input()\n    public emptyDescription?: string;\n\n    @Input()\n    public emptyIcon?: string;\n\n    @Input() showFooter = true;\n\n    @ContentChildren(GlobalSearchDropdownItemComponent)\n    public dropdownItens: QueryList<GlobalSearchDropdownItemComponent> | null = null;\n\n    @Output()\n    public searched = new EventEmitter<string>();\n\n    @Output()\n    public focused = new EventEmitter<boolean>();\n\n    @Output()\n    public moreShown = new EventEmitter<void>();\n\n    public search: string | null = null;\n    public wasSearched = false;\n    public isModalLoading = false;\n    public expanded = true;\n\n    constructor(private readonly _cdr: ChangeDetectorRef) {}\n\n    public onChange() {\n        const search = this.search;\n        setTimeout(() => {\n            if (this.search === search) {\n                this._canShowGlobalSearchActive();\n                this.searched.emit(this.search ?? '');\n            }\n        }, this.delay);\n    }\n\n    public focusIn() {\n        this.focused.emit(true);\n    }\n\n    public focusOut() {\n        this.focused.emit(false);\n    }\n\n    public showMore() {\n        this.moreShown.emit();\n    }\n\n    public close() {\n        this.search = null;\n        this.wasSearched = false;\n        this.dropdownItens = null;\n        this.isModalLoading = false;\n        this._removeActiveClassByGlobalSearch();\n    }\n\n    private _removeActiveClassByGlobalSearch() {\n        if (isNullOrUndefined(this.globalSearch)) return;\n\n        this.globalSearch.nativeElement.classList.remove('global-search__input-active');\n    }\n\n    private _canShowGlobalSearchActive() {\n        this.wasSearched = !!this.search;\n        if (this.search) {\n            if (isNullOrUndefined(this.globalSearch)) return;\n\n            this.globalSearch.nativeElement.classList.add('global-search__input-active');\n        } else {\n            this._removeActiveClassByGlobalSearch();\n            this.close();\n        }\n        this._cdr.detectChanges();\n    }\n}\n\n","<div class=\"p-inputGroup\">\n    <input\n        #globalSearch\n        class=\"global-search__input\"\n        [(ngModel)]=\"search\"\n        (ngModelChange)=\"onChange()\"\n        pInputText\n        [placeholder]=\"placeholder\"\n        (focus)=\"focusIn()\"\n        (blur)=\"focusOut()\"\n    />\n    <span class=\"p-inputGroup-addon global-search__span\">\n        <em class=\"fas fa-search\"></em>\n    </span>\n\n    @if (wasSearched) {\n        <div class=\"global-search__modal\">\n            <div\n                *sLoadingState=\"isLoading && !isModalLoading\"\n                class=\"global-search__loader\"\n            >\n                @if ((dropdownItens && dropdownItens.length > 0) || isLoading) {\n                    <div class=\"global-search__container\">\n                        @if (dropdownItens && dropdownItens.length > 0) {\n                            <div>\n                                <div class=\"global-search__modal--total-itens-title\">\n                                    <span class=\"ui-grid-col-11 no-space\">{{ totalItensLabel }}</span>\n                                    <span\n                                        class=\"ui-grid-col-1 no-space global-search__modal--total-itens-title-icon\"\n                                        (click)=\"close()\"\n                                    >\n                                        <em class=\"fas fa-times\"></em>\n                                    </span>\n                                </div>\n                                <div\n                                    class=\"no-space global-search__dropdown--itens\"\n                                    [@expandableContent]=\"expanded\"\n                                >\n                                    @for (item of dropdownItens; track item.id) {\n                                        <div class=\"s-object-card-field no-space global-search__dropdown--itens-container\">\n                                            <ng-container *ngTemplateOutlet=\"item.content\"></ng-container>\n                                        </div>\n                                    }\n                                </div>\n\n                                @if (showFooter) {\n                                    <div class=\"ui-grid-col-12 global-search__modal--footer\">\n                                        <s-button\n                                            class=\"global-search__show-more\"\n                                            (click)=\"showMore()\"\n                                            priority=\"link\"\n                                        >\n                                            {{ showMoreLabel }}\n                                        </s-button>\n                                    </div>\n                                }\n                            </div>\n                        }\n                    </div>\n                }\n\n                @if ((!dropdownItens || !dropdownItens.length) && !isLoading) {\n                    <s-empty-state\n                        [title]=\"emptyTitle ?? ''\"\n                        [description]=\"emptyDescription\"\n                        ngClass=\"global-search__empty-state--icon\"\n                        [iconClass]=\"emptyIcon ? emptyIcon : 'fas fa-search'\"\n                    >\n                    </s-empty-state>\n                }\n            </div>\n        </div>\n    }\n\n    @if (wasSearched) {\n        <div\n            class=\"global-search__background\"\n            (click)=\"close()\"\n        ></div>\n    }\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\n\nimport { InputTextModule } from 'primeng/inputtext';\nimport { TooltipModule } from 'primeng/tooltip';\n\nimport { ButtonModule } from '@seniorsistemas/angular-components/button';\nimport { EmptyStateModule } from \"@seniorsistemas/angular-components/empty-state\";\nimport { InfiniteScrollModule } from '@seniorsistemas/angular-components/infinite-scroll';\nimport { LoadingStateModule } from '@seniorsistemas/angular-components/loading-state';\nimport { ThumbnailModule } from '@seniorsistemas/angular-components/thumbnail';\nimport { GlobalSearchDropdownItemComponent } from './components/dropdown/global-search-dropdown-item.component';\nimport { GlobalSearchComponent } from './global-search.component';\n\n@NgModule({\n    declarations: [\n        GlobalSearchComponent,\n        GlobalSearchDropdownItemComponent\n    ],\n    imports: [\n        CommonModule,\n        InputTextModule,\n        FormsModule,\n        ReactiveFormsModule,\n        TooltipModule,\n        ThumbnailModule,\n        ButtonModule,\n        LoadingStateModule,\n        InfiniteScrollModule,\n        EmptyStateModule\n    ],\n    exports: [\n        GlobalSearchComponent,\n        GlobalSearchDropdownItemComponent,\n        TooltipModule,\n        ThumbnailModule,\n        ButtonModule,\n        LoadingStateModule,\n        EmptyStateModule\n    ]\n})\nexport class GlobalSearchModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2","i3"],"mappings":"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"}

package/fesm2022/seniorsistemas-angular-components-grid-menu.mjs

@@ -0,0 +1,136 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import { isNullOrUndefined } from '@seniorsistemas/angular-components/utils';
+import * as i1 from '@seniorsistemas/angular-components/interactive-content';
+import { InteractiveContentDirective } from '@seniorsistemas/angular-components/interactive-content';
+import { CommonModule } from '@angular/common';
+
+class GridMenuItemComponent {
+    item;
+    iconIsFromFontAwesome = false;
+    clickedGridMenuItem = new EventEmitter();
+    fontAwesomePrefix = 'fal';
+    onClick() {
+        if (this.disabled) {
+            return;
+        }
+        this.item.action?.();
+        this.clickedGridMenuItem.emit(this.item);
+    }
+    onMouseEnter() {
+        if (this.disabled) {
+            return;
+        }
+        this.fontAwesomePrefix = 'fas';
+    }
+    onMouseLeave() {
+        if (this.disabled) {
+            return;
+        }
+        this.fontAwesomePrefix = 'fal';
+    }
+    get iconFontAwesomeClassName() {
+        const prefix = this.item.active ? 'fas' : this.fontAwesomePrefix;
+        return `${prefix} ${this.item.icon}`;
+    }
+    get initialLetter() {
+        let initialLetter = '';
+        if (this.item.label) {
+            const words = this.item.label.split(' ', 2);
+            initialLetter = words[0].charAt(0).toUpperCase();
+            if (words.length > 1) {
+                initialLetter += words[1].charAt(0).toUpperCase();
+            }
+        }
+        return initialLetter;
+    }
+    get disabled() {
+        return typeof this.item?.disabled === 'function' ? !!this.item.disabled() : !!this.item?.disabled;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GridMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GridMenuItemComponent, selector: "s-grid-menu-item", inputs: { item: "item", iconIsFromFontAwesome: "iconIsFromFontAwesome" }, outputs: { clickedGridMenuItem: "clickedGridMenuItem" }, ngImport: i0, template: "@if (item) {\n    <button\n        class=\"icon-button\"\n        [class.icon-button-active]=\"item.active\"\n        [class.icon-button--disabled]=\"disabled\"\n        (sInteractiveContent)=\"onClick()\"\n        [disabled]=\"disabled\"\n        [tabindex]=\"disabled ? -1 : 0\"\n        [class.icon-font-awesome]=\"iconIsFromFontAwesome\"\n        (mouseenter)=\"onMouseEnter()\"\n        (mouseleave)=\"onMouseLeave()\"\n    >\n        <div\n            class=\"icon-wrapper\"\n            [class.icon-image]=\"!iconIsFromFontAwesome\"\n        >\n            @if (item.icon) {\n                @if (iconIsFromFontAwesome) {\n                    <i [class]=\"iconFontAwesomeClassName\"> </i>\n                } @else {\n                    <span\n                        class=\"icon\"\n                        style=\"background-image: url('{{ item.icon }}');\"\n                    >\n                    </span>\n                }\n            } @else if (!item.icon) {\n                <span class=\"initials\">{{ initialLetter }}</span>\n            }\n        </div>\n        <span class=\"title\">{{ item.label }}</span>\n    </button>\n}\n", styles: [".icon-button{align-items:center;background-color:transparent;border:none;cursor:pointer;display:inline-flex;flex-direction:column;gap:12px;justify-content:center;padding:5px;transition:transform .3s ease-in-out;width:200px}.icon-button:not(.icon-button--disabled):hover .title,.icon-button:not(.icon-button--disabled):hover .initials{font-weight:700}.icon-button.icon-font-awesome .title{padding-bottom:1em}.icon-button.icon-font-awesome:not(.icon-button--disabled):hover{border-radius:10px;background-color:#dedce5}.icon-button.icon-font-awesome .icon-wrapper i{color:#009494}.icon-button .icon-wrapper{align-self:center;border-radius:10px;display:flex;height:64px;justify-content:center;overflow:hidden;padding:8px;width:64px;align-items:center;font-size:3em}.icon-button .icon-wrapper.icon-image{background-color:#dedce5}.icon-button .icon-wrapper .icon{background-position:center;background-repeat:no-repeat;background-size:cover;display:inline-block;height:100%;width:100%}.icon-button .icon-wrapper .initials{align-items:center;display:flex;font-family:Open Sans,sans-serif;font-size:20px;font-weight:700}.icon-button .title{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-family:Open Sans,sans-serif;font-size:14px;line-clamp:2;overflow:hidden;text-overflow:ellipsis;width:100%}.icon-button--disabled{cursor:default;opacity:.5}.icon-button:not(.icon-button--disabled):hover{transform:scale(1.05)}.icon-button-active{transform:scale(1.05);border-radius:10px;background-color:#dedce5}.icon-button-active .title,.icon-button-active .initials{font-weight:700}\n"], dependencies: [{ kind: "directive", type: i1.InteractiveContentDirective, selector: "[sInteractiveContent]", inputs: ["focusable", "disabled", "stopPropagation"], outputs: ["sInteractiveContent"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GridMenuItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-grid-menu-item', template: "@if (item) {\n    <button\n        class=\"icon-button\"\n        [class.icon-button-active]=\"item.active\"\n        [class.icon-button--disabled]=\"disabled\"\n        (sInteractiveContent)=\"onClick()\"\n        [disabled]=\"disabled\"\n        [tabindex]=\"disabled ? -1 : 0\"\n        [class.icon-font-awesome]=\"iconIsFromFontAwesome\"\n        (mouseenter)=\"onMouseEnter()\"\n        (mouseleave)=\"onMouseLeave()\"\n    >\n        <div\n            class=\"icon-wrapper\"\n            [class.icon-image]=\"!iconIsFromFontAwesome\"\n        >\n            @if (item.icon) {\n                @if (iconIsFromFontAwesome) {\n                    <i [class]=\"iconFontAwesomeClassName\"> </i>\n                } @else {\n                    <span\n                        class=\"icon\"\n                        style=\"background-image: url('{{ item.icon }}');\"\n                    >\n                    </span>\n                }\n            } @else if (!item.icon) {\n                <span class=\"initials\">{{ initialLetter }}</span>\n            }\n        </div>\n        <span class=\"title\">{{ item.label }}</span>\n    </button>\n}\n", styles: [".icon-button{align-items:center;background-color:transparent;border:none;cursor:pointer;display:inline-flex;flex-direction:column;gap:12px;justify-content:center;padding:5px;transition:transform .3s ease-in-out;width:200px}.icon-button:not(.icon-button--disabled):hover .title,.icon-button:not(.icon-button--disabled):hover .initials{font-weight:700}.icon-button.icon-font-awesome .title{padding-bottom:1em}.icon-button.icon-font-awesome:not(.icon-button--disabled):hover{border-radius:10px;background-color:#dedce5}.icon-button.icon-font-awesome .icon-wrapper i{color:#009494}.icon-button .icon-wrapper{align-self:center;border-radius:10px;display:flex;height:64px;justify-content:center;overflow:hidden;padding:8px;width:64px;align-items:center;font-size:3em}.icon-button .icon-wrapper.icon-image{background-color:#dedce5}.icon-button .icon-wrapper .icon{background-position:center;background-repeat:no-repeat;background-size:cover;display:inline-block;height:100%;width:100%}.icon-button .icon-wrapper .initials{align-items:center;display:flex;font-family:Open Sans,sans-serif;font-size:20px;font-weight:700}.icon-button .title{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-family:Open Sans,sans-serif;font-size:14px;line-clamp:2;overflow:hidden;text-overflow:ellipsis;width:100%}.icon-button--disabled{cursor:default;opacity:.5}.icon-button:not(.icon-button--disabled):hover{transform:scale(1.05)}.icon-button-active{transform:scale(1.05);border-radius:10px;background-color:#dedce5}.icon-button-active .title,.icon-button-active .initials{font-weight:700}\n"] }]
+        }], propDecorators: { item: [{
+                type: Input,
+                args: [{ required: true }]
+            }], iconIsFromFontAwesome: [{
+                type: Input
+            }], clickedGridMenuItem: [{
+                type: Output
+            }] } });
+
+class GridMenuComponent {
+    previousGridMenuItemClicked;
+    set items(items) {
+        if (isNullOrUndefined(items)) {
+            this.itemsArray = [];
+        }
+        else {
+            this.itemsArray = Array.isArray(items) ? items : [items];
+        }
+    }
+    useFontAwesomeIcons = false;
+    itemsArray = [];
+    selectable = false;
+    selected;
+    selectedChange = new EventEmitter();
+    ngOnChanges(changes) {
+        if (changes['selected'] && changes['selected'].isFirstChange()) {
+            if (this.selectable) {
+                this.previousGridMenuItemClicked = this.selected;
+                this.selected.active = true;
+            }
+        }
+    }
+    onClickGridMenuItem(gridMenuItem) {
+        if (!this.selectable) {
+            return;
+        }
+        if (this.previousGridMenuItemClicked) {
+            this.previousGridMenuItemClicked.active = false;
+        }
+        gridMenuItem.active = !gridMenuItem.active;
+        this.previousGridMenuItemClicked = gridMenuItem;
+        this.selectedChange.next(gridMenuItem);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GridMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GridMenuComponent, selector: "s-grid-menu", inputs: { items: "items", useFontAwesomeIcons: "useFontAwesomeIcons", selectable: "selectable", selected: "selected" }, outputs: { selectedChange: "selectedChange" }, usesOnChanges: true, ngImport: i0, template: "<section class=\"grid-menu\">\n    @for (item of itemsArray; track $index) {\n        <s-grid-menu-item\n            [item]=\"item\"\n            [iconIsFromFontAwesome]=\"useFontAwesomeIcons\"\n            (clickedGridMenuItem)=\"onClickGridMenuItem($event)\"\n        ></s-grid-menu-item>\n    }\n</section>\n", styles: [".grid-menu{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,200px);justify-content:space-evenly}\n"], dependencies: [{ kind: "component", type: GridMenuItemComponent, selector: "s-grid-menu-item", inputs: ["item", "iconIsFromFontAwesome"], outputs: ["clickedGridMenuItem"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GridMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-grid-menu', template: "<section class=\"grid-menu\">\n    @for (item of itemsArray; track $index) {\n        <s-grid-menu-item\n            [item]=\"item\"\n            [iconIsFromFontAwesome]=\"useFontAwesomeIcons\"\n            (clickedGridMenuItem)=\"onClickGridMenuItem($event)\"\n        ></s-grid-menu-item>\n    }\n</section>\n", styles: [".grid-menu{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,200px);justify-content:space-evenly}\n"] }]
+        }], propDecorators: { items: [{
+                type: Input
+            }], useFontAwesomeIcons: [{
+                type: Input
+            }], selectable: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], selectedChange: [{
+                type: Output
+            }] } });
+
+class GridMenuModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GridMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: GridMenuModule, declarations: [GridMenuItemComponent, GridMenuComponent], imports: [CommonModule, InteractiveContentDirective], exports: [GridMenuItemComponent, GridMenuComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GridMenuModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GridMenuModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, InteractiveContentDirective],
+                    declarations: [GridMenuItemComponent, GridMenuComponent],
+                    exports: [GridMenuItemComponent, GridMenuComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { GridMenuComponent, GridMenuItemComponent, GridMenuModule };
+//# sourceMappingURL=seniorsistemas-angular-components-grid-menu.mjs.map

package/fesm2022/seniorsistemas-angular-components-grid-menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"seniorsistemas-angular-components-grid-menu.mjs","sources":["../../projects/angular-components/grid-menu/src/lib/grid-menu/components/grid-menu-item/grid-menu-item.component.ts","../../projects/angular-components/grid-menu/src/lib/grid-menu/components/grid-menu-item/grid-menu-item.component.html","../../projects/angular-components/grid-menu/src/lib/grid-menu/grid-menu.component.ts","../../projects/angular-components/grid-menu/src/lib/grid-menu/grid-menu.component.html","../../projects/angular-components/grid-menu/src/lib/grid-menu/grid-menu.module.ts","../../projects/angular-components/grid-menu/src/seniorsistemas-angular-components-grid-menu.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\n\nimport { GridMenuItem } from '../../types/grid-menu-item';\n\n@Component({\n    selector: 's-grid-menu-item',\n    templateUrl: './grid-menu-item.component.html',\n    styleUrls: ['./grid-menu-item.component.scss'],\n})\nexport class GridMenuItemComponent {\n    @Input({ required: true })\n    public item!: GridMenuItem;\n\n    @Input()\n    public iconIsFromFontAwesome = false;\n\n    @Output() clickedGridMenuItem = new EventEmitter<GridMenuItem>();\n\n    public fontAwesomePrefix: 'fal' | 'fas' = 'fal';\n\n    public onClick(): void {\n        if (this.disabled) {\n            return;\n        }\n        this.item.action?.();\n        this.clickedGridMenuItem.emit(this.item);\n    }\n\n    public onMouseEnter() {\n        if (this.disabled) {\n            return;\n        }\n        this.fontAwesomePrefix = 'fas';\n    }\n\n    public onMouseLeave() {\n        if (this.disabled) {\n            return;\n        }\n        this.fontAwesomePrefix = 'fal';\n    }\n\n    public get iconFontAwesomeClassName() {\n        const prefix = this.item.active ? 'fas' : this.fontAwesomePrefix;\n        return `${prefix} ${this.item.icon}`;\n    }\n\n    public get initialLetter(): string {\n        let initialLetter = '';\n        if (this.item.label) {\n            const words = this.item.label.split(' ', 2);\n            initialLetter = words[0].charAt(0).toUpperCase();\n            if (words.length > 1) {\n                initialLetter += words[1].charAt(0).toUpperCase();\n            }\n        }\n        return initialLetter;\n    }\n\n    public get disabled(): boolean {\n        return typeof this.item?.disabled === 'function' ? !!this.item.disabled() : !!this.item?.disabled;\n    }\n}\n","@if (item) {\n    <button\n        class=\"icon-button\"\n        [class.icon-button-active]=\"item.active\"\n        [class.icon-button--disabled]=\"disabled\"\n        (sInteractiveContent)=\"onClick()\"\n        [disabled]=\"disabled\"\n        [tabindex]=\"disabled ? -1 : 0\"\n        [class.icon-font-awesome]=\"iconIsFromFontAwesome\"\n        (mouseenter)=\"onMouseEnter()\"\n        (mouseleave)=\"onMouseLeave()\"\n    >\n        <div\n            class=\"icon-wrapper\"\n            [class.icon-image]=\"!iconIsFromFontAwesome\"\n        >\n            @if (item.icon) {\n                @if (iconIsFromFontAwesome) {\n                    <i [class]=\"iconFontAwesomeClassName\"> </i>\n                } @else {\n                    <span\n                        class=\"icon\"\n                        style=\"background-image: url('{{ item.icon }}');\"\n                    >\n                    </span>\n                }\n            } @else if (!item.icon) {\n                <span class=\"initials\">{{ initialLetter }}</span>\n            }\n        </div>\n        <span class=\"title\">{{ item.label }}</span>\n    </button>\n}\n","import { Component, EventEmitter, Input, OnChanges, Output, SimpleChanges } from '@angular/core';\n\nimport { GridMenuItem } from './types/grid-menu-item';\nimport { isNullOrUndefined } from '@seniorsistemas/angular-components/utils';\n\n@Component({\n    selector: 's-grid-menu',\n    templateUrl: './grid-menu.component.html',\n    styleUrls: ['./grid-menu.component.scss'],\n})\nexport class GridMenuComponent implements OnChanges {\n    private previousGridMenuItemClicked: GridMenuItem | undefined;\n    @Input()\n    public set items(items: GridMenuItem[] | GridMenuItem) {\n        if (isNullOrUndefined(items)) {\n            this.itemsArray = [];\n        } else {\n            this.itemsArray = Array.isArray(items) ? (items as GridMenuItem[]) : [items];\n        }\n    }\n\n    @Input() useFontAwesomeIcons = false;\n\n    public itemsArray: GridMenuItem[] = [];\n\n    @Input() selectable = false;\n\n    @Input() selected!: GridMenuItem;\n\n    @Output() selectedChange = new EventEmitter<GridMenuItem>();\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes['selected'] && changes['selected'].isFirstChange()) {\n            if (this.selectable) {\n                this.previousGridMenuItemClicked = this.selected;\n                this.selected.active = true;\n            }\n        }\n    }\n\n    onClickGridMenuItem(gridMenuItem: GridMenuItem) {\n        if (!this.selectable) {\n            return;\n        }\n        if (this.previousGridMenuItemClicked) {\n            this.previousGridMenuItemClicked.active = false;\n        }\n        gridMenuItem.active = !gridMenuItem.active;\n        this.previousGridMenuItemClicked = gridMenuItem;\n        this.selectedChange.next(gridMenuItem);\n    }\n}\n","<section class=\"grid-menu\">\n    @for (item of itemsArray; track $index) {\n        <s-grid-menu-item\n            [item]=\"item\"\n            [iconIsFromFontAwesome]=\"useFontAwesomeIcons\"\n            (clickedGridMenuItem)=\"onClickGridMenuItem($event)\"\n        ></s-grid-menu-item>\n    }\n</section>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { GridMenuItemComponent } from './components/grid-menu-item/grid-menu-item.component';\nimport { GridMenuComponent } from './grid-menu.component';\nimport { InteractiveContentDirective } from '@seniorsistemas/angular-components/interactive-content';\n\n@NgModule({\n    imports: [CommonModule, InteractiveContentDirective],\n    declarations: [GridMenuItemComponent, GridMenuComponent],\n    exports: [GridMenuItemComponent, GridMenuComponent],\n})\nexport class GridMenuModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.GridMenuItemComponent"],"mappings":"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"}