npm - @seniorsistemas/angular-components - Versions diffs - 19.9.14 → 19.9.15-develop-11ab86f5 - Mend

@seniorsistemas/angular-components 19.9.14 → 19.9.15-develop-11ab86f5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (513) hide show

package/fesm2022/seniorsistemas-angular-components-image-cropper.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"seniorsistemas-angular-components-image-cropper.mjs","sources":["../../projects/angular-components/image-cropper/src/lib/image-cropper/image-cropper.component.ts","../../projects/angular-components/image-cropper/src/lib/image-cropper/image-cropper.component.html","../../projects/angular-components/image-cropper/src/lib/image-cropper/image-cropper.module.ts","../../projects/angular-components/image-cropper/src/lib/image-cropper/image-cropper.service.ts","../../projects/angular-components/image-cropper/src/seniorsistemas-angular-components-image-cropper.ts"],"sourcesContent":["import {\r\n Component,\r\n ContentChild,\r\n ElementRef,\r\n EventEmitter,\r\n inject,\r\n Input,\r\n OnChanges,\r\n OnInit,\r\n Output,\r\n SimpleChanges,\r\n ViewChild,\r\n ViewEncapsulation,\r\n} from '@angular/core';\r\nimport Cropper from 'cropperjs';\r\nimport { FooterComponent, HeaderComponent } from '@seniorsistemas/angular-components/structure';\r\nimport { isNullOrUndefined } from '@seniorsistemas/angular-components/utils';\r\nimport { ActiveDialog, DialogComponent } from '@seniorsistemas/angular-components/dialog';\r\nimport { TemplateDirective } from '@seniorsistemas/angular-components/template';\r\nimport { EmptyStateComponent } from '@seniorsistemas/angular-components/empty-state';\r\nimport { ButtonComponent } from '@seniorsistemas/angular-components/button';\r\n\r\n/*\r\n @description Componente de recorte de imagem que integra a biblioteca `cropperjs`.\r\n * Exibe um dialog com uma área interativa para selecionar, recortar e remover imagens,\r\n * suportando razão de aspecto configurável, formato circular e templates de cabeçalho/rodapé.\r\n \r\n @example\r\n * ```html\r\n * <s-image-cropper\r\n * [(visible)]=\"dialogAberto\"\r\n * [imageSource]=\"urlDaImagem\"\r\n * [aspectRatio]=\"1\"\r\n * (croppedImage)=\"onCroppedImage($event)\" />\r\n * ```\r\n \r\n @category Inputs\r\n /\r\n@Component({\r\n selector: 's-image-cropper',\r\n templateUrl: './image-cropper.component.html',\r\n styleUrls: ['./image-cropper.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n standalone: true,\r\n imports: [DialogComponent, TemplateDirective, EmptyStateComponent, ButtonComponent],\r\n})\r\nexport class ImageCropperComponent implements OnInit, OnChanges {\r\n activeDialog = inject(ActiveDialog, { optional: true });\r\n public static nextId = 0;\r\n\r\n /* @description Identificador único do componente no DOM. Gerado automaticamente se não informado. /\r\n @Input()\r\n public id = `s-image-cropper-${ImageCropperComponent.nextId++}`;\r\n\r\n /* @description Controla a visibilidade do dialog de corte. @default false /\r\n @Input()\r\n public visible = false;\r\n\r\n /* @description Título exibido no cabeçalho do dialog. @default 'Recortar imagem' /\r\n @Input()\r\n public header = 'Recortar imagem';\r\n\r\n /* @description Rótulo do botão de confirmar o corte. @default 'Recortar' /\r\n @Input()\r\n public cropLabel = 'Recortar';\r\n\r\n /* @description Rótulo do botão de trocar a imagem. @default 'Trocar' /\r\n @Input()\r\n public selectAnotherLabel = 'Trocar';\r\n\r\n /* @description Rótulo do botão de remover a imagem. @default 'Remover' /\r\n @Input()\r\n public removeLabel = 'Remover';\r\n\r\n /* @description Rótulo do botão de cancelar. @default 'Cancelar' /\r\n @Input()\r\n public cancelLabel = 'Cancelar';\r\n\r\n /* @description Título do empty state quando nenhuma imagem foi selecionada. /\r\n @Input()\r\n public emptyStateTitle = 'Selecione uma foto, em seguida você poderá ajustá-la';\r\n\r\n /* @description Rótulo do botão de ação do empty state. @default 'Escolher imagem' /\r\n @Input()\r\n public emptyStateActionLabel = 'Escolher imagem';\r\n\r\n /* @description Classe do ícone exibido no empty state. @default 'fa fa-picture-o' /\r\n @Input()\r\n public emptyStateIconClass = 'fa fa-picture-o';\r\n\r\n /* @description Razão de aspecto para o recorte (ex.: `1` para quadrado, `16/9`). @default NaN (livre) /\r\n @Input()\r\n public aspectRatio = NaN;\r\n\r\n /* @description Quando `true`, exibe a área de recorte no formato circular. @default false /\r\n @Input()\r\n public rounded = false;\r\n\r\n /* @description Exibe o botão para trocar a imagem selecionada. @default true /\r\n @Input()\r\n public allowSelectAnother = true;\r\n\r\n /* @description Exibe o botão para remover a imagem. @default true /\r\n @Input()\r\n public allowRemove = true;\r\n\r\n /* @description Exibe o botão para cancelar o recorte. @default true /\r\n @Input()\r\n public allowCancel = true;\r\n\r\n /* @description URL ou base64 da imagem a ser carregada no cropper. /\r\n @Input()\r\n public imageSource?: string;\r\n\r\n /* @description Emitido quando o valor de `visible` muda, habilitando two-way binding com `[(visible)]`. /\r\n @Output()\r\n public visibleChange = new EventEmitter<boolean>();\r\n\r\n /* @description Emitido quando o usuário troca a imagem selecionada. /\r\n @Output()\r\n public changeImage = new EventEmitter();\r\n\r\n /* @description Emitido com a imagem recortada em formato base64 string. /\r\n @Output()\r\n public croppedImage = new EventEmitter<string>();\r\n\r\n /* @description Emitido com o `HTMLCanvasElement` resultante do recorte. /\r\n @Output()\r\n public croppedCanvas = new EventEmitter<HTMLCanvasElement>();\r\n\r\n /* @description Emitido quando o usuário confirma a remoção da imagem. /\r\n @Output()\r\n public removedImage = new EventEmitter();\r\n\r\n /* @description Emitido quando o usuário cancela o recorte. /\r\n @Output()\r\n // eslint-disable-next-line @angular-eslint/no-output-native\r\n public cancel = new EventEmitter();\r\n\r\n @ViewChild('image', { static: true })\r\n public image: ElementRef<HTMLImageElement> \| null = null;\r\n\r\n @ContentChild(HeaderComponent, { static: true })\r\n public headerSection: HeaderComponent \| null = null;\r\n\r\n @ContentChild(FooterComponent, { static: true })\r\n public footerSection: FooterComponent \| null = null;\r\n\r\n public cropper: Cropper \| null = null;\r\n\r\n public ngOnInit() {\r\n if (this.imageSource) this.initCropper();\r\n }\r\n\r\n public ngOnChanges(changes: SimpleChanges) {\r\n if (changes['imageSource'] && changes['imageSource'].currentValue) {\r\n this.initCropper();\r\n }\r\n }\r\n\r\n private initCropper() {\r\n if (isNullOrUndefined(this.image)) {\r\n return;\r\n }\r\n if (this.cropper) {\r\n this.cropper.destroy();\r\n }\r\n this.image.nativeElement.src = this.imageSource as string;\r\n this.cropper = new Cropper(this.image.nativeElement, {\r\n aspectRatio: this.rounded ? 1 : this.aspectRatio,\r\n guides: false,\r\n dragMode: 'move' as Cropper.DragMode,\r\n minCropBoxHeight: 2,\r\n minCropBoxWidth: 2,\r\n toggleDragModeOnDblclick: false,\r\n });\r\n }\r\n\r\n public getRoundedCanvas(sourceCanvas: HTMLCanvasElement): HTMLCanvasElement \| null {\r\n const canvas = document.createElement('canvas');\r\n const context = canvas.getContext('2d');\r\n\r\n if (isNullOrUndefined(context)) return null;\r\n\r\n const width = sourceCanvas.width;\r\n const height = sourceCanvas.height;\r\n\r\n canvas.width = width;\r\n canvas.height = height;\r\n\r\n context.imageSmoothingEnabled = true;\r\n context.drawImage(sourceCanvas, 0, 0, width, height);\r\n context.globalCompositeOperation = 'destination-in';\r\n context.beginPath();\r\n context.arc(width / 2, height / 2, Math.min(width, height) / 2, 0, 2 Math.PI, true);\r\n context.fill();\r\n\r\n return canvas;\r\n }\r\n\r\n public onCropImage() {\r\n if (!this.imageSource) {\r\n this.croppedImage.emit();\r\n this.croppedCanvas.emit();\r\n } else {\r\n const cropperCanvas = this.cropper?.getCroppedCanvas();\r\n if (cropperCanvas) {\r\n const canvas = this.rounded ? this.getRoundedCanvas(cropperCanvas) : cropperCanvas;\r\n if (canvas) {\r\n this.croppedCanvas.emit(canvas);\r\n this.croppedImage.emit(canvas.toDataURL());\r\n }\r\n }\r\n }\r\n this.visible = false;\r\n this.visibleChange.emit(false);\r\n }\r\n\r\n public onChangeImage() {\r\n this.changeImage.emit();\r\n }\r\n\r\n public onRemoveImage() {\r\n this.imageSource = undefined;\r\n this.removedImage.emit();\r\n }\r\n\r\n public onCancel() {\r\n this.visible = false;\r\n this.visibleChange.emit(false);\r\n this.cancel.emit();\r\n }\r\n\r\n public onModalVisibleChange(visible: boolean) {\r\n if (!visible) this.onCancel();\r\n this.visibleChange.emit(visible);\r\n }\r\n}\r\n","<div [id]=\"id\">\n @let roundedClass = rounded ? 's-image-cropper--rounded' : '';\n <s-dialog\n size=\"lg\"\n [contentClassName]=\"'s-image-cropper ' + roundedClass\"\n [header]=\"headerSection ? '' : header\"\n [(visible)]=\"visible\"\n (visibleChange)=\"onModalVisibleChange($event!)\"\n [draggable]=\"false\"\n >\n @if (headerSection) {\n <ng-template sTemplate=\"header\">\n <ng-content select=\"s-header\"></ng-content>\n </ng-template>\n }\n @if (!imageSource) {\n <s-empty-state\n [id]=\"id + '-empty-state'\"\n [title]=\"emptyStateTitle\"\n [iconClass]=\"emptyStateIconClass\"\n [primaryActionLabel]=\"emptyStateActionLabel\"\n (primaryAction)=\"onChangeImage()\"\n >\n </s-empty-state>\n }\n <div\n [attr.data-hidden]=\"!imageSource\"\n class=\"image-container\"\n >\n <img\n [id]=\"id + '-cropper'\"\n #image\n [src]=\"imageSource \|\| ''\"\n alt=\"cropped image\"\n />\n </div>\n <ng-template sTemplate=\"footer\">\n @if (!footerSection) {\n <div class=\"button-container\">\n @if (allowCancel) {\n <s-button\n [id]=\"id + '-cancel-button'\"\n type=\"button\"\n priority=\"link\"\n [label]=\"cancelLabel\"\n (clicked)=\"onCancel()\"\n >\n </s-button>\n }\n\n <div>\n @if (imageSource && allowRemove) {\n <s-button\n [id]=\"id + '-remove-button'\"\n type=\"button\"\n priority=\"secondary\"\n [label]=\"removeLabel\"\n (clicked)=\"onRemoveImage()\"\n >\n </s-button>\n }\n @if (imageSource && allowSelectAnother) {\n <s-button\n [id]=\"id + '-select-another-button'\"\n type=\"button\"\n priority=\"secondary\"\n [label]=\"selectAnotherLabel\"\n (clicked)=\"onChangeImage()\"\n >\n </s-button>\n }\n <s-button\n [id]=\"id + '-crop-button'\"\n type=\"button\"\n [label]=\"cropLabel\"\n (clicked)=\"onCropImage()\"\n >\n </s-button>\n </div>\n </div>\n }\n @if (footerSection) {\n <ng-content select=\"s-footer\"> </ng-content>\n }\n </ng-template>\n </s-dialog>\n</div>\n","import { NgModule } from '@angular/core';\r\n\r\nimport { ImageCropperComponent } from './image-cropper.component';\r\nimport { StructureModule } from '@seniorsistemas/angular-components/structure';\r\nimport { TemplateDirective } from '@seniorsistemas/angular-components/template';\r\n\r\n@NgModule({\r\n imports: [StructureModule, ImageCropperComponent],\r\n exports: [ImageCropperComponent, StructureModule],\r\n})\r\nexport class ImageCropperModule {}\r\n","import { ApplicationRef, ComponentFactoryResolver, ComponentRef, EmbeddedViewRef, Injectable, Injector, inject } from '@angular/core';\n\nimport { Subject } from 'rxjs';\nimport { delay, takeUntil } from 'rxjs/operators';\n\nimport { ImageCropperComponent } from './image-cropper.component';\nimport { isNullOrUndefined } from '@seniorsistemas/angular-components/utils';\nimport { toObservable } from '@angular/core/rxjs-interop';\n\n@Injectable()\nexport class ImageCropperService {\n private readonly _componentFactoryResolver = inject(ComponentFactoryResolver);\n private readonly _appRef = inject(ApplicationRef);\n private readonly _injector = inject(Injector);\n\n public activeCropper?: ActiveCropper;\n\n public show(config?: ImageCropperConfig): void {\n if (this.activeCropper) this._destroy(this.activeCropper);\n\n const activeCropper: ActiveCropper = {\n componentRef: this._componentFactoryResolver\n .resolveComponentFactory(ImageCropperComponent)\n .create(this._injector),\n ngUnsubscribe: new Subject<void>(),\n };\n\n this.activeCropper = activeCropper;\n\n if (isNullOrUndefined(activeCropper.componentRef)) return;\n\n this._appRef.attachView(activeCropper.componentRef.hostView);\n const domElem = (activeCropper.componentRef.hostView as EmbeddedViewRef<any>).rootNodes[0] as HTMLElement;\n document.body.appendChild(domElem);\n\n this._configureInstance(activeCropper, config);\n activeCropper.componentRef.instance.visible = true;\n\n activeCropper.componentRef.instance.visibleChange\n .pipe(takeUntil(this.activeCropper.ngUnsubscribe!), delay(1000))\n .subscribe((visible) => {\n if (!visible) this._destroy(activeCropper);\n });\n }\n\n private _configureInstance(activeCropper: ActiveCropper, config?: ImageCropperConfig): void {\n const instance: any = activeCropper.componentRef?.instance;\n\n if (config) {\n Object.keys(config).forEach((key) => {\n const value = (config as any)[key];\n if (typeof value !== 'function') instance[key] = value;\n else if (typeof value === 'function') {\n instance[key]\n .pipe(takeUntil(activeCropper.ngUnsubscribe!))\n .subscribe((...param: any[]) => (config as any)[key](...param));\n }\n });\n }\n\n instance.visibleChange\n .pipe(takeUntil(activeCropper.ngUnsubscribe!))\n .subscribe((visible: any) => (instance.visible = visible));\n }\n\n private _destroy(activeCropper: ActiveCropper): void {\n activeCropper.ngUnsubscribe!.next();\n activeCropper.ngUnsubscribe!.complete();\n\n if (isNullOrUndefined(activeCropper.componentRef)) return;\n\n this._appRef.detachView(activeCropper.componentRef.hostView);\n activeCropper.componentRef.destroy();\n }\n}\n\nexport interface ActiveCropper {\n componentRef?: ComponentRef<ImageCropperComponent>;\n ngUnsubscribe?: Subject<void>;\n}\n\nexport interface ImageCropperConfig {\n id?: any;\n header?: string;\n cropLabel?: string;\n selectAnotherLabel?: string;\n removeLabel?: string;\n cancelLabel?: string;\n emptyStateTitle?: string;\n emptyStateActionLabel?: string;\n emptyStateIconClass?: string;\n aspectRatio?: number;\n rounded?: boolean;\n allowSelectAnother?: boolean;\n allowRemove?: boolean;\n allowCancel?: boolean;\n imageSource?: string;\n\n cancel?: () => any;\n changeImage?: () => any;\n removedImage?: () => any;\n croppedImage?: (imageSource: string) => any;\n croppedCanvas?: (imageSource: HTMLCanvasElement) => any;\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"seniorsistemas-angular-components-image-cropper.mjs","sources":["../../projects/angular-components/image-cropper/src/lib/image-cropper/image-cropper.component.ts","../../projects/angular-components/image-cropper/src/lib/image-cropper/image-cropper.component.html","../../projects/angular-components/image-cropper/src/lib/image-cropper/image-cropper.module.ts","../../projects/angular-components/image-cropper/src/lib/image-cropper/image-cropper.service.ts","../../projects/angular-components/image-cropper/src/seniorsistemas-angular-components-image-cropper.ts"],"sourcesContent":["import {\r\n Component,\r\n ContentChild,\r\n ElementRef,\r\n EventEmitter,\r\n inject,\r\n Input,\r\n OnChanges,\r\n OnInit,\r\n Output,\r\n SimpleChanges,\r\n ViewChild,\r\n ViewEncapsulation,\r\n} from '@angular/core';\r\nimport Cropper from 'cropperjs';\r\nimport { FooterComponent, HeaderComponent } from '@seniorsistemas/angular-components/structure';\r\nimport { isNullOrUndefined } from '@seniorsistemas/angular-components/utils';\r\nimport { ActiveDialog, DialogComponent } from '@seniorsistemas/angular-components/dialog';\r\nimport { TemplateDirective } from '@seniorsistemas/angular-components/template';\r\nimport { EmptyStateComponent } from '@seniorsistemas/angular-components/empty-state';\r\nimport { ButtonComponent } from '@seniorsistemas/angular-components/button';\r\n\r\n/*\r\n @description Componente de recorte de imagem que integra a biblioteca `cropperjs`.\r\n * Exibe um dialog com uma área interativa para selecionar, recortar e remover imagens,\r\n * suportando razão de aspecto configurável, formato circular e templates de cabeçalho/rodapé.\r\n \r\n @example\r\n * ```html\r\n * <s-image-cropper\r\n * [(visible)]=\"dialogAberto\"\r\n * [imageSource]=\"urlDaImagem\"\r\n * [aspectRatio]=\"1\"\r\n * (croppedImage)=\"onCroppedImage($event)\" />\r\n * ```\r\n \r\n @category Inputs\r\n /\r\n@Component({\r\n selector: 's-image-cropper',\r\n templateUrl: './image-cropper.component.html',\r\n styleUrls: ['./image-cropper.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n standalone: true,\r\n imports: [DialogComponent, TemplateDirective, EmptyStateComponent, ButtonComponent],\r\n})\r\nexport class ImageCropperComponent implements OnInit, OnChanges {\r\n activeDialog = inject(ActiveDialog, { optional: true });\r\n public static nextId = 0;\r\n\r\n /* @description Identificador único do componente no DOM. Gerado automaticamente se não informado. /\r\n @Input()\r\n public id = `s-image-cropper-${ImageCropperComponent.nextId++}`;\r\n\r\n /* @description Controla a visibilidade do dialog de corte. @default false /\r\n @Input()\r\n public visible = false;\r\n\r\n /* @description Título exibido no cabeçalho do dialog. @default 'Recortar imagem' /\r\n @Input()\r\n public header = 'Recortar imagem';\r\n\r\n /* @description Rótulo do botão de confirmar o corte. @default 'Recortar' /\r\n @Input()\r\n public cropLabel = 'Recortar';\r\n\r\n /* @description Rótulo do botão de trocar a imagem. @default 'Trocar' /\r\n @Input()\r\n public selectAnotherLabel = 'Trocar';\r\n\r\n /* @description Rótulo do botão de remover a imagem. @default 'Remover' /\r\n @Input()\r\n public removeLabel = 'Remover';\r\n\r\n /* @description Rótulo do botão de cancelar. @default 'Cancelar' /\r\n @Input()\r\n public cancelLabel = 'Cancelar';\r\n\r\n /* @description Título do empty state quando nenhuma imagem foi selecionada. /\r\n @Input()\r\n public emptyStateTitle = 'Selecione uma foto, em seguida você poderá ajustá-la';\r\n\r\n /* @description Rótulo do botão de ação do empty state. @default 'Escolher imagem' /\r\n @Input()\r\n public emptyStateActionLabel = 'Escolher imagem';\r\n\r\n /* @description Classe do ícone exibido no empty state. @default 'fa fa-picture-o' /\r\n @Input()\r\n public emptyStateIconClass = 'fa fa-picture-o';\r\n\r\n /* @description Razão de aspecto para o recorte (ex.: `1` para quadrado, `16/9`). @default NaN (livre) /\r\n @Input()\r\n public aspectRatio = NaN;\r\n\r\n /* @description Quando `true`, exibe a área de recorte no formato circular. @default false /\r\n @Input()\r\n public rounded = false;\r\n\r\n /* @description Exibe o botão para trocar a imagem selecionada. @default true /\r\n @Input()\r\n public allowSelectAnother = true;\r\n\r\n /* @description Exibe o botão para remover a imagem. @default true /\r\n @Input()\r\n public allowRemove = true;\r\n\r\n /* @description Exibe o botão para cancelar o recorte. @default true /\r\n @Input()\r\n public allowCancel = true;\r\n\r\n /* @description URL ou base64 da imagem a ser carregada no cropper. /\r\n @Input()\r\n public imageSource?: string;\r\n\r\n /* @description Emitido quando o valor de `visible` muda, habilitando two-way binding com `[(visible)]`. /\r\n @Output()\r\n public visibleChange = new EventEmitter<boolean>();\r\n\r\n /* @description Emitido quando o usuário troca a imagem selecionada. /\r\n @Output()\r\n public changeImage = new EventEmitter();\r\n\r\n /* @description Emitido com a imagem recortada em formato base64 string. /\r\n @Output()\r\n public croppedImage = new EventEmitter<string>();\r\n\r\n /* @description Emitido com o `HTMLCanvasElement` resultante do recorte. /\r\n @Output()\r\n public croppedCanvas = new EventEmitter<HTMLCanvasElement>();\r\n\r\n /* @description Emitido quando o usuário confirma a remoção da imagem. /\r\n @Output()\r\n public removedImage = new EventEmitter();\r\n\r\n /* @description Emitido quando o usuário cancela o recorte. /\r\n @Output()\r\n // eslint-disable-next-line @angular-eslint/no-output-native\r\n public cancel = new EventEmitter();\r\n\r\n @ViewChild('image', { static: true })\r\n public image: ElementRef<HTMLImageElement> \| null = null;\r\n\r\n @ContentChild(HeaderComponent, { static: true })\r\n public headerSection: HeaderComponent \| null = null;\r\n\r\n @ContentChild(FooterComponent, { static: true })\r\n public footerSection: FooterComponent \| null = null;\r\n\r\n public cropper: Cropper \| null = null;\r\n\r\n public ngOnInit() {\r\n if (this.imageSource) this.initCropper();\r\n }\r\n\r\n public ngOnChanges(changes: SimpleChanges) {\r\n if (changes['imageSource'] && changes['imageSource'].currentValue) {\r\n this.initCropper();\r\n }\r\n }\r\n\r\n private initCropper() {\r\n if (isNullOrUndefined(this.image)) {\r\n return;\r\n }\r\n if (this.cropper) {\r\n this.cropper.destroy();\r\n }\r\n this.image.nativeElement.src = this.imageSource as string;\r\n this.cropper = new Cropper(this.image.nativeElement, {\r\n aspectRatio: this.rounded ? 1 : this.aspectRatio,\r\n guides: false,\r\n dragMode: 'move' as Cropper.DragMode,\r\n minCropBoxHeight: 2,\r\n minCropBoxWidth: 2,\r\n toggleDragModeOnDblclick: false,\r\n });\r\n }\r\n\r\n public getRoundedCanvas(sourceCanvas: HTMLCanvasElement): HTMLCanvasElement \| null {\r\n const canvas = document.createElement('canvas');\r\n const context = canvas.getContext('2d');\r\n\r\n if (isNullOrUndefined(context)) return null;\r\n\r\n const width = sourceCanvas.width;\r\n const height = sourceCanvas.height;\r\n\r\n canvas.width = width;\r\n canvas.height = height;\r\n\r\n context.imageSmoothingEnabled = true;\r\n context.drawImage(sourceCanvas, 0, 0, width, height);\r\n context.globalCompositeOperation = 'destination-in';\r\n context.beginPath();\r\n context.arc(width / 2, height / 2, Math.min(width, height) / 2, 0, 2 Math.PI, true);\r\n context.fill();\r\n\r\n return canvas;\r\n }\r\n\r\n public onCropImage() {\r\n if (!this.imageSource) {\r\n this.croppedImage.emit();\r\n this.croppedCanvas.emit();\r\n } else {\r\n const cropperCanvas = this.cropper?.getCroppedCanvas();\r\n if (cropperCanvas) {\r\n const canvas = this.rounded ? this.getRoundedCanvas(cropperCanvas) : cropperCanvas;\r\n if (canvas) {\r\n this.croppedCanvas.emit(canvas);\r\n this.croppedImage.emit(canvas.toDataURL());\r\n }\r\n }\r\n }\r\n this.visible = false;\r\n this.visibleChange.emit(false);\r\n }\r\n\r\n public onChangeImage() {\r\n this.changeImage.emit();\r\n }\r\n\r\n public onRemoveImage() {\r\n this.imageSource = undefined;\r\n this.removedImage.emit();\r\n }\r\n\r\n public onCancel() {\r\n this.visible = false;\r\n this.visibleChange.emit(false);\r\n this.cancel.emit();\r\n }\r\n\r\n public onModalVisibleChange(visible: boolean) {\r\n if (!visible) this.onCancel();\r\n this.visibleChange.emit(visible);\r\n }\r\n}\r\n","<div [id]=\"id\">\n @let roundedClass = rounded ? 's-image-cropper--rounded' : '';\n <s-dialog\n size=\"lg\"\n [contentClassName]=\"'s-image-cropper ' + roundedClass\"\n [header]=\"headerSection ? '' : header\"\n [(visible)]=\"visible\"\n (visibleChange)=\"onModalVisibleChange($event!)\"\n [draggable]=\"false\"\n >\n @if (headerSection) {\n <ng-template sTemplate=\"header\">\n <ng-content select=\"s-header\"></ng-content>\n </ng-template>\n }\n @if (!imageSource) {\n <s-empty-state\n [id]=\"id + '-empty-state'\"\n [title]=\"emptyStateTitle\"\n [iconClass]=\"emptyStateIconClass\"\n [primaryActionLabel]=\"emptyStateActionLabel\"\n (primaryAction)=\"onChangeImage()\"\n >\n </s-empty-state>\n }\n <div\n [attr.data-hidden]=\"!imageSource\"\n class=\"image-container\"\n >\n <img\n [id]=\"id + '-cropper'\"\n #image\n [src]=\"imageSource \|\| ''\"\n alt=\"cropped image\"\n />\n </div>\n <ng-template sTemplate=\"footer\">\n @if (!footerSection) {\n <div class=\"button-container\">\n @if (allowCancel) {\n <s-button\n [id]=\"id + '-cancel-button'\"\n type=\"button\"\n priority=\"link\"\n [label]=\"cancelLabel\"\n (clicked)=\"onCancel()\"\n >\n </s-button>\n }\n\n <div>\n @if (imageSource && allowRemove) {\n <s-button\n [id]=\"id + '-remove-button'\"\n type=\"button\"\n priority=\"secondary\"\n [label]=\"removeLabel\"\n (clicked)=\"onRemoveImage()\"\n >\n </s-button>\n }\n @if (imageSource && allowSelectAnother) {\n <s-button\n [id]=\"id + '-select-another-button'\"\n type=\"button\"\n priority=\"secondary\"\n [label]=\"selectAnotherLabel\"\n (clicked)=\"onChangeImage()\"\n >\n </s-button>\n }\n <s-button\n [id]=\"id + '-crop-button'\"\n type=\"button\"\n [label]=\"cropLabel\"\n (clicked)=\"onCropImage()\"\n >\n </s-button>\n </div>\n </div>\n }\n @if (footerSection) {\n <ng-content select=\"s-footer\"> </ng-content>\n }\n </ng-template>\n </s-dialog>\n</div>\n","import { NgModule } from '@angular/core';\r\n\r\nimport { ImageCropperComponent } from './image-cropper.component';\r\nimport { StructureModule } from '@seniorsistemas/angular-components/structure';\r\nimport { TemplateDirective } from '@seniorsistemas/angular-components/template';\r\n\r\n/*\r\n @deprecated Será removido na v20. Importe diretamente o standalone `ImageCropperComponent` (de\r\n * `@seniorsistemas/angular-components/image-cropper`) no lugar deste módulo.\r\n \r\n Este módulo também reexportava `HeaderComponent` (`@seniorsistemas/angular-components/structure`, usado em\r\n * templates por `<s-header>`) e `FooterComponent` (`@seniorsistemas/angular-components/structure`, usado em\r\n * templates por `<s-footer>`). Se o seu template usa algum deles, importe-o diretamente.\r\n \r\n Migração automática (também executada pelo `ng update` na v20):\r\n * `ng generate @seniorsistemas/angular-components:migrate-modules-to-standalone`\r\n /\r\n@NgModule({\r\n imports: [StructureModule, ImageCropperComponent],\r\n exports: [ImageCropperComponent, StructureModule],\r\n})\r\nexport class ImageCropperModule {}\r\n","import { ApplicationRef, ComponentFactoryResolver, ComponentRef, EmbeddedViewRef, Injectable, Injector, inject } from '@angular/core';\n\nimport { Subject } from 'rxjs';\nimport { delay, takeUntil } from 'rxjs/operators';\n\nimport { ImageCropperComponent } from './image-cropper.component';\nimport { isNullOrUndefined } from '@seniorsistemas/angular-components/utils';\nimport { toObservable } from '@angular/core/rxjs-interop';\n\n@Injectable({ providedIn: 'root' })\nexport class ImageCropperService {\n private readonly _componentFactoryResolver = inject(ComponentFactoryResolver);\n private readonly _appRef = inject(ApplicationRef);\n private readonly _injector = inject(Injector);\n\n public activeCropper?: ActiveCropper;\n\n public show(config?: ImageCropperConfig): void {\n if (this.activeCropper) this._destroy(this.activeCropper);\n\n const activeCropper: ActiveCropper = {\n componentRef: this._componentFactoryResolver\n .resolveComponentFactory(ImageCropperComponent)\n .create(this._injector),\n ngUnsubscribe: new Subject<void>(),\n };\n\n this.activeCropper = activeCropper;\n\n if (isNullOrUndefined(activeCropper.componentRef)) return;\n\n this._appRef.attachView(activeCropper.componentRef.hostView);\n const domElem = (activeCropper.componentRef.hostView as EmbeddedViewRef<any>).rootNodes[0] as HTMLElement;\n document.body.appendChild(domElem);\n\n this._configureInstance(activeCropper, config);\n activeCropper.componentRef.instance.visible = true;\n\n activeCropper.componentRef.instance.visibleChange\n .pipe(takeUntil(this.activeCropper.ngUnsubscribe!), delay(1000))\n .subscribe((visible) => {\n if (!visible) this._destroy(activeCropper);\n });\n }\n\n private _configureInstance(activeCropper: ActiveCropper, config?: ImageCropperConfig): void {\n const instance: any = activeCropper.componentRef?.instance;\n\n if (config) {\n Object.keys(config).forEach((key) => {\n const value = (config as any)[key];\n if (typeof value !== 'function') instance[key] = value;\n else if (typeof value === 'function') {\n instance[key]\n .pipe(takeUntil(activeCropper.ngUnsubscribe!))\n .subscribe((...param: any[]) => (config as any)[key](...param));\n }\n });\n }\n\n instance.visibleChange\n .pipe(takeUntil(activeCropper.ngUnsubscribe!))\n .subscribe((visible: any) => (instance.visible = visible));\n }\n\n private _destroy(activeCropper: ActiveCropper): void {\n activeCropper.ngUnsubscribe!.next();\n activeCropper.ngUnsubscribe!.complete();\n\n if (isNullOrUndefined(activeCropper.componentRef)) return;\n\n this._appRef.detachView(activeCropper.componentRef.hostView);\n activeCropper.componentRef.destroy();\n }\n}\n\nexport interface ActiveCropper {\n componentRef?: ComponentRef<ImageCropperComponent>;\n ngUnsubscribe?: Subject<void>;\n}\n\nexport interface ImageCropperConfig {\n id?: any;\n header?: string;\n cropLabel?: string;\n selectAnotherLabel?: string;\n removeLabel?: string;\n cancelLabel?: string;\n emptyStateTitle?: string;\n emptyStateActionLabel?: string;\n emptyStateIconClass?: string;\n aspectRatio?: number;\n rounded?: boolean;\n allowSelectAnother?: boolean;\n allowRemove?: boolean;\n allowCancel?: boolean;\n imageSource?: string;\n\n cancel?: () => any;\n changeImage?: () => any;\n removedImage?: () => any;\n croppedImage?: (imageSource: string) => any;\n croppedCanvas?: (imageSource: HTMLCanvasElement) => any;\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-infinite-scroll.mjs CHANGED Viewed

@@ -41,6 +41,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 args: ['scroll']
             }] } });
+/**
+ * @deprecated Será removido na v20. Importe diretamente o standalone `InfiniteScrollDirective` (de
+ * `@seniorsistemas/angular-components/infinite-scroll`) no lugar deste módulo.
+ *
+ * Migração automática (também executada pelo `ng update` na v20):
+ * `ng generate @seniorsistemas/angular-components:migrate-modules-to-standalone`
+ */
 class InfiniteScrollModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InfiniteScrollModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: InfiniteScrollModule, imports: [InfiniteScrollDirective], exports: [InfiniteScrollDirective] });

