@sebgroup/green-angular 0.0.0-v-angular-20250113082841

package/fesm2022/sebgroup-green-angular-src-v-angular-table.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sebgroup-green-angular-src-v-angular-table.mjs","sources":["../../../../libs/angular/src/v-angular/table/table.directive.ts","../../../../libs/angular/src/v-angular/table/table.tools.ts","../../../../libs/angular/src/v-angular/table/tr-thook.pipe.ts","../../../../libs/angular/src/v-angular/table/table.component.ts","../../../../libs/angular/src/v-angular/table/table.component.html","../../../../libs/angular/src/v-angular/table/table.module.ts","../../../../libs/angular/src/v-angular/table/index.ts","../../../../libs/angular/src/v-angular/table/sebgroup-green-angular-src-v-angular-table.ts"],"sourcesContent":["import { Directive, HostBinding, Input, TemplateRef } from '@angular/core'\n\nconst enum ColumnCSSClass {\n  Primary = 'gds-table__primary-col',\n  Sortable = 'gds-table__sortable-col',\n  Numeric = 'gds-table__numeric-col',\n  Negative = 'gds-table__negative-col',\n  Ascending = 'gds-table__sortable-col--asc',\n  Descending = 'gds-table__sortable-col--desc',\n}\n\n@Directive({\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: '[columnType]',\n})\nexport class TableDirective {\n  @Input() columnType: 'numeric' | 'text' | undefined = 'text'\n  @Input() sortable?: boolean\n  @Input() sortOrder?: 'desc' | 'asc'\n  @Input() value: any\n\n  @HostBinding('attr.data-thook') @Input() thook: string | null | undefined =\n    'table'\n\n  @HostBinding('class.' + ColumnCSSClass.Numeric) get numericColumn(): boolean {\n    return this.columnType === 'numeric'\n  }\n\n  @HostBinding('class.' + ColumnCSSClass.Sortable) get isSortable(): boolean {\n    return !!this.sortable\n  }\n\n  @HostBinding('class.' + ColumnCSSClass.Ascending)\n  get orderAscending(): boolean {\n    return this.sortOrder === 'asc' && !!this.sortable\n  }\n\n  @HostBinding('class.' + ColumnCSSClass.Descending)\n  get orderDescending(): boolean {\n    return this.sortOrder === 'desc' && !!this.sortable\n  }\n\n  @HostBinding('class.' + ColumnCSSClass.Negative)\n  get negativeValue(): boolean {\n    if (!isNaN(this.value)) return +this.value < 0\n    return false\n  }\n}\n\n@Directive({\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: '[tableColumn]',\n})\nexport class TableTemplateDirective<K = string> {\n  @Input() tableColumn!: K\n  @Input() tableColumnTarget?: 'th' | 'td' | 'both' = 'both'\n\n  constructor(public templateRef: TemplateRef<any>) {}\n}\n\n@Directive({\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: '[tableFooter]',\n})\nexport class TableFooterTemplateDirective {\n  constructor(public templateRef: TemplateRef<any>) {}\n}\n\n@Directive({\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: '[tableAppendableRows]',\n})\nexport class TableAppendableRowsTemplateDirective {\n  constructor(public templateRef: TemplateRef<any>) {}\n}\n","const getKeyValue = <T, K extends keyof T>(obj: T, key: K): T[K] => obj[key]\n\nexport const pick = (\n  propertyArray: Array<string>,\n  object: { [key: string]: unknown },\n): object => {\n  if (object instanceof Object) {\n    return propertyArray.reduce(\n      (acc: object, curr: string) => ({\n        ...acc,\n        [curr]: getKeyValue(object, curr),\n      }),\n      {},\n    )\n  }\n  throw Error('The value for argument \"object\" must be an object')\n}\n\nexport const orderByDescending = <T>(\n  property: keyof T | string,\n): ((a: any, b: any) => number) => {\n  return (a: any, b: any) => {\n    if (a[property] > b[property]) return -1\n    if (a[property] < b[property]) return 1\n    return 0\n  }\n}\n\nexport const orderByAscending = <T>(\n  property: keyof T | string,\n): ((a: any, b: any) => number) => {\n  return (a: any, b: any) => {\n    if (a[property] < b[property]) return -1\n    if (a[property] > b[property]) return 1\n    return 0\n  }\n}\n","import { Pipe, PipeTransform } from '@angular/core'\n\n@Pipe({\n  name: 'trThook',\n  standalone: true,\n})\nexport class TrThookPipe implements PipeTransform {\n  transform<V>(\n    value: V,\n    index: number,\n    thookFn?: (rowData: V) => string,\n  ): string {\n    // call thook fn to set thook for active row\n    if (thookFn != null) {\n      return thookFn(value)\n    }\n\n    // default thook\n    return `table-row-${index}`\n  }\n}\n","import {\n  AfterContentInit,\n  Component,\n  ContentChild,\n  ContentChildren,\n  EventEmitter,\n  Input,\n  OnChanges,\n  OnDestroy,\n  OnInit,\n  Output,\n  QueryList,\n  SimpleChanges,\n  TemplateRef,\n} from '@angular/core'\nimport { UntypedFormControl, UntypedFormGroup } from '@angular/forms'\nimport { Subscription } from 'rxjs'\nimport { debounceTime, map } from 'rxjs/operators'\n\nimport {\n  TableAppendableRowsTemplateDirective,\n  TableFooterTemplateDirective,\n  TableTemplateDirective,\n} from './table.directive'\nimport {\n  ariaLabelsOrderBy,\n  OrderBy,\n  TableColumn,\n  TableRow,\n} from './table.models'\nimport { orderByAscending, orderByDescending, pick } from './table.tools'\n\nlet staticInitId = 0\n\nfunction objectFromEntries(entryMap: Map<any, any>): { [key: string]: any } {\n  const fromEntries: { [key: string]: any } = {}\n  for (const [key, value] of entryMap) {\n    fromEntries[key] = value\n  }\n  return fromEntries\n}\n\n/**\n * A table component with built-in sorting and selecting functionality.\n * By default, table cells (i.e. `<td>` elements) and table headers (i.e. `<th>` elements) are populated with text only values.\n *\n * To customize the contents of either the `<td>` or `<th>` elements (like adding color, icons, form fields, extra padding etc.), provide\n * the customized content within a `<ng-template>`-tag, and place the ng-template in the html between the start and ending tag of\n * the `<nggv-table>`. Add a `tableColumn`-attribute to the `<ng-template>`-element, and set the value to the specific column property.\n * Set `tableColumnTarget` to either `th`, `td` or `both` (default) depending on target element type.\n * The entire row from the `@Input() tableData` is available from the context `$implicit` variable.\n *\n * @example\n * <!-- for table cells i.e. td-elements -->\n * <ng-template tableColumn=\"status\" tableColumnTarget=\"td\" let-myDataVar=\"$implicit\" let-status=\"$implicit.status\">\n *  <!-- my custom status element -->\n * </ng-template>\n *\n * @example\n * <!-- for table headers i.e. th-elements -->\n * <ng-template tableColumn=\"status\" tableColumnTarget=\"th\" let-myDataVar=\"$implicit\" let-status=\"$implicit.status\">\n *  <!-- my custom status element -->\n * </ng-template>\n *\n * It is possible to add custom rows that are appended below data row. Use `<ng-template>`-tag and place the ng-template in the html between the start and ending tag of\n * the `<nggv-table>`. Add a `tableAppendableRows`-attribute to the `<ng-template>`-element. Any `tr` elements that exist within `<ng-template tableAppendableRows>` and `</ng-template>` tags will be put below data row's `tr` element in the table.\n *\n * @example\n * <!-- custom appended rows -->\n * <ng-template tableAppendableRows let-myDataVar=\"$implicit\" let-status=\"$implicit.status\">\n *  <tr>\n *   <!-- first row's columns -->\n *  </tr>\n *  <!-- more rows if needed -->\n * </ng-template>\n *\n * If custom styling is needed for data row that has appended rows, you can use data attribute `data-hasrowspan` to distinguish it from data row without appended rows.\n * You can pass your own custom method with conditional logic to define what value will be passed to data-hasrowspan.\n * In addition, hasRowSpan function accepts item from `@Input() tableData` as argument which is of the same type as value passed to context `$implicit` variable.\n * IMPORTANT: use arrow function style for defining function inside component, i.e. `hasRowSpan = (value) => output;`. If regular function will be defined, i.e. `hasRowSpan(value) { return output; }`, binding will not work.\n *\n * @example\n * <!-- inside component\n * class CustomComponent {\n *  customHasRowSpanFunction = (item: CustomDataType) => item.appendedRowsData.length > 0 ? true : false;\n * }\n * -->\n * <!-- inside stylesheets\n * [data-hasrowspan=\"true\"] {\n *  color: blue;\n * }\n * .appended-row {\n *  color: blue;\n * }\n * -->\n * <nggv-table [hasRowSpan]=\"customHasRowSpanFunction\">\n *  <!-- custom appended rows -->\n *  <ng-template tableAppendableRows let-appendedRowsData=\"$implicit.appendedRowsData\">\n *   <tr *ngFor=\"let appendedRowItem of appendedRowsData\" class=\"appended-row\">\n *    <td>{{ appendedRowItem }}</td>\n *    <!-- other row's columns -->\n *   </tr>\n *  </ng-template>\n * </nggv-table>\n *\n * In addition, it is possible to add footer for the table. Similarly to adding custom columns, use `<ng-template>`-tag and place the ng-template in the html between the start and ending tag of\n * the `<nggv-table>`. Add a `tableFooter`-attribute to the `<ng-template>`-element. Any elements that exist within `<ng-template tableFooter>` and `</ng-template>` tags will be put to tfoot element inside the table.\n *\n * @example\n * <!-- for table footer i.e. tfoot-element -->\n * <ng-template tableFooter>\n *  <tr>\n *   <!-- first row's columns -->\n *  </tr>\n *  <!-- more rows if needed -->\n * </ng-template>\n *\n */\n@Component({\n  selector: 'nggv-table',\n  templateUrl: './table.component.html',\n  styleUrls: ['./table.component.scss'],\n})\nexport class TableComponent<T extends TableRow>\n  implements OnInit, OnChanges, AfterContentInit, OnDestroy\n{\n  /**\n   * @internal\n   * Custom templates defined in the html.\n   */\n  @ContentChildren(TableTemplateDirective, { descendants: true })\n  customTemplates!: QueryList<TableTemplateDirective<keyof T>>\n\n  /**\n   * @internal\n   * Custom appended rows template defined in the html.\n   */\n  @ContentChild(TableAppendableRowsTemplateDirective)\n  appendedRowsTemplate!: TableAppendableRowsTemplateDirective\n\n  /**\n   * @internal\n   * Custom footer template defined in the html.\n   */\n  @ContentChild(TableFooterTemplateDirective)\n  customFooterTemplate!: TableFooterTemplateDirective\n\n  /** Emits the table row that was clicked. Works on all columns if not preventDefaultEmit is set for that column. */\n  @Output() ngvRowClick = new EventEmitter<T | any>()\n\n  /**\n   * Emits currently selected and deselected items in the table as key-value pairs.\n   * Uses each item`s itemId as key, and a boolean value to describe selected status.\n   */\n  @Output() ngvRowSelect = new EventEmitter<string[]>()\n\n  /**\n   * Emits event to signal that the table should be reordered.\n   */\n  @Output() ngvOrderBy = new EventEmitter<OrderBy<T>>()\n\n  /**\n   * An array of items describing how the table header should be rendered,\n   * together with instructions for how each row should be displayed in that column.\n   */\n  @Input() tableColumns!: TableColumn<T>[]\n\n  /** Data array to display data in the table. Each item <T> in the array represents a row in the table. */\n  @Input() tableData!: T[]\n\n  /**\n   * Property name used to uniquely describe each item (i.e. row) in the data table.\n   * Defaults to \\'id\\'.\n   * Is required if selectable is true.\n   */\n  @Input() rowId = 'id'\n\n  /**\n   * Function's return value is used for data attribute \\'data-hasrowspan\\'.\n   * If custom hasRowSpan function is not passed to the table,\n   * then this function returns undefined value by default which results in \\'data-hasrowspan\\' attribute being omitted in html\n   * (angular omits attributes that contain null or undefined value).\n   * IMPORTANT: use arrow function style for defining function inside component, i.e. `hasRowSpan = (value) => output;`. If regular function will be defined, i.e. `hasRowSpan(value) { return output; }`, binding will not work.\n   */\n  @Input() hasRowSpan: (item: T) => any = (_) => undefined\n\n  /**\n   * Used to enable/disable the left-side checkbox column.\n   * Defaults to true.\n   */\n  @Input() selectable = true\n\n  /**\n   * Allow nggv-table to attempt sorting the data in the table. Not recommended if only a subset is loaded or if the dataset is very large.\n   * Disabled by default.\n   */\n  @Input() allowLocalSort = false\n\n  /** Special property used for selecting DOM elements during automated UI testing. */\n  @Input() thook = 'table-select-all'\n\n  /** Function to overwrite generated thook for each row. */\n  @Input() trThookFn?: (item: T) => string\n\n  /** Aria label for the checkbox in the table header */\n  @Input() ariaLabelCheckboxTh?: string\n\n  /** Aria label for the checkbox in the table header */\n  @Input() ariaLabelCheckboxTr?: string\n\n  /** Aria labels for sorting in the table header */\n  @Input() ariaLabelsOrderBy?: ariaLabelsOrderBy\n\n  /**\n   * @internal\n   * Internal data structure used to keep track of added content templates used in td elements.\n   */\n  customRowTemplates = new Map<keyof T, TemplateRef<any>>()\n\n  /**\n   * @internal\n   * Internal data structure used to keep track of added content templates used in th elements.\n   */\n  customHeaderTemplates = new Map<keyof T, TemplateRef<any>>()\n\n  /**\n   * @internal\n   * Internal data structure used to hold custom appended rows i.e. tr elements (rows).\n   */\n  appendedRowsTemplateRef!: TemplateRef<any>\n\n  /**\n   * @internal\n   * Internal data structure used to hold tfoot element children i.e. tr elements (rows).\n   */\n  customFooterTemplateRef!: TemplateRef<any>\n\n  /**\n   * @internal\n   * Incremental id.\n   */\n  initId!: number\n\n  /**\n   * @internal\n   * FormGroup containing all row id\\'s as controls, and whether these are selected or not as values.\n   */\n  rowSelectors: UntypedFormGroup = new UntypedFormGroup({})\n\n  /**\n   * @internal\n   * Master selector for selecting or deselecting all row selectors.\n   */\n  groupSelector: UntypedFormControl = new UntypedFormControl(false)\n\n  private selected: string[] = []\n  private subs: Subscription[] = []\n\n  ngOnChanges(changes: SimpleChanges) {\n    // table data was updated and the rows should be selectable\n    if (\n      (changes.tableData?.currentValue && this.selectable) ||\n      (changes.selectable?.currentValue === true && this.tableData)\n    ) {\n      const wasChanged = this.registerSelectableRows(\n        changes.tableData.currentValue,\n      )\n      if (wasChanged && !this.subs.length) {\n        // first time this is run\n        const groupSelectorSub = this.groupValueSubscription\n        const rowSelectorSub = this.rowValueSubscription\n        this.subs.push(groupSelectorSub, rowSelectorSub)\n      } else if (wasChanged) {\n        this.rowSelectors.updateValueAndValidity()\n      }\n    }\n\n    // sort any incoming data\n    if (\n      this.allowLocalSort &&\n      (changes.tableData?.currentValue || changes.tableColumns?.currentValue)\n    ) {\n      const orderedByColumn: TableColumn<T> | undefined =\n        this.tableColumns?.find((el) => el.order !== undefined)\n      if (orderedByColumn) this.sortItemsBy(orderedByColumn)\n    }\n  }\n\n  ngOnInit(): void {\n    this.initId = staticInitId++\n  }\n\n  ngAfterContentInit() {\n    // if any custom templates were defined in the template\n    if (this.customTemplates.length) {\n      // for each template found\n      this.customTemplates.map((tableTemplate) => {\n        // if target is either 'td' or 'both'\n        if (\n          ['td', 'both'].includes(tableTemplate.tableColumnTarget as string)\n        ) {\n          // add to custom row templates\n          this.customRowTemplates.set(\n            tableTemplate.tableColumn,\n            tableTemplate.templateRef,\n          )\n        }\n        // if target is either 'th' or 'both'\n        if (\n          ['th', 'both'].includes(tableTemplate.tableColumnTarget as string)\n        ) {\n          // add to custom header templates\n          this.customHeaderTemplates.set(\n            tableTemplate.tableColumn,\n            tableTemplate.templateRef,\n          )\n        }\n      })\n    }\n\n    // if appended rows' template is defined in the template\n    if (this.appendedRowsTemplate) {\n      // set templateRef of appended rows' template to variable\n      this.appendedRowsTemplateRef = this.appendedRowsTemplate.templateRef\n    }\n\n    // if custom footer template is defined in the template\n    if (this.customFooterTemplate) {\n      // set templateRef of table footer to variable\n      this.customFooterTemplateRef = this.customFooterTemplate.templateRef\n    }\n  }\n\n  ngOnDestroy() {\n    this.subs.forEach((sub) => sub.unsubscribe())\n  }\n\n  /**\n   * @internal\n   * Returns a subscription to the master selector control that either selects or deselects all row controls.\n   */\n  get groupValueSubscription(): Subscription {\n    return this.groupSelector.valueChanges.subscribe({\n      next: (value: boolean) => {\n        const selectMap = new Map(Object.entries(this.rowSelectorsValue))\n        selectMap.forEach((_, key) => selectMap.set(key, value))\n        const patchValue = objectFromEntries(selectMap)\n        this.rowSelectors.patchValue(patchValue)\n      },\n    })\n  }\n\n  /**\n   * @internal\n   * Returns a subscription to all individual row selectors and update the master selector if all are selected.\n   */\n  get rowValueSubscription(): Subscription {\n    return this.rowSelectors.valueChanges\n      .pipe(\n        debounceTime(0), // to limit the number of events and to wait for all sub controls to update\n        map((val: { [key: string]: boolean }) => {\n          // get a filtered array of keys for all rows that are selected\n          const selected = Object.keys(val).filter((key) => {\n            return val[key] === true && this.rowSelectors.get(key)?.enabled\n          })\n          // returns an object containing only the filtered keys\n          return pick(selected, val)\n        }),\n      )\n      .subscribe({\n        next: (value: object) => {\n          // the number of selected keys compared to the total number of keys available\n          const numberOfSelected = Object.keys(value).length\n          const allSelected: boolean =\n            numberOfSelected > 0\n              ? numberOfSelected === Object.keys(this.rowSelectorsValue).length\n              : false\n          // update the master selector control\n          this.groupSelector.setValue(allSelected, { emitEvent: false })\n          // update the array of currently selected id's\n          this.selected = Object.keys(value)\n          // and emit the updated value\n          this.ngvRowSelect.emit(this.selected)\n        },\n      })\n  }\n\n  /**\n   * @internal\n   * Registers or disables row controls for new or removed rows.\n   */\n  registerSelectableRows(tableData: any[]): boolean {\n    if (!tableData) return false\n    // Array containing only the id's for each row\n    const dataRowIds: string[] = tableData.map((data: any) => data[this.rowId])\n\n    // Array containing the id's that have registered controls\n    const currentIds: string[] = Object.keys(this.rowSelectorsValue)\n\n    // Array containing all ids that lacks a corresponding control (i.e. new rows)\n    const newIds: string[] = dataRowIds.filter(\n      (id) => currentIds.indexOf(id) === -1,\n    )\n\n    // Array containing all ids that has a control but is no longer in the data set (i.e. removed rows)\n    const removedIds: string[] = currentIds.filter(\n      (id) => dataRowIds.indexOf(id) === -1,\n    )\n\n    // Register new controls for added rows\n    if (newIds.length) {\n      newIds.forEach((id) => {\n        const ctrl = this.rowSelectors.registerControl(\n          id,\n          new UntypedFormControl(false),\n        )\n        if (ctrl.disabled) ctrl.enable()\n      })\n    }\n\n    // Set already registered controls to disabled for removed rows\n    if (removedIds.length)\n      removedIds.forEach((id) => this.rowSelectors.get(id)?.disable())\n\n    return newIds.length > 0 || removedIds.length > 0\n  }\n\n  /**\n   * @internal\n   * Returns all enabled values unless all rows are disabled.\n   */\n  get rowSelectorsValue(): any {\n    return this.rowSelectors.enabled ? this.rowSelectors.value : {}\n  }\n\n  toggleSortOrderWithSpace(event: any, column: TableColumn<T>) {\n    if (column.sortable) {\n      event.preventDefault()\n      this.toggleSortOrder(column)\n    }\n  }\n\n  /**\n   * @internal\n   * Switches sorting order between ascending and descending order for a column.\n   * @param column the column to sort rows after.\n   */\n  toggleSortOrder(column: TableColumn<T>) {\n    // check if the table is already sorted by another column than the one provided\n    const currentlyOrderedBy = this.tableColumns?.find(\n      (el) => el !== column && el.order !== undefined,\n    )\n    if (currentlyOrderedBy) delete currentlyOrderedBy.order\n    column.order = column.order === 'desc' ? 'asc' : 'desc'\n    this.sortItemsBy(column)\n  }\n\n  /** If sortable, reorders the table data using the specified column as ordering attribute. */\n  sortItemsBy(column: TableColumn<T>): TableRow[] | undefined {\n    if (!column.sortable) return\n    // emit re-order event\n    this.ngvOrderBy.emit({ property: column.property, order: column.order })\n    // if local sort is allowed, reorder data\n    if (!this.allowLocalSort || !this.tableData) return\n    return this.tableData.sort(\n      column.order === 'desc'\n        ? orderByDescending(column.property)\n        : orderByAscending(column.property),\n    )\n  }\n\n  /**\n   * @internal\n   * Emits row data for what row was clicked if defaultEmit is allowed.\n   */\n  propagateItemClick(item: any, preventDefaultEmit?: boolean) {\n    if (!preventDefaultEmit) this.ngvRowClick.emit(item)\n  }\n\n  getAriaLabel(column: TableColumn<T>): string | undefined {\n    const sortOrder =\n      column.order === 'asc'\n        ? this.ariaLabelsOrderBy?.desc\n        : this.ariaLabelsOrderBy?.asc\n    if (!sortOrder) return // no aria labels defined\n    return column.ariaLabelSortable?.replace('{{sortOrder}}', sortOrder)\n  }\n}\n","<table class=\"gds-table\" *transloco=\"let t\">\n  <!-- Table header -->\n  <thead>\n    <tr>\n      <!-- Checkbox column for header -->\n      <th *ngIf=\"selectable\" class=\"column__check\">\n        <div class=\"gds-field-checkbox-wrap\">\n          <input\n            type=\"checkbox\"\n            [formControl]=\"groupSelector\"\n            [attr.aria-label]=\"ariaLabelCheckboxTh\"\n            [attr.id]=\"'cb_header__' + initId\"\n            [attr.data-thook]=\"thook\"\n          />\n          <label [attr.for]=\"'cb_header__' + initId\"></label>\n        </div>\n      </th>\n\n      <!-- Other columns -->\n      <th\n        *ngFor=\"let column of tableColumns\"\n        [columnType]=\"column.valueType\"\n        [sortable]=\"column.sortable\"\n        [sortOrder]=\"column.order\"\n        [thook]=\"'column-header-' + !!column.property\"\n        (click)=\"toggleSortOrder(column)\"\n        (keydown.space)=\"toggleSortOrderWithSpace($event, column)\"\n        [attr.aria-label]=\"getAriaLabel(column)\"\n        [attr.aria-sort]=\"column.order + 'ending'\"\n      >\n        <ng-container\n          *ngIf=\"\n            customHeaderTemplates.get(column.property) as thTemplate;\n            else defaultThTemplate\n          \"\n        >\n          <!-- Cannot infer thTemplate as TemplateRef therefore null -->\n          <ng-template\n            *ngTemplateOutlet=\"\n              thTemplate || null;\n              context: { $implicit: column }\n            \"\n          >\n          </ng-template>\n        </ng-container>\n\n        <ng-template #defaultThTemplate>\n          <button class=\"sg-table-sort\">\n            {{ t(column.label ?? '') }}\n          </button>\n        </ng-template>\n      </th>\n    </tr>\n  </thead>\n\n  <!-- Table body -->\n  <tbody [formGroup]=\"rowSelectors\">\n    <ng-container *ngFor=\"let item of tableData; let i = index\">\n      <tr\n        [attr.data-thook]=\"item | trThook: i : trThookFn\"\n        [attr.data-hasrowspan]=\"hasRowSpan(item)\"\n      >\n        <!-- Checkbox column for row -->\n        <td *ngIf=\"selectable\" class=\"column__check\">\n          <div class=\"gds-field-checkbox-wrap\">\n            <input\n              *ngIf=\"rowSelectors.get(item[rowId])\"\n              type=\"checkbox\"\n              [formControlName]=\"item[rowId]\"\n              [attr.aria-label]=\"ariaLabelCheckboxTr\"\n              [attr.id]=\"'cb_row__' + initId + '_' + i\"\n              [attr.data-thook]=\"'row-select-' + i\"\n            />\n            <label [attr.for]=\"'cb_row__' + initId + '_' + i\"></label>\n          </div>\n        </td>\n\n        <!-- Other columns -->\n        <td\n          *ngFor=\"let column of tableColumns\"\n          (click)=\"propagateItemClick(item, column.preventDefaultClickEvent)\"\n          [columnType]=\"column.valueType\"\n          [value]=\"item[column.property]\"\n        >\n          <ng-container\n            *ngIf=\"\n              customRowTemplates.get(column.property) as tdTemplate;\n              else defaultTdTemplate\n            \"\n          >\n            <!-- Cannot infer tdTemplate as TemplateRef therefore null -->\n            <ng-template\n              *ngTemplateOutlet=\"\n                tdTemplate || null;\n                context: { $implicit: item }\n              \"\n            >\n            </ng-template>\n          </ng-container>\n\n          <ng-template #defaultTdTemplate>\n            {{ item[column.property] }}\n          </ng-template>\n        </td>\n      </tr>\n\n      <!-- custom appended rows -->\n      <ng-container *ngIf=\"appendedRowsTemplateRef as trTemplate\">\n        <!-- Cannot infer trTemplate as TemplateRef therefore null -->\n        <ng-container\n          *ngTemplateOutlet=\"trTemplate || null; context: { $implicit: item }\"\n        >\n        </ng-container>\n      </ng-container>\n    </ng-container>\n  </tbody>\n\n  <!-- Table footer -->\n  <tfoot *ngIf=\"customFooterTemplateRef as trTemplate\">\n    <!-- Cannot infer trTemplate as TemplateRef therefore null -->\n    <ng-container *ngTemplateOutlet=\"trTemplate || null\"> </ng-container>\n  </tfoot>\n</table>\n","import { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\nimport { ReactiveFormsModule } from '@angular/forms'\nimport { TranslocoModule } from '@jsverse/transloco'\n\nimport { TableComponent } from './table.component'\nimport {\n  TableAppendableRowsTemplateDirective,\n  TableDirective,\n  TableFooterTemplateDirective,\n  TableTemplateDirective,\n} from './table.directive'\nimport { TrThookPipe } from './tr-thook.pipe'\n\n@NgModule({\n  declarations: [\n    TableComponent,\n    TableDirective,\n    TableTemplateDirective,\n    TableFooterTemplateDirective,\n    TableAppendableRowsTemplateDirective,\n  ],\n  imports: [CommonModule, ReactiveFormsModule, TranslocoModule, TrThookPipe],\n  exports: [\n    TableComponent,\n    TableTemplateDirective,\n    TableFooterTemplateDirective,\n    TableAppendableRowsTemplateDirective,\n  ],\n})\nexport class NggvTableModule {}\n","/*\n * Public API Surface of table\n */\n\nexport * from './table.component'\nexport * from './table.directive'\nexport * from './tr-thook.pipe'\nexport * from './table.models'\nexport * from './table.module'\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i4.TableDirective","i5.TrThookPipe"],"mappings":"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"}

package/fesm2022/sebgroup-green-angular-src-v-angular-tabs.mjs

@@ -0,0 +1,365 @@
+import * as i0 from '@angular/core';
+import { Directive, HostBinding, Input, QueryList, EventEmitter, Component, ContentChildren, Output, NgModule } from '@angular/core';
+import * as i1 from '@angular/router';
+import { NavigationEnd, RouterModule } from '@angular/router';
+import { filter } from 'rxjs/operators';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from '@jsverse/transloco';
+import { TranslocoModule } from '@jsverse/transloco';
+
+/**
+ * Directive that provides the tab container with data about its child tabs.
+ * The directive sets its own active state and adds aria attributes.
+ *
+ * @example
+ * <nggv-tabs>
+ *     <article tab="Tab title 1"> <!-- Content --> </article>
+ *     <article tab="Tab title 2" [active]="true"> <!-- Content --> </article>
+ *     <article tab="Tab title 3" disabled> <!-- Content --> </article>
+ *     <article tab="<strong>Tab title 4</strong>"> <!-- Content --> </article>
+ * </nggv-tabs>
+ */
+class TabDirective {
+    constructor() {
+        /** @internal */
+        this.baseClass = true;
+        /** @internal */
+        this.role = 'tabpanel';
+        /** Special property used for selecting DOM elements during automated UI testing. */
+        this.thook = 'tabs-panel';
+        /** Sets whether this tab should be the active tab on load. */
+        this.active = false;
+        /** Sets whether this tab should be able to be selected. */
+        this.disabled = false;
+    }
+    /** @internal */
+    get hidden() {
+        return !this.active;
+    }
+    /** @internal */
+    get attrId() {
+        return `panel-${this.id}`;
+    }
+    /** @internal */
+    get ariaLabelledby() {
+        return `tab-${this.id}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: TabDirective, selector: "[tab]", inputs: { thook: "thook", active: "active", tab: "tab", disabled: "disabled", id: "id" }, host: { properties: { "class.gds-tabs__panel": "this.baseClass", "attr.role": "this.role", "attr.data-thook": "this.thook", "class.-active": "this.active", "attr.hidden": "this.hidden", "attr.id": "this.attrId", "attr.aria-labelledby": "this.ariaLabelledby" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: '[tab]',
+                }]
+        }], propDecorators: { baseClass: [{
+                type: HostBinding,
+                args: ['class.gds-tabs__panel']
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], thook: [{
+                type: HostBinding,
+                args: ['attr.data-thook']
+            }, {
+                type: Input
+            }], active: [{
+                type: HostBinding,
+                args: ['class.-active']
+            }, {
+                type: Input
+            }], hidden: [{
+                type: HostBinding,
+                args: ['attr.hidden']
+            }], tab: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], attrId: [{
+                type: HostBinding,
+                args: ['attr.id']
+            }], ariaLabelledby: [{
+                type: HostBinding,
+                args: ['attr.aria-labelledby']
+            }] } });
+
+class TabsComponent {
+    constructor(router) {
+        this.router = router;
+        /** @internal */
+        this.baseClass = true;
+        /** Special property used for selecting DOM elements during automated UI testing. */
+        this.thook = 'tabs';
+        /** @internal List of children with a {@link TabDirective}. */
+        this.tabRefs = new QueryList();
+        /**
+         * List of tabs to generate, this should not be used in conjunction with children that have a {@link TabDirective}.
+         * It is useful for generating a list of tabs with links for navigation.
+         * If any tab has the link property, a `<router-outlet>` is added below the tabs list.
+         */
+        this.tabs = [];
+        /**
+         * Event triggered on initialization and every time the active tab changes.
+         * The tab change can be cancelled if event type is set to `'before'` and `cancel()` is called.
+         */
+        this.ngvTabSwitch = new EventEmitter();
+        /** @internal Adds a `<router-outlet>` below the tabs list. */
+        this.useRouting = false;
+        /** @internal If tab switching has started. */
+        this.isSwitching = false;
+        /** @internal */
+        this.subs = [];
+        /** @internal */
+        this.updateFromInput = () => {
+            // Make sure each tab has a unique id
+            this.tabs = TabsComponent.uniqueIds(this.tabs);
+            // Determine if router outlet should be used
+            this.useRouting = this.tabs.some(({ link }) => link);
+            this.updateTabs();
+        };
+        /** @internal */
+        this.updateFromReferences = () => {
+            this.tabs = this.tabRefs.map((tabRef) => ({
+                tab: tabRef.tab,
+                id: tabRef.id,
+                active: tabRef.active,
+                disabled: tabRef.disabled,
+                directive: tabRef,
+            }));
+            // Make sure each tab has a unique id
+            this.tabs = TabsComponent.uniqueIds(this.tabs);
+            this.tabs.forEach((tab) => {
+                if (tab.directive)
+                    tab.directive.id = tab.id;
+            });
+            this.updateTabs();
+        };
+    }
+    /** @internal */
+    static uniqueIds(tabs) {
+        const uniqueIds = new Set();
+        let offset = 0;
+        return tabs.map((tab, index) => {
+            if (tab.id && !uniqueIds.has(tab.id)) {
+                // Id is already unique
+                uniqueIds.add(tab.id);
+                return { ...tab };
+            }
+            else {
+                // If no id is set for the tab, use the next available index
+                while (uniqueIds.has(index + offset))
+                    offset++;
+                const id = index + offset;
+                if (uniqueIds.has(tab.id)) {
+                    console.warn(`Duplicate tab id "${tab.id}" found for tab "${tab.tab}", de-duplicating using index + offset. New tab id will be ${id}`);
+                }
+                uniqueIds.add(id);
+                return { ...tab, id };
+            }
+        });
+    }
+    ngOnChanges(changes) {
+        if (changes.tabs.currentValue) {
+            // Update tabs on property updates
+            this.updateFromInput();
+        }
+    }
+    ngOnInit() {
+        // Update tabs on route change
+        this.subs.push(this.router.events
+            .pipe(filter((e) => e instanceof NavigationEnd))
+            .subscribe((e) => {
+            // Skip if already routing to tab
+            if (this.isSwitching)
+                return;
+            const tab = this.tabs.find(({ link }) => link && e.url.endsWith(link));
+            if (tab) {
+                this.onSelect(tab.id);
+                if (tab.disabled) {
+                    // Fallback to previously selected tab or first tab not disabled
+                    const fallbackTab = this.selectedTab
+                        ? this.selectedTab
+                        : this.tabs.find(({ disabled }) => !disabled);
+                    if (fallbackTab && fallbackTab.link)
+                        this.router.navigateByUrl(fallbackTab.link);
+                }
+            }
+        }));
+    }
+    ngAfterContentInit() {
+        // Update tabs on view init
+        if (this.tabRefs.length) {
+            this.updateFromReferences();
+        }
+        // Update tabs on view child change
+        this.subs.push(this.tabRefs.changes.subscribe(this.updateFromReferences));
+    }
+    /** @internal */
+    updateTabs() {
+        const url = window.location.href;
+        // Select tab if its link matches active url
+        let selectedTab = this.tabs.find(({ link, disabled }) => link && !disabled && url.endsWith(link));
+        // Fallback to first active tab
+        if (!selectedTab)
+            selectedTab = this.tabs.find((tab) => tab.active);
+        // Fallback to first tab
+        if (!selectedTab)
+            selectedTab = this.tabs[0];
+        // Select or give up
+        if (selectedTab && this.selectedTab !== selectedTab)
+            this.onSelect(selectedTab.id);
+    }
+    ngOnDestroy() {
+        this.subs.forEach((sub) => sub.unsubscribe());
+    }
+    /** @internal */
+    activateTab(tab) {
+        // Deactivate all tabs
+        this.tabs.forEach((t) => {
+            t.active = false;
+            if (t.directive)
+                t.directive.active = false;
+        });
+        // Activate selected tab
+        tab.active = true;
+        if (tab.directive)
+            tab.directive.active = true;
+        // Send end event
+        this.ngvTabSwitch.emit({ type: 'end', prev: this.selectedTab, next: tab });
+        this.selectedTab = tab;
+        this.isSwitching = false;
+    }
+    /** @internal */
+    onSelect(id) {
+        const selectedTab = this.tabs.find((tab) => tab.id === id);
+        if (selectedTab &&
+            !selectedTab.disabled &&
+            selectedTab !== this.selectedTab) {
+            let cancelled = false;
+            // Events are synchronous and allow for tab switch to be cancelled if desired
+            this.isSwitching = true;
+            this.ngvTabSwitch.emit({
+                type: 'start',
+                prev: this.selectedTab,
+                next: selectedTab,
+                cancel: () => {
+                    cancelled = true;
+                },
+            });
+            if (cancelled) {
+                this.ngvTabSwitch.emit({
+                    type: 'cancel',
+                    prev: this.selectedTab,
+                    next: selectedTab,
+                });
+                this.isSwitching = false;
+                return;
+            }
+            if (selectedTab.link) {
+                // Navigate and wait for guard accept route
+                this.router
+                    .navigateByUrl(selectedTab.link, { replaceUrl: true })
+                    .then((changed) => {
+                    if (changed === false) {
+                        this.ngvTabSwitch.emit({
+                            type: 'cancel',
+                            prev: this.selectedTab,
+                            next: selectedTab,
+                        });
+                        this.isSwitching = false;
+                    }
+                    else
+                        this.activateTab(selectedTab);
+                });
+            }
+            else {
+                this.activateTab(selectedTab);
+            }
+        }
+    }
+    /** @internal */
+    onKeyDown(event) {
+        const tabElement = event.target;
+        if (!tabElement)
+            return false;
+        const parent = tabElement.parentElement;
+        switch (event.key) {
+            case 'End': // End
+                if (parent)
+                    this.tabFocusHelper(event, parent.lastElementChild);
+                break;
+            case 'Home': // Home
+                if (parent)
+                    this.tabFocusHelper(event, parent.firstElementChild);
+                break;
+            case 'LeftArrow': // Left arrow
+            case 'UpArrow': // Up arrow
+                this.tabFocusHelper(event, tabElement.previousElementSibling);
+                break;
+            case 'RightArrow': // Right arrow
+            case 'DownArrow': // Down arrow
+                this.tabFocusHelper(event, tabElement.nextElementSibling);
+                break;
+        }
+        return true;
+    }
+    /** @internal */
+    tabFocusHelper(event, tabElement) {
+        if (!tabElement || !(tabElement instanceof HTMLElement))
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        tabElement.focus();
+        this.onSelect(tabElement.id.slice(4));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabsComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TabsComponent, selector: "nggv-tabs", inputs: { thook: "thook", tabs: "tabs" }, outputs: { ngvTabSwitch: "ngvTabSwitch" }, host: { properties: { "class.gds-tabs": "this.baseClass", "attr.data-thook": "this.thook" } }, queries: [{ propertyName: "tabRefs", predicate: TabDirective }], usesOnChanges: true, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n  <div\n    class=\"gds-tabs__tablist\"\n    role=\"tablist\"\n    [attr.data-thook]=\"thook + '-list'\"\n    (keydown)=\"onKeyDown($event)\"\n  >\n    <button\n      class=\"gds-tabs__tab\"\n      [id]=\"'tab-' + (tab.id !== undefined ? tab.id : '')\"\n      role=\"tab\"\n      [attr.data-thook]=\"tab.thook || thook + '-tab'\"\n      [tabindex]=\"tab.active ? 0 : -1\"\n      [attr.aria-controls]=\"'panel-' + (tab.id !== undefined ? tab.id : '')\"\n      [attr.aria-selected]=\"tab.active\"\n      [class.-selected]=\"tab.active\"\n      [disabled]=\"tab.disabled\"\n      [innerHTML]=\"t(tab.tab)\"\n      (click)=\"onSelect(tab.id)\"\n      *ngFor=\"let tab of tabs\"\n    ></button>\n  </div>\n  <article\n    *ngIf=\"useRouting\"\n    class=\"gds-tabs__panel -active\"\n    [id]=\"'panel-' + (selectedTab ? selectedTab.id : '')\"\n    [attr.data-thook]=\"thook + '-panel'\"\n    [attr.aria-labelledby]=\"'tab-' + (selectedTab ? selectedTab.id : '')\"\n  >\n    <router-outlet></router-outlet>\n  </article>\n  <ng-content *ngIf=\"!useRouting\"></ng-content>\n</ng-container>\n", styles: [":host{--sg-border-width: 1px;--sg-border-color: #868686;--gds-ref-pallet-base600: #868686;--text-primary-color: #333}:host .gds-tabs__tablist{display:flex;overflow-x:auto;padding:.25rem;margin:-.25rem;--sg-border-color: var(--gds-ref-pallet-base600)}:host .gds-tabs__tablist::-webkit-scrollbar{display:none}:host .gds-tabs__tablist:not(.gds-tabs--fluid):after{border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);content:\"\";display:block;flex-grow:1}:host .gds-tabs__tab{background-color:transparent;border:0;cursor:pointer;padding:0;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);padding:.75rem 1rem;font-weight:500;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;display:flex;justify-content:center;color:var(--text-primary-color);text-align:center;text-decoration:none;white-space:nowrap;border-radius:.25rem .25rem 0 0;gap:.25rem;transition:none;font-size:1rem;font-family:inherit}:host .gds-tabs__tab:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host .gds-tabs__tab:focus:not(:focus-visible){box-shadow:none;outline:0}:host .gds-tabs__tab:focus,:host .gds-tabs__tab:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}.gds-tabs--fluid :host .gds-tabs__tab{flex:1}:host .gds-tabs__tab svg>*{fill:currentColor}:host .gds-tabs__tab.-selected{box-sizing:border-box;border-top:solid var(--sg-border-width) var(--sg-border-color);border-right:solid var(--sg-border-width) var(--sg-border-color);border-left:solid var(--sg-border-width) var(--sg-border-color);transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;border-top-left-radius:.25rem;border-top-right-radius:.25rem;border-bottom:var(--sg-border-width) transparent;color:var(--text-primary-color);transition:none;padding:11px 15px 12px}:host .gds-tabs__tab.-selected:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}:host .gds-tabs__tab[disabled]{color:#adadad;cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TabsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nggv-tabs', template: "<ng-container *transloco=\"let t\">\n  <div\n    class=\"gds-tabs__tablist\"\n    role=\"tablist\"\n    [attr.data-thook]=\"thook + '-list'\"\n    (keydown)=\"onKeyDown($event)\"\n  >\n    <button\n      class=\"gds-tabs__tab\"\n      [id]=\"'tab-' + (tab.id !== undefined ? tab.id : '')\"\n      role=\"tab\"\n      [attr.data-thook]=\"tab.thook || thook + '-tab'\"\n      [tabindex]=\"tab.active ? 0 : -1\"\n      [attr.aria-controls]=\"'panel-' + (tab.id !== undefined ? tab.id : '')\"\n      [attr.aria-selected]=\"tab.active\"\n      [class.-selected]=\"tab.active\"\n      [disabled]=\"tab.disabled\"\n      [innerHTML]=\"t(tab.tab)\"\n      (click)=\"onSelect(tab.id)\"\n      *ngFor=\"let tab of tabs\"\n    ></button>\n  </div>\n  <article\n    *ngIf=\"useRouting\"\n    class=\"gds-tabs__panel -active\"\n    [id]=\"'panel-' + (selectedTab ? selectedTab.id : '')\"\n    [attr.data-thook]=\"thook + '-panel'\"\n    [attr.aria-labelledby]=\"'tab-' + (selectedTab ? selectedTab.id : '')\"\n  >\n    <router-outlet></router-outlet>\n  </article>\n  <ng-content *ngIf=\"!useRouting\"></ng-content>\n</ng-container>\n", styles: [":host{--sg-border-width: 1px;--sg-border-color: #868686;--gds-ref-pallet-base600: #868686;--text-primary-color: #333}:host .gds-tabs__tablist{display:flex;overflow-x:auto;padding:.25rem;margin:-.25rem;--sg-border-color: var(--gds-ref-pallet-base600)}:host .gds-tabs__tablist::-webkit-scrollbar{display:none}:host .gds-tabs__tablist:not(.gds-tabs--fluid):after{border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);content:\"\";display:block;flex-grow:1}:host .gds-tabs__tab{background-color:transparent;border:0;cursor:pointer;padding:0;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);padding:.75rem 1rem;font-weight:500;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;display:flex;justify-content:center;color:var(--text-primary-color);text-align:center;text-decoration:none;white-space:nowrap;border-radius:.25rem .25rem 0 0;gap:.25rem;transition:none;font-size:1rem;font-family:inherit}:host .gds-tabs__tab:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host .gds-tabs__tab:focus:not(:focus-visible){box-shadow:none;outline:0}:host .gds-tabs__tab:focus,:host .gds-tabs__tab:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}.gds-tabs--fluid :host .gds-tabs__tab{flex:1}:host .gds-tabs__tab svg>*{fill:currentColor}:host .gds-tabs__tab.-selected{box-sizing:border-box;border-top:solid var(--sg-border-width) var(--sg-border-color);border-right:solid var(--sg-border-width) var(--sg-border-color);border-left:solid var(--sg-border-width) var(--sg-border-color);transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;border-top-left-radius:.25rem;border-top-right-radius:.25rem;border-bottom:var(--sg-border-width) transparent;color:var(--text-primary-color);transition:none;padding:11px 15px 12px}:host .gds-tabs__tab.-selected:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}:host .gds-tabs__tab[disabled]{color:#adadad;cursor:not-allowed}\n"] }]
+        }], ctorParameters: () => [{ type: i1.Router }], propDecorators: { baseClass: [{
+                type: HostBinding,
+                args: ['class.gds-tabs']
+            }], thook: [{
+                type: HostBinding,
+                args: ['attr.data-thook']
+            }, {
+                type: Input
+            }], tabRefs: [{
+                type: ContentChildren,
+                args: [TabDirective]
+            }], tabs: [{
+                type: Input
+            }], ngvTabSwitch: [{
+                type: Output
+            }] } });
+
+class NggvTabsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: NggvTabsModule, declarations: [TabDirective, TabsComponent], imports: [CommonModule, TranslocoModule, RouterModule], exports: [TabDirective, TabsComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvTabsModule, imports: [CommonModule, TranslocoModule, RouterModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvTabsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TabDirective, TabsComponent],
+                    imports: [CommonModule, TranslocoModule, RouterModule],
+                    exports: [TabDirective, TabsComponent],
+                }]
+        }] });
+
+/*
+ * Public API Surface of tabs
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NggvTabsModule, TabDirective, TabsComponent };
+//# sourceMappingURL=sebgroup-green-angular-src-v-angular-tabs.mjs.map

package/fesm2022/sebgroup-green-angular-src-v-angular-tabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sebgroup-green-angular-src-v-angular-tabs.mjs","sources":["../../../../libs/angular/src/v-angular/tabs/tab.directive.ts","../../../../libs/angular/src/v-angular/tabs/tabs.component.ts","../../../../libs/angular/src/v-angular/tabs/tabs.component.html","../../../../libs/angular/src/v-angular/tabs/tabs.module.ts","../../../../libs/angular/src/v-angular/tabs/index.ts","../../../../libs/angular/src/v-angular/tabs/sebgroup-green-angular-src-v-angular-tabs.ts"],"sourcesContent":["import { Directive, HostBinding, Input } from '@angular/core'\n\n/**\n * Directive that provides the tab container with data about its child tabs.\n * The directive sets its own active state and adds aria attributes.\n *\n * @example\n * <nggv-tabs>\n *     <article tab=\"Tab title 1\"> <!-- Content --> </article>\n *     <article tab=\"Tab title 2\" [active]=\"true\"> <!-- Content --> </article>\n *     <article tab=\"Tab title 3\" disabled> <!-- Content --> </article>\n *     <article tab=\"<strong>Tab title 4</strong>\"> <!-- Content --> </article>\n * </nggv-tabs>\n */\n@Directive({\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: '[tab]',\n})\nexport class TabDirective {\n  /** @internal */\n  @HostBinding('class.gds-tabs__panel') baseClass = true\n  /** @internal */\n  @HostBinding('attr.role') role = 'tabpanel'\n  /** Special property used for selecting DOM elements during automated UI testing. */\n  @HostBinding('attr.data-thook') @Input() thook: string | null | undefined =\n    'tabs-panel'\n  /** Sets whether this tab should be the active tab on load. */\n  @HostBinding('class.-active') @Input() active = false\n  /** @internal */\n  @HostBinding('attr.hidden') get hidden() {\n    return !this.active\n  }\n  /** Sets the title displayed in the tab list for this child. */\n  @Input() tab!: string\n  /** Sets whether this tab should be able to be selected. */\n  @Input() disabled = false\n  /** Identifier used for aria attributes and selection. */\n  @Input() id: string | number | undefined // todo: discuss if window.ngv.nextId() should be used\n\n  /** @internal */\n  @HostBinding('attr.id') get attrId() {\n    return `panel-${this.id}`\n  }\n\n  /** @internal */\n  @HostBinding('attr.aria-labelledby') get ariaLabelledby() {\n    return `tab-${this.id}`\n  }\n}\n","import {\n  AfterContentInit,\n  Component,\n  ContentChildren,\n  EventEmitter,\n  HostBinding,\n  Input,\n  OnChanges,\n  OnDestroy,\n  OnInit,\n  Output,\n  QueryList,\n  SimpleChanges,\n} from '@angular/core'\nimport { NavigationEnd, Router } from '@angular/router'\nimport { Subscription } from 'rxjs'\nimport { filter } from 'rxjs/operators'\n\nimport { TabDirective } from './tab.directive'\nimport { EventTabChange, Tab } from './tabs.models'\n\n@Component({\n  selector: 'nggv-tabs',\n  templateUrl: './tabs.component.html',\n  styleUrls: ['./tabs.component.scss'],\n})\nexport class TabsComponent\n  implements OnChanges, OnInit, AfterContentInit, OnDestroy\n{\n  /** @internal */\n  @HostBinding('class.gds-tabs') baseClass = true\n\n  /** Special property used for selecting DOM elements during automated UI testing. */\n  @HostBinding('attr.data-thook') @Input() thook: string | null | undefined =\n    'tabs'\n\n  /** @internal List of children with a {@link TabDirective}. */\n  @ContentChildren(TabDirective) tabRefs: QueryList<TabDirective> =\n    new QueryList()\n\n  /**\n   * List of tabs to generate, this should not be used in conjunction with children that have a {@link TabDirective}.\n   * It is useful for generating a list of tabs with links for navigation.\n   * If any tab has the link property, a `<router-outlet>` is added below the tabs list.\n   */\n  @Input() tabs: Tab[] = []\n\n  /**\n   * Event triggered on initialization and every time the active tab changes.\n   * The tab change can be cancelled if event type is set to `'before'` and `cancel()` is called.\n   */\n  @Output() public ngvTabSwitch = new EventEmitter<EventTabChange>()\n\n  /** @internal Adds a `<router-outlet>` below the tabs list. */\n  useRouting = false\n\n  /** @internal The currently active tab. */\n  selectedTab: Tab | undefined\n\n  /** @internal If tab switching has started. */\n  isSwitching = false\n\n  /** @internal */\n  protected subs: Subscription[] = []\n\n  constructor(protected router: Router) {}\n\n  /** @internal */\n  static uniqueIds(tabs: Tab[]) {\n    const uniqueIds = new Set()\n    let offset = 0\n    return tabs.map((tab, index) => {\n      if (tab.id && !uniqueIds.has(tab.id)) {\n        // Id is already unique\n        uniqueIds.add(tab.id)\n        return { ...tab }\n      } else {\n        // If no id is set for the tab, use the next available index\n        while (uniqueIds.has(index + offset)) offset++\n        const id = index + offset\n        if (uniqueIds.has(tab.id)) {\n          console.warn(\n            `Duplicate tab id \"${tab.id}\" found for tab \"${tab.tab}\", de-duplicating using index + offset. New tab id will be ${id}`,\n          )\n        }\n        uniqueIds.add(id)\n        return { ...tab, id }\n      }\n    })\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (changes.tabs.currentValue) {\n      // Update tabs on property updates\n      this.updateFromInput()\n    }\n  }\n\n  ngOnInit() {\n    // Update tabs on route change\n    this.subs.push(\n      this.router.events\n        .pipe(filter((e): e is NavigationEnd => e instanceof NavigationEnd))\n        .subscribe((e: NavigationEnd) => {\n          // Skip if already routing to tab\n          if (this.isSwitching) return\n          const tab = this.tabs.find(({ link }) => link && e.url.endsWith(link))\n          if (tab) {\n            this.onSelect(tab.id)\n            if (tab.disabled) {\n              // Fallback to previously selected tab or first tab not disabled\n              const fallbackTab = this.selectedTab\n                ? this.selectedTab\n                : this.tabs.find(({ disabled }) => !disabled)\n              if (fallbackTab && fallbackTab.link)\n                this.router.navigateByUrl(fallbackTab.link)\n            }\n          }\n        }),\n    )\n  }\n\n  ngAfterContentInit() {\n    // Update tabs on view init\n    if (this.tabRefs.length) {\n      this.updateFromReferences()\n    }\n    // Update tabs on view child change\n    this.subs.push(this.tabRefs.changes.subscribe(this.updateFromReferences))\n  }\n\n  /** @internal */\n  protected updateFromInput = () => {\n    // Make sure each tab has a unique id\n    this.tabs = TabsComponent.uniqueIds(this.tabs)\n    // Determine if router outlet should be used\n    this.useRouting = this.tabs.some(({ link }) => link)\n    this.updateTabs()\n  }\n\n  /** @internal */\n  protected updateFromReferences = () => {\n    this.tabs = this.tabRefs.map((tabRef) => ({\n      tab: tabRef.tab,\n      id: tabRef.id,\n      active: tabRef.active,\n      disabled: tabRef.disabled,\n      directive: tabRef,\n    }))\n    // Make sure each tab has a unique id\n    this.tabs = TabsComponent.uniqueIds(this.tabs)\n    this.tabs.forEach((tab) => {\n      if (tab.directive) tab.directive.id = tab.id\n    })\n    this.updateTabs()\n  }\n\n  /** @internal */\n  protected updateTabs() {\n    const url = window.location.href\n    // Select tab if its link matches active url\n    let selectedTab = this.tabs.find(\n      ({ link, disabled }) => link && !disabled && url.endsWith(link),\n    )\n    // Fallback to first active tab\n    if (!selectedTab) selectedTab = this.tabs.find((tab) => tab.active)\n    // Fallback to first tab\n    if (!selectedTab) selectedTab = this.tabs[0]\n    // Select or give up\n    if (selectedTab && this.selectedTab !== selectedTab)\n      this.onSelect(selectedTab.id)\n  }\n\n  ngOnDestroy() {\n    this.subs.forEach((sub) => sub.unsubscribe())\n  }\n\n  /** @internal */\n  protected activateTab(tab: Tab) {\n    // Deactivate all tabs\n    this.tabs.forEach((t) => {\n      t.active = false\n      if (t.directive) t.directive.active = false\n    })\n    // Activate selected tab\n    tab.active = true\n    if (tab.directive) tab.directive.active = true\n    // Send end event\n    this.ngvTabSwitch.emit({ type: 'end', prev: this.selectedTab, next: tab })\n    this.selectedTab = tab\n    this.isSwitching = false\n  }\n\n  /** @internal */\n  onSelect(id: string | number | undefined) {\n    const selectedTab = this.tabs.find((tab) => tab.id === id)\n    if (\n      selectedTab &&\n      !selectedTab.disabled &&\n      selectedTab !== this.selectedTab\n    ) {\n      let cancelled = false\n      // Events are synchronous and allow for tab switch to be cancelled if desired\n      this.isSwitching = true\n      this.ngvTabSwitch.emit({\n        type: 'start',\n        prev: this.selectedTab,\n        next: selectedTab,\n        cancel: () => {\n          cancelled = true\n        },\n      })\n      if (cancelled) {\n        this.ngvTabSwitch.emit({\n          type: 'cancel',\n          prev: this.selectedTab,\n          next: selectedTab,\n        })\n        this.isSwitching = false\n        return\n      }\n      if (selectedTab.link) {\n        // Navigate and wait for guard accept route\n        this.router\n          .navigateByUrl(selectedTab.link, { replaceUrl: true })\n          .then((changed) => {\n            if (changed === false) {\n              this.ngvTabSwitch.emit({\n                type: 'cancel',\n                prev: this.selectedTab,\n                next: selectedTab,\n              })\n              this.isSwitching = false\n            } else this.activateTab(selectedTab)\n          })\n      } else {\n        this.activateTab(selectedTab)\n      }\n    }\n  }\n\n  /** @internal */\n  onKeyDown(event: KeyboardEvent) {\n    const tabElement = event.target as HTMLElement\n    if (!tabElement) return false\n    const parent = tabElement.parentElement\n    switch (event.key) {\n      case 'End': // End\n        if (parent)\n          this.tabFocusHelper(event, parent.lastElementChild as HTMLElement)\n        break\n\n      case 'Home': // Home\n        if (parent)\n          this.tabFocusHelper(event, parent.firstElementChild as HTMLElement)\n        break\n\n      case 'LeftArrow': // Left arrow\n      case 'UpArrow': // Up arrow\n        this.tabFocusHelper(\n          event,\n          tabElement.previousElementSibling as HTMLElement,\n        )\n        break\n\n      case 'RightArrow': // Right arrow\n      case 'DownArrow': // Down arrow\n        this.tabFocusHelper(event, tabElement.nextElementSibling as HTMLElement)\n        break\n    }\n    return true\n  }\n\n  /** @internal */\n  protected tabFocusHelper(event: KeyboardEvent, tabElement: HTMLElement) {\n    if (!tabElement || !(tabElement instanceof HTMLElement)) return\n    event.preventDefault()\n    event.stopPropagation()\n    tabElement.focus()\n    this.onSelect(tabElement.id.slice(4))\n  }\n}\n","<ng-container *transloco=\"let t\">\n  <div\n    class=\"gds-tabs__tablist\"\n    role=\"tablist\"\n    [attr.data-thook]=\"thook + '-list'\"\n    (keydown)=\"onKeyDown($event)\"\n  >\n    <button\n      class=\"gds-tabs__tab\"\n      [id]=\"'tab-' + (tab.id !== undefined ? tab.id : '')\"\n      role=\"tab\"\n      [attr.data-thook]=\"tab.thook || thook + '-tab'\"\n      [tabindex]=\"tab.active ? 0 : -1\"\n      [attr.aria-controls]=\"'panel-' + (tab.id !== undefined ? tab.id : '')\"\n      [attr.aria-selected]=\"tab.active\"\n      [class.-selected]=\"tab.active\"\n      [disabled]=\"tab.disabled\"\n      [innerHTML]=\"t(tab.tab)\"\n      (click)=\"onSelect(tab.id)\"\n      *ngFor=\"let tab of tabs\"\n    ></button>\n  </div>\n  <article\n    *ngIf=\"useRouting\"\n    class=\"gds-tabs__panel -active\"\n    [id]=\"'panel-' + (selectedTab ? selectedTab.id : '')\"\n    [attr.data-thook]=\"thook + '-panel'\"\n    [attr.aria-labelledby]=\"'tab-' + (selectedTab ? selectedTab.id : '')\"\n  >\n    <router-outlet></router-outlet>\n  </article>\n  <ng-content *ngIf=\"!useRouting\"></ng-content>\n</ng-container>\n","import { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\nimport { RouterModule } from '@angular/router'\nimport { TranslocoModule } from '@jsverse/transloco'\n\nimport { TabDirective } from './tab.directive'\nimport { TabsComponent } from './tabs.component'\n\n@NgModule({\n  declarations: [TabDirective, TabsComponent],\n  imports: [CommonModule, TranslocoModule, RouterModule],\n  exports: [TabDirective, TabsComponent],\n})\nexport class NggvTabsModule {}\n","/*\n * Public API Surface of tabs\n */\n\nexport * from './tab.directive'\nexport * from './tabs.component'\nexport * from './tabs.models'\nexport * from './tabs.module'\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AAEA;;;;;;;;;;;AAWG;MAKU,YAAY,CAAA;AAJzB,IAAA,WAAA,GAAA;;QAMwC,IAAS,CAAA,SAAA,GAAG,IAAI,CAAA;;QAE5B,IAAI,CAAA,IAAA,GAAG,UAAU,CAAA;;QAEF,IAAK,CAAA,KAAA,GAC5C,YAAY,CAAA;;QAEyB,IAAM,CAAA,MAAA,GAAG,KAAK,CAAA;;QAQ5C,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAA;AAa1B,KAAA;;AAnBC,IAAA,IAAgC,MAAM,GAAA;AACpC,QAAA,OAAO,CAAC,IAAI,CAAC,MAAM,CAAA;KACpB;;AASD,IAAA,IAA4B,MAAM,GAAA;AAChC,QAAA,OAAO,CAAS,MAAA,EAAA,IAAI,CAAC,EAAE,EAAE,CAAA;KAC1B;;AAGD,IAAA,IAAyC,cAAc,GAAA;AACrD,QAAA,OAAO,CAAO,IAAA,EAAA,IAAI,CAAC,EAAE,EAAE,CAAA;KACxB;+GA7BU,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;mGAAZ,YAAY,EAAA,QAAA,EAAA,OAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,GAAA,EAAA,KAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,uBAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,eAAA,EAAA,aAAA,EAAA,aAAA,EAAA,aAAA,EAAA,SAAA,EAAA,aAAA,EAAA,sBAAA,EAAA,qBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;4FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBAJxB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;;AAET,oBAAA,QAAQ,EAAE,OAAO;AAClB,iBAAA,CAAA;8BAGuC,SAAS,EAAA,CAAA;sBAA9C,WAAW;uBAAC,uBAAuB,CAAA;gBAEV,IAAI,EAAA,CAAA;sBAA7B,WAAW;uBAAC,WAAW,CAAA;gBAEiB,KAAK,EAAA,CAAA;sBAA7C,WAAW;uBAAC,iBAAiB,CAAA;;sBAAG,KAAK;gBAGC,MAAM,EAAA,CAAA;sBAA5C,WAAW;uBAAC,eAAe,CAAA;;sBAAG,KAAK;gBAEJ,MAAM,EAAA,CAAA;sBAArC,WAAW;uBAAC,aAAa,CAAA;gBAIjB,GAAG,EAAA,CAAA;sBAAX,KAAK;gBAEG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBAEG,EAAE,EAAA,CAAA;sBAAV,KAAK;gBAGsB,MAAM,EAAA,CAAA;sBAAjC,WAAW;uBAAC,SAAS,CAAA;gBAKmB,cAAc,EAAA,CAAA;sBAAtD,WAAW;uBAAC,sBAAsB,CAAA;;;MCnBxB,aAAa,CAAA;AAuCxB,IAAA,WAAA,CAAsB,MAAc,EAAA;QAAd,IAAM,CAAA,MAAA,GAAN,MAAM,CAAQ;;QAnCL,IAAS,CAAA,SAAA,GAAG,IAAI,CAAA;;QAGN,IAAK,CAAA,KAAA,GAC5C,MAAM,CAAA;;AAGuB,QAAA,IAAA,CAAA,OAAO,GACpC,IAAI,SAAS,EAAE,CAAA;AAEjB;;;;AAIG;QACM,IAAI,CAAA,IAAA,GAAU,EAAE,CAAA;AAEzB;;;AAGG;AACc,QAAA,IAAA,CAAA,YAAY,GAAG,IAAI,YAAY,EAAkB,CAAA;;QAGlE,IAAU,CAAA,UAAA,GAAG,KAAK,CAAA;;QAMlB,IAAW,CAAA,WAAA,GAAG,KAAK,CAAA;;QAGT,IAAI,CAAA,IAAA,GAAmB,EAAE,CAAA;;QAqEzB,IAAe,CAAA,eAAA,GAAG,MAAK;;YAE/B,IAAI,CAAC,IAAI,GAAG,aAAa,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;;AAE9C,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC,CAAA;YACpD,IAAI,CAAC,UAAU,EAAE,CAAA;AACnB,SAAC,CAAA;;QAGS,IAAoB,CAAA,oBAAA,GAAG,MAAK;AACpC,YAAA,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,MAAM;gBACxC,GAAG,EAAE,MAAM,CAAC,GAAG;gBACf,EAAE,EAAE,MAAM,CAAC,EAAE;gBACb,MAAM,EAAE,MAAM,CAAC,MAAM;gBACrB,QAAQ,EAAE,MAAM,CAAC,QAAQ;AACzB,gBAAA,SAAS,EAAE,MAAM;AAClB,aAAA,CAAC,CAAC,CAAA;;YAEH,IAAI,CAAC,IAAI,GAAG,aAAa,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YAC9C,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;gBACxB,IAAI,GAAG,CAAC,SAAS;oBAAE,GAAG,CAAC,SAAS,CAAC,EAAE,GAAG,GAAG,CAAC,EAAE,CAAA;AAC9C,aAAC,CAAC,CAAA;YACF,IAAI,CAAC,UAAU,EAAE,CAAA;AACnB,SAAC,CAAA;KA1FuC;;IAGxC,OAAO,SAAS,CAAC,IAAW,EAAA;AAC1B,QAAA,MAAM,SAAS,GAAG,IAAI,GAAG,EAAE,CAAA;QAC3B,IAAI,MAAM,GAAG,CAAC,CAAA;QACd,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,KAAI;AAC7B,YAAA,IAAI,GAAG,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE;;AAEpC,gBAAA,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA;AACrB,gBAAA,OAAO,EAAE,GAAG,GAAG,EAAE,CAAA;aAClB;iBAAM;;AAEL,gBAAA,OAAO,SAAS,CAAC,GAAG,CAAC,KAAK,GAAG,MAAM,CAAC;AAAE,oBAAA,MAAM,EAAE,CAAA;AAC9C,gBAAA,MAAM,EAAE,GAAG,KAAK,GAAG,MAAM,CAAA;gBACzB,IAAI,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE;AACzB,oBAAA,OAAO,CAAC,IAAI,CACV,CAAA,kBAAA,EAAqB,GAAG,CAAC,EAAE,CAAoB,iBAAA,EAAA,GAAG,CAAC,GAAG,CAAA,2DAAA,EAA8D,EAAE,CAAA,CAAE,CACzH,CAAA;iBACF;AACD,gBAAA,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA;AACjB,gBAAA,OAAO,EAAE,GAAG,GAAG,EAAE,EAAE,EAAE,CAAA;aACtB;AACH,SAAC,CAAC,CAAA;KACH;AAED,IAAA,WAAW,CAAC,OAAsB,EAAA;AAChC,QAAA,IAAI,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE;;YAE7B,IAAI,CAAC,eAAe,EAAE,CAAA;SACvB;KACF;IAED,QAAQ,GAAA;;QAEN,IAAI,CAAC,IAAI,CAAC,IAAI,CACZ,IAAI,CAAC,MAAM,CAAC,MAAM;AACf,aAAA,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,KAAyB,CAAC,YAAY,aAAa,CAAC,CAAC;AACnE,aAAA,SAAS,CAAC,CAAC,CAAgB,KAAI;;YAE9B,IAAI,IAAI,CAAC,WAAW;gBAAE,OAAM;YAC5B,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,IAAI,IAAI,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAA;YACtE,IAAI,GAAG,EAAE;AACP,gBAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA;AACrB,gBAAA,IAAI,GAAG,CAAC,QAAQ,EAAE;;AAEhB,oBAAA,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW;0BAChC,IAAI,CAAC,WAAW;AAClB,0BAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAA;AAC/C,oBAAA,IAAI,WAAW,IAAI,WAAW,CAAC,IAAI;wBACjC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;iBAC9C;aACF;SACF,CAAC,CACL,CAAA;KACF;IAED,kBAAkB,GAAA;;AAEhB,QAAA,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;YACvB,IAAI,CAAC,oBAAoB,EAAE,CAAA;SAC5B;;AAED,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAA;KAC1E;;IA6BS,UAAU,GAAA;AAClB,QAAA,MAAM,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAA;;AAEhC,QAAA,IAAI,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAC9B,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,IAAI,IAAI,CAAC,QAAQ,IAAI,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,CAChE,CAAA;;AAED,QAAA,IAAI,CAAC,WAAW;AAAE,YAAA,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,MAAM,CAAC,CAAA;;AAEnE,QAAA,IAAI,CAAC,WAAW;AAAE,YAAA,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;;AAE5C,QAAA,IAAI,WAAW,IAAI,IAAI,CAAC,WAAW,KAAK,WAAW;AACjD,YAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,CAAA;KAChC;IAED,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,WAAW,EAAE,CAAC,CAAA;KAC9C;;AAGS,IAAA,WAAW,CAAC,GAAQ,EAAA;;QAE5B,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,KAAI;AACtB,YAAA,CAAC,CAAC,MAAM,GAAG,KAAK,CAAA;YAChB,IAAI,CAAC,CAAC,SAAS;AAAE,gBAAA,CAAC,CAAC,SAAS,CAAC,MAAM,GAAG,KAAK,CAAA;AAC7C,SAAC,CAAC,CAAA;;AAEF,QAAA,GAAG,CAAC,MAAM,GAAG,IAAI,CAAA;QACjB,IAAI,GAAG,CAAC,SAAS;AAAE,YAAA,GAAG,CAAC,SAAS,CAAC,MAAM,GAAG,IAAI,CAAA;;QAE9C,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAAA;AAC1E,QAAA,IAAI,CAAC,WAAW,GAAG,GAAG,CAAA;AACtB,QAAA,IAAI,CAAC,WAAW,GAAG,KAAK,CAAA;KACzB;;AAGD,IAAA,QAAQ,CAAC,EAA+B,EAAA;AACtC,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,CAAA;AAC1D,QAAA,IACE,WAAW;YACX,CAAC,WAAW,CAAC,QAAQ;AACrB,YAAA,WAAW,KAAK,IAAI,CAAC,WAAW,EAChC;YACA,IAAI,SAAS,GAAG,KAAK,CAAA;;AAErB,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAA;AACvB,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;AACrB,gBAAA,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,IAAI,CAAC,WAAW;AACtB,gBAAA,IAAI,EAAE,WAAW;gBACjB,MAAM,EAAE,MAAK;oBACX,SAAS,GAAG,IAAI,CAAA;iBACjB;AACF,aAAA,CAAC,CAAA;YACF,IAAI,SAAS,EAAE;AACb,gBAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;AACrB,oBAAA,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,IAAI,CAAC,WAAW;AACtB,oBAAA,IAAI,EAAE,WAAW;AAClB,iBAAA,CAAC,CAAA;AACF,gBAAA,IAAI,CAAC,WAAW,GAAG,KAAK,CAAA;gBACxB,OAAM;aACP;AACD,YAAA,IAAI,WAAW,CAAC,IAAI,EAAE;;AAEpB,gBAAA,IAAI,CAAC,MAAM;qBACR,aAAa,CAAC,WAAW,CAAC,IAAI,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC;AACrD,qBAAA,IAAI,CAAC,CAAC,OAAO,KAAI;AAChB,oBAAA,IAAI,OAAO,KAAK,KAAK,EAAE;AACrB,wBAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;AACrB,4BAAA,IAAI,EAAE,QAAQ;4BACd,IAAI,EAAE,IAAI,CAAC,WAAW;AACtB,4BAAA,IAAI,EAAE,WAAW;AAClB,yBAAA,CAAC,CAAA;AACF,wBAAA,IAAI,CAAC,WAAW,GAAG,KAAK,CAAA;qBACzB;;AAAM,wBAAA,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,CAAA;AACtC,iBAAC,CAAC,CAAA;aACL;iBAAM;AACL,gBAAA,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,CAAA;aAC9B;SACF;KACF;;AAGD,IAAA,SAAS,CAAC,KAAoB,EAAA;AAC5B,QAAA,MAAM,UAAU,GAAG,KAAK,CAAC,MAAqB,CAAA;AAC9C,QAAA,IAAI,CAAC,UAAU;AAAE,YAAA,OAAO,KAAK,CAAA;AAC7B,QAAA,MAAM,MAAM,GAAG,UAAU,CAAC,aAAa,CAAA;AACvC,QAAA,QAAQ,KAAK,CAAC,GAAG;YACf,KAAK,KAAK;AACR,gBAAA,IAAI,MAAM;oBACR,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,gBAA+B,CAAC,CAAA;gBACpE,MAAK;YAEP,KAAK,MAAM;AACT,gBAAA,IAAI,MAAM;oBACR,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,iBAAgC,CAAC,CAAA;gBACrE,MAAK;YAEP,KAAK,WAAW,CAAC;YACjB,KAAK,SAAS;gBACZ,IAAI,CAAC,cAAc,CACjB,KAAK,EACL,UAAU,CAAC,sBAAqC,CACjD,CAAA;gBACD,MAAK;YAEP,KAAK,YAAY,CAAC;YAClB,KAAK,WAAW;gBACd,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,UAAU,CAAC,kBAAiC,CAAC,CAAA;gBACxE,MAAK;SACR;AACD,QAAA,OAAO,IAAI,CAAA;KACZ;;IAGS,cAAc,CAAC,KAAoB,EAAE,UAAuB,EAAA;QACpE,IAAI,CAAC,UAAU,IAAI,EAAE,UAAU,YAAY,WAAW,CAAC;YAAE,OAAM;QAC/D,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,UAAU,CAAC,KAAK,EAAE,CAAA;AAClB,QAAA,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;KACtC;+GA9PU,aAAa,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;mGAAb,aAAa,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,gBAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,SAAA,EAWP,YAAY,EAAA,CAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECrC/B,mmCAiCA,EAAA,MAAA,EAAA,CAAA,0yEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,qBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;4FDPa,aAAa,EAAA,UAAA,EAAA,CAAA;kBALzB,SAAS;+BACE,WAAW,EAAA,QAAA,EAAA,mmCAAA,EAAA,MAAA,EAAA,CAAA,0yEAAA,CAAA,EAAA,CAAA;2EAQU,SAAS,EAAA,CAAA;sBAAvC,WAAW;uBAAC,gBAAgB,CAAA;gBAGY,KAAK,EAAA,CAAA;sBAA7C,WAAW;uBAAC,iBAAiB,CAAA;;sBAAG,KAAK;gBAIP,OAAO,EAAA,CAAA;sBAArC,eAAe;uBAAC,YAAY,CAAA;gBAQpB,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBAMW,YAAY,EAAA,CAAA;sBAA5B,MAAM;;;MEtCI,cAAc,CAAA;+GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,EAJV,YAAA,EAAA,CAAA,YAAY,EAAE,aAAa,CAChC,EAAA,OAAA,EAAA,CAAA,YAAY,EAAE,eAAe,EAAE,YAAY,CAC3C,EAAA,OAAA,EAAA,CAAA,YAAY,EAAE,aAAa,CAAA,EAAA,CAAA,CAAA,EAAA;AAE1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,EAHf,OAAA,EAAA,CAAA,YAAY,EAAE,eAAe,EAAE,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAG1C,cAAc,EAAA,UAAA,EAAA,CAAA;kBAL1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC;AAC3C,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,eAAe,EAAE,YAAY,CAAC;AACtD,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC;AACvC,iBAAA,CAAA;;;ACZD;;AAEG;;ACFH;;AAEG;;;;"}