@testgorilla/tgo-ui 11.22.2 → 12.0.0

package/fesm2022/testgorilla-tgo-ui-components-accordion.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"testgorilla-tgo-ui-components-accordion.mjs","sources":["../../../components/accordion/accordion.component.ts","../../../components/accordion/accordion.component.html","../../../components/accordion/accordion.component.module.ts","../../../components/accordion/testgorilla-tgo-ui-components-accordion.ts"],"sourcesContent":["import { NgClass, NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  booleanAttribute,\n  Component,\n  EventEmitter,\n  Inject,\n  Input,\n  Optional,\n  Output,\n} from '@angular/core';\nimport {\n  MatAccordion,\n  MatExpansionPanel,\n  MatExpansionPanelHeader,\n  MatExpansionPanelTitle,\n  MatExpansionPanelDescription,\n} from '@angular/material/expansion';\nimport { MatTooltip } from '@angular/material/tooltip';\n\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\nimport { IconName, IconComponent } from '@testgorilla/tgo-ui/components/icon';\n\nimport { AccordionVariant, ToggleIconPosition } from './accordion.model';\n\n@Component({\n  selector: 'ui-accordion',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './accordion.component.html',\n  styleUrls: ['./accordion.component.scss'],\n  imports: [\n    MatAccordion,\n    NgClass,\n    NgTemplateOutlet,\n    MatExpansionPanel,\n    MatExpansionPanelHeader,\n    MatExpansionPanelTitle,\n    IconComponent,\n    MatTooltip,\n    MatExpansionPanelDescription,\n  ],\n})\nexport class AccordionComponent {\n  /**\n   * The label displayed for the accordion.\n   * @type {string}\n   * @required\n   * @memberof AccordionComponent\n   */\n  @Input({ required: true }) label: string;\n\n  /**\n   * Determines whether the accordion is initially open.\n   * @type {boolean}\n   * @default false\n   * @memberof AccordionComponent\n   */\n  @Input({ transform: booleanAttribute }) open = false;\n\n  /**\n   * Disables the accordion if set to true.\n   * @type {boolean}\n   * @default false\n   * @memberof AccordionComponent\n   */\n  @Input({ transform: booleanAttribute }) disabled = false;\n\n  /**\n   * Indicates whether to show a premium icon.\n   * @type {boolean}\n   * @default false\n   * @memberof AccordionComponent\n   */\n  @Input({ transform: booleanAttribute }) showPremiumIcon = false;\n\n  /**\n   * The tooltip text for the premium icon.\n   * @type {string}\n   * @default ''\n   * @memberof AccordionComponent\n   */\n  @Input() premiumTooltipText = '';\n\n  /**\n   *\n   * Defines the application theme where accordion is used\n   *\n   * @type {ApplicationTheme}\n   * @memberof AccordionComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  /**\n   *\n   * Changed premium icon on this icon\n   *\n   * @type {IconName}\n   * @memberof AccordionComponent\n   */\n  @Input() labelIcon: IconName;\n\n  /**\n   *\n   * Select accordion variant. Don`t work on Classic theme\n   *\n   * @type {AccordionVariant}\n   * @memberof AccordionComponent\n   */\n  @Input() variant: AccordionVariant = 'standard';\n\n  /**\n   *\n   * Projects content with attribute 'customHeader'\n   *\n   * @type {boolean}\n   * @memberof AccordionComponent\n   */\n  @Input() allowCustomHeader = false;\n\n  /**\n   *\n   * Sets background color of content to none\n   *\n   * @type {boolean}\n   * @memberof AccordionComponent\n   */\n  @Input() noBackgroundColor = false;\n\n  /**\n   *\n   * Defines the toggle icon position. `right` keeps the icon at the trailing edge of the\n   * header, `left` moves it in front of the label. The `table` variant is the exception:\n   * its chevron is part of the row layout and always sits in front of the label.\n   *\n   * @type {boolean}\n   * @memberof AccordionComponent\n   */\n  @Input() toggleIconPosition: ToggleIconPosition = 'right';\n\n  /**\n   *\n   * Replaces the default expansion chevron with the given icon, placed according to\n   * `toggleIconPosition`.\n   *\n   * @type {IconName}\n   * @memberof AccordionComponent\n   */\n  @Input() toggleIcon: IconName;\n\n  /**\n   *\n   * Icon shown while the accordion is open. Requires `toggleIcon`.\n   * When omitted, `toggleIcon` rotates 180° instead of being swapped.\n   *\n   * @type {IconName}\n   * @memberof AccordionComponent\n   */\n  @Input() toggleIconExpanded: IconName;\n\n  /**\n   *\n   * Renders the label in bold. Don`t work on Classic theme\n   *\n   * @type {boolean}\n   * @default false\n   * @memberof AccordionComponent\n   */\n  @Input({ transform: booleanAttribute }) boldLabel = false;\n\n  @Output() closed = new EventEmitter<void>();\n  @Output() opened = new EventEmitter<void>();\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n\n  protected get isTableVariant(): boolean {\n    return this.variant === 'table' && this.applicationTheme !== 'classic';\n  }\n\n  /** Whether the component renders the toggle icon itself instead of Material's indicator. */\n  protected get hasToggleIcon(): boolean {\n    return Boolean(this.toggleIcon) || this.isTableVariant;\n  }\n\n  /**\n   * The `table` variant renders its chevron as part of the row layout, so it stays in front\n   * of the label whatever `toggleIconPosition` says — unless a custom icon replaces it.\n   */\n  protected get isToggleIconLeading(): boolean {\n    return this.isTableVariant && !this.toggleIcon ? true : this.toggleIconPosition === 'left';\n  }\n\n  protected get hasLeadingToggleIcon(): boolean {\n    return this.hasToggleIcon && this.isToggleIconLeading;\n  }\n\n  protected get hasTrailingToggleIcon(): boolean {\n    return this.hasToggleIcon && !this.isToggleIconLeading;\n  }\n\n  protected get resolvedToggleIcon(): IconName {\n    if (!this.toggleIcon) {\n      return 'Arrow-chevron-down-filled';\n    }\n\n    return this.open && this.toggleIconExpanded ? this.toggleIconExpanded : this.toggleIcon;\n  }\n\n  protected get rotatesToggleIcon(): boolean {\n    return !this.toggleIconExpanded;\n  }\n\n  protected toggle(open: boolean): void {\n    this.open = open;\n\n    if (this.open) {\n      this.opened.emit();\n    } else {\n      this.closed.emit();\n    }\n  }\n}\n","<mat-accordion\n  class=\"accordion-wrapper\"\n  [class.disabled]=\"disabled\"\n  [ngClass]=\"variant\"\n  [class.has-toggle-icon]=\"hasToggleIcon\"\n  [attr.theme]=\"applicationTheme\"\n>\n  <mat-expansion-panel\n    [expanded]=\"open\"\n    [class.bgcolor-none]=\"noBackgroundColor\"\n    (opened)=\"toggle(true)\"\n    (closed)=\"toggle(false)\"\n  >\n    <mat-expansion-panel-header\n      [tabIndex]=\"disabled ? -1 : 0\"\n      [class.custom-height]=\"allowCustomHeader\"\n      [class.left-toggle]=\"toggleIconPosition === 'left' && !hasToggleIcon\"\n      [attr.aria-label]=\"label\"\n    >\n      <!-- mat-panel-title must stay a STATIC child: Material's header slots\n           (ng-content select=\"mat-panel-title\") match *ngIf-desugared templates\n           but NOT @if blocks, so the conditionals live inside the element. -->\n      <mat-panel-title>\n        @if (!allowCustomHeader) {\n          <div\n            class=\"title-container\"\n            [class.table-container]=\"isTableVariant\"\n            [class.with-toggle-icon]=\"hasLeadingToggleIcon\"\n          >\n            @if (hasLeadingToggleIcon) {\n              <ng-container [ngTemplateOutlet]=\"toggleIconTemplate\"></ng-container>\n            }\n            <div class=\"accordion-label\" [class.bold]=\"boldLabel\">\n              {{ label }}\n              <ng-content select=\"[subHeader]\"></ng-content>\n              @if (showPremiumIcon || labelIcon) {\n                <ui-icon\n                  [matTooltipClass]=\"applicationTheme\"\n                  [matTooltip]=\"premiumTooltipText\"\n                  [applicationTheme]=\"applicationTheme\"\n                  [name]=\"labelIcon ? labelIcon : applicationTheme === 'classic' ? 'Premium' : 'Premium-circle-in-line'\"\n                ></ui-icon>\n              }\n            </div>\n          </div>\n        } @else {\n          <ng-content select=\"[customHeader]\"></ng-content>\n        }\n      </mat-panel-title>\n      <mat-panel-description>\n        <div class=\"accordion-actions\">\n          <ng-content select=\"[actions]\"></ng-content>\n        </div>\n      </mat-panel-description>\n      @if (hasTrailingToggleIcon) {\n        <ng-container [ngTemplateOutlet]=\"toggleIconTemplate\"></ng-container>\n      }\n    </mat-expansion-panel-header>\n    <ng-content></ng-content>\n  </mat-expansion-panel>\n</mat-accordion>\n\n<ng-template #toggleIconTemplate>\n  <ui-icon\n    class=\"toggle-icon\"\n    [size]=\"'24'\"\n    [ngClass]=\"{ open, rotates: rotatesToggleIcon }\"\n    [name]=\"resolvedToggleIcon\"\n  ></ui-icon>\n</ng-template>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatExpansionModule } from '@angular/material/expansion';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\nimport { AccordionComponent } from './accordion.component';\n\n@NgModule({\n  exports: [AccordionComponent],\n  imports: [\n    CommonModule,\n    IconComponentModule,\n    ButtonComponentModule,\n    MatTooltipModule,\n    MatExpansionModule,\n    AccordionComponent,\n  ],\n})\nexport class AccordionComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"testgorilla-tgo-ui-components-accordion.mjs","names":[],"sources":["../../../components/accordion/accordion.component.ts","../../../components/accordion/accordion.component.html","../../../components/accordion/accordion.component.module.ts"],"sourcesContent":["import { NgClass, NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  booleanAttribute,\n  Component,\n  EventEmitter,\n  Inject,\n  Input,\n  Optional,\n  Output,\n} from '@angular/core';\nimport {\n  MatAccordion,\n  MatExpansionPanel,\n  MatExpansionPanelHeader,\n  MatExpansionPanelTitle,\n  MatExpansionPanelDescription,\n} from '@angular/material/expansion';\nimport { MatTooltip } from '@angular/material/tooltip';\n\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\nimport { IconName, IconComponent } from '@testgorilla/tgo-ui/components/icon';\n\nimport { AccordionVariant, ToggleIconPosition } from './accordion.model';\n\n@Component({\n  selector: 'ui-accordion',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './accordion.component.html',\n  styleUrls: ['./accordion.component.scss'],\n  imports: [\n    MatAccordion,\n    NgClass,\n    NgTemplateOutlet,\n    MatExpansionPanel,\n    MatExpansionPanelHeader,\n    MatExpansionPanelTitle,\n    IconComponent,\n    MatTooltip,\n    MatExpansionPanelDescription,\n  ],\n})\nexport class AccordionComponent {\n  /**\n   * The label displayed for the accordion.\n   * @type {string}\n   * @required\n   * @memberof AccordionComponent\n   */\n  @Input({ required: true }) label: string;\n\n  /**\n   * Determines whether the accordion is initially open.\n   * @type {boolean}\n   * @default false\n   * @memberof AccordionComponent\n   */\n  @Input({ transform: booleanAttribute }) open = false;\n\n  /**\n   * Disables the accordion if set to true.\n   * @type {boolean}\n   * @default false\n   * @memberof AccordionComponent\n   */\n  @Input({ transform: booleanAttribute }) disabled = false;\n\n  /**\n   * Indicates whether to show a premium icon.\n   * @type {boolean}\n   * @default false\n   * @memberof AccordionComponent\n   */\n  @Input({ transform: booleanAttribute }) showPremiumIcon = false;\n\n  /**\n   * The tooltip text for the premium icon.\n   * @type {string}\n   * @default ''\n   * @memberof AccordionComponent\n   */\n  @Input() premiumTooltipText = '';\n\n  /**\n   *\n   * Defines the application theme where accordion is used\n   *\n   * @type {ApplicationTheme}\n   * @memberof AccordionComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  /**\n   *\n   * Changed premium icon on this icon\n   *\n   * @type {IconName}\n   * @memberof AccordionComponent\n   */\n  @Input() labelIcon: IconName;\n\n  /**\n   *\n   * Select accordion variant. Don`t work on Classic theme\n   *\n   * @type {AccordionVariant}\n   * @memberof AccordionComponent\n   */\n  @Input() variant: AccordionVariant = 'standard';\n\n  /**\n   *\n   * Projects content with attribute 'customHeader'\n   *\n   * @type {boolean}\n   * @memberof AccordionComponent\n   */\n  @Input() allowCustomHeader = false;\n\n  /**\n   *\n   * Sets background color of content to none\n   *\n   * @type {boolean}\n   * @memberof AccordionComponent\n   */\n  @Input() noBackgroundColor = false;\n\n  /**\n   *\n   * Defines the toggle icon position. `right` keeps the icon at the trailing edge of the\n   * header, `left` moves it in front of the label. The `table` variant is the exception:\n   * its chevron is part of the row layout and always sits in front of the label.\n   *\n   * @type {boolean}\n   * @memberof AccordionComponent\n   */\n  @Input() toggleIconPosition: ToggleIconPosition = 'right';\n\n  /**\n   *\n   * Replaces the default expansion chevron with the given icon, placed according to\n   * `toggleIconPosition`.\n   *\n   * @type {IconName}\n   * @memberof AccordionComponent\n   */\n  @Input() toggleIcon: IconName;\n\n  /**\n   *\n   * Icon shown while the accordion is open. Requires `toggleIcon`.\n   * When omitted, `toggleIcon` rotates 180° instead of being swapped.\n   *\n   * @type {IconName}\n   * @memberof AccordionComponent\n   */\n  @Input() toggleIconExpanded: IconName;\n\n  /**\n   *\n   * Renders the label in bold. Don`t work on Classic theme\n   *\n   * @type {boolean}\n   * @default false\n   * @memberof AccordionComponent\n   */\n  @Input({ transform: booleanAttribute }) boldLabel = false;\n\n  @Output() closed = new EventEmitter<void>();\n  @Output() opened = new EventEmitter<void>();\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n\n  protected get isTableVariant(): boolean {\n    return this.variant === 'table' && this.applicationTheme !== 'classic';\n  }\n\n  /** Whether the component renders the toggle icon itself instead of Material's indicator. */\n  protected get hasToggleIcon(): boolean {\n    return Boolean(this.toggleIcon) || this.isTableVariant;\n  }\n\n  /**\n   * The `table` variant renders its chevron as part of the row layout, so it stays in front\n   * of the label whatever `toggleIconPosition` says — unless a custom icon replaces it.\n   */\n  protected get isToggleIconLeading(): boolean {\n    return this.isTableVariant && !this.toggleIcon ? true : this.toggleIconPosition === 'left';\n  }\n\n  protected get hasLeadingToggleIcon(): boolean {\n    return this.hasToggleIcon && this.isToggleIconLeading;\n  }\n\n  protected get hasTrailingToggleIcon(): boolean {\n    return this.hasToggleIcon && !this.isToggleIconLeading;\n  }\n\n  protected get resolvedToggleIcon(): IconName {\n    if (!this.toggleIcon) {\n      return 'Arrow-chevron-down-filled';\n    }\n\n    return this.open && this.toggleIconExpanded ? this.toggleIconExpanded : this.toggleIcon;\n  }\n\n  protected get rotatesToggleIcon(): boolean {\n    return !this.toggleIconExpanded;\n  }\n\n  protected toggle(open: boolean): void {\n    this.open = open;\n\n    if (this.open) {\n      this.opened.emit();\n    } else {\n      this.closed.emit();\n    }\n  }\n}\n","<mat-accordion\n  class=\"accordion-wrapper\"\n  [class.disabled]=\"disabled\"\n  [ngClass]=\"variant\"\n  [class.has-toggle-icon]=\"hasToggleIcon\"\n  [attr.theme]=\"applicationTheme\"\n>\n  <mat-expansion-panel\n    [expanded]=\"open\"\n    [class.bgcolor-none]=\"noBackgroundColor\"\n    (opened)=\"toggle(true)\"\n    (closed)=\"toggle(false)\"\n  >\n    <mat-expansion-panel-header\n      [tabIndex]=\"disabled ? -1 : 0\"\n      [class.custom-height]=\"allowCustomHeader\"\n      [class.left-toggle]=\"toggleIconPosition === 'left' && !hasToggleIcon\"\n      [attr.aria-label]=\"label\"\n    >\n      <!-- mat-panel-title must stay a STATIC child: Material's header slots\n           (ng-content select=\"mat-panel-title\") match *ngIf-desugared templates\n           but NOT @if blocks, so the conditionals live inside the element. -->\n      <mat-panel-title>\n        @if (!allowCustomHeader) {\n          <div\n            class=\"title-container\"\n            [class.table-container]=\"isTableVariant\"\n            [class.with-toggle-icon]=\"hasLeadingToggleIcon\"\n          >\n            @if (hasLeadingToggleIcon) {\n              <ng-container [ngTemplateOutlet]=\"toggleIconTemplate\"></ng-container>\n            }\n            <div class=\"accordion-label\" [class.bold]=\"boldLabel\">\n              {{ label }}\n              <ng-content select=\"[subHeader]\"></ng-content>\n              @if (showPremiumIcon || labelIcon) {\n                <ui-icon\n                  [matTooltipClass]=\"applicationTheme\"\n                  [matTooltip]=\"premiumTooltipText\"\n                  [applicationTheme]=\"applicationTheme\"\n                  [name]=\"labelIcon ? labelIcon : applicationTheme === 'classic' ? 'Premium' : 'Premium-circle-in-line'\"\n                ></ui-icon>\n              }\n            </div>\n          </div>\n        } @else {\n          <ng-content select=\"[customHeader]\"></ng-content>\n        }\n      </mat-panel-title>\n      <mat-panel-description>\n        <div class=\"accordion-actions\">\n          <ng-content select=\"[actions]\"></ng-content>\n        </div>\n      </mat-panel-description>\n      @if (hasTrailingToggleIcon) {\n        <ng-container [ngTemplateOutlet]=\"toggleIconTemplate\"></ng-container>\n      }\n    </mat-expansion-panel-header>\n    <ng-content></ng-content>\n  </mat-expansion-panel>\n</mat-accordion>\n\n<ng-template #toggleIconTemplate>\n  <ui-icon\n    class=\"toggle-icon\"\n    [size]=\"'24'\"\n    [ngClass]=\"{ open, rotates: rotatesToggleIcon }\"\n    [name]=\"resolvedToggleIcon\"\n  ></ui-icon>\n</ng-template>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatExpansionModule } from '@angular/material/expansion';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\nimport { AccordionComponent } from './accordion.component';\n\n@NgModule({\n  exports: [AccordionComponent],\n  imports: [\n    CommonModule,\n    IconComponentModule,\n    ButtonComponentModule,\n    MatTooltipModule,\n    MatExpansionModule,\n    AccordionComponent,\n  ],\n})\nexport class AccordionComponentModule {}\n"],"mappings":"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"}