package/fesm2022/seniorsistemas-angular-components-infinite-scroll.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"seniorsistemas-angular-components-infinite-scroll.mjs","sources":["../../projects/angular-components/infinite-scroll/src/lib/infinite-scroll/infinite-scroll.directive.ts","../../projects/angular-components/infinite-scroll/src/lib/infinite-scroll/infinite-scroll.module.ts","../../projects/angular-components/infinite-scroll/src/seniorsistemas-angular-components-infinite-scroll.ts"],"sourcesContent":["import { Directive, ElementRef, EventEmitter, HostListener, Output, inject } from '@angular/core';\r\n\r\n/*\r\n @description Diretiva de scroll infinito que detecta quando o usuário chega\r\n * ao final do elemento e emite o evento `scrolled`. Deve ser aplicada a um\r\n * elemento com overflow e scroll habilitado.\r\n \r\n @example\r\n * ```html\r\n * <div sInfiniteScroll (scrolled)=\"carregarMais()\" style=\"overflow-y: auto; height: 400px\">\r\n * <!-- itens -->\r\n * </div>\r\n * ```\r\n \r\n @category Data\r\n /\r\n@Directive({\r\n selector: '[sInfiniteScroll]',\r\n standalone: true,\r\n})\r\nexport class InfiniteScrollDirective {\r\n private readonly el = inject(ElementRef);\r\n\r\n /* @description Emitido quando o usuário atinge o final do elemento com scroll. /\r\n @Output()\r\n public scrolled = new EventEmitter<number>();\r\n\r\n @HostListener('scroll')\r\n public scroll() {\r\n if (\r\n this.el.nativeElement.scrollTop >\r\n this.el.nativeElement.scrollHeight - this.el.nativeElement.offsetHeight - 2\r\n ) {\r\n this.scrolled.emit();\r\n }\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\n\r\nimport { InfiniteScrollDirective } from './infinite-scroll.directive';\r\n\r\n@NgModule({\r\n imports: [InfiniteScrollDirective],\r\n exports: [InfiniteScrollDirective],\r\n})\r\nexport class InfiniteScrollModule {}\r\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;AAEA;;;;;;;;;;;;;AAaG;MAKU,uBAAuB,CAAA;AACf,IAAA,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;;AAIlC,IAAA,QAAQ,GAAG,IAAI,YAAY,EAAU,CAAC;IAGtC,MAAM,GAAA;AACT,QAAA,IACI,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,SAAS;AAC/B,YAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,YAAY,GAAG,CAAC,EAC7E;AACE,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;SACxB;KACJ;wGAfQ,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;4FAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAJnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,UAAU,EAAE,IAAI;AACnB,iBAAA,CAAA;8BAMU,QAAQ,EAAA,CAAA;sBADd,MAAM;gBAIA,MAAM,EAAA,CAAA;sBADZ,YAAY;uBAAC,QAAQ,CAAA;;;~~MCnBb~~,oBAAoB,CAAA;wGAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;yGAApB,oBAAoB,EAAA,OAAA,EAAA,CAHnB,uBAAuB,CAAA,EAAA,OAAA,EAAA,CACvB,uBAAuB,CAAA,EAAA,CAAA,CAAA;yGAExB,oBAAoB,EAAA,CAAA,CAAA;;4FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAJhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,uBAAuB,CAAC;oBAClC,OAAO,EAAE,CAAC,uBAAuB,CAAC;AACrC,iBAAA,CAAA;;;~~ACPD~~;;AAEG;;;;"}
1	+ {"version":3,"file":"seniorsistemas-angular-components-infinite-scroll.mjs","sources":["../../projects/angular-components/infinite-scroll/src/lib/infinite-scroll/infinite-scroll.directive.ts","../../projects/angular-components/infinite-scroll/src/lib/infinite-scroll/infinite-scroll.module.ts","../../projects/angular-components/infinite-scroll/src/seniorsistemas-angular-components-infinite-scroll.ts"],"sourcesContent":["import { Directive, ElementRef, EventEmitter, HostListener, Output, inject } from '@angular/core';\r\n\r\n/*\r\n @description Diretiva de scroll infinito que detecta quando o usuário chega\r\n * ao final do elemento e emite o evento `scrolled`. Deve ser aplicada a um\r\n * elemento com overflow e scroll habilitado.\r\n \r\n @example\r\n * ```html\r\n * <div sInfiniteScroll (scrolled)=\"carregarMais()\" style=\"overflow-y: auto; height: 400px\">\r\n * <!-- itens -->\r\n * </div>\r\n * ```\r\n \r\n @category Data\r\n /\r\n@Directive({\r\n selector: '[sInfiniteScroll]',\r\n standalone: true,\r\n})\r\nexport class InfiniteScrollDirective {\r\n private readonly el = inject(ElementRef);\r\n\r\n /* @description Emitido quando o usuário atinge o final do elemento com scroll. /\r\n @Output()\r\n public scrolled = new EventEmitter<number>();\r\n\r\n @HostListener('scroll')\r\n public scroll() {\r\n if (\r\n this.el.nativeElement.scrollTop >\r\n this.el.nativeElement.scrollHeight - this.el.nativeElement.offsetHeight - 2\r\n ) {\r\n this.scrolled.emit();\r\n }\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\n\r\nimport { InfiniteScrollDirective } from './infinite-scroll.directive';\r\n\r\n/\r\n @deprecated Será removido na v20. Importe diretamente o standalone `InfiniteScrollDirective` (de\r\n * `@seniorsistemas/angular-components/infinite-scroll`) no lugar deste módulo.\r\n \r\n Migração automática (também executada pelo `ng update` na v20):\r\n * `ng generate @seniorsistemas/angular-components:migrate-modules-to-standalone`\r\n /\r\n@NgModule({\r\n imports: [InfiniteScrollDirective],\r\n exports: [InfiniteScrollDirective],\r\n})\r\nexport class InfiniteScrollModule {}\r\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;AAEA;;;;;;;;;;;;;AAaG;MAKU,uBAAuB,CAAA;AACf,IAAA,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;;AAIlC,IAAA,QAAQ,GAAG,IAAI,YAAY,EAAU,CAAC;IAGtC,MAAM,GAAA;AACT,QAAA,IACI,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,SAAS;AAC/B,YAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,YAAY,GAAG,CAAC,EAC7E;AACE,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;SACxB;KACJ;wGAfQ,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;4FAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAJnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,UAAU,EAAE,IAAI;AACnB,iBAAA,CAAA;8BAMU,QAAQ,EAAA,CAAA;sBADd,MAAM;gBAIA,MAAM,EAAA,CAAA;sBADZ,YAAY;uBAAC,QAAQ,CAAA;;;ACvB1B;;;;;;AAMG;MAKU,oBAAoB,CAAA;wGAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;yGAApB,oBAAoB,EAAA,OAAA,EAAA,CAHnB,uBAAuB,CAAA,EAAA,OAAA,EAAA,CACvB,uBAAuB,CAAA,EAAA,CAAA,CAAA;yGAExB,oBAAoB,EAAA,CAAA,CAAA;;4FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAJhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,uBAAuB,CAAC;oBAClC,OAAO,EAAE,CAAC,uBAAuB,CAAC;AACrC,iBAAA,CAAA;;;ACdD;;AAEG;;;;"}

package/fesm2022/seniorsistemas-angular-components-info-sign.mjs CHANGED Viewed

@@ -107,6 +107,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 args: ['sInfoSignUseFocusedInputRef']
             }] } });
