mapa-library-ui 2.1.2 → 2.2.0

package/fesm2022/mapa-library-ui-src-lib-components-dialog.mjs

@@ -10,21 +10,27 @@ import { MAT_DIALOG_DATA, MatDialogModule, MatDialogConfig } from '@angular/mate
 
 class ButtonComponent {
     constructor() {
+        this.shape = 'pill';
+        this.fullWidth = false;
         this.clicked = new EventEmitter();
     }
     onClick() {
         this.clicked.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: ButtonComponent, isStandalone: true, selector: "mapa-button", inputs: { color: "color", disabled: "disabled" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button\n  class=\"mapa-button\"\n  (click)=\"onClick()\"\n  [class.primary]=\"color === 'primary'\"\n  [class.accent]=\"color === 'accent'\"\n  [class.basic]=\"color === 'basic'\"\n  [disabled]=\"disabled\"\n>\n  <ng-content></ng-content>\n</button>  ", styles: [".mapa-button{display:flex;padding:14px 42px;justify-content:center;align-items:center;gap:10px;border-radius:28px;border:none;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-weight:500;cursor:pointer;transform-origin:center;transition:transform .2s ease-in-out}.mapa-button:active{transform:scale(1.1)}.mapa-button:disabled{color:#dcdcde!important;background-color:transparent!important}.mapa-button.basic{color:#ea561d;background-color:transparent}.mapa-button.accent{border:2px solid #ea561d!important;color:#ea561d;background-color:#fff}.mapa-button.primary{background-color:#ea561d;color:#fff}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: ButtonComponent, isStandalone: true, selector: "mapa-button", inputs: { color: "color", disabled: "disabled", shape: "shape", fullWidth: "fullWidth" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button\n  class=\"mapa-button\"\n  (click)=\"onClick()\"\n  [class.primary]=\"color === 'primary'\"\n  [class.accent]=\"color === 'accent'\"\n  [class.basic]=\"color === 'basic'\"\n  [class.mapa-button--rounded]=\"shape === 'rounded'\"\n  [class.mapa-button--full-width]=\"fullWidth\"\n  [disabled]=\"disabled\"\n>\n  <ng-content></ng-content>\n</button>\n", styles: [".mapa-button{display:flex;padding:14px 42px;justify-content:center;align-items:center;gap:10px;border-radius:28px;border:none;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-weight:500;cursor:pointer;transform-origin:center;transition:transform .2s ease-in-out}.mapa-button:active{transform:scale(.98)}.mapa-button:disabled{color:#aeb4b8;background-color:#f1f3f4;cursor:not-allowed}.mapa-button.basic{color:#ea561d;background-color:transparent}.mapa-button.accent{border:2px solid #ea561d;color:#ea561d;background-color:#fff}.mapa-button.primary{background-color:#ea561d;color:#fff}.mapa-button--rounded{border-radius:6px}.mapa-button--full-width{width:100%}.mapa-button:focus-visible{outline:3px solid rgba(255,86,11,.28);outline-offset:2px}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mapa-button', standalone: true, template: "<button\n  class=\"mapa-button\"\n  (click)=\"onClick()\"\n  [class.primary]=\"color === 'primary'\"\n  [class.accent]=\"color === 'accent'\"\n  [class.basic]=\"color === 'basic'\"\n  [disabled]=\"disabled\"\n>\n  <ng-content></ng-content>\n</button>  ", styles: [".mapa-button{display:flex;padding:14px 42px;justify-content:center;align-items:center;gap:10px;border-radius:28px;border:none;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-weight:500;cursor:pointer;transform-origin:center;transition:transform .2s ease-in-out}.mapa-button:active{transform:scale(1.1)}.mapa-button:disabled{color:#dcdcde!important;background-color:transparent!important}.mapa-button.basic{color:#ea561d;background-color:transparent}.mapa-button.accent{border:2px solid #ea561d!important;color:#ea561d;background-color:#fff}.mapa-button.primary{background-color:#ea561d;color:#fff}\n"] }]
+            args: [{ selector: 'mapa-button', standalone: true, template: "<button\n  class=\"mapa-button\"\n  (click)=\"onClick()\"\n  [class.primary]=\"color === 'primary'\"\n  [class.accent]=\"color === 'accent'\"\n  [class.basic]=\"color === 'basic'\"\n  [class.mapa-button--rounded]=\"shape === 'rounded'\"\n  [class.mapa-button--full-width]=\"fullWidth\"\n  [disabled]=\"disabled\"\n>\n  <ng-content></ng-content>\n</button>\n", styles: [".mapa-button{display:flex;padding:14px 42px;justify-content:center;align-items:center;gap:10px;border-radius:28px;border:none;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-weight:500;cursor:pointer;transform-origin:center;transition:transform .2s ease-in-out}.mapa-button:active{transform:scale(.98)}.mapa-button:disabled{color:#aeb4b8;background-color:#f1f3f4;cursor:not-allowed}.mapa-button.basic{color:#ea561d;background-color:transparent}.mapa-button.accent{border:2px solid #ea561d;color:#ea561d;background-color:#fff}.mapa-button.primary{background-color:#ea561d;color:#fff}.mapa-button--rounded{border-radius:6px}.mapa-button--full-width{width:100%}.mapa-button:focus-visible{outline:3px solid rgba(255,86,11,.28);outline-offset:2px}\n"] }]
         }], propDecorators: { color: [{
                 type: Input
             }], disabled: [{
                 type: Input
+            }], shape: [{
+                type: Input
+            }], fullWidth: [{
+                type: Input
             }], clicked: [{
                 type: Output
             }] } });
