@seniorsistemas/angular-components 17.27.1-feature-ptfgap-1021-f475c2fa → 17.27.1-feature-sds-110-c2d4f9d4

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

@@ -0,0 +1 @@
+{"version":3,"file":"seniorsistemas-angular-components-select.mjs","sources":["../../projects/angular-components/select/src/lib/select/components/select-option/select-option.component.ts","../../projects/angular-components/select/src/lib/select/components/select-option/select-option.component.html","../../projects/angular-components/select/src/lib/select/select.component.ts","../../projects/angular-components/select/src/lib/select/select.component.html","../../projects/angular-components/select/src/seniorsistemas-angular-components-select.ts"],"sourcesContent":["import { Component, input, model, output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { CheckboxComponent } from '@seniorsistemas/angular-components/checkbox';\n\n@Component({\n    selector: 's-select-option',\n    templateUrl: './select-option.component.html',\n    standalone: true,\n    imports: [CommonModule, CheckboxComponent],\n})\nexport class SelectOptionComponent {\n    public id = input.required<string>();\n    public label = input.required<string>();\n    public multiple = input.required<boolean>();\n    public checkmark = input.required<boolean>();\n    public isGrouper = input.required<boolean>();\n    public isFocused = input.required<boolean>();\n\n    public isSelected = model.required<boolean>();\n\n    public selected = output();\n\n    public onClick(): void {\n        if (this.isGrouper()) {\n            return;\n        }\n\n        this.selected.emit();\n    }\n}\n","<li\n    [attr.id]=\"id()\"\n    class=\"flex select-none items-center gap-3 px-3 py-2\"\n    [class.hover:bg-grayscale-10]=\"!isGrouper()\"\n    [class.bg-grayscale-10]=\"!isGrouper() && isFocused()\"\n    (click)=\"onClick()\"\n>\n    @if (!isGrouper() && checkmark() && !multiple() && isSelected()) {\n        <i class=\"far fa-check text-grayscale-60\"></i>\n    }\n\n    @if (!isGrouper() && multiple()) {\n        <s-checkbox [checked]=\"isSelected()\"></s-checkbox>\n    }\n    <span\n        class=\"text-grayscale-90\"\n        [class.font-bold]=\"isGrouper()\"\n    >\n        {{ label() }}\n    </span>\n</li>\n","import { DomPortalOutlet, TemplatePortal } from '@angular/cdk/portal';\nimport { ScrollingModule } from '@angular/cdk/scrolling';\nimport { CommonModule, isPlatformBrowser } from '@angular/common';\nimport {\n    Component,\n    computed,\n    ElementRef,\n    forwardRef,\n    inject,\n    input,\n    model,\n    OnDestroy,\n    OnInit,\n    PLATFORM_ID,\n    signal,\n    TemplateRef,\n    viewChild,\n    ViewContainerRef,\n} from '@angular/core';\nimport { ControlValueAccessor, FormControl, FormGroup, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';\n\nimport { TranslateModule, TranslateService } from '@ngx-translate/core';\nimport { debounceTime, distinctUntilChanged, takeUntil } from 'rxjs/operators';\n\nimport { SelectOptionComponent } from './components/select-option/select-option.component';\nimport { Subject } from 'rxjs';\nimport { CheckboxComponent } from '@seniorsistemas/angular-components/checkbox';\n\ninterface InternalDropdownOption<T> {\n    data: T;\n    id: string;\n    grouper?: boolean;\n}\n@Component({\n    selector: 's-select',\n    templateUrl: './select.component.html',\n    standalone: true,\n    imports: [\n        CommonModule,\n        ReactiveFormsModule,\n        ScrollingModule,\n        SelectOptionComponent,\n        CheckboxComponent,\n        TranslateModule,\n    ],\n    host: {\n        '(document:click)': 'onDocumentClick($event)',\n        '(window:resize)': 'onWindowResize($event)',\n    },\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => SelectComponent),\n            multi: true,\n        },\n    ],\n})\nexport class SelectComponent<T> implements ControlValueAccessor, OnInit, OnDestroy {\n    public placeholder = input('');\n    public multiple = input(false);\n    public options = input.required<T[]>();\n    public optionLabel = input<keyof T>();\n    public optionValue = input<keyof T>();\n    public showClear = input(false);\n    public filter = input(false);\n    public checkmark = input(false);\n    public filterBy = input<keyof T | (keyof T)[]>();\n    public group = input(false);\n    public virtualScroll = input(false);\n    public virtualScrollItemSize = input(37);\n    public emptyMessage = input<string | null>(null);\n    public useRawValue = input(false);\n    public dataKey = input<keyof T>();\n\n    public disabled = model(false);\n    public showOptions = signal(false);\n\n    public value = signal<T | null>(null);\n    public values = signal<T[]>([]);\n    public filterValue = signal('');\n    public focusedIndex = signal(-1);\n\n    public dropTop = 0;\n    public dropLeft = 0;\n    public dropWidth = 0;\n\n    private _portalHost: DomPortalOutlet | null = null;\n\n    /**\n     * Verifica se todas as opções visíveis (filtradas e não agrupadoras) estão selecionadas.\n     *\n     * - Retorna `true` se todas as opções filtradas estiverem presentes em `values()`.\n     * - Ignora opções marcadas como `grouper`.\n     * - Usa `_getCompareValueExtractor()` para comparar os valores de forma consistente.\n     *\n     * Esse estado é usado para controlar o checkbox de \"Selecionar todos\" quando todas as opções visíveis estão marcadas.\n     */\n    public allSelected = computed(() => {\n        const selected = this.values();\n        const options = this.filteredOptions().filter((o) => !o.grouper);\n        return (\n            options.length > 0 &&\n            options.every((option) =>\n                selected.some(\n                    (s) => this._getCompareValueExtractor()(s) === this._getCompareValueExtractor()(option as T),\n                ),\n            )\n        );\n    });\n\n    public focusedItem = computed(() => this.filteredOptions().at(this.focusedIndex())?.data ?? null);\n\n    /**\n     * Converte as opções externas (`options()`) em uma estrutura interna padronizada (`InternalDropdownOption<T>`).\n     *\n     * - Se os dados forem primitivos (string, number, etc.), gera opções com IDs baseados no índice.\n     * - Se os dados forem objetos, delega a criação das opções para `_addIdToOptions()`, que adiciona IDs e marca agrupadores.\n     * - Se o modo agrupado estiver ativo (`group()`), transforma as opções em uma lista achatada com agrupadores via `_grouperToFlat()`.\n     *\n     * Essa estrutura é usada internamente para renderização, filtragem e controle de seleção.\n     */\n    public internalOptions = computed<InternalDropdownOption<T>[]>(() => {\n        const opts = this.options();\n\n        const optionsWithId: InternalDropdownOption<T>[] = this.TIsPrimitive()\n            ? opts.map((value, index) => ({\n                id: `id_primitive_${index}`,\n                grouper: false,\n                data: value as T,\n            }))\n            : this._addIdToOptions(opts);\n\n        return this.group() ? this._grouperToFlat(optionsWithId) : optionsWithId;\n    });\n\n    /**\n     * Retorna o texto que deve ser exibido no componente com base nos valores selecionados.\n     *\n     * - No modo múltiplo:\n     *   - Se houver mais de um item selecionado, exibe uma mensagem traduzida com o total de registros.\n     *   - Se houver apenas um item selecionado, exibe o label correspondente.\n     * - No modo simples:\n     *   - Exibe o label do valor selecionado.     *\n     * - Se nenhum valor estiver selecionado, retorna uma string vazia.\n     *\n     * Essa lógica é usada para mostrar o conteúdo atual do campo de seleção.\n     */\n\n    public print = computed(() => {\n        if (this.multiple()) {\n            const selected = this.values();\n            if (selected.length > 1) {\n                return this._translateService.instant(`platform.angular_components.total_records_selected`, {\n                    count: selected.length,\n                });\n            } else if (selected.length === 1) {\n                return this._getLabelFromOption(selected[0]);\n            }\n        } else if (this.value()) {\n            return this._getLabelFromOption(this.value() as T);\n        }\n\n        return '';\n    });\n\n    public isClean = computed(() => {\n        return this.multiple() ? !this.values().length : !this.value();\n    });\n\n    public TIsPrimitive = computed(() => {\n        const opts = this.options();\n        if (!opts.length) return false;\n        return ['string', 'number', 'boolean'].includes(typeof opts[0]);\n    });\n\n    /**\n     * Indica se o estado de seleção está indeterminado.\n     *\n     * - Retorna `true` quando **algumas**, mas não todas, opções visíveis estão selecionadas.\n     * - Retorna `false` quando **todas** ou **nenhuma** das opções visíveis estão selecionadas.\n     * - Ignora opções marcadas como `grouper`.\n     *\n     * Esse estado é usado, por exemplo, para exibir o checkbox de \"Selecionar todos\" em modo indeterminado.\n     */\n\n    public selectAllIsIndeterminate = computed(() => {\n        const selected = this.values();\n        const options = this.filteredOptions().filter((o) => !o.grouper);\n\n        const all = options.length > 0 && options.every((o) => selected.includes(o.data));\n        const none = options.every((o) => !selected.includes(o.data));\n\n        return !all && !none;\n    });\n\n    /**\n     * Retorna a lista de opções filtradas com base no valor digitado pelo usuário.\n     *\n     * - Se o filtro estiver desativado ou vazio, retorna todas as opções.\n     * - Caso contrário, aplica o filtro usando o(s) campo(s) definidos em `filterBy`.\n     * - Ignora opções marcadas como `grouper`.\n     * - Usa o extrator de label para comparar os valores com o texto buscado.\n     */\n\n    public filteredOptions = computed(() => {\n        const allOptions = this.internalOptions();\n        const search = this.filterValue().toLowerCase().trim();\n\n        if (!this.filter() || !search) {\n            return allOptions;\n        }\n\n        const filterBy = this.filterBy();\n        return allOptions.filter((option) => {\n            if (option.grouper) {\n                return false;\n            }\n\n            const labelExtractor = this._getLabelExtractor();\n            let label = '';\n\n            if (!filterBy) {\n                label = labelExtractor(option.data);\n            } else if (Array.isArray(filterBy)) {\n                label = filterBy.map((by) => String(option.data[by] ?? '')).join(' ');\n            } else {\n                label = String(option.data[filterBy] ?? '');\n            }\n\n            return label.toLowerCase().includes(search);\n        });\n    });\n\n    public readonly filterForm = new FormGroup<{ filter: FormControl<string> }>({\n        filter: new FormControl<string>('', { nonNullable: true }),\n    });\n\n    private readonly _elementRef = inject(ElementRef<HTMLElement>);\n    private _dropdownTemplate = viewChild<TemplateRef<any>>('dropdownTemplate');\n    private _containerDiv = viewChild<ElementRef<HTMLDivElement>>('containerDiv');\n    private _onChange: (value: T | T[] | null) => void = () => { };\n    private _onTouched: () => void = () => { };\n\n    private readonly platformId = inject(PLATFORM_ID);\n    private readonly _viewContainerRef = inject(ViewContainerRef);\n    private readonly _translateService = inject(TranslateService);\n\n    private destroy$ = new Subject<void>();\n\n    /**\n     * Inicializa o componente, validando os inputs e configurando o filtro com debounce.\n     */\n    public ngOnInit(): void {\n        this._validateInputs();\n\n        this.filterForm\n            .get('filter')!\n            .valueChanges.pipe(debounceTime(300), distinctUntilChanged(), takeUntil(this.destroy$))\n            .subscribe((value) => {\n                this.filterValue.set(value);\n            });\n    }\n\n    /**\n     * Executa limpeza de recursos ao destruir o componente.\n     */\n    public ngOnDestroy(): void {\n        this._destroyDropdownPortal();\n\n        if (this._portalHost) {\n            this._portalHost.dispose();\n            this._portalHost = null;\n        }\n\n        this.destroy$.next();\n        this.destroy$.complete();\n    }\n\n    /**\n     * Define o valor no componente vindo do formulário externo.\n     * @param value Valor atribuído pelo Angular forms.\n     */\n    public writeValue(value: any): void {\n        if (this.multiple()) {\n            if (Array.isArray(value)) {\n                const items = this.TIsPrimitive()\n                    ? value.map((v) => this._findOptionByPrimitiveValue(v)).filter(Boolean)\n                    : this.useRawValue()\n                        ? value\n                        : value.map((v) => this._findOptionByValue(v)).filter(Boolean);\n\n                this.values.set(items as T[]);\n            } else {\n                this.values.set([]);\n            }\n        } else {\n            const item = this.TIsPrimitive()\n                ? this._findOptionByPrimitiveValue(value)\n                : this.useRawValue()\n                    ? value\n                    : this._findOptionByValue(value);\n\n            this.value.set(item ?? null);\n        }\n    }\n\n    /**\n     * Registra a função que será chamada quando o valor mudar.\n     * @param onChange Função callback.\n     */\n    public registerOnChange(onChange: (value: T | T[] | null) => void): void {\n        this._onChange = onChange;\n    }\n\n    /**\n     * Registra a função que será chamada quando o componente for \"tocado\".\n     * @param onTouched Função callback.\n     */\n    public registerOnTouched(onTouched: () => void): void {\n        this._onTouched = onTouched;\n    }\n\n    /**\n     * Define o estado de desabilitado do componente.\n     * @param disabled Indica se o componente está desabilitado.\n     */\n    public setDisabledState(disabled: boolean): void {\n        this.disabled.set(disabled);\n    }\n\n    /**\n     * Alterna a exibição da lista de opções (dropdown).\n     */\n    public toggle(): void {\n        if (this.disabled()) {\n            return;\n        }\n\n        const shouldOpen = !this.showOptions();\n        this.showOptions.set(shouldOpen);\n\n        if (shouldOpen) {\n            setTimeout(() => {\n                this._createDropdownPortal();\n            });\n        } else {\n            this._destroyDropdownPortal();\n        }\n    }\n\n    /**\n     * Seleciona ou desseleciona um item na lista.\n     * @param item Item a ser selecionado ou desmarcado.\n     */\n    public selectItem(item: T): void {\n        if (this.disabled()) {\n            return;\n        }\n\n        const getCompareValue = this._getCompareValueExtractor();\n\n        if (this.multiple()) {\n            const store = [...this.values()];\n            const itemValue = getCompareValue(item);\n\n            const index = store.findIndex((selectedItem) => {\n                return getCompareValue(selectedItem) === itemValue;\n            });\n\n            if (index !== -1) {\n                store.splice(index, 1);\n            } else {\n                store.push(item);\n            }\n\n            this.values.set(store);\n\n            const result = this.useRawValue() ? store : store.map((i) => this._getValueExtractor()(i));\n\n            this._onChange(result);\n        } else {\n            this.value.set(item);\n\n            const result = this.useRawValue() ? item : this._getValueExtractor()(item);\n\n            this._onChange(result);\n            this._closeDropdown();\n        }\n\n        this._onTouched();\n    }\n\n    /**\n     * Limpa a seleção atual.\n     * @param event Evento do clique.\n     */\n    public clear(event: MouseEvent): void {\n        if (this.disabled()) {\n            return;\n        }\n\n        if (this.multiple()) {\n            this.values.set([]);\n            this._onChange(this._removeInternalProperties(this.values()));\n        } else {\n            this.value.set(null);\n            this._onChange(this.value());\n        }\n\n        this._closeDropdown();\n\n        this._onTouched();\n        event.stopPropagation();\n    }\n\n    /**\n     * Limpa o filtro aplicado à lista de opções.\n     */\n    public clearFilter(): void {\n        this.filterForm.get('filter')?.reset();\n    }\n\n    /**\n     * Fecha o dropdown se o clique ocorrer fora do componente.\n     * @param event Evento do clique.\n     */\n    public onDocumentClick(event: MouseEvent): void {\n        const clickTarget = event.target as Node;\n\n        const clickedInsideComponent = this._elementRef.nativeElement.contains(clickTarget);\n        const dropdownInBody = document.querySelector('.dropdown-body-class')?.contains(clickTarget);\n\n        if (!clickedInsideComponent && !dropdownInBody) {\n            this._closeDropdown();\n        }\n    }\n\n    /**\n     * Fecha o dropdown em eventos de redimensionamento de janela.\n     */\n    public onWindowResize(_: Event): void {\n        if (this.showOptions()) {\n            this._closeDropdown();\n        }\n    }\n\n    /**\n     * Dispara a abertura/fechamento do dropdown ao clicar no container.\n     */\n    public onContainerDivClick(): void {\n        this.toggle();\n        this._containerDiv()?.nativeElement.focus();\n    }\n\n    /**\n     * Trata eventos de teclado para navegação e seleção.\n     * @param event Evento do teclado.\n     */\n    public onKeyDown(event: KeyboardEvent): void {\n        const options = this.filteredOptions();\n\n        if (!options.length) {\n            return;\n        }\n\n        const _selectOption = () => {\n            if (this.focusedIndex() >= 0 && this.focusedIndex() < options.length) {\n                event.preventDefault();\n                this.selectItem(options[this.focusedIndex()].data);\n            }\n        };\n\n        switch (event.key) {\n            case 'ArrowDown':\n                event.preventDefault();\n                this._focusNextOption(options);\n                break;\n            case 'ArrowUp':\n                event.preventDefault();\n                this._focusPreviousOption(options);\n                break;\n            case 'Tab':\n                _selectOption();\n                this._closeDropdown();\n                break;\n            case 'Enter':\n                if (this.showOptions()) {\n                    _selectOption();\n                } else {\n                    this.toggle();\n                }\n                break;\n            case 'Escape':\n                this._closeDropdown();\n                break;\n            case ' ':\n                _selectOption();\n                break;\n        }\n    }\n\n    /**\n     * Retorna o rótulo de exibição de uma opção.\n     * @param option Item da lista de opções.\n     * @returns Texto que será exibido no dropdown.\n     */\n    public getOptionLabel(option: T): string {\n        return this._getLabelFromOption(option);\n    }\n\n    /**\n     * Função usada para o trackBy no for do template.\n     * @param _ Índice do item.\n     * @param item Item da lista.\n     * @returns ID único da opção.\n     */\n    public trackById(_: number, item: InternalDropdownOption<T>): string {\n        return item.id;\n    }\n\n    /**\n     * Verifica se uma opção está selecionada.\n     * @param option Opção a ser verificada.\n     * @returns Verdadeiro se a opção estiver selecionada.\n     */\n    public isOptionSelected(option: T): boolean {\n        const getCompareValue = this._getCompareValueExtractor();\n\n        if (this.multiple()) {\n            const selectedValues = this.values().map(getCompareValue);\n            return selectedValues.includes(getCompareValue(option));\n        } else {\n            const currentValue = this.value();\n            return currentValue !== null && getCompareValue(currentValue) === getCompareValue(option);\n        }\n    }\n\n    /**\n     * Alterna a seleção de todos os itens filtrados.\n     */\n    public toggleSelectAll(): void {\n        if (!this.multiple()) {\n            return;\n        }\n\n        const options = this.filteredOptions().filter((o) => !o.grouper);\n\n        if (this.allSelected()) {\n            this.values.set([]);\n        } else {\n            this.values.set(options.map((o) => o.data));\n        }\n\n        this._onChange(this._removeInternalProperties(this.values()));\n    }\n\n    /**\n     * Procura e retorna uma opção com valor primitivo igual ao informado.\n     *\n     * @param value Valor primitivo (string, number ou boolean).\n     * @returns A opção correspondente, ou `null` se não encontrada.\n     */\n    private _findOptionByPrimitiveValue(value: any): T | null {\n        return this.internalOptions().find((opt) => opt.data === value)?.data ?? null;\n    }\n\n    /**\n     * Remove propriedades internas adicionadas pelo componente, retornando apenas os dados crus.\n     *\n     * Usado para garantir que apenas os objetos de dados reais sejam emitidos ao formulário,\n     * especialmente no modo múltiplo.\n     *\n     * @param value Valor armazenado internamente (com ou sem `InternalDropdownOption`).\n     * @returns Os dados \"puros\", sem propriedades adicionais.\n     */\n    private _removeInternalProperties(value: any) {\n        if (this.TIsPrimitive()) {\n            return value;\n        }\n\n        return Array.isArray(value)\n            ? value.map((opt: InternalDropdownOption<T>) => opt.data)\n            : (value as InternalDropdownOption<T>).data;\n    }\n\n    /**\n     * Retorna o texto (label) correspondente a uma determinada opção.\n     * Usa a propriedade definida em `optionLabel`, ou tenta usar uma propriedade padrão (`label`).\n     *\n     * @param option A opção a ser exibida.\n     * @returns O texto legível da opção para exibição no componente.\n     */\n    private _getLabelFromOption(option: T): string {\n        if (['string', 'number', 'boolean'].includes(typeof option)) {\n            return String(option);\n        }\n\n        const labelKey = this.optionLabel();\n\n        if (!labelKey) {\n            return String((option as any).label ?? '');\n        }\n\n        return String(option[labelKey]);\n    }\n\n    /**\n     * Valida os inputs obrigatórios do componente.\n     */\n    private _validateInputs(): void {\n        if (!this.useRawValue() && !this.TIsPrimitive() && !this.optionValue()) {\n            throw new Error(\n                `The 'optionValue' input must be provided for non-primitive options when useRawValue is false.`,\n            );\n        }\n\n        if (!this.TIsPrimitive() && !this.optionValue() && !this.dataKey()) {\n            throw new Error('Either the optionValue or dataKey input must be provided for non-primitive options.');\n        }\n\n        if (!this.TIsPrimitive() && !this.optionLabel()) {\n            throw new Error(`The 'optionLabel' input must be provided for non-primitive options.`);\n        }\n    }\n\n    private _findOptionByValue(value: any): T | null {\n        if (this.useRawValue()) {\n            return this.options().find((option) => option === value) ?? null;\n        }\n\n        const getValue = this._getValueExtractor();\n        return this.options().find((option) => getValue(option) === value) ?? null;\n    }\n\n    /**\n     * Extrai o valor final de uma opção, com base em `optionValue`.\n     * @returns Função que retorna o valor da opção.\n     */\n    private _getValueExtractor(): (option: T) => any {\n        if (this.TIsPrimitive()) {\n            return (option: any) => option;\n        }\n\n        if (this.useRawValue()) {\n            return (option: T) => option;\n        }\n\n        const valueInput = this.optionValue();\n\n        if (valueInput) {\n            return (option: T) => option[valueInput];\n        }\n\n        throw new Error(`optionValue is required for non-primitive options.`);\n    }\n\n    /**\n     * Extrai o valor comparável de uma opção.\n     * @returns Função que retorna a chave de comparação.\n     */\n    private _getCompareValueExtractor(): (option: T) => any {\n        if (this.TIsPrimitive()) {\n            return (option: any) => option;\n        }\n\n        if (this.dataKey()) {\n            const key = this.dataKey()!;\n            return (option: T) => option[key];\n        }\n\n        return this._getValueExtractor();\n    }\n\n    /**\n     * Fecha o dropdown e redefine o foco.\n     */\n    private _closeDropdown(): void {\n        this.showOptions.set(false);\n        this._destroyDropdownPortal();\n        this.focusedIndex.set(-1);\n    }\n\n    /**\n     * Adiciona identificadores únicos às opções.\n     * @param options Lista original de opções.\n     * @returns Lista com IDs adicionados.\n     */\n    private _addIdToOptions(options: T[]): InternalDropdownOption<T>[] {\n        const timestamp = Date.now();\n\n        return options.map((option, index) => {\n            if (this.group() && Array.isArray((option as any).items)) {\n                return {\n                    data: option,\n                    id: `id_${timestamp}_${index++}`,\n                    grouper: true,\n                };\n            }\n\n            return {\n                data: option,\n                id: `id_${timestamp}_${index++}`,\n            };\n        });\n    }\n\n    /**\n     * Converte uma estrutura agrupada em uma lista achatada.\n     * @param options Lista de opções com agrupadores.\n     * @returns Lista achatada de opções e grupos.\n     */\n    private _grouperToFlat(options: InternalDropdownOption<T>[]): InternalDropdownOption<T>[] {\n        const result: InternalDropdownOption<T>[] = [];\n\n        options.forEach((option) => {\n            if (option.grouper && Array.isArray((option.data as any).items)) {\n                result.push(option);\n                const groupItems = (option.data as any).items.map((item: T, index: number) => ({\n                    data: item,\n                    id: `${option.id}_item_${index}`,\n                }));\n                result.push(...groupItems);\n            } else {\n                result.push(option);\n            }\n        });\n\n        return result;\n    }\n\n    /**\n     * Move o foco para a próxima opção.\n     * @param options Lista de opções visíveis.\n     */\n    private _focusNextOption(options: InternalDropdownOption<T>[]) {\n        let nextIndex = this.focusedIndex() + 1;\n\n        while (nextIndex < options.length && options[nextIndex].grouper) {\n            nextIndex++;\n        }\n\n        if (nextIndex < options.length) {\n            this.focusedIndex.set(nextIndex);\n            this._scrollToFocusedOption();\n        }\n    }\n\n    /**\n     * Move o foco para a opção anterior.\n     * @param options Lista de opções visíveis.\n     */\n    private _focusPreviousOption(options: InternalDropdownOption<T>[]) {\n        let prevIndex = this.focusedIndex() - 1;\n\n        while (prevIndex >= 0 && options[prevIndex].grouper) {\n            prevIndex--;\n        }\n\n        if (prevIndex >= 0) {\n            this.focusedIndex.set(prevIndex);\n            this._scrollToFocusedOption();\n        }\n    }\n\n    /**\n     * Rola o dropdown até a opção atualmente focada.\n     */\n    private _scrollToFocusedOption() {\n        const id = this.filteredOptions()[this.focusedIndex()]?.id;\n\n        if (!id) {\n            return;\n        }\n\n        const el = document.getElementById(id);\n        el?.scrollIntoView({ block: 'nearest' });\n    }\n\n    /**\n     * Extrai o texto de uma opção, com base em `optionLabel`.\n     * @returns Função que retorna o label da opção.\n     */\n    private _getLabelExtractor(): (option: T) => string {\n        if (this.TIsPrimitive()) {\n            return (option: any) => String(option);\n        }\n\n        const labelInput = this.optionLabel();\n\n        if (labelInput) {\n            return (option: T) => String(option[labelInput] ?? '');\n        } else {\n            throw new Error(`optionLabel is required for non-primitive options.`);\n        }\n    }\n\n    /**\n     * Cria e posiciona dinamicamente o dropdown como portal.\n     */\n    private _createDropdownPortal(): void {\n        if (!isPlatformBrowser(this.platformId)) {\n            return;\n        }\n\n        const container = this._containerDiv();\n        const template = this._dropdownTemplate();\n\n        if (!container || !template) {\n            return;\n        }\n\n        const dropElementRect = container.nativeElement.getBoundingClientRect();\n\n        this.dropTop = dropElementRect.bottom + window.scrollY;\n        this.dropLeft = dropElementRect.left + window.scrollX;\n        this.dropWidth = dropElementRect.width;\n\n        this._destroyDropdownPortal();\n\n        this._portalHost = new DomPortalOutlet(document.body);\n\n        const portal = new TemplatePortal(template, this._viewContainerRef);\n\n        this._portalHost.attach(portal);\n\n        const dropdownEl = document.querySelector('.dropdown-body-class') as HTMLElement | null;\n        if (dropdownEl) {\n            dropdownEl.style.position = 'absolute';\n            dropdownEl.style.top = `${this.dropTop + 4}px`;\n            dropdownEl.style.left = `${this.dropLeft}px`;\n            dropdownEl.style.width = `${this.dropWidth}px`;\n        }\n    }\n\n    /**\n     * Remove o portal do dropdown do DOM.\n     */\n    private _destroyDropdownPortal(): void {\n        if (this._portalHost?.hasAttached()) {\n            this._portalHost.detach();\n        }\n    }\n}\n","<ng-template #portalAnchor></ng-template>\n\n<div\n    #containerDiv\n    class=\"group flex w-full overflow-hidden rounded-[3px] border outline-1 outline-primary focus:outline\"\n    [ngClass]=\"{\n        'pointer-events-none border-grayscale-20 bg-grayscale-5': disabled(),\n        'pointer-events-auto border-grayscale-30 bg-grayscale-0': !disabled(),\n    }\"\n    [attr.aria-disabled]=\"disabled()\"\n    (click)=\"onContainerDivClick()\"\n    (keydown)=\"onKeyDown($event)\"\n    tabindex=\"0\"\n>\n    <span\n        class=\"flex flex-grow select-none px-3 py-[7px]\"\n        [ngClass]=\"{\n            'text-grayscale-90': !disabled() && !isClean(),\n            'text-grayscale-60': !disabled() && isClean(),\n            'text-grayscale-30': disabled(),\n        }\"\n    >\n        {{ print() || placeholder() }}\n    </span>\n\n    @if (!disabled() && showClear() && !isClean()) {\n        <button\n            class=\"mx-3\"\n            (click)=\"clear($event)\"\n        >\n            <i class=\"fas fa-times flex items-center\"></i>\n        </button>\n    }\n\n    <div\n        class=\"flex items-center border-l px-3 group-hover:bg-grayscale-10 group-focus:border-primary\"\n        [ngClass]=\"{ 'border-grayscale-20': disabled(), 'border-grayscale-30': !disabled() }\"\n    >\n        <i\n            class=\"fas\"\n            [ngClass]=\"{\n                'text-grayscale-30': disabled(),\n                'text-grayscale-90': !disabled(),\n                'fa-caret-down': !showOptions(),\n                'fa-caret-up': showOptions(),\n            }\"\n        ></i>\n    </div>\n</div>\n\n<ng-template #dropdownTemplate>\n    <div\n        class=\"dropdown-body-class z-[999] rounded-[3px] bg-grayscale-0 py-1 shadow-md\"\n        [style.position]=\"'absolute'\"\n        [style.top.px]=\"dropTop\"\n        [style.left.px]=\"dropLeft\"\n        (click)=\"$event.stopPropagation()\"\n    >\n        @if (filter()) {\n            <div class=\"flex w-full items-center gap-3 px-3 py-1.5\">\n                @if (multiple()) {\n                    <s-checkbox\n                        #selectAllCheckbox\n                        [checked]=\"allSelected()\"\n                        [indeterminate]=\"selectAllIsIndeterminate()\"\n                        (checkedChange)=\"toggleSelectAll()\"\n                    ></s-checkbox>\n                }\n\n                <div class=\"relative flex h-[35px] grow\">\n                    <form\n                        class=\"flex grow\"\n                        [formGroup]=\"filterForm\"\n                    >\n                        <input\n                            class=\"w-full grow rounded-[3px] border border-grayscale-30 pl-2.5 pr-7 outline-1 outline-primary\"\n                            type=\"text\"\n                            formControlName=\"filter\"\n                            (click)=\"$event.stopPropagation()\"\n                        />\n                    </form>\n                    <i class=\"fas fa-search absolute right-2.5 top-2.5 text-grayscale-90\"></i>\n                </div>\n                <button (click)=\"clearFilter()\">\n                    <i class=\"fas fa-times flex items-center\"></i>\n                </button>\n            </div>\n        }\n\n        <!-- Virtual scroll -->\n        @if (virtualScroll() && filteredOptions().length > 10) {\n            <cdk-virtual-scroll-viewport\n                [itemSize]=\"virtualScrollItemSize()\"\n                class=\"h-52 overflow-auto\"\n            >\n                <ng-container *cdkVirtualFor=\"let option of filteredOptions(); trackBy: trackById\">\n                    <s-select-option\n                        [id]=\"option.id\"\n                        [label]=\"getOptionLabel(option.data)\"\n                        [multiple]=\"multiple()\"\n                        [checkmark]=\"checkmark()\"\n                        [isSelected]=\"isOptionSelected(option.data)\"\n                        (selected)=\"selectItem(option.data)\"\n                        [isGrouper]=\"option.grouper\"\n                        [isFocused]=\"option.data === focusedItem()\"\n                    ></s-select-option>\n                </ng-container>\n            </cdk-virtual-scroll-viewport>\n        }\n\n        <!-- Normal list -->\n        @if (!virtualScroll() || filteredOptions().length <= 10) {\n            <ul class=\"max-h-52 overflow-auto\">\n                @for (option of filteredOptions(); track option.id) {\n                    <s-select-option\n                        [id]=\"option.id\"\n                        [label]=\"getOptionLabel(option.data)\"\n                        [multiple]=\"multiple()\"\n                        [checkmark]=\"checkmark()\"\n                        [isSelected]=\"isOptionSelected(option.data)\"\n                        (selected)=\"selectItem(option.data)\"\n                        [isGrouper]=\"option.grouper ?? false\"\n                        [isFocused]=\"option.data === focusedItem()\"\n                    ></s-select-option>\n                }\n            </ul>\n        }\n\n        @if (filteredOptions().length === 0) {\n            <span class=\"m-3 text-grayscale-60\">{{\n                emptyMessage() ?? 'platform.angular_components.no_records_found' | translate\n            }}</span>\n        }\n    </div>\n</ng-template>\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-shared.mjs

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

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

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

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

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

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

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

package/fesm2022/seniorsistemas-angular-components-slide-panel.mjs

@@ -0,0 +1,182 @@
+import { trigger, transition, style, animate, state } from '@angular/animations';
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, Component, Input, Output, HostListener, NgModule } from '@angular/core';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class SlidePanelService {
+    modalCloseMap = new Map();
+    createSlidePanel(id) {
+        const panelSubject = new Subject();
+        this.modalCloseMap.set(id, panelSubject);
+        return panelSubject.asObservable();
+    }
+    getModalCloseObservable(id) {
+        return this.modalCloseMap.get(id)?.asObservable() ?? null;
+    }
+    closeModal(id) {
+        const subject = this.modalCloseMap.get(id);
+        if (subject) {
+            subject.next();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SlidePanelService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SlidePanelService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SlidePanelService, decorators: [{
+            type: Injectable
+        }] });
+
+const SMALL_DEVICE_BREAKPOINT = 420;
+class SlidePanelComponent {
+    slidePanelService;
+    static nextId = 0;
+    id = `slide-panel-${++SlidePanelComponent.nextId}`;
+    openIcon = "fas fa-chevron-right";
+    closeIcon = "fas fa-chevron-left";
+    cache = false;
+    createOpen = false;
+    noOverlap = false;
+    panelOpened = new EventEmitter();
+    panelClosed = new EventEmitter();
+    isOpen = false;
+    isSlideOver = false;
+    isAnimating = false;
+    isContentAnimationDisabled = true;
+    _unsubscribe$ = new Subject();
+    onResize() {
+        this._checkOverBehavior();
+    }
+    constructor(slidePanelService) {
+        this.slidePanelService = slidePanelService;
+    }
+    ngOnInit() {
+        this._checkOverBehavior();
+        this.slidePanelService.createSlidePanel(this.id)
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe(() => {
+            this.isOpen = false;
+        });
+    }
+    ngAfterViewInit() {
+        queueMicrotask(() => {
+            if (this.createOpen) {
+                this.isOpen = true;
+            }
+        });
+    }
+    ngAfterViewChecked() {
+        return;
+        // to executed at a safe time prior to control returning to the browser's event loop
+        // queueMicrotask(() => {
+        //     this._calculateSlideHeight();
+        //     this.isContentAnimationDisabled = false;
+        // });
+    }
+    ngOnDestroy() {
+        this._unsubscribe$.next();
+        this._unsubscribe$.complete();
+    }
+    onClickButton() {
+        if (this.isAnimating) {
+            return;
+        }
+        this.isOpen = !this.isOpen;
+        if (this.isOpen) {
+            this.panelOpened.emit();
+        }
+        else {
+            this.panelClosed.emit();
+        }
+    }
+    onContentAnimationStart() {
+        this.isAnimating = true;
+    }
+    onContentAnimationDone() {
+        this.isAnimating = false;
+    }
+    _checkOverBehavior() {
+        this.isSlideOver = window.innerWidth <= SMALL_DEVICE_BREAKPOINT;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SlidePanelComponent, deps: [{ token: SlidePanelService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SlidePanelComponent, selector: "s-slide-panel", inputs: { id: "id", openIcon: "openIcon", closeIcon: "closeIcon", cache: "cache", createOpen: "createOpen", noOverlap: "noOverlap" }, outputs: { panelOpened: "panelOpened", panelClosed: "panelClosed" }, host: { listeners: { "window:resize": "onResize()" } }, ngImport: i0, template: "<div class=\"slide-panel\">\n    <div\n        class=\"slide-content\"\n        [ngClass]=\"{\n            'slide-content--closed': !isOpen,\n            'slide-content--over': isSlideOver,\n            'slide-content--no-overlap': noOverlap,\n        }\"\n    >\n        <div\n            #mainContainer\n            class=\"main-container\"\n        >\n            @if (cache) {\n                <div\n                    class=\"content-container\"\n                    [@cacheAnimation]=\"isOpen\"\n                    [@.disabled]=\"isContentAnimationDisabled\"\n                    (@cacheAnimation.start)=\"onContentAnimationStart()\"\n                    (@cacheAnimation.done)=\"onContentAnimationDone()\"\n                >\n                    <ng-container [ngTemplateOutlet]=\"slideContentTemplate\"></ng-container>\n                </div>\n            } @else {\n                @if (isOpen) {\n                    <div\n                        class=\"content-container\"\n                        @cachelessAnimation\n                        [@.disabled]=\"isContentAnimationDisabled\"\n                        (@cachelessAnimation.start)=\"onContentAnimationStart()\"\n                        (@cachelessAnimation.done)=\"onContentAnimationDone()\"\n                    >\n                        <ng-container [ngTemplateOutlet]=\"slideContentTemplate\"></ng-container>\n                    </div>\n                }\n            }\n        </div>\n        <button\n            class=\"button\"\n            [ngClass]=\"isOpen ? closeIcon : openIcon\"\n            (click)=\"onClickButton()\"\n        ></button>\n    </div>\n    <div\n        class=\"side-content\"\n    >\n        <ng-content select=\"[side-content]\"></ng-content>\n    </div>\n</div>\n\n<ng-template #slideContentTemplate>\n    <ng-content select=\"[slide-content]\"></ng-content>\n</ng-template>\n", styles: [".slide-panel{display:flex;width:100%}.slide-panel .slide-content{display:flex;position:relative}.slide-panel .slide-content .main-container{background-color:#eeebf2;display:flex;border:1px solid #ccc;overflow:hidden;position:relative}.slide-panel .slide-content .main-container .content-container{overflow-y:auto;overflow-x:hidden;padding:16px}.slide-panel .slide-content .button{align-items:center;background-color:#eeebf2;border:1px solid #ccc;border-left:none;border-radius:0 4px 4px 0;cursor:pointer;display:flex;font-family:\"Font Awesome 5 Pro\";font-size:16px;height:32px;justify-content:center;position:absolute;right:-32px;top:16px;width:32px;z-index:99}.slide-panel .slide-content--closed .main-container{border:none}.slide-panel .slide-content--over{position:absolute}.slide-panel .slide-content--no-overlap{margin-right:32px}.slide-panel .side-content{display:flex;height:max-content;overflow:auto;transition:width .1s linear}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
+            trigger("cachelessAnimation", [
+                transition(":enter", [
+                    style({ width: "0" }),
+                    animate("200ms linear", style({ width: "*" })),
+                ]),
+                transition(":leave", [
+                    style({ width: "*" }),
+                    animate("200ms linear", style({ width: "0" })),
+                ]),
+            ]),
+            trigger("cacheAnimation", [
+                state("true", style({ width: "*", padding: '0 16px' })),
+                state("false", style({ width: '0px', padding: '0' })),
+                transition("* => *", animate("200ms")),
+            ]),
+        ] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SlidePanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "s-slide-panel", animations: [
+                        trigger("cachelessAnimation", [
+                            transition(":enter", [
+                                style({ width: "0" }),
+                                animate("200ms linear", style({ width: "*" })),
+                            ]),
+                            transition(":leave", [
+                                style({ width: "*" }),
+                                animate("200ms linear", style({ width: "0" })),
+                            ]),
+                        ]),
+                        trigger("cacheAnimation", [
+                            state("true", style({ width: "*", padding: '0 16px' })),
+                            state("false", style({ width: '0px', padding: '0' })),
+                            transition("* => *", animate("200ms")),
+                        ]),
+                    ], template: "<div class=\"slide-panel\">\n    <div\n        class=\"slide-content\"\n        [ngClass]=\"{\n            'slide-content--closed': !isOpen,\n            'slide-content--over': isSlideOver,\n            'slide-content--no-overlap': noOverlap,\n        }\"\n    >\n        <div\n            #mainContainer\n            class=\"main-container\"\n        >\n            @if (cache) {\n                <div\n                    class=\"content-container\"\n                    [@cacheAnimation]=\"isOpen\"\n                    [@.disabled]=\"isContentAnimationDisabled\"\n                    (@cacheAnimation.start)=\"onContentAnimationStart()\"\n                    (@cacheAnimation.done)=\"onContentAnimationDone()\"\n                >\n                    <ng-container [ngTemplateOutlet]=\"slideContentTemplate\"></ng-container>\n                </div>\n            } @else {\n                @if (isOpen) {\n                    <div\n                        class=\"content-container\"\n                        @cachelessAnimation\n                        [@.disabled]=\"isContentAnimationDisabled\"\n                        (@cachelessAnimation.start)=\"onContentAnimationStart()\"\n                        (@cachelessAnimation.done)=\"onContentAnimationDone()\"\n                    >\n                        <ng-container [ngTemplateOutlet]=\"slideContentTemplate\"></ng-container>\n                    </div>\n                }\n            }\n        </div>\n        <button\n            class=\"button\"\n            [ngClass]=\"isOpen ? closeIcon : openIcon\"\n            (click)=\"onClickButton()\"\n        ></button>\n    </div>\n    <div\n        class=\"side-content\"\n    >\n        <ng-content select=\"[side-content]\"></ng-content>\n    </div>\n</div>\n\n<ng-template #slideContentTemplate>\n    <ng-content select=\"[slide-content]\"></ng-content>\n</ng-template>\n", styles: [".slide-panel{display:flex;width:100%}.slide-panel .slide-content{display:flex;position:relative}.slide-panel .slide-content .main-container{background-color:#eeebf2;display:flex;border:1px solid #ccc;overflow:hidden;position:relative}.slide-panel .slide-content .main-container .content-container{overflow-y:auto;overflow-x:hidden;padding:16px}.slide-panel .slide-content .button{align-items:center;background-color:#eeebf2;border:1px solid #ccc;border-left:none;border-radius:0 4px 4px 0;cursor:pointer;display:flex;font-family:\"Font Awesome 5 Pro\";font-size:16px;height:32px;justify-content:center;position:absolute;right:-32px;top:16px;width:32px;z-index:99}.slide-panel .slide-content--closed .main-container{border:none}.slide-panel .slide-content--over{position:absolute}.slide-panel .slide-content--no-overlap{margin-right:32px}.slide-panel .side-content{display:flex;height:max-content;overflow:auto;transition:width .1s linear}\n"] }]
+        }], ctorParameters: () => [{ type: SlidePanelService }], propDecorators: { id: [{
+                type: Input
+            }], openIcon: [{
+                type: Input
+            }], closeIcon: [{
+                type: Input
+            }], cache: [{
+                type: Input
+            }], createOpen: [{
+                type: Input
+            }], noOverlap: [{
+                type: Input
+            }], panelOpened: [{
+                type: Output
+            }], panelClosed: [{
+                type: Output
+            }], onResize: [{
+                type: HostListener,
+                args: ["window:resize"]
+            }] } });
+
+class SlidePanelModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SlidePanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SlidePanelModule, declarations: [SlidePanelComponent], imports: [CommonModule], exports: [SlidePanelComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SlidePanelModule, providers: [SlidePanelService], imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SlidePanelModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [SlidePanelComponent],
+                    exports: [SlidePanelComponent],
+                    providers: [SlidePanelService],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SlidePanelComponent, SlidePanelModule, SlidePanelService };
+//# sourceMappingURL=seniorsistemas-angular-components-slide-panel.mjs.map