+/**
+ * @deprecated Será removido na v20. Importe diretamente o standalone `InfoSignDirective` (de
+ * `@seniorsistemas/angular-components/info-sign`) no lugar deste módulo.
+ *
+ * Migração automática (também executada pelo `ng update` na v20):
+ * `ng generate @seniorsistemas/angular-components:migrate-modules-to-standalone`
+ */
 class InfoSignModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InfoSignModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: InfoSignModule, imports: [InfoSignDirective], exports: [InfoSignDirective] });

package/fesm2022/seniorsistemas-angular-components-info-sign.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"seniorsistemas-angular-components-info-sign.mjs","sources":["../../projects/angular-components/info-sign/src/lib/info-sign/components/info-sign/info-sign.component.ts","../../projects/angular-components/info-sign/src/lib/info-sign/components/info-sign/info-sign.component.html","../../projects/angular-components/info-sign/src/lib/info-sign/info-sign.directive.ts","../../projects/angular-components/info-sign/src/lib/info-sign/info-sign.module.ts","../../projects/angular-components/info-sign/src/seniorsistemas-angular-components-info-sign.ts"],"sourcesContent":["import { Component, TemplateRef } from '@angular/core';\r\nimport { NgTemplateOutlet } from '@angular/common';\r\nimport { TooltipDirective } from '@seniorsistemas/angular-components/tooltip';\r\n\r\n@Component({\r\n selector: 's-info-sign-component',\r\n templateUrl: './info-sign.component.html',\r\n styleUrls: ['./info-sign.component.scss'],\r\n standalone: true,\r\n imports: [NgTemplateOutlet, TooltipDirective],\r\n})\r\nexport class InfoSignComponent {\r\n public templateRef: TemplateRef<any> \| null = null;\r\n public tooltip?: string;\r\n public displayTime?: number;\r\n public focusedInputRef: HTMLInputElement \| null = null;\r\n}\r\n","<span class=\"info-sign\">\n <span ngTemplateOutlet=\"templateRef\"></span>\n <i\n class=\"info-sign__icon fa fa-info-circle\"\n aria-hidden=\"true\"\n [sTooltip]=\"tooltip\"\n [escape]=\"false\"\n [displayTime]=\"displayTime\"\n mobileBehavior=\"tap\"\n [showDelay]=\"0\"\n [tooltipEvent]=\"focusedInputRef ? 'focus' : 'hover'\"\n [focusedInputRef]=\"focusedInputRef\">\n </i>\n</span>\n","import {\r\n ComponentRef,\r\n Directive,\r\n Input,\r\n OnChanges,\r\n OnDestroy,\r\n OnInit,\r\n TemplateRef,\r\n ViewContainerRef,\r\n inject,\r\n} from '@angular/core';\r\n\r\nimport { InfoSignComponent } from './components/info-sign/info-sign.component';\r\n\r\n/\r\n @description Diretiva estrutural que exibe um ícone de informação ao lado do elemento hospedeiro.\r\n * Ao interagir com o ícone, um tooltip com a mensagem configurada é exibido temporariamente.\r\n * Suporta sincronização de posição com um campo de input referenciado.\r\n \r\n @example\r\n * ```html\r\n * <input sInfoSign=\"'Informe seu CPF'; displayTime: 4000\" type=\"text\" />\r\n ```\r\n \r\n @category Overlay\r\n /\r\n@Directive({\r\n selector: '[sInfoSign]',\r\n standalone: true,\r\n})\r\nexport class InfoSignDirective implements OnChanges, OnInit, OnDestroy {\r\n private readonly templateRef = inject<TemplateRef<any>>(TemplateRef);\r\n private readonly viewContainer = inject(ViewContainerRef);\r\n\r\n /\r\n @description Mensagem exibida no tooltip do ícone de informação. Campo obrigatório.\r\n /\r\n @Input({ required: true })\r\n public sInfoSign!: string;\r\n\r\n /\r\n @description Tempo em milissegundos que o tooltip permanece visível após ser exibido.\r\n \r\n @default 5000\r\n /\r\n @Input('sInfoSignDisplayTime')\r\n public displayTime: number = 5000;\r\n\r\n /\r\n @description Referência a um elemento de input HTML para posicionamento relativo do info sign.\r\n * Utilizado quando `useFocusedInputRef` é `true`.\r\n /\r\n @Input('sInfoSignFocusedInputRef')\r\n public focusedInputRef: HTMLInputElement \| HTMLElement \| undefined \| null = null;\r\n\r\n /\r\n @description Quando `true`, utiliza `focusedInputRef` para calcular o posicionamento do ícone.\r\n \r\n @default true\r\n /\r\n @Input('sInfoSignUseFocusedInputRef') public useFocusedInputRef = true;\r\n\r\n private componentRef: ComponentRef<InfoSignComponent> \| null = null;\r\n\r\n public ngOnChanges(): void {\r\n this.createInfoSign();\r\n }\r\n\r\n public ngOnInit(): void {\r\n this.createInfoSign();\r\n }\r\n\r\n public ngOnDestroy(): void {\r\n if (this.componentRef) {\r\n this.componentRef.destroy();\r\n }\r\n }\r\n\r\n private createInfoSign(): void {\r\n if (!this.componentRef && this.sInfoSign) {\r\n this.viewContainer.clear();\r\n this.componentRef = this.viewContainer.createComponent(InfoSignComponent);\r\n const _infoSignComponent = this.componentRef.instance as InfoSignComponent;\r\n _infoSignComponent.templateRef = this.templateRef;\r\n _infoSignComponent.tooltip = this.sInfoSign;\r\n _infoSignComponent.displayTime = this.displayTime;\r\n if (this.useFocusedInputRef && this.focusedInputRef) {\r\n _infoSignComponent.focusedInputRef = this.focusedInputRef as HTMLInputElement;\r\n }\r\n } else if (this.componentRef && this.sInfoSign) {\r\n this.componentRef.instance.tooltip = this.sInfoSign;\r\n } else {\r\n this.viewContainer.clear();\r\n this.viewContainer.createEmbeddedView(this.templateRef);\r\n }\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\n\r\nimport { InfoSignDirective } from './info-sign.directive';\r\n\r\n@NgModule({\r\n imports: [InfoSignDirective],\r\n exports: [InfoSignDirective],\r\n})\r\nexport class InfoSignModule {}\r\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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~~MCpD3B~~,cAAc,CAAA;wGAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;yGAAd,cAAc,EAAA,OAAA,EAAA,CAHb,iBAAiB,CAAA,EAAA,OAAA,EAAA,CACjB,iBAAiB,CAAA,EAAA,CAAA,CAAA;yGAElB,cAAc,EAAA,CAAA,CAAA;;4FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAJ1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,iBAAiB,CAAC;oBAC5B,OAAO,EAAE,CAAC,iBAAiB,CAAC;AAC/B,iBAAA,CAAA;;;~~ACPD~~;;AAEG;;;;"}
1	+ {"version":3,"file":"seniorsistemas-angular-components-info-sign.mjs","sources":["../../projects/angular-components/info-sign/src/lib/info-sign/components/info-sign/info-sign.component.ts","../../projects/angular-components/info-sign/src/lib/info-sign/components/info-sign/info-sign.component.html","../../projects/angular-components/info-sign/src/lib/info-sign/info-sign.directive.ts","../../projects/angular-components/info-sign/src/lib/info-sign/info-sign.module.ts","../../projects/angular-components/info-sign/src/seniorsistemas-angular-components-info-sign.ts"],"sourcesContent":["import { Component, TemplateRef } from '@angular/core';\r\nimport { NgTemplateOutlet } from '@angular/common';\r\nimport { TooltipDirective } from '@seniorsistemas/angular-components/tooltip';\r\n\r\n@Component({\r\n selector: 's-info-sign-component',\r\n templateUrl: './info-sign.component.html',\r\n styleUrls: ['./info-sign.component.scss'],\r\n standalone: true,\r\n imports: [NgTemplateOutlet, TooltipDirective],\r\n})\r\nexport class InfoSignComponent {\r\n public templateRef: TemplateRef<any> \| null = null;\r\n public tooltip?: string;\r\n public displayTime?: number;\r\n public focusedInputRef: HTMLInputElement \| null = null;\r\n}\r\n","<span class=\"info-sign\">\n <span ngTemplateOutlet=\"templateRef\"></span>\n <i\n class=\"info-sign__icon fa fa-info-circle\"\n aria-hidden=\"true\"\n [sTooltip]=\"tooltip\"\n [escape]=\"false\"\n [displayTime]=\"displayTime\"\n mobileBehavior=\"tap\"\n [showDelay]=\"0\"\n [tooltipEvent]=\"focusedInputRef ? 'focus' : 'hover'\"\n [focusedInputRef]=\"focusedInputRef\">\n </i>\n</span>\n","import {\r\n ComponentRef,\r\n Directive,\r\n Input,\r\n OnChanges,\r\n OnDestroy,\r\n OnInit,\r\n TemplateRef,\r\n ViewContainerRef,\r\n inject,\r\n} from '@angular/core';\r\n\r\nimport { InfoSignComponent } from './components/info-sign/info-sign.component';\r\n\r\n/\r\n @description Diretiva estrutural que exibe um ícone de informação ao lado do elemento hospedeiro.\r\n * Ao interagir com o ícone, um tooltip com a mensagem configurada é exibido temporariamente.\r\n * Suporta sincronização de posição com um campo de input referenciado.\r\n \r\n @example\r\n * ```html\r\n * <input sInfoSign=\"'Informe seu CPF'; displayTime: 4000\" type=\"text\" />\r\n ```\r\n \r\n @category Overlay\r\n /\r\n@Directive({\r\n selector: '[sInfoSign]',\r\n standalone: true,\r\n})\r\nexport class InfoSignDirective implements OnChanges, OnInit, OnDestroy {\r\n private readonly templateRef = inject<TemplateRef<any>>(TemplateRef);\r\n private readonly viewContainer = inject(ViewContainerRef);\r\n\r\n /\r\n @description Mensagem exibida no tooltip do ícone de informação. Campo obrigatório.\r\n /\r\n @Input({ required: true })\r\n public sInfoSign!: string;\r\n\r\n /\r\n @description Tempo em milissegundos que o tooltip permanece visível após ser exibido.\r\n \r\n @default 5000\r\n /\r\n @Input('sInfoSignDisplayTime')\r\n public displayTime: number = 5000;\r\n\r\n /\r\n @description Referência a um elemento de input HTML para posicionamento relativo do info sign.\r\n * Utilizado quando `useFocusedInputRef` é `true`.\r\n /\r\n @Input('sInfoSignFocusedInputRef')\r\n public focusedInputRef: HTMLInputElement \| HTMLElement \| undefined \| null = null;\r\n\r\n /\r\n @description Quando `true`, utiliza `focusedInputRef` para calcular o posicionamento do ícone.\r\n \r\n @default true\r\n /\r\n @Input('sInfoSignUseFocusedInputRef') public useFocusedInputRef = true;\r\n\r\n private componentRef: ComponentRef<InfoSignComponent> \| null = null;\r\n\r\n public ngOnChanges(): void {\r\n this.createInfoSign();\r\n }\r\n\r\n public ngOnInit(): void {\r\n this.createInfoSign();\r\n }\r\n\r\n public ngOnDestroy(): void {\r\n if (this.componentRef) {\r\n this.componentRef.destroy();\r\n }\r\n }\r\n\r\n private createInfoSign(): void {\r\n if (!this.componentRef && this.sInfoSign) {\r\n this.viewContainer.clear();\r\n this.componentRef = this.viewContainer.createComponent(InfoSignComponent);\r\n const _infoSignComponent = this.componentRef.instance as InfoSignComponent;\r\n _infoSignComponent.templateRef = this.templateRef;\r\n _infoSignComponent.tooltip = this.sInfoSign;\r\n _infoSignComponent.displayTime = this.displayTime;\r\n if (this.useFocusedInputRef && this.focusedInputRef) {\r\n _infoSignComponent.focusedInputRef = this.focusedInputRef as HTMLInputElement;\r\n }\r\n } else if (this.componentRef && this.sInfoSign) {\r\n this.componentRef.instance.tooltip = this.sInfoSign;\r\n } else {\r\n this.viewContainer.clear();\r\n this.viewContainer.createEmbeddedView(this.templateRef);\r\n }\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\n\r\nimport { InfoSignDirective } from './info-sign.directive';\r\n\r\n/\r\n @deprecated Será removido na v20. Importe diretamente o standalone `InfoSignDirective` (de\r\n * `@seniorsistemas/angular-components/info-sign`) no lugar deste módulo.\r\n \r\n Migração automática (também executada pelo `ng update` na v20):\r\n * `ng generate @seniorsistemas/angular-components:migrate-modules-to-standalone`\r\n /\r\n@NgModule({\r\n imports: [InfoSignDirective],\r\n exports: [InfoSignDirective],\r\n})\r\nexport class InfoSignModule {}\r\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-inline-edit.mjs CHANGED Viewed

@@ -14,7 +14,7 @@ import { NgClass } from '@angular/common';
 import { InputMaskDirective } from '@seniorsistemas/angular-components/input-mask';
 import { InputTextDirective } from '@seniorsistemas/angular-components/input-text';
 import { TooltipDirective } from '@seniorsistemas/angular-components/tooltip';
-import { BignumberInputDirective } from '@seniorsistemas/angular-components/bignumber-input';
+import { NumericMaskDirective } from '@seniorsistemas/angular-components/numeric-mask';
 import { Textarea } from 'primeng/textarea';
 import { KeyFilter } from 'primeng/keyfilter';
 import { DeprecatedSelectorDirective } from '@seniorsistemas/angular-components/common/deprecated-selector';
@@ -437,7 +437,7 @@ class InlineEditNumberComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InlineEditNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: InlineEditNumberComponent, isStandalone: true, selector: "ng-component", inputs: { field: "field", formGroup: "formGroup" }, ngImport: i0, template: "@if (field.mask) {\r\n    <input\r\n        sInputText\r\n        class=\"mousetrap\"\r\n        type=\"text\"\r\n        [id]=\"field.name\"\r\n        [name]=\"field.name\"\r\n        [sInputMask]=\"mask\"\r\n        [placeholder]=\"field.placeholder\"\r\n        slotChar=\"_\"\r\n        [sTooltip]=\"field.tooltip\"\r\n        tooltipPosition=\"top\"\r\n        [showDelay]=\"500\"\r\n        [autoClear]=\"field.autoClear ?? false\"\r\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\r\n        (focus)=\"field.onFocus ? field.onFocus($event) : null\"\r\n        (maskComplete)=\"field.onComplete ? field.onComplete($event) : null\"\r\n        (input)=\"field.onInput ? field.onInput($event) : null\"\r\n        [(ngModel)]=\"tempValue\"\r\n    />\r\n} @else {\r\n    <ng-container>\r\n        <div>\r\n            @if (field.leftAddon) {\r\n                @if (field.leftAddon.callback) {\r\n                    <span class=\"addon-button addon-button--left\">\r\n                        <s-button\r\n                            [label]=\"field.leftAddon.label\"\r\n                            [iconClass]=\"field.leftAddon.icon\"\r\n                            [priority]=\"field.leftAddon.priority\"\r\n                            [disabled]=\"leftAddonDisabled\"\r\n                            (clicked)=\"field.leftAddon.callback()\"\r\n                        >\r\n                        </s-button>\r\n                    </span>\r\n                }\r\n                @if (!field.leftAddon.callback) {\r\n                    <span>\r\n                        @if (field.leftAddon.label) {\r\n                            <span>{{ field.leftAddon.label }}</span>\r\n                        }\r\n                        @if (!field.leftAddon.label) {\r\n                            <span [ngClass]=\"field.leftAddon.icon\"></span>\r\n                        }\r\n                    </span>\r\n                }\r\n            }\r\n            <input\r\n                [id]=\"field.name\"\r\n                type=\"text\"\r\n                [name]=\"field.name\"\r\n                sBignumberInput\r\n                [allowNegative]=\"field.allowNegative ?? false\"\r\n                [precision]=\"precision\"\r\n                [scale]=\"scale\"\r\n                [alignTo]=\"field.alignTo\"\r\n                [sTooltip]=\"field.tooltip\"\r\n                tooltipPosition=\"top\"\r\n                [placeholder]=\"field.placeholder\"\r\n                [showDelay]=\"500\"\r\n                sInputText\r\n                [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\r\n                [ngClass]=\"'mousetrap'\"\r\n                (blur)=\"field.onBlur ? field.onBlur($event) : null\"\r\n                (focus)=\"field.onFocus ? field.onFocus($event) : null\"\r\n                [(ngModel)]=\"tempValue\"\r\n            />\r\n            @if (field.rightAddon) {\r\n                @if (field.rightAddon.callback) {\r\n                    <span class=\"addon-button addon-button--right\">\r\n                        <s-button\r\n                            [label]=\"field.rightAddon.label\"\r\n                            [iconClass]=\"field.rightAddon.icon\"\r\n                            [priority]=\"field.rightAddon.priority\"\r\n                            [disabled]=\"rightAddonDisabled\"\r\n                            (clicked)=\"field.rightAddon.callback()\"\r\n                        >\r\n                        </s-button>\r\n                    </span>\r\n                }\r\n                @if (!field.rightAddon.callback) {\r\n                    <span>\r\n                        @if (field.rightAddon.label) {\r\n                            <span>{{ field.rightAddon.label }}</span>\r\n                        }\r\n                        @if (!field.rightAddon.label) {\r\n                            <span [ngClass]=\"field.rightAddon.icon\"></span>\r\n                        }\r\n                    </span>\r\n                }\r\n            }\r\n        </div>\r\n    </ng-container>\r\n}\r\n", styles: [""], dependencies: [{ kind: "directive", type: InputMaskDirective, selector: "input[sInputMask]", inputs: ["sInputMask", "slotChar", "unmask", "characterPattern", "autoClear"], outputs: ["maskComplete"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: InputTextDirective, selector: "input[sInputText]" }, { kind: "directive", type: TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "component", type: ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor", "menuAriaLabel", "ariaLabel"], outputs: ["clicked", "tieredMenuOpened", "tieredMenuClosed"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BignumberInputDirective, selector: "input[sBignumberInput]", inputs: ["precision", "scale", "minDecimalPlaces", "maxDecimalPlaces", "decimalSeparator", "thousandsSeparator", "thousandSeparator", "alignTo", "allowNegative", "blockDecimalOverflow", "placeholder"], outputs: ["minDecimalPlacesChange", "maxDecimalPlacesChange", "decimalSeparatorChange", "thousandSeparatorChange", "placeholderChange", "pasteRejected"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: InlineEditNumberComponent, isStandalone: true, selector: "ng-component", inputs: { field: "field", formGroup: "formGroup" }, ngImport: i0, template: "@if (field.mask) {\r\n    <input\r\n        sInputText\r\n        class=\"mousetrap\"\r\n        type=\"text\"\r\n        [id]=\"field.name\"\r\n        [name]=\"field.name\"\r\n        [sInputMask]=\"mask\"\r\n        [placeholder]=\"field.placeholder\"\r\n        slotChar=\"_\"\r\n        [sTooltip]=\"field.tooltip\"\r\n        tooltipPosition=\"top\"\r\n        [showDelay]=\"500\"\r\n        [autoClear]=\"field.autoClear ?? false\"\r\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\r\n        (focus)=\"field.onFocus ? field.onFocus($event) : null\"\r\n        (maskComplete)=\"field.onComplete ? field.onComplete($event) : null\"\r\n        (input)=\"field.onInput ? field.onInput($event) : null\"\r\n        [(ngModel)]=\"tempValue\"\r\n    />\r\n} @else {\r\n    <ng-container>\r\n        <div>\r\n            @if (field.leftAddon) {\r\n                @if (field.leftAddon.callback) {\r\n                    <span class=\"addon-button addon-button--left\">\r\n                        <s-button\r\n                            [label]=\"field.leftAddon.label\"\r\n                            [iconClass]=\"field.leftAddon.icon\"\r\n                            [priority]=\"field.leftAddon.priority\"\r\n                            [disabled]=\"leftAddonDisabled\"\r\n                            (clicked)=\"field.leftAddon.callback()\"\r\n                        >\r\n                        </s-button>\r\n                    </span>\r\n                }\r\n                @if (!field.leftAddon.callback) {\r\n                    <span>\r\n                        @if (field.leftAddon.label) {\r\n                            <span>{{ field.leftAddon.label }}</span>\r\n                        }\r\n                        @if (!field.leftAddon.label) {\r\n                            <span [ngClass]=\"field.leftAddon.icon\"></span>\r\n                        }\r\n                    </span>\r\n                }\r\n            }\r\n            <input\r\n                [id]=\"field.name\"\r\n                type=\"text\"\r\n                [name]=\"field.name\"\r\n                sNumericMask\r\n                [allowNegative]=\"field.allowNegative ?? false\"\r\n                [precision]=\"precision\"\r\n                [minDecimalPlaces]=\"scale\"\r\n                [maxDecimalPlaces]=\"scale\"\r\n                [blockDecimalOverflow]=\"false\"\r\n                [sTooltip]=\"field.tooltip\"\r\n                tooltipPosition=\"top\"\r\n                [placeholder]=\"field.placeholder\"\r\n                [showDelay]=\"500\"\r\n                sInputText\r\n                [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\r\n                [ngClass]=\"'mousetrap'\"\r\n                (blur)=\"field.onBlur ? field.onBlur($event) : null\"\r\n                (focus)=\"field.onFocus ? field.onFocus($event) : null\"\r\n                [(ngModel)]=\"tempValue\"\r\n            />\r\n            @if (field.rightAddon) {\r\n                @if (field.rightAddon.callback) {\r\n                    <span class=\"addon-button addon-button--right\">\r\n                        <s-button\r\n                            [label]=\"field.rightAddon.label\"\r\n                            [iconClass]=\"field.rightAddon.icon\"\r\n                            [priority]=\"field.rightAddon.priority\"\r\n                            [disabled]=\"rightAddonDisabled\"\r\n                            (clicked)=\"field.rightAddon.callback()\"\r\n                        >\r\n                        </s-button>\r\n                    </span>\r\n                }\r\n                @if (!field.rightAddon.callback) {\r\n                    <span>\r\n                        @if (field.rightAddon.label) {\r\n                            <span>{{ field.rightAddon.label }}</span>\r\n                        }\r\n                        @if (!field.rightAddon.label) {\r\n                            <span [ngClass]=\"field.rightAddon.icon\"></span>\r\n                        }\r\n                    </span>\r\n                }\r\n            }\r\n        </div>\r\n    </ng-container>\r\n}\r\n", styles: [""], dependencies: [{ kind: "directive", type: InputMaskDirective, selector: "input[sInputMask]", inputs: ["sInputMask", "slotChar", "unmask", "characterPattern", "autoClear"], outputs: ["maskComplete"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: InputTextDirective, selector: "input[sInputText]" }, { kind: "directive", type: TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "component", type: ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor", "menuAriaLabel", "ariaLabel"], outputs: ["clicked", "tieredMenuOpened", "tieredMenuClosed"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NumericMaskDirective, selector: "[sNumericMask]", inputs: ["locale", "minDecimalPlaces", "maxDecimalPlaces", "allowNegative", "allowScientificNotation", "min", "max", "blockDecimalOverflow", "decimalRoundingMode", "precision", "placeholder", "decimalSeparator", "thousandSeparator"], outputs: ["placeholderChange", "pasteRejected", "decimalSeparatorChange", "thousandSeparatorChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InlineEditNumberComponent, decorators: [{
             type: Component,
@@ -448,8 +448,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         TooltipDirective,
                         ButtonComponent,
                         NgClass,
-                        BignumberInputDirective,
-                    ], template: "@if (field.mask) {\r\n    <input\r\n        sInputText\r\n        class=\"mousetrap\"\r\n        type=\"text\"\r\n        [id]=\"field.name\"\r\n        [name]=\"field.name\"\r\n        [sInputMask]=\"mask\"\r\n        [placeholder]=\"field.placeholder\"\r\n        slotChar=\"_\"\r\n        [sTooltip]=\"field.tooltip\"\r\n        tooltipPosition=\"top\"\r\n        [showDelay]=\"500\"\r\n        [autoClear]=\"field.autoClear ?? false\"\r\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\r\n        (focus)=\"field.onFocus ? field.onFocus($event) : null\"\r\n        (maskComplete)=\"field.onComplete ? field.onComplete($event) : null\"\r\n        (input)=\"field.onInput ? field.onInput($event) : null\"\r\n        [(ngModel)]=\"tempValue\"\r\n    />\r\n} @else {\r\n    <ng-container>\r\n        <div>\r\n            @if (field.leftAddon) {\r\n                @if (field.leftAddon.callback) {\r\n                    <span class=\"addon-button addon-button--left\">\r\n                        <s-button\r\n                            [label]=\"field.leftAddon.label\"\r\n                            [iconClass]=\"field.leftAddon.icon\"\r\n                            [priority]=\"field.leftAddon.priority\"\r\n                            [disabled]=\"leftAddonDisabled\"\r\n                            (clicked)=\"field.leftAddon.callback()\"\r\n                        >\r\n                        </s-button>\r\n                    </span>\r\n                }\r\n                @if (!field.leftAddon.callback) {\r\n                    <span>\r\n                        @if (field.leftAddon.label) {\r\n                            <span>{{ field.leftAddon.label }}</span>\r\n                        }\r\n                        @if (!field.leftAddon.label) {\r\n                            <span [ngClass]=\"field.leftAddon.icon\"></span>\r\n                        }\r\n                    </span>\r\n                }\r\n            }\r\n            <input\r\n                [id]=\"field.name\"\r\n                type=\"text\"\r\n                [name]=\"field.name\"\r\n                sBignumberInput\r\n                [allowNegative]=\"field.allowNegative ?? false\"\r\n                [precision]=\"precision\"\r\n                [scale]=\"scale\"\r\n                [alignTo]=\"field.alignTo\"\r\n                [sTooltip]=\"field.tooltip\"\r\n                tooltipPosition=\"top\"\r\n                [placeholder]=\"field.placeholder\"\r\n                [showDelay]=\"500\"\r\n                sInputText\r\n                [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\r\n                [ngClass]=\"'mousetrap'\"\r\n                (blur)=\"field.onBlur ? field.onBlur($event) : null\"\r\n                (focus)=\"field.onFocus ? field.onFocus($event) : null\"\r\n                [(ngModel)]=\"tempValue\"\r\n            />\r\n            @if (field.rightAddon) {\r\n                @if (field.rightAddon.callback) {\r\n                    <span class=\"addon-button addon-button--right\">\r\n                        <s-button\r\n                            [label]=\"field.rightAddon.label\"\r\n                            [iconClass]=\"field.rightAddon.icon\"\r\n                            [priority]=\"field.rightAddon.priority\"\r\n                            [disabled]=\"rightAddonDisabled\"\r\n                            (clicked)=\"field.rightAddon.callback()\"\r\n                        >\r\n                        </s-button>\r\n                    </span>\r\n                }\r\n                @if (!field.rightAddon.callback) {\r\n                    <span>\r\n                        @if (field.rightAddon.label) {\r\n                            <span>{{ field.rightAddon.label }}</span>\r\n                        }\r\n                        @if (!field.rightAddon.label) {\r\n                            <span [ngClass]=\"field.rightAddon.icon\"></span>\r\n                        }\r\n                    </span>\r\n                }\r\n            }\r\n        </div>\r\n    </ng-container>\r\n}\r\n" }]
+                        NumericMaskDirective,
+                    ], template: "@if (field.mask) {\r\n    <input\r\n        sInputText\r\n        class=\"mousetrap\"\r\n        type=\"text\"\r\n        [id]=\"field.name\"\r\n        [name]=\"field.name\"\r\n        [sInputMask]=\"mask\"\r\n        [placeholder]=\"field.placeholder\"\r\n        slotChar=\"_\"\r\n        [sTooltip]=\"field.tooltip\"\r\n        tooltipPosition=\"top\"\r\n        [showDelay]=\"500\"\r\n        [autoClear]=\"field.autoClear ?? false\"\r\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\r\n        (focus)=\"field.onFocus ? field.onFocus($event) : null\"\r\n        (maskComplete)=\"field.onComplete ? field.onComplete($event) : null\"\r\n        (input)=\"field.onInput ? field.onInput($event) : null\"\r\n        [(ngModel)]=\"tempValue\"\r\n    />\r\n} @else {\r\n    <ng-container>\r\n        <div>\r\n            @if (field.leftAddon) {\r\n                @if (field.leftAddon.callback) {\r\n                    <span class=\"addon-button addon-button--left\">\r\n                        <s-button\r\n                            [label]=\"field.leftAddon.label\"\r\n                            [iconClass]=\"field.leftAddon.icon\"\r\n                            [priority]=\"field.leftAddon.priority\"\r\n                            [disabled]=\"leftAddonDisabled\"\r\n                            (clicked)=\"field.leftAddon.callback()\"\r\n                        >\r\n                        </s-button>\r\n                    </span>\r\n                }\r\n                @if (!field.leftAddon.callback) {\r\n                    <span>\r\n                        @if (field.leftAddon.label) {\r\n                            <span>{{ field.leftAddon.label }}</span>\r\n                        }\r\n                        @if (!field.leftAddon.label) {\r\n                            <span [ngClass]=\"field.leftAddon.icon\"></span>\r\n                        }\r\n                    </span>\r\n                }\r\n            }\r\n            <input\r\n                [id]=\"field.name\"\r\n                type=\"text\"\r\n                [name]=\"field.name\"\r\n                sNumericMask\r\n                [allowNegative]=\"field.allowNegative ?? false\"\r\n                [precision]=\"precision\"\r\n                [minDecimalPlaces]=\"scale\"\r\n                [maxDecimalPlaces]=\"scale\"\r\n                [blockDecimalOverflow]=\"false\"\r\n                [sTooltip]=\"field.tooltip\"\r\n                tooltipPosition=\"top\"\r\n                [placeholder]=\"field.placeholder\"\r\n                [showDelay]=\"500\"\r\n                sInputText\r\n                [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\r\n                [ngClass]=\"'mousetrap'\"\r\n                (blur)=\"field.onBlur ? field.onBlur($event) : null\"\r\n                (focus)=\"field.onFocus ? field.onFocus($event) : null\"\r\n                [(ngModel)]=\"tempValue\"\r\n            />\r\n            @if (field.rightAddon) {\r\n                @if (field.rightAddon.callback) {\r\n                    <span class=\"addon-button addon-button--right\">\r\n                        <s-button\r\n                            [label]=\"field.rightAddon.label\"\r\n                            [iconClass]=\"field.rightAddon.icon\"\r\n                            [priority]=\"field.rightAddon.priority\"\r\n                            [disabled]=\"rightAddonDisabled\"\r\n                            (clicked)=\"field.rightAddon.callback()\"\r\n                        >\r\n                        </s-button>\r\n                    </span>\r\n                }\r\n                @if (!field.rightAddon.callback) {\r\n                    <span>\r\n                        @if (field.rightAddon.label) {\r\n                            <span>{{ field.rightAddon.label }}</span>\r\n                        }\r\n                        @if (!field.rightAddon.label) {\r\n                            <span [ngClass]=\"field.rightAddon.icon\"></span>\r\n                        }\r\n                    </span>\r\n                }\r\n            }\r\n        </div>\r\n    </ng-container>\r\n}\r\n" }]
         }], propDecorators: { field: [{
                 type: Input,
                 args: [{ required: true }]
@@ -614,6 +614,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 args: ['formContainer', { read: ViewContainerRef, static: true }]
             }] } });
+/**
+ * @deprecated Será removido na v20. Importe diretamente o standalone `InlineEditComponent` (de
+ * `@seniorsistemas/angular-components/inline-edit`) no lugar deste módulo.
+ *
+ * Migração automática (também executada pelo `ng update` na v20):
+ * `ng generate @seniorsistemas/angular-components:migrate-modules-to-standalone`
+ */
 class InlineEditModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InlineEditModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: InlineEditModule, imports: [InlineEditComponent], exports: [InlineEditComponent] });