@@ -125,7 +131,7 @@ class MapaDialogComponent {
         this.dataEmitter.emit(this.dialogData);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$1.MatDialogRef }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaDialogComponent, isStandalone: true, selector: "mapa-dialog", inputs: { isReportRegistration: "isReportRegistration" }, outputs: { dataEmitter: "dataEmitter" }, ngImport: i0, template: "<div class=\"mapa-dialog\">\n  <div class=\"dialog-icon\">\n    <mat-icon (click)=\"close()\">close</mat-icon>\n  </div> \n  <mat-dialog-content>\n    <img *ngIf=\"imgBase64\" [src]=\"imgBase64\" />\n    <h2>\n      {{ dialogData.title }}\n    </h2>\n    <p [innerHTML]=\"htmlDescription | safeHtml\"></p>\n  </mat-dialog-content>\n  <div *ngIf=\"dialogData.isReportRegistration\">\n    <mapa-button color=\"accent\" (click)=\"emitData()\">\n      {{ dialogData.button }}\n    </mapa-button>\n  </div>\n  <mat-dialog-actions *ngIf=\"!dialogData.isReportRegistration\" class=\"mapa-dialog__actions\">\n    <mapa-button color=\"basic\" (click)=\"close()\" *ngIf=\"dialogData.actions.close\">\n      {{ dialogData.actions.close }}\n    </mapa-button>\n    <mapa-button color=\"primary\" (click)=\"save()\" *ngIf=\"dialogData.actions.save\">\n      {{ dialogData.actions.save }}\n    </mapa-button>\n  </mat-dialog-actions>\n</div>\n\n", styles: [".mapa-dialog{background-color:#f6f7f7!important;border-radius:8px!important;padding:42px!important}.mapa-dialog .dialog-icon{display:flex;margin-left:95%}.mapa-dialog .mat-icon{cursor:pointer;display:flex;position:relative;align-self:flex-end}.mapa-dialog h2{color:#181818;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:24px;font-style:normal;font-weight:400;line-height:32px}.mapa-dialog img{padding:39px 11px;width:100%;border-radius:8px;border:1px solid #CDCDCD;background:#fff;margin:30px 0}.mapa-dialog p{color:#50575e;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:500;line-height:28px}.mapa-dialog__actions{justify-content:end}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ButtonComponent, selector: "mapa-button", inputs: ["color", "disabled"], outputs: ["clicked"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaDialogComponent, isStandalone: true, selector: "mapa-dialog", inputs: { isReportRegistration: "isReportRegistration" }, outputs: { dataEmitter: "dataEmitter" }, ngImport: i0, template: "<div class=\"mapa-dialog\">\n  <div class=\"dialog-icon\">\n    <mat-icon (click)=\"close()\">close</mat-icon>\n  </div> \n  <mat-dialog-content>\n    <img *ngIf=\"imgBase64\" [src]=\"imgBase64\" />\n    <h2>\n      {{ dialogData.title }}\n    </h2>\n    <p [innerHTML]=\"htmlDescription | safeHtml\"></p>\n  </mat-dialog-content>\n  <div *ngIf=\"dialogData.isReportRegistration\">\n    <mapa-button color=\"accent\" (click)=\"emitData()\">\n      {{ dialogData.button }}\n    </mapa-button>\n  </div>\n  <mat-dialog-actions *ngIf=\"!dialogData.isReportRegistration\" class=\"mapa-dialog__actions\">\n    <mapa-button color=\"basic\" (click)=\"close()\" *ngIf=\"dialogData.actions.close\">\n      {{ dialogData.actions.close }}\n    </mapa-button>\n    <mapa-button color=\"primary\" (click)=\"save()\" *ngIf=\"dialogData.actions.save\">\n      {{ dialogData.actions.save }}\n    </mapa-button>\n  </mat-dialog-actions>\n</div>\n\n", styles: [".mapa-dialog{background-color:#f6f7f7!important;border-radius:8px!important;padding:42px!important}.mapa-dialog .dialog-icon{display:flex;margin-left:95%}.mapa-dialog .mat-icon{cursor:pointer;display:flex;position:relative;align-self:flex-end}.mapa-dialog h2{color:#181818;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:24px;font-style:normal;font-weight:400;line-height:32px}.mapa-dialog img{padding:39px 11px;width:100%;border-radius:8px;border:1px solid #CDCDCD;background:#fff;margin:30px 0}.mapa-dialog p{color:#50575e;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:500;line-height:28px}.mapa-dialog__actions{justify-content:end}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ButtonComponent, selector: "mapa-button", inputs: ["color", "disabled", "shape", "fullWidth"], outputs: ["clicked"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaDialogComponent, decorators: [{
             type: Component,

package/fesm2022/mapa-library-ui-src-lib-components-dialog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mapa-library-ui-src-lib-components-dialog.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/button/src/button.component.ts","../../../projects/mapa-library-ui/src/lib/components/button/src/button.component.html","../../../projects/mapa-library-ui/src/lib/components/button/public-api.ts","../../../projects/mapa-library-ui/src/lib/components/icon/src/icon.component.ts","../../../projects/mapa-library-ui/src/lib/components/icon/src/icon.component.html","../../../projects/mapa-library-ui/src/lib/components/icon/public-api.ts","../../../projects/mapa-library-ui/src/lib/core/services/html-sanitizer.service.ts","../../../projects/mapa-library-ui/src/lib/core/pipes/safe-html.pipe.ts","../../../projects/mapa-library-ui/src/lib/components/dialog/src/dialog.component.ts","../../../projects/mapa-library-ui/src/lib/components/dialog/src/dialog.component.html","../../../projects/mapa-library-ui/src/lib/components/dialog/public-api.ts","../../../projects/mapa-library-ui/src/dialog.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-dialog.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n    selector: 'mapa-button',\n    templateUrl: './button.component.html',\n    styleUrl: './button.component.scss',\n    standalone: true\n})\nexport class ButtonComponent {\n  @Input() color: 'primary' | 'accent' | 'basic' | null | undefined;\n  @Input() disabled!: boolean;\n  @Output() clicked: EventEmitter<void> = new EventEmitter<void>();\n\n  onClick(): void {\n    this.clicked.emit();\n  }\n}\n","<button\n  class=\"mapa-button\"\n  (click)=\"onClick()\"\n  [class.primary]=\"color === 'primary'\"\n  [class.accent]=\"color === 'accent'\"\n  [class.basic]=\"color === 'basic'\"\n  [disabled]=\"disabled\"\n>\n  <ng-content></ng-content>\n</button>  ","/*\n * Public API Surface of mapa-library-ui button\n */\n\nexport * from './src/button.component';\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport { MatIconRegistry } from \"@angular/material/icon\";\nimport { MatIconModule } from '@angular/material/icon';\nimport { DomSanitizer } from '@angular/platform-browser';\n\n@Component({\n    selector: 'mapa-icon',\n    templateUrl: './icon.component.html',\n    styleUrl: './icon.component.scss',\n    standalone: true,\n    imports: [CommonModule, MatIconModule],\n})\nexport class IconComponent {\n  @Input() svg: string | null | undefined;\n\n  constructor(\n    private matIconRegistry: MatIconRegistry,\n    private domSanitizer: DomSanitizer\n  ) {}\n\n  ngOnChanges(): void {\n    this.registerCustomIcons(this.svg!);\n  }\n\n  registerCustomIcons(svg: string): void {\n    this.matIconRegistry.addSvgIcon(\n      svg,\n      this.domSanitizer.bypassSecurityTrustResourceUrl(`../../../../assets/${svg}.svg`)\n    );\n  }\n}\n","<mat-icon *ngIf=\"svg\" [svgIcon]=\"svg\"></mat-icon>\n<mat-icon *ngIf=\"!svg\"><ng-content></ng-content></mat-icon>\n","/*\n * Public API Surface of mapa-library-ui icon\n */\n\nexport * from './src/icon.component';\n","import { Injectable, SecurityContext } from \"@angular/core\";\nimport { DomSanitizer } from \"@angular/platform-browser\";\n\nexport function sanitizeHtmlContent(\n  sanitizer: DomSanitizer,\n  value?: string | null\n): string {\n  return sanitizer.sanitize(SecurityContext.HTML, value ?? \"\") ?? \"\";\n}\n\n@Injectable({\n  providedIn: \"root\",\n})\nexport class HtmlSanitizerService {\n  constructor(private readonly sanitizer: DomSanitizer) {}\n\n  sanitize(value?: string | null): string {\n    return sanitizeHtmlContent(this.sanitizer, value);\n  }\n}\n","import { Pipe, PipeTransform } from \"@angular/core\";\nimport { HtmlSanitizerService } from \"../services/html-sanitizer.service\";\n\n@Pipe({\n  name: \"safeHtml\",\n  standalone: true,\n})\nexport class SafeHtmlPipe implements PipeTransform {\n  constructor(private readonly htmlSanitizer: HtmlSanitizerService) {}\n\n  transform(value?: string | null): string {\n    return this.htmlSanitizer.sanitize(value);\n  }\n}\n","import { CommonModule } from \"@angular/common\";\nimport { Component, EventEmitter, Inject, Input, Output } from \"@angular/core\";\nimport {\n  MAT_DIALOG_DATA,\n  MatDialog,\n  MatDialogConfig,\n  MatDialogModule,\n  MatDialogRef,\n} from \"@angular/material/dialog\";\nimport { MatIconModule } from \"@angular/material/icon\";\nimport { DomSanitizer, SafeResourceUrl } from \"@angular/platform-browser\";\nimport { ButtonComponent } from \"../../button/public-api\";\nimport { SafeHtmlPipe } from \"../../../core/pipes/safe-html.pipe\";\nimport { DialogData } from \"../../../core/interfaces/dialog-data.interface\";\n\n@Component({\n  selector: \"mapa-dialog\",\n  templateUrl: \"./dialog.component.html\",\n  styleUrl: \"./dialog.component.scss\",\n  imports: [\n    CommonModule,\n    MatDialogModule,\n    MatIconModule,\n    ButtonComponent,\n    SafeHtmlPipe,\n  ],\n  standalone: true,\n})\nexport class MapaDialogComponent {\n  @Input() isReportRegistration!: boolean;\n  @Output() dataEmitter: EventEmitter<DialogData> = new EventEmitter<DialogData>();\n\n  imgBase64!: SafeResourceUrl;\n  isSave: boolean = false;\n  dialogData!: DialogData;\n  htmlDescription = \"\";\n\n  constructor(\n    @Inject(MAT_DIALOG_DATA) public data: any,\n    private dialogRef: MatDialogRef<MapaDialogComponent>,\n    private sanitizer: DomSanitizer\n  ) {}\n\n  ngOnInit() {\n    this.dialogData = this.data.dialogData;\n    if (this.dialogData.imgBase64) {\n      this.imgBase64 = this.sanitizer.bypassSecurityTrustResourceUrl(\n        `data:image/jpg;base64,${this.dialogData.imgBase64}`\n      );\n    }\n    if (this.dialogData.description) {\n      this.htmlDescription = this.dialogData.description;\n    }\n  }\n\n  close() {\n    this.dialogRef.close(this.isSave);\n  }\n\n  save() {\n    this.isSave = true;\n    this.dialogRef.close(this.isSave);\n  }\n\n  emitData() {\n    this.dataEmitter.emit(this.dialogData);\n  }\n}\n\nexport function openDialog(dialog: MatDialog, dialogData: DialogData, config: MatDialogConfig = new MatDialogConfig()) {\n  config.width = config.width || '787px';\n  config.disableClose = true;\n  config.autoFocus = true;\n  config.panelClass = \"icon-outside\";\n  config.data = {\n    dialogData,\n  };\n\n  const dialogRef = dialog.open(MapaDialogComponent, config);\n\n  return dialogRef.afterClosed();\n}\n\n","<div class=\"mapa-dialog\">\n  <div class=\"dialog-icon\">\n    <mat-icon (click)=\"close()\">close</mat-icon>\n  </div> \n  <mat-dialog-content>\n    <img *ngIf=\"imgBase64\" [src]=\"imgBase64\" />\n    <h2>\n      {{ dialogData.title }}\n    </h2>\n    <p [innerHTML]=\"htmlDescription | safeHtml\"></p>\n  </mat-dialog-content>\n  <div *ngIf=\"dialogData.isReportRegistration\">\n    <mapa-button color=\"accent\" (click)=\"emitData()\">\n      {{ dialogData.button }}\n    </mapa-button>\n  </div>\n  <mat-dialog-actions *ngIf=\"!dialogData.isReportRegistration\" class=\"mapa-dialog__actions\">\n    <mapa-button color=\"basic\" (click)=\"close()\" *ngIf=\"dialogData.actions.close\">\n      {{ dialogData.actions.close }}\n    </mapa-button>\n    <mapa-button color=\"primary\" (click)=\"save()\" *ngIf=\"dialogData.actions.save\">\n      {{ dialogData.actions.save }}\n    </mapa-button>\n  </mat-dialog-actions>\n</div>\n\n","/*\n * Public API Surface of mapa-library-ui dialog\n */\n\nexport * from './src/dialog.component';\n","/*\n * Public API Surface of mapa-library-ui dialog\n */\n\nexport * from './lib/components/button/public-api';\nexport * from './lib/components/icon/public-api';\nexport * from './lib/components/dialog/public-api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './dialog';\n"],"names":["i1","i1.HtmlSanitizerService","i4"],"mappings":"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"}
+{"version":3,"file":"mapa-library-ui-src-lib-components-dialog.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/button/src/button.component.ts","../../../projects/mapa-library-ui/src/lib/components/button/src/button.component.html","../../../projects/mapa-library-ui/src/lib/components/button/public-api.ts","../../../projects/mapa-library-ui/src/lib/components/icon/src/icon.component.ts","../../../projects/mapa-library-ui/src/lib/components/icon/src/icon.component.html","../../../projects/mapa-library-ui/src/lib/components/icon/public-api.ts","../../../projects/mapa-library-ui/src/lib/core/services/html-sanitizer.service.ts","../../../projects/mapa-library-ui/src/lib/core/pipes/safe-html.pipe.ts","../../../projects/mapa-library-ui/src/lib/components/dialog/src/dialog.component.ts","../../../projects/mapa-library-ui/src/lib/components/dialog/src/dialog.component.html","../../../projects/mapa-library-ui/src/lib/components/dialog/public-api.ts","../../../projects/mapa-library-ui/src/dialog.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-dialog.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n  selector: 'mapa-button',\n  templateUrl: './button.component.html',\n  styleUrl: './button.component.scss',\n  standalone: true,\n})\nexport class ButtonComponent {\n  @Input() color: 'primary' | 'accent' | 'basic' | null | undefined;\n  @Input() disabled!: boolean;\n  @Input() shape: 'pill' | 'rounded' = 'pill';\n  @Input() fullWidth = false;\n  @Output() clicked: EventEmitter<void> = new EventEmitter<void>();\n\n  onClick(): void {\n    this.clicked.emit();\n  }\n}\n","<button\n  class=\"mapa-button\"\n  (click)=\"onClick()\"\n  [class.primary]=\"color === 'primary'\"\n  [class.accent]=\"color === 'accent'\"\n  [class.basic]=\"color === 'basic'\"\n  [class.mapa-button--rounded]=\"shape === 'rounded'\"\n  [class.mapa-button--full-width]=\"fullWidth\"\n  [disabled]=\"disabled\"\n>\n  <ng-content></ng-content>\n</button>\n","/*\n * Public API Surface of mapa-library-ui button\n */\n\nexport * from './src/button.component';\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport { MatIconRegistry } from \"@angular/material/icon\";\nimport { MatIconModule } from '@angular/material/icon';\nimport { DomSanitizer } from '@angular/platform-browser';\n\n@Component({\n    selector: 'mapa-icon',\n    templateUrl: './icon.component.html',\n    styleUrl: './icon.component.scss',\n    standalone: true,\n    imports: [CommonModule, MatIconModule],\n})\nexport class IconComponent {\n  @Input() svg: string | null | undefined;\n\n  constructor(\n    private matIconRegistry: MatIconRegistry,\n    private domSanitizer: DomSanitizer\n  ) {}\n\n  ngOnChanges(): void {\n    this.registerCustomIcons(this.svg!);\n  }\n\n  registerCustomIcons(svg: string): void {\n    this.matIconRegistry.addSvgIcon(\n      svg,\n      this.domSanitizer.bypassSecurityTrustResourceUrl(`../../../../assets/${svg}.svg`)\n    );\n  }\n}\n","<mat-icon *ngIf=\"svg\" [svgIcon]=\"svg\"></mat-icon>\n<mat-icon *ngIf=\"!svg\"><ng-content></ng-content></mat-icon>\n","/*\n * Public API Surface of mapa-library-ui icon\n */\n\nexport * from './src/icon.component';\n","import { Injectable, SecurityContext } from \"@angular/core\";\nimport { DomSanitizer } from \"@angular/platform-browser\";\n\nexport function sanitizeHtmlContent(\n  sanitizer: DomSanitizer,\n  value?: string | null\n): string {\n  return sanitizer.sanitize(SecurityContext.HTML, value ?? \"\") ?? \"\";\n}\n\n@Injectable({\n  providedIn: \"root\",\n})\nexport class HtmlSanitizerService {\n  constructor(private readonly sanitizer: DomSanitizer) {}\n\n  sanitize(value?: string | null): string {\n    return sanitizeHtmlContent(this.sanitizer, value);\n  }\n}\n","import { Pipe, PipeTransform } from \"@angular/core\";\nimport { HtmlSanitizerService } from \"../services/html-sanitizer.service\";\n\n@Pipe({\n  name: \"safeHtml\",\n  standalone: true,\n})\nexport class SafeHtmlPipe implements PipeTransform {\n  constructor(private readonly htmlSanitizer: HtmlSanitizerService) {}\n\n  transform(value?: string | null): string {\n    return this.htmlSanitizer.sanitize(value);\n  }\n}\n","import { CommonModule } from \"@angular/common\";\nimport { Component, EventEmitter, Inject, Input, Output } from \"@angular/core\";\nimport {\n  MAT_DIALOG_DATA,\n  MatDialog,\n  MatDialogConfig,\n  MatDialogModule,\n  MatDialogRef,\n} from \"@angular/material/dialog\";\nimport { MatIconModule } from \"@angular/material/icon\";\nimport { DomSanitizer, SafeResourceUrl } from \"@angular/platform-browser\";\nimport { ButtonComponent } from \"../../button/public-api\";\nimport { SafeHtmlPipe } from \"../../../core/pipes/safe-html.pipe\";\nimport { DialogData } from \"../../../core/interfaces/dialog-data.interface\";\n\n@Component({\n  selector: \"mapa-dialog\",\n  templateUrl: \"./dialog.component.html\",\n  styleUrl: \"./dialog.component.scss\",\n  imports: [\n    CommonModule,\n    MatDialogModule,\n    MatIconModule,\n    ButtonComponent,\n    SafeHtmlPipe,\n  ],\n  standalone: true,\n})\nexport class MapaDialogComponent {\n  @Input() isReportRegistration!: boolean;\n  @Output() dataEmitter: EventEmitter<DialogData> = new EventEmitter<DialogData>();\n\n  imgBase64!: SafeResourceUrl;\n  isSave: boolean = false;\n  dialogData!: DialogData;\n  htmlDescription = \"\";\n\n  constructor(\n    @Inject(MAT_DIALOG_DATA) public data: any,\n    private dialogRef: MatDialogRef<MapaDialogComponent>,\n    private sanitizer: DomSanitizer\n  ) {}\n\n  ngOnInit() {\n    this.dialogData = this.data.dialogData;\n    if (this.dialogData.imgBase64) {\n      this.imgBase64 = this.sanitizer.bypassSecurityTrustResourceUrl(\n        `data:image/jpg;base64,${this.dialogData.imgBase64}`\n      );\n    }\n    if (this.dialogData.description) {\n      this.htmlDescription = this.dialogData.description;\n    }\n  }\n\n  close() {\n    this.dialogRef.close(this.isSave);\n  }\n\n  save() {\n    this.isSave = true;\n    this.dialogRef.close(this.isSave);\n  }\n\n  emitData() {\n    this.dataEmitter.emit(this.dialogData);\n  }\n}\n\nexport function openDialog(dialog: MatDialog, dialogData: DialogData, config: MatDialogConfig = new MatDialogConfig()) {\n  config.width = config.width || '787px';\n  config.disableClose = true;\n  config.autoFocus = true;\n  config.panelClass = \"icon-outside\";\n  config.data = {\n    dialogData,\n  };\n\n  const dialogRef = dialog.open(MapaDialogComponent, config);\n\n  return dialogRef.afterClosed();\n}\n\n","<div class=\"mapa-dialog\">\n  <div class=\"dialog-icon\">\n    <mat-icon (click)=\"close()\">close</mat-icon>\n  </div> \n  <mat-dialog-content>\n    <img *ngIf=\"imgBase64\" [src]=\"imgBase64\" />\n    <h2>\n      {{ dialogData.title }}\n    </h2>\n    <p [innerHTML]=\"htmlDescription | safeHtml\"></p>\n  </mat-dialog-content>\n  <div *ngIf=\"dialogData.isReportRegistration\">\n    <mapa-button color=\"accent\" (click)=\"emitData()\">\n      {{ dialogData.button }}\n    </mapa-button>\n  </div>\n  <mat-dialog-actions *ngIf=\"!dialogData.isReportRegistration\" class=\"mapa-dialog__actions\">\n    <mapa-button color=\"basic\" (click)=\"close()\" *ngIf=\"dialogData.actions.close\">\n      {{ dialogData.actions.close }}\n    </mapa-button>\n    <mapa-button color=\"primary\" (click)=\"save()\" *ngIf=\"dialogData.actions.save\">\n      {{ dialogData.actions.save }}\n    </mapa-button>\n  </mat-dialog-actions>\n</div>\n\n","/*\n * Public API Surface of mapa-library-ui dialog\n */\n\nexport * from './src/dialog.component';\n","/*\n * Public API Surface of mapa-library-ui dialog\n */\n\nexport * from './lib/components/button/public-api';\nexport * from './lib/components/icon/public-api';\nexport * from './lib/components/dialog/public-api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './dialog';\n"],"names":["i1","i1.HtmlSanitizerService","i4"],"mappings":"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"}

package/fesm2022/mapa-library-ui-src-lib-components-dropdown-tree.mjs

@@ -65,21 +65,27 @@ class DropdownTree extends ElementBase {
 
 class ButtonComponent {
     constructor() {
+        this.shape = 'pill';
+        this.fullWidth = false;
         this.clicked = new EventEmitter();
     }
     onClick() {
         this.clicked.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: ButtonComponent, isStandalone: true, selector: "mapa-button", inputs: { color: "color", disabled: "disabled" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button\n  class=\"mapa-button\"\n  (click)=\"onClick()\"\n  [class.primary]=\"color === 'primary'\"\n  [class.accent]=\"color === 'accent'\"\n  [class.basic]=\"color === 'basic'\"\n  [disabled]=\"disabled\"\n>\n  <ng-content></ng-content>\n</button>  ", styles: [".mapa-button{display:flex;padding:14px 42px;justify-content:center;align-items:center;gap:10px;border-radius:28px;border:none;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-weight:500;cursor:pointer;transform-origin:center;transition:transform .2s ease-in-out}.mapa-button:active{transform:scale(1.1)}.mapa-button:disabled{color:#dcdcde!important;background-color:transparent!important}.mapa-button.basic{color:#ea561d;background-color:transparent}.mapa-button.accent{border:2px solid #ea561d!important;color:#ea561d;background-color:#fff}.mapa-button.primary{background-color:#ea561d;color:#fff}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: ButtonComponent, isStandalone: true, selector: "mapa-button", inputs: { color: "color", disabled: "disabled", shape: "shape", fullWidth: "fullWidth" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button\n  class=\"mapa-button\"\n  (click)=\"onClick()\"\n  [class.primary]=\"color === 'primary'\"\n  [class.accent]=\"color === 'accent'\"\n  [class.basic]=\"color === 'basic'\"\n  [class.mapa-button--rounded]=\"shape === 'rounded'\"\n  [class.mapa-button--full-width]=\"fullWidth\"\n  [disabled]=\"disabled\"\n>\n  <ng-content></ng-content>\n</button>\n", styles: [".mapa-button{display:flex;padding:14px 42px;justify-content:center;align-items:center;gap:10px;border-radius:28px;border:none;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-weight:500;cursor:pointer;transform-origin:center;transition:transform .2s ease-in-out}.mapa-button:active{transform:scale(.98)}.mapa-button:disabled{color:#aeb4b8;background-color:#f1f3f4;cursor:not-allowed}.mapa-button.basic{color:#ea561d;background-color:transparent}.mapa-button.accent{border:2px solid #ea561d;color:#ea561d;background-color:#fff}.mapa-button.primary{background-color:#ea561d;color:#fff}.mapa-button--rounded{border-radius:6px}.mapa-button--full-width{width:100%}.mapa-button:focus-visible{outline:3px solid rgba(255,86,11,.28);outline-offset:2px}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mapa-button', standalone: true, template: "<button\n  class=\"mapa-button\"\n  (click)=\"onClick()\"\n  [class.primary]=\"color === 'primary'\"\n  [class.accent]=\"color === 'accent'\"\n  [class.basic]=\"color === 'basic'\"\n  [disabled]=\"disabled\"\n>\n  <ng-content></ng-content>\n</button>  ", styles: [".mapa-button{display:flex;padding:14px 42px;justify-content:center;align-items:center;gap:10px;border-radius:28px;border:none;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-weight:500;cursor:pointer;transform-origin:center;transition:transform .2s ease-in-out}.mapa-button:active{transform:scale(1.1)}.mapa-button:disabled{color:#dcdcde!important;background-color:transparent!important}.mapa-button.basic{color:#ea561d;background-color:transparent}.mapa-button.accent{border:2px solid #ea561d!important;color:#ea561d;background-color:#fff}.mapa-button.primary{background-color:#ea561d;color:#fff}\n"] }]
+            args: [{ selector: 'mapa-button', standalone: true, template: "<button\n  class=\"mapa-button\"\n  (click)=\"onClick()\"\n  [class.primary]=\"color === 'primary'\"\n  [class.accent]=\"color === 'accent'\"\n  [class.basic]=\"color === 'basic'\"\n  [class.mapa-button--rounded]=\"shape === 'rounded'\"\n  [class.mapa-button--full-width]=\"fullWidth\"\n  [disabled]=\"disabled\"\n>\n  <ng-content></ng-content>\n</button>\n", styles: [".mapa-button{display:flex;padding:14px 42px;justify-content:center;align-items:center;gap:10px;border-radius:28px;border:none;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-weight:500;cursor:pointer;transform-origin:center;transition:transform .2s ease-in-out}.mapa-button:active{transform:scale(.98)}.mapa-button:disabled{color:#aeb4b8;background-color:#f1f3f4;cursor:not-allowed}.mapa-button.basic{color:#ea561d;background-color:transparent}.mapa-button.accent{border:2px solid #ea561d;color:#ea561d;background-color:#fff}.mapa-button.primary{background-color:#ea561d;color:#fff}.mapa-button--rounded{border-radius:6px}.mapa-button--full-width{width:100%}.mapa-button:focus-visible{outline:3px solid rgba(255,86,11,.28);outline-offset:2px}\n"] }]
         }], propDecorators: { color: [{
                 type: Input
             }], disabled: [{
                 type: Input
+            }], shape: [{
+                type: Input
+            }], fullWidth: [{
+                type: Input
             }], clicked: [{
                 type: Output
             }] } });
@@ -112,6 +118,9 @@ function formatPaginatorShowingRange(page, pageSize, length) {
     const itemLabel = safeLength === 1 ? 'item' : 'itens';
     return `Mostrando ${startIndex + 1} - ${endIndex} de ${safeLength} ${itemLabel}`;
 }
+function formatItemCount(count) {
+    return `${count} ${count === 1 ? 'item' : 'itens'}`;
+}
 const DEFAULT_MAPA_UI_TEXTS = {
     common: {
         selectAll: 'Selecionar todos',
@@ -138,6 +147,41 @@ const DEFAULT_MAPA_UI_TEXTS = {
         negativeDirectionLabel: 'Direção Negativa |',
         positiveDirectionLabel: 'Direção Positiva |',
     },
+    report: {
+        summarized: 'Resumida',
+        detailed: 'Detalhada',
+        list: 'Lista',
+        chart: 'Gráfico',
+        viewModeLabel: 'Modo de visualização',
+        readingInformationTitle: 'Informações de leitura',
+        dimensionTitle: 'Dimensão',
+        conceptTitle: 'Conceito',
+        classificationTitle: 'Classificação',
+        resultReadingTitle: 'Leitura do resultado',
+        resultTitle: 'Resultado',
+        globalAverageTitle: 'Média global',
+        factorsTitle: 'Fatores relativos à organização e ao trabalho',
+        strongPointsTitle: 'Pontos fortes',
+        attentionPointsTitle: 'Pontos de atenção',
+        vulnerabilitiesTitle: 'Vulnerabilidades socioemocionais',
+        positiveDirectionLabel: 'Direção positiva',
+        negativeDirectionLabel: 'Direção negativa',
+        lowerIntensityLabel: 'Menos intensamente',
+        higherIntensityLabel: 'Mais intensamente',
+        noClassification: 'Sem classificação',
+        emptyState: 'Não há resultados disponíveis para esta seção.',
+        interpretationTitle: 'Interpretação',
+        detailedListLabel: 'Lista detalhada',
+        groupAverageTitle: 'Média geral do grupo',
+        groupDistributionLabel: 'Distribuição do grupo',
+        overallPercentageTitle: '% Geral',
+        scaleConceptTitle: 'Conceito da escala',
+        psychosocialFactorsTitle: 'Fatores psicossociais',
+        editConclusionLabel: 'Editar conclusão',
+        meterLabel: (name, value) => `${name}: ${value}%`,
+        gaugeLabel: (name, value) => `${name}: ${value}%`,
+        itemCountLabel: formatItemCount,
+    },
     paginator: {
         itemsPerPage: 'Itens por página',
         nextPage: 'Próxima página',
@@ -181,6 +225,7 @@ function mergeMapaUiTexts(customTexts) {
         filters: { ...defaults.filters, ...(customTexts?.filters ?? {}) },
         datepicker: { ...defaults.datepicker, ...(customTexts?.datepicker ?? {}) },
         capability: { ...defaults.capability, ...(customTexts?.capability ?? {}) },
+        report: { ...defaults.report, ...(customTexts?.report ?? {}) },
         paginator: { ...defaults.paginator, ...(customTexts?.paginator ?? {}) },
         warning: { ...defaults.warning, ...(customTexts?.warning ?? {}) },
         table: { ...defaults.table, ...(customTexts?.table ?? {}) },
@@ -620,7 +665,7 @@ class MapaDropdownComponent {
                 useExisting: forwardRef(() => MapaDropdownComponent),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "triggerButton", first: true, predicate: ["triggerButton"], descendants: true }, { propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }], ngImport: i0, template: "<div\n  class=\"mapa-dropdown\"\n  [class.mapa-dropdown--open]=\"isOpen()\"\n  [class.mapa-dropdown--invalid]=\"shouldShowError()\"\n  [class.mapa-dropdown--disabled]=\"isDisabled()\"\n  [class.mapa-dropdown--highlight]=\"border === 'highlight'\"\n  [class.mapa-dropdown--soft-border]=\"border === 'soft'\"\n  [class.mapa-dropdown--tag]=\"border === 'tag'\"\n>\n  @if (element.label) {\n    <label class=\"mapa-dropdown__label\" [attr.for]=\"element.key || null\">\n      {{ element.label }}\n    </label>\n  }\n\n  <div class=\"mapa-dropdown__field-row\">\n    <button\n      #triggerButton\n      cdkOverlayOrigin\n      #origin=\"cdkOverlayOrigin\"\n      class=\"mapa-dropdown__trigger\"\n      [class.mapa-dropdown__trigger--clearable]=\"hasValue() && element.clearValue\"\n      [id]=\"element.key || null\"\n      type=\"button\"\n      [disabled]=\"isDisabled()\"\n      (click)=\"toggleDropdown()\"\n      [attr.aria-expanded]=\"isOpen()\"\n      aria-haspopup=\"listbox\"\n    >\n      <span\n        class=\"mapa-dropdown__trigger-text\"\n        [class.mapa-dropdown__trigger-text--placeholder]=\"!hasValue()\"\n        [innerHTML]=\"selectedLabel() | safeHtml\"\n      ></span>\n      @if (hasValue() && !isDisabled() && element.clearValue) {\n        <span\n          class=\"mapa-dropdown__clear\"\n          role=\"button\"\n          aria-label=\"Limpar\"\n          (click)=\"clearValue($event)\"\n        >\n          &times;\n        </span>\n      }\n    </button>\n\n    @if (element.actionButton) {\n      <mapa-button\n        class=\"mapa-dropdown__action\"\n        color=\"basic\"\n        (clicked)=\"element.actionButton.action.emit(true)\"\n      >\n        {{ element.actionButton.label }}\n      </mapa-button>\n    }\n  </div>\n\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"origin\"\n    [cdkConnectedOverlayOpen]=\"isOpen()\"\n    [cdkConnectedOverlayPositions]=\"overlayPositions\"\n    [cdkConnectedOverlayWidth]=\"overlayWidth()\"\n    cdkConnectedOverlayPanelClass=\"mapa-dropdown__overlay-pane\"\n    (overlayOutsideClick)=\"handleOverlayOutsideClick($event)\"\n  >\n    <div class=\"mapa-dropdown__panel\">\n      @if (hasSearch()) {\n        <input\n          #searchInput\n          class=\"mapa-dropdown__search-input\"\n          type=\"text\"\n          [formControl]=\"searchControl!\"\n          [placeholder]=\"searchPlaceholder()\"\n        />\n      }\n\n      <div class=\"mapa-dropdown__options\" role=\"listbox\">\n        @if (isMultiple() && visibleOptions().length) {\n          <button\n            class=\"mapa-dropdown__option mapa-dropdown__option--select-all\"\n            type=\"button\"\n            (click)=\"toggleSelectAll()\"\n          >\n            <input\n              class=\"mapa-dropdown__checkbox\"\n              type=\"checkbox\"\n              [checked]=\"isAllSelected()\"\n              [indeterminate]=\"isIndeterminate()\"\n              (click)=\"$event.stopPropagation(); toggleSelectAll()\"\n            />\n            {{ selectAllLabel }}\n          </button>\n        }\n\n        @if (hasGroups()) {\n          @for (group of filteredGroups(); track group.label) {\n            <div class=\"mapa-dropdown__group\" role=\"group\">\n              <p class=\"mapa-dropdown__group-label\">{{ group.label }}</p>\n              @for (option of group.options; track option.key) {\n                <button\n                  class=\"mapa-dropdown__option\"\n                  [class.mapa-dropdown__option--selected]=\"isOptionSelected(option)\"\n                  [style.padding-left.px]=\"optionPadding(option)\"\n                  type=\"button\"\n                  (click)=\"selectOption(option)\"\n                >\n                  @if (isMultiple()) {\n                    <input\n                      class=\"mapa-dropdown__checkbox\"\n                      type=\"checkbox\"\n                      [checked]=\"isOptionSelected(option)\"\n                      (click)=\"$event.stopPropagation(); selectOption(option)\"\n                    />\n                  }\n                  <span [innerHTML]=\"option.value | safeHtml\"></span>\n                </button>\n              }\n            </div>\n          }\n        } @else {\n          @for (option of filteredOptions(); track option.key) {\n            <button\n              class=\"mapa-dropdown__option\"\n              [class.mapa-dropdown__option--selected]=\"isOptionSelected(option)\"\n              [style.padding-left.px]=\"optionPadding(option)\"\n              type=\"button\"\n              (click)=\"selectOption(option)\"\n            >\n              @if (isMultiple()) {\n                <input\n                  class=\"mapa-dropdown__checkbox\"\n                  type=\"checkbox\"\n                  [checked]=\"isOptionSelected(option)\"\n                  (click)=\"$event.stopPropagation(); selectOption(option)\"\n                />\n              }\n              <span [innerHTML]=\"option.value | safeHtml\"></span>\n            </button>\n          }\n        }\n\n        @if (!visibleOptions().length) {\n          <p class=\"mapa-dropdown__empty-state\">\n            {{ emptyStateLabel() }}\n          </p>\n        }\n      </div>\n    </div>\n  </ng-template>\n\n  @if (shouldShowError()) {\n    <p class=\"mapa-dropdown__error\">\n      <mapa-form-errors\n        [control]=\"formControl\"\n        [errors]=\"element.errors\"\n      ></mapa-form-errors>\n    </p>\n  } @else if (element.hint) {\n    <p class=\"mapa-dropdown__hint\">{{ element.hint }}</p>\n  }\n</div>\n", styles: [":host{position:relative;display:inline-block;width:310px;max-width:100%;min-width:0;box-sizing:border-box}.mapa-dropdown{width:100%}.mapa-dropdown__label{display:inline-block;margin-bottom:8px;color:var(--mapa-color-ink, #1a1a1a);font-family:var(--mapa-font-heading, \"Asap\", sans-serif);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mapa-dropdown__field-row{display:flex;align-items:center;gap:24px;min-width:0}.mapa-dropdown__trigger,.mapa-dropdown__search-input,.mapa-dropdown__option{width:100%;min-height:48px;padding:12px 16px;border:0;background:var(--mapa-color-surface, #ffffff);color:var(--mapa-color-ink, #1a1a1a);font-family:var(--mapa-font-body, \"Asap\", sans-serif);font-size:16px;line-height:24px}.mapa-dropdown__trigger:focus,.mapa-dropdown__search-input:focus,.mapa-dropdown__option:focus{outline:none}.mapa-dropdown__trigger::placeholder,.mapa-dropdown__search-input::placeholder,.mapa-dropdown__option::placeholder{color:var(--mapa-color-muted, #555555)}.mapa-dropdown__trigger{position:relative;display:flex;flex:1 1 auto;align-items:center;min-width:0;padding-right:46px;border:1px solid var(--mapa-color-border, rgba(26, 26, 26, .18));border-radius:var(--mapa-radius-sm, 12px);text-align:left;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.mapa-dropdown__trigger--clearable{padding-right:70px}.mapa-dropdown__trigger:after{content:\"\";position:absolute;top:50%;right:18px;width:9px;height:9px;border-right:2px solid var(--mapa-color-ink, #1a1a1a);border-bottom:2px solid var(--mapa-color-ink, #1a1a1a);transform:translateY(-70%) rotate(45deg);transition:transform .2s ease;pointer-events:none}.mapa-dropdown__trigger:disabled{background:var(--mapa-color-disabled-surface, #f6f7f7);color:var(--mapa-color-muted, #555555);cursor:not-allowed}.mapa-dropdown__trigger:disabled:after{opacity:.5}.mapa-dropdown--open .mapa-dropdown__trigger,.mapa-dropdown__trigger:focus{border-color:var(--mapa-color-accent, #ff560b);box-shadow:0 0 0 3px #ff560b1f}.mapa-dropdown--open .mapa-dropdown__trigger:after{transform:translateY(-20%) rotate(-135deg)}.mapa-dropdown--highlight .mapa-dropdown__trigger{border:2px solid #eedb2a;border-radius:16px}.mapa-dropdown--tag .mapa-dropdown__trigger{border-radius:16px}.mapa-dropdown__trigger-text{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--mapa-color-ink, #1a1a1a)}.mapa-dropdown__trigger-text--placeholder{color:var(--mapa-color-muted, #CFC4C7)}.mapa-dropdown__clear{position:absolute;top:50%;right:40px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;color:var(--mapa-color-muted, #555555);font-size:16px;line-height:1;cursor:pointer}.mapa-dropdown__clear:hover{background:#1a1a1a14;color:var(--mapa-color-ink, #1a1a1a)}.mapa-dropdown__action{flex:none}.mapa-dropdown__checkbox{flex:none;width:16px;height:16px;margin-right:12px;accent-color:var(--mapa-color-accent, #ff560b)}.mapa-dropdown__panel{width:100%;overflow:hidden;border:1px solid var(--mapa-color-border-soft, rgba(26, 26, 26, .08));border-radius:var(--mapa-radius-md, 16px);background:var(--mapa-color-surface, #ffffff);box-shadow:var(--mapa-shadow-panel, 0 18px 40px rgba(26, 26, 26, .08))}.mapa-dropdown__search-input{border-bottom:1px solid var(--mapa-color-border-soft, rgba(26, 26, 26, .08))}.mapa-dropdown__options{max-height:240px;overflow-y:auto;background:var(--mapa-color-surface, #ffffff)}.mapa-dropdown__group-label{margin:0;padding:10px 16px 6px;color:var(--mapa-color-muted, #555555);font-family:var(--mapa-font-body, \"Asap\", sans-serif);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.mapa-dropdown__option{display:flex;align-items:center;min-height:44px;text-align:left;cursor:pointer;transition:background-color .2s ease,color .2s ease}.mapa-dropdown__option:hover{background:#ff560b14}.mapa-dropdown__option--selected{background:#ff560b1f;color:var(--mapa-color-accent, #ff560b)}.mapa-dropdown__option--select-all{border-bottom:1px solid var(--mapa-color-border-soft, rgba(26, 26, 26, .08));font-weight:600}.mapa-dropdown__empty-state{margin:0;padding:14px 16px;color:var(--mapa-color-muted, #555555);font-size:14px;line-height:20px}.mapa-dropdown--invalid .mapa-dropdown__trigger{border-color:#b54242;box-shadow:0 0 0 3px #b542421f}.mapa-dropdown__hint,.mapa-dropdown__error{display:block;margin:8px 0 0;padding-left:4px;font-size:13px;line-height:18px}.mapa-dropdown__hint{color:var(--mapa-color-muted, #555555)}.mapa-dropdown__error{color:#b54242}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: ButtonComponent, selector: "mapa-button", inputs: ["color", "disabled"], outputs: ["clicked"] }, { kind: "component", type: MapaFormErrorsComponent, selector: "mapa-form-errors", inputs: ["control", "errors"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "triggerButton", first: true, predicate: ["triggerButton"], descendants: true }, { propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }], ngImport: i0, template: "<div\n  class=\"mapa-dropdown\"\n  [class.mapa-dropdown--open]=\"isOpen()\"\n  [class.mapa-dropdown--invalid]=\"shouldShowError()\"\n  [class.mapa-dropdown--disabled]=\"isDisabled()\"\n  [class.mapa-dropdown--highlight]=\"border === 'highlight'\"\n  [class.mapa-dropdown--soft-border]=\"border === 'soft'\"\n  [class.mapa-dropdown--tag]=\"border === 'tag'\"\n>\n  @if (element.label) {\n    <label class=\"mapa-dropdown__label\" [attr.for]=\"element.key || null\">\n      {{ element.label }}\n    </label>\n  }\n\n  <div class=\"mapa-dropdown__field-row\">\n    <button\n      #triggerButton\n      cdkOverlayOrigin\n      #origin=\"cdkOverlayOrigin\"\n      class=\"mapa-dropdown__trigger\"\n      [class.mapa-dropdown__trigger--clearable]=\"hasValue() && element.clearValue\"\n      [id]=\"element.key || null\"\n      type=\"button\"\n      [disabled]=\"isDisabled()\"\n      (click)=\"toggleDropdown()\"\n      [attr.aria-expanded]=\"isOpen()\"\n      aria-haspopup=\"listbox\"\n    >\n      <span\n        class=\"mapa-dropdown__trigger-text\"\n        [class.mapa-dropdown__trigger-text--placeholder]=\"!hasValue()\"\n        [innerHTML]=\"selectedLabel() | safeHtml\"\n      ></span>\n      @if (hasValue() && !isDisabled() && element.clearValue) {\n        <span\n          class=\"mapa-dropdown__clear\"\n          role=\"button\"\n          aria-label=\"Limpar\"\n          (click)=\"clearValue($event)\"\n        >\n          &times;\n        </span>\n      }\n    </button>\n\n    @if (element.actionButton) {\n      <mapa-button\n        class=\"mapa-dropdown__action\"\n        color=\"basic\"\n        (clicked)=\"element.actionButton.action.emit(true)\"\n      >\n        {{ element.actionButton.label }}\n      </mapa-button>\n    }\n  </div>\n\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"origin\"\n    [cdkConnectedOverlayOpen]=\"isOpen()\"\n    [cdkConnectedOverlayPositions]=\"overlayPositions\"\n    [cdkConnectedOverlayWidth]=\"overlayWidth()\"\n    cdkConnectedOverlayPanelClass=\"mapa-dropdown__overlay-pane\"\n    (overlayOutsideClick)=\"handleOverlayOutsideClick($event)\"\n  >\n    <div class=\"mapa-dropdown__panel\">\n      @if (hasSearch()) {\n        <input\n          #searchInput\n          class=\"mapa-dropdown__search-input\"\n          type=\"text\"\n          [formControl]=\"searchControl!\"\n          [placeholder]=\"searchPlaceholder()\"\n        />\n      }\n\n      <div class=\"mapa-dropdown__options\" role=\"listbox\">\n        @if (isMultiple() && visibleOptions().length) {\n          <button\n            class=\"mapa-dropdown__option mapa-dropdown__option--select-all\"\n            type=\"button\"\n            (click)=\"toggleSelectAll()\"\n          >\n            <input\n              class=\"mapa-dropdown__checkbox\"\n              type=\"checkbox\"\n              [checked]=\"isAllSelected()\"\n              [indeterminate]=\"isIndeterminate()\"\n              (click)=\"$event.stopPropagation(); toggleSelectAll()\"\n            />\n            {{ selectAllLabel }}\n          </button>\n        }\n\n        @if (hasGroups()) {\n          @for (group of filteredGroups(); track group.label) {\n            <div class=\"mapa-dropdown__group\" role=\"group\">\n              <p class=\"mapa-dropdown__group-label\">{{ group.label }}</p>\n              @for (option of group.options; track option.key) {\n                <button\n                  class=\"mapa-dropdown__option\"\n                  [class.mapa-dropdown__option--selected]=\"isOptionSelected(option)\"\n                  [style.padding-left.px]=\"optionPadding(option)\"\n                  type=\"button\"\n                  (click)=\"selectOption(option)\"\n                >\n                  @if (isMultiple()) {\n                    <input\n                      class=\"mapa-dropdown__checkbox\"\n                      type=\"checkbox\"\n                      [checked]=\"isOptionSelected(option)\"\n                      (click)=\"$event.stopPropagation(); selectOption(option)\"\n                    />\n                  }\n                  <span [innerHTML]=\"option.value | safeHtml\"></span>\n                </button>\n              }\n            </div>\n          }\n        } @else {\n          @for (option of filteredOptions(); track option.key) {\n            <button\n              class=\"mapa-dropdown__option\"\n              [class.mapa-dropdown__option--selected]=\"isOptionSelected(option)\"\n              [style.padding-left.px]=\"optionPadding(option)\"\n              type=\"button\"\n              (click)=\"selectOption(option)\"\n            >\n              @if (isMultiple()) {\n                <input\n                  class=\"mapa-dropdown__checkbox\"\n                  type=\"checkbox\"\n                  [checked]=\"isOptionSelected(option)\"\n                  (click)=\"$event.stopPropagation(); selectOption(option)\"\n                />\n              }\n              <span [innerHTML]=\"option.value | safeHtml\"></span>\n            </button>\n          }\n        }\n\n        @if (!visibleOptions().length) {\n          <p class=\"mapa-dropdown__empty-state\">\n            {{ emptyStateLabel() }}\n          </p>\n        }\n      </div>\n    </div>\n  </ng-template>\n\n  @if (shouldShowError()) {\n    <p class=\"mapa-dropdown__error\">\n      <mapa-form-errors\n        [control]=\"formControl\"\n        [errors]=\"element.errors\"\n      ></mapa-form-errors>\n    </p>\n  } @else if (element.hint) {\n    <p class=\"mapa-dropdown__hint\">{{ element.hint }}</p>\n  }\n</div>\n", styles: [":host{position:relative;display:inline-block;width:310px;max-width:100%;min-width:0;box-sizing:border-box}.mapa-dropdown{width:100%}.mapa-dropdown__label{display:inline-block;margin-bottom:8px;color:var(--mapa-color-ink, #1a1a1a);font-family:var(--mapa-font-heading, \"Asap\", sans-serif);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mapa-dropdown__field-row{display:flex;align-items:center;gap:24px;min-width:0}.mapa-dropdown__trigger,.mapa-dropdown__search-input,.mapa-dropdown__option{width:100%;min-height:48px;padding:12px 16px;border:0;background:var(--mapa-color-surface, #ffffff);color:var(--mapa-color-ink, #1a1a1a);font-family:var(--mapa-font-body, \"Asap\", sans-serif);font-size:16px;line-height:24px}.mapa-dropdown__trigger:focus,.mapa-dropdown__search-input:focus,.mapa-dropdown__option:focus{outline:none}.mapa-dropdown__trigger::placeholder,.mapa-dropdown__search-input::placeholder,.mapa-dropdown__option::placeholder{color:var(--mapa-color-muted, #555555)}.mapa-dropdown__trigger{position:relative;display:flex;flex:1 1 auto;align-items:center;min-width:0;padding-right:46px;border:1px solid var(--mapa-color-border, rgba(26, 26, 26, .18));border-radius:var(--mapa-radius-sm, 12px);text-align:left;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.mapa-dropdown__trigger--clearable{padding-right:70px}.mapa-dropdown__trigger:after{content:\"\";position:absolute;top:50%;right:18px;width:9px;height:9px;border-right:2px solid var(--mapa-color-ink, #1a1a1a);border-bottom:2px solid var(--mapa-color-ink, #1a1a1a);transform:translateY(-70%) rotate(45deg);transition:transform .2s ease;pointer-events:none}.mapa-dropdown__trigger:disabled{background:var(--mapa-color-disabled-surface, #f6f7f7);color:var(--mapa-color-muted, #555555);cursor:not-allowed}.mapa-dropdown__trigger:disabled:after{opacity:.5}.mapa-dropdown--open .mapa-dropdown__trigger,.mapa-dropdown__trigger:focus{border-color:var(--mapa-color-accent, #ff560b);box-shadow:0 0 0 3px #ff560b1f}.mapa-dropdown--open .mapa-dropdown__trigger:after{transform:translateY(-20%) rotate(-135deg)}.mapa-dropdown--highlight .mapa-dropdown__trigger{border:2px solid #eedb2a;border-radius:16px}.mapa-dropdown--tag .mapa-dropdown__trigger{border-radius:16px}.mapa-dropdown__trigger-text{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--mapa-color-ink, #1a1a1a)}.mapa-dropdown__trigger-text--placeholder{color:var(--mapa-color-muted, #CFC4C7)}.mapa-dropdown__clear{position:absolute;top:50%;right:40px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;color:var(--mapa-color-muted, #555555);font-size:16px;line-height:1;cursor:pointer}.mapa-dropdown__clear:hover{background:#1a1a1a14;color:var(--mapa-color-ink, #1a1a1a)}.mapa-dropdown__action{flex:none}.mapa-dropdown__checkbox{flex:none;width:16px;height:16px;margin-right:12px;accent-color:var(--mapa-color-accent, #ff560b)}.mapa-dropdown__panel{width:100%;overflow:hidden;border:1px solid var(--mapa-color-border-soft, rgba(26, 26, 26, .08));border-radius:var(--mapa-radius-md, 16px);background:var(--mapa-color-surface, #ffffff);box-shadow:var(--mapa-shadow-panel, 0 18px 40px rgba(26, 26, 26, .08))}.mapa-dropdown__search-input{border-bottom:1px solid var(--mapa-color-border-soft, rgba(26, 26, 26, .08))}.mapa-dropdown__options{max-height:240px;overflow-y:auto;background:var(--mapa-color-surface, #ffffff)}.mapa-dropdown__group-label{margin:0;padding:10px 16px 6px;color:var(--mapa-color-muted, #555555);font-family:var(--mapa-font-body, \"Asap\", sans-serif);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.mapa-dropdown__option{display:flex;align-items:center;min-height:44px;text-align:left;cursor:pointer;transition:background-color .2s ease,color .2s ease}.mapa-dropdown__option:hover{background:#ff560b14}.mapa-dropdown__option--selected{background:#ff560b1f;color:var(--mapa-color-accent, #ff560b)}.mapa-dropdown__option--select-all{border-bottom:1px solid var(--mapa-color-border-soft, rgba(26, 26, 26, .08));font-weight:600}.mapa-dropdown__empty-state{margin:0;padding:14px 16px;color:var(--mapa-color-muted, #555555);font-size:14px;line-height:20px}.mapa-dropdown--invalid .mapa-dropdown__trigger{border-color:#b54242;box-shadow:0 0 0 3px #b542421f}.mapa-dropdown__hint,.mapa-dropdown__error{display:block;margin:8px 0 0;padding-left:4px;font-size:13px;line-height:18px}.mapa-dropdown__hint{color:var(--mapa-color-muted, #555555)}.mapa-dropdown__error{color:#b54242}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: ButtonComponent, selector: "mapa-button", inputs: ["color", "disabled", "shape", "fullWidth"], outputs: ["clicked"] }, { kind: "component", type: MapaFormErrorsComponent, selector: "mapa-form-errors", inputs: ["control", "errors"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaDropdownComponent, decorators: [{
             type: Component,