npm - @onemrvapublic/design-system-demos - Versions diffs - 22.5.1-develop.3 → 22.6.0-develop.1 - Mend

@onemrvapublic/design-system-demos 22.5.1-develop.3 → 22.6.0-develop.1

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

Files changed (4) hide show

package/browser/assets/demos-manifest.json +1 -1
package/browser/assets/json/table-entrypoint.json +1 -1
package/browser/main.js +2 -2
package/package.json +1 -1

package/browser/assets/demos-manifest.json CHANGED Viewed

	@@ -1 +1 @@
1	- [{"slug":"address","name":"Address","description":"","thumbnail":"","permalink":"/demos/address"},{"slug":"address-input","name":"Address Input","description":"","thumbnail":"","permalink":"/demos/address-input"},{"slug":"autocomplete","name":"Autocomplete","description":"","thumbnail":"","permalink":"/demos/autocomplete"},{"slug":"avatar","name":"Avatar","description":"","thumbnail":"","permalink":"/demos/avatar"},{"slug":"badge","name":"Badge","description":"","thumbnail":"","permalink":"/demos/badge"},{"slug":"bank-input","name":"Bank Input","description":"","thumbnail":"","permalink":"/demos/bank-input"},{"slug":"bce-pipe","name":"BCE pipe","description":"","thumbnail":"","permalink":"/demos/bce-pipe"},{"slug":"birthplace-input","name":"Birthplace input","description":"","thumbnail":"","permalink":"/demos/birthplace-input"},{"slug":"breadcrumb","name":"Breadcrumb","description":"","thumbnail":"","permalink":"/demos/breadcrumb"},{"slug":"button","name":"Button","description":"","thumbnail":"","permalink":"/demos/button"},{"slug":"button-loading","name":"Button Loading","description":"","thumbnail":"","permalink":"/demos/button-loading"},{"slug":"button-toggle","name":"Button Toggle","description":"","thumbnail":"","permalink":"/demos/button-toggle"},{"slug":"card","name":"Card","description":"Content card with an optional image, label, title, subtitle, description and help tooltip. The card is not clickable as a whole: it can hold buttons, so a card-wide click target would nest interactive elements. Put the action in the cardActions slot instead.","thumbnail":"","permalink":"/demos/card"},{"slug":"checkbox","name":"Checkbox","description":"","thumbnail":"","permalink":"/demos/checkbox"},{"slug":"chips","name":"Chips","description":"","thumbnail":"","permalink":"/demos/chips"},{"slug":"collapsible-page-divider","name":"Collapsible Page Divider","description":"","thumbnail":"","permalink":"/demos/collapsible-page-divider"},{"slug":"copy-to-clipboard","name":"Copy to clipboard","description":"","thumbnail":"","permalink":"/demos/copy-to-clipboard"},{"slug":"country-input","name":"Country Input","description":"","thumbnail":"","permalink":"/demos/country-input"},{"slug":"datepicker","name":"Date Picker","description":"","thumbnail":"","permalink":"/demos/datepicker"},{"slug":"datepicker-luxon","name":"Date Picker Luxon","description":"","thumbnail":"","permalink":"/demos/datepicker-luxon"},{"slug":"datepicker-month-year","name":"Date Picker Month Year ","description":"","thumbnail":"","permalink":"/demos/datepicker-month-year"},{"slug":"daterangepicker","name":"Date Range Picker","description":"","thumbnail":"","permalink":"/demos/daterangepicker"},{"slug":"dialog","name":"Dialog","description":"","thumbnail":"","permalink":"/demos/dialog"},{"slug":"dialog-content","name":"Dialog Content","description":"","thumbnail":"","permalink":"/demos/dialog-content"},{"slug":"digit-only","name":"Digit Only directive","description":"","thumbnail":"","permalink":"/demos/digit-only"},{"slug":"drag-and-drop","name":"Drag and drop","description":"","thumbnail":"","permalink":"/demos/drag-and-drop"},{"slug":"drawer","name":"Drawer","description":"","thumbnail":"","permalink":"/demos/drawer"},{"slug":"empty","name":"Empty","description":"","thumbnail":"","permalink":"/demos/empty"},{"slug":"enterprise-number-input","name":"Enterprise number (VIES)","description":"","thumbnail":"","permalink":"/demos/enterprise-number-input"},{"slug":"error","name":"Page Error","description":"","thumbnail":"","permalink":"/demos/error"},{"slug":"error-handler","name":"Error Handler","description":"","thumbnail":"","permalink":"/demos/error-handler"},{"slug":"fab","name":"FAB","description":"","thumbnail":"","permalink":"/demos/fab"},{"slug":"file-panel","name":"File Panel","description":"","thumbnail":"","permalink":"/demos/file-panel"},{"slug":"file-upload","name":"File Upload","description":"","thumbnail":"","permalink":"/demos/file-upload"},{"slug":"file-upload-manual","name":"File Upload Manual","description":"","thumbnail":"","permalink":"/demos/file-upload-manual"},{"slug":"form","name":"Form","description":"","thumbnail":"","permalink":"/demos/form"},{"slug":"grid","name":"Grid","description":"","thumbnail":"","permalink":"/demos/grid"},{"slug":"horizontal-stepper","name":"Stepper (horizontal)","description":"","thumbnail":"","permalink":"/demos/horizontal-stepper"},{"slug":"icon","name":"Icon","description":"","thumbnail":"","permalink":"/demos/icon"},{"slug":"icon-button","name":"Icon Button","description":"","thumbnail":"","permalink":"/demos/icon-button"},{"slug":"if-width-is","name":"If width is","description":"","thumbnail":"","permalink":"/demos/if-width-is"},{"slug":"jsonform","name":"JSON Forms","description":"","thumbnail":"","permalink":"/demos/jsonform"},{"slug":"language-switcher","name":"Language switcher","description":"","thumbnail":"","permalink":"/demos/language-switcher"},{"slug":"layout","name":"Layout and drawer","description":"","thumbnail":"","permalink":"/demos/layout"},{"slug":"link","name":"Link","description":"","thumbnail":"","permalink":"/demos/link"},{"slug":"mask","name":"Mask","description":"","thumbnail":"","permalink":"/demos/mask"},{"slug":"menu","name":"Menu","description":"","thumbnail":"","permalink":"/demos/menu"},{"slug":"message-box","name":"Message box","description":"","thumbnail":"","permalink":"/demos/message-box"},{"slug":"multiselect","name":"Multi Select","description":"","thumbnail":"","permalink":"/demos/multiselect"},{"slug":"niss-pipe","name":"NISS pipe","description":"","thumbnail":"","permalink":"/demos/niss-pipe"},{"slug":"not-found","name":"Page not found","description":"","thumbnail":"","permalink":"/demos/not-found"},{"slug":"notification","name":"Notification","description":"","thumbnail":"","permalink":"/demos/notification"},{"slug":"overlay","name":"Overlay","description":"","thumbnail":"","permalink":"/demos/overlay"},{"slug":"paginator","name":"Paginator","description":"","thumbnail":"","permalink":"/demos/paginator"},{"slug":"palette","name":"Palette","description":"","thumbnail":"","permalink":"/demos/palette"},{"slug":"panel","name":"Panel","description":"","thumbnail":"","permalink":"/demos/panel"},{"slug":"phone-input","name":"Phone Input","description":"","thumbnail":"","permalink":"/demos/phone-input"},{"slug":"pop-over","name":"PopOver","description":"","thumbnail":"","permalink":"/demos/pop-over"},{"slug":"progress-bar","name":"ProgressBar","description":"","thumbnail":"","permalink":"/demos/progress-bar"},{"slug":"radio","name":"Radio","description":"","thumbnail":"","permalink":"/demos/radio"},{"slug":"rxjs-combine-operators","name":"Rxjs Combine Operators","description":"","thumbnail":"","permalink":"/demos/rxjs-combine-operators"},{"slug":"rxjs-complex-case","name":"Rxjs Complex case","description":"","thumbnail":"","permalink":"/demos/rxjs-complex-case"},{"slug":"rxjs-flattening-operators","name":"Rxjs Flattening Operators","description":"","thumbnail":"","permalink":"/demos/rxjs-flattening-operators"},{"slug":"rxjs-observable","name":"Rxjs Observable","description":"","thumbnail":"","permalink":"/demos/rxjs-observable"},{"slug":"rxjs-subject","name":"Rxjs Subject","description":"","thumbnail":"","permalink":"/demos/rxjs-subject"},{"slug":"select","name":"Select","description":"","thumbnail":"","permalink":"/demos/select"},{"slug":"selectable-box","name":"Selectable box","description":"","thumbnail":"","permalink":"/demos/selectable-box"},{"slug":"side-menu","name":"Side menu","description":"","thumbnail":"","permalink":"/demos/side-menu"},{"slug":"skeleton","name":"Skeleton","description":"","thumbnail":"","permalink":"/demos/skeleton"},{"slug":"slide-toggle","name":"Slide toggle","description":"","thumbnail":"","permalink":"/demos/slide-toggle"},{"slug":"spacing","name":"Spacing","description":"","thumbnail":"","permalink":"/demos/spacing"},{"slug":"spinner","name":"Spinner","description":"","thumbnail":"","permalink":"/demos/spinner"},{"slug":"sticker","name":"Sticker","description":"","thumbnail":"","permalink":"/demos/sticker"},{"slug":"summary-stepper","name":"Stepper (with Summary)","description":"","thumbnail":"","permalink":"/demos/summary-stepper"},{"slug":"tab","name":"Tab","description":"","thumbnail":"","permalink":"/demos/tab"},{"slug":"table","name":"Table","description":"","thumbnail":"","permalink":"/demos/table"},{"slug":"table-dialog-content","name":"Table Dialog Content","description":"","thumbnail":"","permalink":"/demos/table-dialog-content"},{"slug":"table-entrypoint","name":"Table Entrypoint","description":"","thumbnail":"","permalink":"/demos/table-entrypoint"},{"slug":"task-list","name":"Task list","description":"","thumbnail":"","permalink":"/demos/task-list"},{"slug":"text-input","name":"Text Input","description":"","thumbnail":"","permalink":"/demos/text-input"},{"slug":"textarea","name":"Textarea","description":"","thumbnail":"","permalink":"/demos/textarea"},{"slug":"timeline","name":"Timeline","description":"Plot dated periods on a horizontal, year-based timeline. Overlapping periods stack into rows and take their color from the legend, with month/day zoom, selection, tooltips, filters, and an optional full-size mode.","thumbnail":"assets/thumbnails/timeline-thumbnail.png","permalink":"/demos/timeline"},{"slug":"timepicker","name":"Timepicker","description":"","thumbnail":"","permalink":"/demos/timepicker"},{"slug":"toast","name":"Toast","description":"","thumbnail":"","permalink":"/demos/toast"},{"slug":"toc","name":"Table of content","description":"","thumbnail":"","permalink":"/demos/toc"},{"slug":"toolbar","name":"Toolbar","description":"","thumbnail":"","permalink":"/demos/toolbar"},{"slug":"tooltip","name":"Tooltip","description":"","thumbnail":"","permalink":"/demos/tooltip"},{"slug":"typography","name":"Typography","description":"","thumbnail":"","permalink":"/demos/typography"},{"slug":"validators","name":"Validators","description":"","thumbnail":"","permalink":"/demos/validators"},{"slug":"week-navigator","name":"Week navigator","description":"Step through ISO weeks with a back and forward arrow. Shows the week number and its Monday to Friday range, computed with Luxon and formatted in the active locale.","thumbnail":"","permalink":"/demos/week-navigator"}]
1	+ [{"slug":"address","name":"Address","description":"","thumbnail":"","permalink":"/demos/address"},{"slug":"address-input","name":"Address Input","description":"","thumbnail":"","permalink":"/demos/address-input"},{"slug":"autocomplete","name":"Autocomplete","description":"","thumbnail":"","permalink":"/demos/autocomplete"},{"slug":"avatar","name":"Avatar","description":"","thumbnail":"","permalink":"/demos/avatar"},{"slug":"badge","name":"Badge","description":"","thumbnail":"","permalink":"/demos/badge"},{"slug":"bank-input","name":"Bank Input","description":"","thumbnail":"","permalink":"/demos/bank-input"},{"slug":"bce-pipe","name":"BCE pipe","description":"","thumbnail":"","permalink":"/demos/bce-pipe"},{"slug":"birthplace-input","name":"Birthplace input","description":"","thumbnail":"","permalink":"/demos/birthplace-input"},{"slug":"breadcrumb","name":"Breadcrumb","description":"","thumbnail":"","permalink":"/demos/breadcrumb"},{"slug":"button","name":"Button","description":"","thumbnail":"","permalink":"/demos/button"},{"slug":"button-loading","name":"Button Loading","description":"","thumbnail":"","permalink":"/demos/button-loading"},{"slug":"button-toggle","name":"Button Toggle","description":"","thumbnail":"","permalink":"/demos/button-toggle"},{"slug":"card","name":"Card","description":"Content card with an optional image, label, title, subtitle, description and help tooltip. The card is not clickable as a whole: it can hold buttons, so a card-wide click target would nest interactive elements. Put the action in the cardActions slot instead.","thumbnail":"","permalink":"/demos/card"},{"slug":"checkbox","name":"Checkbox","description":"","thumbnail":"","permalink":"/demos/checkbox"},{"slug":"chips","name":"Chips","description":"","thumbnail":"","permalink":"/demos/chips"},{"slug":"collapsible-page-divider","name":"Collapsible Page Divider","description":"","thumbnail":"","permalink":"/demos/collapsible-page-divider"},{"slug":"copy-to-clipboard","name":"Copy to clipboard","description":"","thumbnail":"","permalink":"/demos/copy-to-clipboard"},{"slug":"country-input","name":"Country Input","description":"","thumbnail":"","permalink":"/demos/country-input"},{"slug":"datepicker","name":"Date Picker","description":"","thumbnail":"","permalink":"/demos/datepicker"},{"slug":"datepicker-luxon","name":"Date Picker Luxon","description":"","thumbnail":"","permalink":"/demos/datepicker-luxon"},{"slug":"datepicker-month-year","name":"Date Picker Month Year ","description":"","thumbnail":"","permalink":"/demos/datepicker-month-year"},{"slug":"daterangepicker","name":"Date Range Picker","description":"","thumbnail":"","permalink":"/demos/daterangepicker"},{"slug":"dialog","name":"Dialog","description":"","thumbnail":"","permalink":"/demos/dialog"},{"slug":"dialog-content","name":"Dialog Content","description":"","thumbnail":"","permalink":"/demos/dialog-content"},{"slug":"digit-only","name":"Digit Only directive","description":"","thumbnail":"","permalink":"/demos/digit-only"},{"slug":"drag-and-drop","name":"Drag and drop","description":"","thumbnail":"","permalink":"/demos/drag-and-drop"},{"slug":"drawer","name":"Drawer","description":"","thumbnail":"","permalink":"/demos/drawer"},{"slug":"empty","name":"Empty","description":"","thumbnail":"","permalink":"/demos/empty"},{"slug":"enterprise-number-input","name":"Enterprise number (VIES)","description":"","thumbnail":"","permalink":"/demos/enterprise-number-input"},{"slug":"error","name":"Page Error","description":"","thumbnail":"","permalink":"/demos/error"},{"slug":"error-handler","name":"Error Handler","description":"","thumbnail":"","permalink":"/demos/error-handler"},{"slug":"fab","name":"FAB","description":"","thumbnail":"","permalink":"/demos/fab"},{"slug":"file-panel","name":"File Panel","description":"","thumbnail":"","permalink":"/demos/file-panel"},{"slug":"file-upload","name":"File Upload","description":"","thumbnail":"","permalink":"/demos/file-upload"},{"slug":"file-upload-manual","name":"File Upload Manual","description":"","thumbnail":"","permalink":"/demos/file-upload-manual"},{"slug":"form","name":"Form","description":"","thumbnail":"","permalink":"/demos/form"},{"slug":"grid","name":"Grid","description":"","thumbnail":"","permalink":"/demos/grid"},{"slug":"horizontal-stepper","name":"Stepper (horizontal)","description":"","thumbnail":"","permalink":"/demos/horizontal-stepper"},{"slug":"icon","name":"Icon","description":"","thumbnail":"","permalink":"/demos/icon"},{"slug":"icon-button","name":"Icon Button","description":"","thumbnail":"","permalink":"/demos/icon-button"},{"slug":"if-width-is","name":"If width is","description":"","thumbnail":"","permalink":"/demos/if-width-is"},{"slug":"jsonform","name":"JSON Forms","description":"","thumbnail":"","permalink":"/demos/jsonform"},{"slug":"language-switcher","name":"Language switcher","description":"","thumbnail":"","permalink":"/demos/language-switcher"},{"slug":"layout","name":"Layout and drawer","description":"","thumbnail":"","permalink":"/demos/layout"},{"slug":"link","name":"Link","description":"","thumbnail":"","permalink":"/demos/link"},{"slug":"mask","name":"Mask","description":"","thumbnail":"","permalink":"/demos/mask"},{"slug":"menu","name":"Menu","description":"","thumbnail":"","permalink":"/demos/menu"},{"slug":"message-box","name":"Message box","description":"","thumbnail":"","permalink":"/demos/message-box"},{"slug":"multiselect","name":"Multi Select","description":"","thumbnail":"","permalink":"/demos/multiselect"},{"slug":"niss-pipe","name":"NISS pipe","description":"","thumbnail":"","permalink":"/demos/niss-pipe"},{"slug":"not-found","name":"Page not found","description":"","thumbnail":"","permalink":"/demos/not-found"},{"slug":"notification","name":"Notification","description":"","thumbnail":"","permalink":"/demos/notification"},{"slug":"overlay","name":"Overlay","description":"","thumbnail":"","permalink":"/demos/overlay"},{"slug":"paginator","name":"Paginator","description":"","thumbnail":"","permalink":"/demos/paginator"},{"slug":"palette","name":"Palette","description":"","thumbnail":"","permalink":"/demos/palette"},{"slug":"panel","name":"Panel","description":"","thumbnail":"","permalink":"/demos/panel"},{"slug":"phone-input","name":"Phone Input","description":"","thumbnail":"","permalink":"/demos/phone-input"},{"slug":"pop-over","name":"PopOver","description":"","thumbnail":"","permalink":"/demos/pop-over"},{"slug":"progress-bar","name":"ProgressBar","description":"","thumbnail":"","permalink":"/demos/progress-bar"},{"slug":"radio","name":"Radio","description":"","thumbnail":"","permalink":"/demos/radio"},{"slug":"rxjs-combine-operators","name":"Rxjs Combine Operators","description":"","thumbnail":"","permalink":"/demos/rxjs-combine-operators"},{"slug":"rxjs-complex-case","name":"Rxjs Complex case","description":"","thumbnail":"","permalink":"/demos/rxjs-complex-case"},{"slug":"rxjs-flattening-operators","name":"Rxjs Flattening Operators","description":"","thumbnail":"","permalink":"/demos/rxjs-flattening-operators"},{"slug":"rxjs-observable","name":"Rxjs Observable","description":"","thumbnail":"","permalink":"/demos/rxjs-observable"},{"slug":"rxjs-subject","name":"Rxjs Subject","description":"","thumbnail":"","permalink":"/demos/rxjs-subject"},{"slug":"select","name":"Select","description":"","thumbnail":"","permalink":"/demos/select"},{"slug":"selectable-box","name":"Selectable box","description":"","thumbnail":"","permalink":"/demos/selectable-box"},{"slug":"side-menu","name":"Side menu","description":"","thumbnail":"","permalink":"/demos/side-menu"},{"slug":"skeleton","name":"Skeleton","description":"","thumbnail":"","permalink":"/demos/skeleton"},{"slug":"slide-toggle","name":"Slide toggle","description":"","thumbnail":"","permalink":"/demos/slide-toggle"},{"slug":"spacing","name":"Spacing","description":"","thumbnail":"","permalink":"/demos/spacing"},{"slug":"spinner","name":"Spinner","description":"","thumbnail":"","permalink":"/demos/spinner"},{"slug":"sticker","name":"Sticker","description":"","thumbnail":"","permalink":"/demos/sticker"},{"slug":"summary-stepper","name":"Stepper (with Summary)","description":"","thumbnail":"","permalink":"/demos/summary-stepper"},{"slug":"tab","name":"Tab","description":"","thumbnail":"","permalink":"/demos/tab"},{"slug":"table","name":"Table","description":"","thumbnail":"","permalink":"/demos/table"},{"slug":"table-dialog-content","name":"Table Dialog Content","description":"","thumbnail":"","permalink":"/demos/table-dialog-content"},{"slug":"table-entrypoint","name":"Entrypoint Table","description":"","thumbnail":"","permalink":"/demos/table-entrypoint"},{"slug":"task-list","name":"Task list","description":"","thumbnail":"","permalink":"/demos/task-list"},{"slug":"text-input","name":"Text Input","description":"","thumbnail":"","permalink":"/demos/text-input"},{"slug":"textarea","name":"Textarea","description":"","thumbnail":"","permalink":"/demos/textarea"},{"slug":"timeline","name":"Timeline","description":"Plot dated periods on a horizontal, year-based timeline. Overlapping periods stack into rows and take their color from the legend, with month/day zoom, selection, tooltips, filters, and an optional full-size mode.","thumbnail":"assets/thumbnails/timeline-thumbnail.png","permalink":"/demos/timeline"},{"slug":"timepicker","name":"Timepicker","description":"","thumbnail":"","permalink":"/demos/timepicker"},{"slug":"toast","name":"Toast","description":"","thumbnail":"","permalink":"/demos/toast"},{"slug":"toc","name":"Table of content","description":"","thumbnail":"","permalink":"/demos/toc"},{"slug":"toolbar","name":"Toolbar","description":"","thumbnail":"","permalink":"/demos/toolbar"},{"slug":"tooltip","name":"Tooltip","description":"","thumbnail":"","permalink":"/demos/tooltip"},{"slug":"typography","name":"Typography","description":"","thumbnail":"","permalink":"/demos/typography"},{"slug":"validators","name":"Validators","description":"","thumbnail":"","permalink":"/demos/validators"},{"slug":"week-navigator","name":"Week navigator","description":"Step through ISO weeks with a back and forward arrow. Shows the week number and its Monday to Friday range, computed with Luxon and formatted in the active locale.","thumbnail":"","permalink":"/demos/week-navigator"}]

package/browser/assets/json/table-entrypoint.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"demo-table-entrypoint-datasource.ts":"import { DataSource } from '@angular/cdk/collections';\nimport { MatSort } from '@angular/material/sort';\nimport { map } from 'rxjs/operators';\nimport { BehaviorSubject, merge, Observable } from 'rxjs';\nimport { OnemrvaMatColor } from '@onemrvapublic/design-system/utils';\nimport { OnemrvaMatPaginatorComponent } from '@onemrvapublic/design-system/mat-paginator';\n\n// TODO: Replace this with your own data model type\nexport interface ListItem {\n id: number;\n name: string;\n description: string;\n status: 'success' \| 'error' \| 'warn';\n color: OnemrvaMatColor;\n}\n\n// TODO: replace this with real data from your application\nconst EXAMPLE_DATA: ListItem[] = [\n {\n id: 1,\n name: 'Hydrogen',\n description:\n 'Hydrogen is the chemical element with the symbol H and atomic number 1',\n status: 'success',\n color: 'primary',\n },\n {\n id: 2,\n name: 'Helium',\n description:\n \"Helium (from Greek: ἥλιος, romanized: helios, lit. 'sun') is a chemical element with the symbol He and atomic number 2\",\n status: 'success',\n color: '',\n },\n {\n id: 3,\n name: 'Lithium',\n description:\n \"Lithium (from Greek: λίθος, romanized: lithos, lit. 'stone') is a chemical element with the symbol Li and atomic number 3\",\n status: 'error',\n color: 'error',\n },\n {\n id: 4,\n name: 'Beryllium',\n description:\n 'Beryllium is a chemical element with the symbol Be and atomic number 4',\n status: 'success',\n color: 'success',\n },\n {\n id: 5,\n name: 'Boron',\n description:\n 'Boron is a chemical element with the symbol B and atomic number 5',\n status: 'success',\n color: '',\n },\n {\n id: 6,\n name: 'Carbon',\n description:\n 'Carbon (from Latin: carbo \"coal\") is a chemical element with the symbol C and atomic number 6',\n status: 'warn',\n color: 'warn',\n },\n {\n id: 7,\n name: 'Nitrogen',\n description:\n 'Nitrogen is the chemical element with the symbol N and atomic number 7',\n status: 'success',\n color: '',\n },\n {\n id: 8,\n name: 'Oxygen',\n description:\n 'Oxygen is the chemical element with the symbol O and atomic number 8',\n status: 'success',\n color: '',\n },\n {\n id: 9,\n name: 'Fluorine',\n description:\n 'Fluorine is a chemical element with the symbol F and atomic number 9',\n status: 'success',\n color: '',\n },\n {\n id: 10,\n name: 'Neon',\n description:\n 'Neon is a chemical element with the symbol Ne and atomic number 10',\n status: 'success',\n color: '',\n },\n {\n id: 11,\n name: 'Sodium',\n description:\n 'Sodium is a chemical element with the symbol Na (from Latin natrium) and atomic number 11',\n status: 'success',\n color: '',\n },\n { id: 12, name: 'Magnesium', description: '', status: 'success', color: '' },\n { id: 13, name: 'Aluminum', description: '', status: 'success', color: '' },\n { id: 14, name: 'Silicon', description: '', status: 'error', color: '' },\n { id: 15, name: 'Phosphorus', description: '', status: 'success', color: '' },\n { id: 16, name: 'Sulfur', description: '', status: 'success', color: '' },\n { id: 17, name: 'Chlorine', description: '', status: 'warn', color: '' },\n { id: 18, name: 'Argon', description: '', status: 'success', color: '' },\n { id: 19, name: 'Potassium', description: '', status: 'success', color: '' },\n { id: 20, name: 'Calcium', description: '', status: 'success', color: '' },\n { id: 21, name: 'Scandium', description: '', status: 'success', color: '' },\n { id: 22, name: 'Titanium', description: '', status: 'success', color: '' },\n { id: 23, name: 'Vanadium', description: '', status: 'success', color: '' },\n { id: 24, name: 'Chromium', description: '', status: 'success', color: '' },\n];\n\n/*\n Data source for the List view. This class should\n * encapsulate all logic for fetching and manipulating the displayed data\n * (including sorting, pagination, and filtering).\n /\nexport class ListDataSource extends DataSource<ListItem> {\n data: ListItem[] = EXAMPLE_DATA;\n paginator!: OnemrvaMatPaginatorComponent;\n sort: MatSort \| undefined;\n data$: BehaviorSubject<ListItem[]> = new BehaviorSubject<ListItem[]>([]);\n\n constructor() {\n super();\n this.data$.next(this.data);\n }\n\n /\n Connect this data source to the table. The table will only update when\n * the returned stream emits new items.\n * @returns A stream of the items to be rendered.\n /\n connect(): Observable<ListItem[]> {\n if (this.sort) {\n // Combine everything that affects the rendered data into one update\n // stream for the data-table to consume.\n return merge(this.data$, this.sort.sortChange).pipe(\n map(() => {\n return this.getPagedData(this.getSortedData([...this.data]));\n }),\n );\n } else {\n throw Error('Please set the sort on the data source before connecting.');\n }\n }\n\n /\n Called when the table is being destroyed. Use this function, to clean up\n * any open connections or free any held resources that were set up during connect.\n /\n disconnect(): void {\n console.log('disconnect');\n }\n\n /\n Paginate the data (client-side). If you're using server-side pagination,\n * this would be replaced by requesting the appropriate data from the server.\n /\n private getPagedData(data: ListItem[]): ListItem[] {\n if (this.paginator) {\n const startIndex = this.paginator.pageIndex this.paginator.pageSize;\n return data.splice(startIndex, this.paginator.pageSize);\n } else {\n return data;\n }\n }\n\n /*\n Sort the data (client-side). If you're using server-side sorting,\n * this would be replaced by requesting the appropriate data from the server.\n /\n private getSortedData(data: ListItem[]): ListItem[] {\n if (!this.sort \|\| !this.sort.active \|\| this.sort.direction === '') {\n return data;\n }\n\n return data.sort((a, b) => {\n const isAsc = this.sort?.direction === 'asc';\n switch (this.sort?.active) {\n case 'status':\n return compare(a.status, b.status, isAsc);\n case 'description':\n return compare(a.description, b.description, isAsc);\n case 'name':\n return compare(a.name, b.name, isAsc);\n case 'id':\n return compare(+a.id, +b.id, isAsc);\n default:\n return 0;\n }\n });\n }\n\n /\n @param row\n /\n public remove(row: ListItem) {\n const idx = this.data.indexOf(row);\n if (idx >= 0) {\n this.data.splice(idx, 1);\n this.paginator.length = this.data.length;\n }\n this.data$.next(this.data);\n }\n\n /\n \n /\n public touch() {\n this.data$.next(this.data);\n }\n}\n\n/* Simple sort comparator for example ID/Name columns (for client-side sorting). /\nfunction compare(\n a: string \| number,\n b: string \| number,\n isAsc: boolean,\n): number {\n return (a < b ? -1 : 1) (isAsc ? 1 : -1);\n}\n","demo-table-entrypoint.component.html":"<table\n mat-table\n class=\"full-width-table mat-card-table\"\n matSort\n aria-label=\"Elements\"\n>\n <!-- Id Column -->\n <ng-container matColumnDef=\"id\">\n <th mat-header-cell matHeaderCellDef mat-sort-header=\"id\">Id</th>\n <td mat-cell matCellDef=\"let row\">{{ row.id }}</td>\n </ng-container>\n\n <!-- Name Column -->\n <ng-container matColumnDef=\"name\">\n <th mat-header-cell matHeaderCellDef mat-sort-header=\"name\">Name</th>\n <td mat-cell matCellDef=\"let row\">\n <strong\n ><copy-to-clipboard [tooltip]=\"'copied.to.clipboard' \| translate\">{{\n row.name\n }}</copy-to-clipboard></strong\n >\n </td>\n </ng-container>\n\n <!-- Description Column -->\n <ng-container matColumnDef=\"description\">\n <th\n mat-header-cell\n matHeaderCellDef\n mat-sort-header=\"description\"\n class=\"d-none-xsmall d-table-cell-medium\"\n >\n Description\n </th>\n <td\n mat-cell\n matCellDef=\"let row\"\n class=\"d-none-xsmall d-table-cell-medium\"\n >\n <span></span>\n {{ row.description }}\n </td></ng-container\n >\n\n <!-- Status Column -->\n <ng-container matColumnDef=\"status\">\n <th\n mat-header-cell\n matHeaderCellDef\n mat-sort-header=\"status\"\n class=\"d-none-xsmall d-table-cell-medium\"\n >\n Status\n </th>\n <td\n mat-cell\n matCellDef=\"let row\"\n class=\"d-none-xsmall d-table-cell-medium\"\n >\n @if (row.status === 'success') {\n <onemrva-mat-sticker\n aria-label=\"Success\"\n class=\"sticker\"\n color=\"success\"\n >\n <mat-icon class=\"mr-s\">thumb_up</mat-icon>Success\n </onemrva-mat-sticker>\n }\n @if (row.status === 'error') {\n <onemrva-mat-sticker aria-label=\"Error\" class=\"sticker\" color=\"error\">\n <mat-icon class=\"mr-s\">error</mat-icon>Error\n </onemrva-mat-sticker>\n }\n @if (row.status === 'warn') {\n <onemrva-mat-sticker aria-label=\"Warning\" class=\"sticker\" color=\"warn\">\n <mat-icon class=\"mr-s\">warning</mat-icon>Warning\n </onemrva-mat-sticker>\n }\n </td>\n </ng-container>\n\n <!-- More Column -->\n <ng-container matColumnDef=\"more\">\n <th mat-header-cell matHeaderCellDef>More</th>\n <td mat-cell matCellDef=\"let row\" class=\"text-right\">\n <button\n mat-icon-button\n [matMenuTriggerFor]=\"menu\"\n (click)=\"$event.stopPropagation()\"\n aria-label=\"More\"\n >\n <mat-icon>more_vert</mat-icon>\n </button>\n <mat-menu #menu=\"matMenu\">\n <button mat-menu-item (click)=\"edit(row)\" aria-label=\"Edit\">\n <mat-icon>edit</mat-icon>Edit\n </button>\n <button mat-menu-item (click)=\"delete(row)\" aria-label=\"Delete\">\n <mat-icon>delete</mat-icon>Delete\n </button>\n <button mat-menu-item (click)=\"share(row)\" aria-label=\"Share\">\n <mat-icon>share</mat-icon>Share\n </button>\n </mat-menu>\n <mat-divider [vertical]=\"true\" />\n <button mat-icon-button aria-label=\"Continue\">\n <mat-icon>chevron_right</mat-icon>\n </button>\n </td>\n </ng-container>\n\n <tr mat-header-row matHeaderRowDef=\"displayedColumns\"></tr>\n <tr\n mat-row\n (matRowClickable)=\"open(row)\"\n matRowDef=\"let row; columns: displayedColumns\"\n ></tr>\n</table>\n<onemrva-mat-paginator\n [pageSizeDefaultOption]=\"10\"\n [pageIndex]=\"0\"\n [length]=\"dataSource.data.length\"\n (onRequestPage)=\"changePage($event)\"\n previousKey=\"Previous\"\n nextKey=\"Next\"\n #paginator\n/>\n","demo-table-entrypoint.component.ts":"import {\n AfterViewInit,\n Component,\n inject,\n ViewEncapsulation,\n viewChild,\n} from '@angular/core';\nimport { MatSort, MatSortModule } from '@angular/material/sort';\nimport { MatTable, MatTableModule } from '@angular/material/table';\nimport { ListDataSource, ListItem } from './demo-table-entrypoint-datasource';\nimport { Clipboard, ClipboardModule } from '@angular/cdk/clipboard';\n\nimport { MatCardModule } from '@angular/material/card';\nimport { MatChipsModule } from '@angular/material/chips';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatDividerModule } from '@angular/material/divider';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { OnemrvaMatPaginatorComponent } from '@onemrvapublic/design-system/mat-paginator';\nimport { OnemrvaSharedModule } from '@onemrvapublic/design-system/shared';\nimport { OnemrvaCopyToClipboardComponent } from '@onemrvapublic/design-system/mat-copy-to-clipboard';\nimport { OnemrvaMatStickerModule } from '@onemrvapublic/design-system/mat-sticker';\nimport { DemoComponentBase } from '../../_demo/demo-component-base';\nimport { TranslatePipe } from '@ngx-translate/core';\n\n@Component({\n selector: 'app-demo-card-table',\n templateUrl: './demo-table-entrypoint.component.html',\n\n standalone: true,\n imports: [\n MatCardModule,\n MatChipsModule,\n MatTableModule,\n MatSortModule,\n MatIconModule,\n MatMenuModule,\n MatButtonModule,\n OnemrvaSharedModule,\n MatDividerModule,\n MatTooltipModule,\n ClipboardModule,\n OnemrvaCopyToClipboardComponent,\n OnemrvaMatStickerModule,\n OnemrvaMatPaginatorComponent,\n TranslatePipe,\n ],\n encapsulation: ViewEncapsulation.None,\n})\nexport class DemoTableEntrypointComponent\n extends DemoComponentBase\n implements AfterViewInit\n{\n readonly paginator = viewChild.required(OnemrvaMatPaginatorComponent);\n readonly sort = viewChild.required(MatSort);\n readonly table = viewChild.required(MatTable);\n dataSource: ListDataSource;\n\n /** Columns displayed in the table. Columns IDs can be added, removed, or reordered. */\n displayedColumns = ['id', 'name', 'description', 'status', 'more'];\n bgcolor = '#123456';\n\n clipboardService = inject(Clipboard);\n constructor() {\n super();\n this.dataSource = new ListDataSource();\n }\n\n ngAfterViewInit(): void {\n this.dataSource.sort = this.sort();\n this.dataSource.paginator = this.paginator();\n this.table().dataSource = this.dataSource;\n }\n\n edit(row: ListItem) {\n alert(`Edit row n°${row.id}: ${row.name}`);\n }\n\n delete(row: ListItem) {\n this.dataSource.remove(row);\n }\n\n share(row: ListItem) {\n alert(`Share row n°${row.id}: ${row.name}`);\n }\n\n changePage(event: any) {\n this.dataSource.paginator.pageIndex = event;\n this.dataSource.touch();\n }\n\n open(row: any) {\n alert(`Clicked : ${row.id}`);\n }\n}\n"}
1	+ {"demo-table-entrypoint-datasource.ts":"import { DataSource } from '@angular/cdk/collections';\nimport { MatSort } from '@angular/material/sort';\nimport { map } from 'rxjs/operators';\nimport { BehaviorSubject, merge, Observable } from 'rxjs';\nimport { OnemrvaMatColor } from '@onemrvapublic/design-system/utils';\nimport { OnemrvaMatPaginatorComponent } from '@onemrvapublic/design-system/mat-paginator';\n\n// TODO: Replace this with your own data model type\nexport interface ListItem {\n id: number;\n name: string;\n description: string;\n status: 'success' \| 'error' \| 'warn';\n color: OnemrvaMatColor;\n}\n\n// TODO: replace this with real data from your application\nconst EXAMPLE_DATA: ListItem[] = [\n {\n id: 1,\n name: 'Hydrogen',\n description:\n 'Hydrogen is the chemical element with the symbol H and atomic number 1',\n status: 'success',\n color: 'primary',\n },\n {\n id: 2,\n name: 'Helium',\n description:\n \"Helium (from Greek: ἥλιος, romanized: helios, lit. 'sun') is a chemical element with the symbol He and atomic number 2\",\n status: 'success',\n color: '',\n },\n {\n id: 3,\n name: 'Lithium',\n description:\n \"Lithium (from Greek: λίθος, romanized: lithos, lit. 'stone') is a chemical element with the symbol Li and atomic number 3\",\n status: 'error',\n color: 'error',\n },\n {\n id: 4,\n name: 'Beryllium',\n description:\n 'Beryllium is a chemical element with the symbol Be and atomic number 4',\n status: 'success',\n color: 'success',\n },\n {\n id: 5,\n name: 'Boron',\n description:\n 'Boron is a chemical element with the symbol B and atomic number 5',\n status: 'success',\n color: '',\n },\n {\n id: 6,\n name: 'Carbon',\n description:\n 'Carbon (from Latin: carbo \"coal\") is a chemical element with the symbol C and atomic number 6',\n status: 'warn',\n color: 'warn',\n },\n {\n id: 7,\n name: 'Nitrogen',\n description:\n 'Nitrogen is the chemical element with the symbol N and atomic number 7',\n status: 'success',\n color: '',\n },\n {\n id: 8,\n name: 'Oxygen',\n description:\n 'Oxygen is the chemical element with the symbol O and atomic number 8',\n status: 'success',\n color: '',\n },\n {\n id: 9,\n name: 'Fluorine',\n description:\n 'Fluorine is a chemical element with the symbol F and atomic number 9',\n status: 'success',\n color: '',\n },\n {\n id: 10,\n name: 'Neon',\n description:\n 'Neon is a chemical element with the symbol Ne and atomic number 10',\n status: 'success',\n color: '',\n },\n {\n id: 11,\n name: 'Sodium',\n description:\n 'Sodium is a chemical element with the symbol Na (from Latin natrium) and atomic number 11',\n status: 'success',\n color: '',\n },\n { id: 12, name: 'Magnesium', description: '', status: 'success', color: '' },\n { id: 13, name: 'Aluminum', description: '', status: 'success', color: '' },\n { id: 14, name: 'Silicon', description: '', status: 'error', color: '' },\n { id: 15, name: 'Phosphorus', description: '', status: 'success', color: '' },\n { id: 16, name: 'Sulfur', description: '', status: 'success', color: '' },\n { id: 17, name: 'Chlorine', description: '', status: 'warn', color: '' },\n { id: 18, name: 'Argon', description: '', status: 'success', color: '' },\n { id: 19, name: 'Potassium', description: '', status: 'success', color: '' },\n { id: 20, name: 'Calcium', description: '', status: 'success', color: '' },\n { id: 21, name: 'Scandium', description: '', status: 'success', color: '' },\n { id: 22, name: 'Titanium', description: '', status: 'success', color: '' },\n { id: 23, name: 'Vanadium', description: '', status: 'success', color: '' },\n { id: 24, name: 'Chromium', description: '', status: 'success', color: '' },\n];\n\n/*\n Data source for the List view. This class should\n * encapsulate all logic for fetching and manipulating the displayed data\n * (including sorting, pagination, and filtering).\n /\nexport class ListDataSource extends DataSource<ListItem> {\n data: ListItem[] = EXAMPLE_DATA;\n paginator!: OnemrvaMatPaginatorComponent;\n sort: MatSort \| undefined;\n data$: BehaviorSubject<ListItem[]> = new BehaviorSubject<ListItem[]>([]);\n\n constructor() {\n super();\n this.data$.next(this.data);\n }\n\n /\n Connect this data source to the table. The table will only update when\n * the returned stream emits new items.\n * @returns A stream of the items to be rendered.\n /\n connect(): Observable<ListItem[]> {\n if (this.sort) {\n // Combine everything that affects the rendered data into one update\n // stream for the data-table to consume.\n return merge(this.data$, this.sort.sortChange).pipe(\n map(() => {\n return this.getPagedData(this.getSortedData([...this.data]));\n }),\n );\n } else {\n throw Error('Please set the sort on the data source before connecting.');\n }\n }\n\n /\n Called when the table is being destroyed. Use this function, to clean up\n * any open connections or free any held resources that were set up during connect.\n /\n disconnect(): void {\n console.log('disconnect');\n }\n\n /\n Paginate the data (client-side). If you're using server-side pagination,\n * this would be replaced by requesting the appropriate data from the server.\n /\n private getPagedData(data: ListItem[]): ListItem[] {\n if (this.paginator) {\n const startIndex = this.paginator.pageIndex this.paginator.pageSize;\n return data.splice(startIndex, this.paginator.pageSize);\n } else {\n return data;\n }\n }\n\n /*\n Sort the data (client-side). If you're using server-side sorting,\n * this would be replaced by requesting the appropriate data from the server.\n /\n private getSortedData(data: ListItem[]): ListItem[] {\n if (!this.sort \|\| !this.sort.active \|\| this.sort.direction === '') {\n return data;\n }\n\n return data.sort((a, b) => {\n const isAsc = this.sort?.direction === 'asc';\n switch (this.sort?.active) {\n case 'status':\n return compare(a.status, b.status, isAsc);\n case 'description':\n return compare(a.description, b.description, isAsc);\n case 'name':\n return compare(a.name, b.name, isAsc);\n case 'id':\n return compare(+a.id, +b.id, isAsc);\n default:\n return 0;\n }\n });\n }\n\n /\n @param row\n /\n public remove(row: ListItem) {\n const idx = this.data.indexOf(row);\n if (idx >= 0) {\n this.data.splice(idx, 1);\n this.paginator.length = this.data.length;\n }\n this.data$.next(this.data);\n }\n\n /\n \n /\n public touch() {\n this.data$.next(this.data);\n }\n}\n\n/* Simple sort comparator for example ID/Name columns (for client-side sorting). /\nfunction compare(\n a: string \| number,\n b: string \| number,\n isAsc: boolean,\n): number {\n return (a < b ? -1 : 1) (isAsc ? 1 : -1);\n}\n","demo-table-entrypoint.component.html":"<table\n mat-table\n class=\"full-width-table mat-card-table\"\n matSort\n aria-label=\"Elements\"\n>\n <!-- Id Column -->\n <ng-container matColumnDef=\"id\">\n <th mat-header-cell matHeaderCellDef mat-sort-header=\"id\">Id</th>\n <td mat-cell matCellDef=\"let row\">{{ row.id }}</td>\n </ng-container>\n\n <!-- Name Column -->\n <ng-container matColumnDef=\"name\">\n <th mat-header-cell matHeaderCellDef mat-sort-header=\"name\">Name</th>\n <td mat-cell matCellDef=\"let row\">\n <strong\n ><copy-to-clipboard [tooltip]=\"'copied.to.clipboard' \| translate\">{{\n row.name\n }}</copy-to-clipboard></strong\n >\n </td>\n </ng-container>\n\n <!-- Description Column -->\n <ng-container matColumnDef=\"description\">\n <th\n mat-header-cell\n matHeaderCellDef\n mat-sort-header=\"description\"\n class=\"d-none-xsmall d-table-cell-medium\"\n >\n Description\n </th>\n <td\n mat-cell\n matCellDef=\"let row\"\n class=\"d-none-xsmall d-table-cell-medium\"\n >\n <span></span>\n {{ row.description }}\n </td></ng-container\n >\n\n <!-- Status Column -->\n <ng-container matColumnDef=\"status\">\n <th\n mat-header-cell\n matHeaderCellDef\n mat-sort-header=\"status\"\n class=\"d-none-xsmall d-table-cell-medium\"\n >\n Status\n </th>\n <td\n mat-cell\n matCellDef=\"let row\"\n class=\"d-none-xsmall d-table-cell-medium\"\n >\n @if (row.status === 'success') {\n <onemrva-mat-sticker\n aria-label=\"Success\"\n class=\"sticker\"\n color=\"success\"\n >\n <mat-icon class=\"mr-s\">thumb_up</mat-icon>Success\n </onemrva-mat-sticker>\n }\n @if (row.status === 'error') {\n <onemrva-mat-sticker aria-label=\"Error\" class=\"sticker\" color=\"error\">\n <mat-icon class=\"mr-s\">error</mat-icon>Error\n </onemrva-mat-sticker>\n }\n @if (row.status === 'warn') {\n <onemrva-mat-sticker aria-label=\"Warning\" class=\"sticker\" color=\"warn\">\n <mat-icon class=\"mr-s\">warning</mat-icon>Warning\n </onemrva-mat-sticker>\n }\n </td>\n </ng-container>\n\n <!-- More Column -->\n <ng-container matColumnDef=\"more\">\n <th mat-header-cell matHeaderCellDef>More</th>\n <td mat-cell matCellDef=\"let row\" class=\"text-right\">\n <button\n mat-icon-button\n [matMenuTriggerFor]=\"menu\"\n (click)=\"$event.stopPropagation()\"\n aria-label=\"More\"\n >\n <mat-icon>more_vert</mat-icon>\n </button>\n <mat-menu #menu=\"matMenu\">\n <button mat-menu-item (click)=\"edit(row)\" aria-label=\"Edit\">\n <mat-icon>edit</mat-icon>Edit\n </button>\n <button mat-menu-item (click)=\"delete(row)\" aria-label=\"Delete\">\n <mat-icon>delete</mat-icon>Delete\n </button>\n <button mat-menu-item (click)=\"share(row)\" aria-label=\"Share\">\n <mat-icon>share</mat-icon>Share\n </button>\n </mat-menu>\n <mat-divider [vertical]=\"true\" />\n <button mat-icon-button aria-label=\"Continue\">\n <mat-icon>chevron_right</mat-icon>\n </button>\n </td>\n </ng-container>\n\n <tr mat-header-row matHeaderRowDef=\"displayedColumns\"></tr>\n <tr\n mat-row\n (matRowClickable)=\"open(row)\"\n matRowDef=\"let row; columns: displayedColumns\"\n ></tr>\n</table>\n<onemrva-mat-paginator\n [pageSizeDefaultOption]=\"10\"\n [pageIndex]=\"0\"\n [length]=\"dataSource.data.length\"\n (onRequestPage)=\"changePage($event)\"\n previousKey=\"Previous\"\n nextKey=\"Next\"\n #paginator\n/>\n","demo-table-entrypoint.component.ts":"import {\n AfterViewInit,\n Component,\n inject,\n ViewEncapsulation,\n viewChild,\n} from '@angular/core';\nimport { MatSort, MatSortModule } from '@angular/material/sort';\nimport { MatTable, MatTableModule } from '@angular/material/table';\nimport { ListDataSource, ListItem } from './demo-table-entrypoint-datasource';\nimport { Clipboard, ClipboardModule } from '@angular/cdk/clipboard';\n\nimport { MatCardModule } from '@angular/material/card';\nimport { MatChipsModule } from '@angular/material/chips';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatDividerModule } from '@angular/material/divider';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { OnemrvaMatPaginatorComponent } from '@onemrvapublic/design-system/mat-paginator';\nimport { OnemrvaSharedModule } from '@onemrvapublic/design-system/shared';\nimport { OnemrvaCopyToClipboardComponent } from '@onemrvapublic/design-system/mat-copy-to-clipboard';\nimport { OnemrvaMatStickerModule } from '@onemrvapublic/design-system/mat-sticker';\nimport { DemoComponentBase } from '../../_demo/demo-component-base';\nimport { TranslatePipe } from '@ngx-translate/core';\n\n@Component({\n selector: 'app-demo-table-entrypoint',\n templateUrl: './demo-table-entrypoint.component.html',\n\n standalone: true,\n imports: [\n MatCardModule,\n MatChipsModule,\n MatTableModule,\n MatSortModule,\n MatIconModule,\n MatMenuModule,\n MatButtonModule,\n OnemrvaSharedModule,\n MatDividerModule,\n MatTooltipModule,\n ClipboardModule,\n OnemrvaCopyToClipboardComponent,\n OnemrvaMatStickerModule,\n OnemrvaMatPaginatorComponent,\n TranslatePipe,\n ],\n encapsulation: ViewEncapsulation.None,\n})\nexport class DemoTableEntrypointComponent\n extends DemoComponentBase\n implements AfterViewInit\n{\n readonly paginator = viewChild.required(OnemrvaMatPaginatorComponent);\n readonly sort = viewChild.required(MatSort);\n readonly table = viewChild.required(MatTable);\n dataSource: ListDataSource;\n\n /** Columns displayed in the table. Columns IDs can be added, removed, or reordered. */\n displayedColumns = ['id', 'name', 'description', 'status', 'more'];\n bgcolor = '#123456';\n\n clipboardService = inject(Clipboard);\n constructor() {\n super();\n this.dataSource = new ListDataSource();\n }\n\n ngAfterViewInit(): void {\n this.dataSource.sort = this.sort();\n this.dataSource.paginator = this.paginator();\n this.table().dataSource = this.dataSource;\n }\n\n edit(row: ListItem) {\n alert(`Edit row n°${row.id}: ${row.name}`);\n }\n\n delete(row: ListItem) {\n this.dataSource.remove(row);\n }\n\n share(row: ListItem) {\n alert(`Share row n°${row.id}: ${row.name}`);\n }\n\n changePage(event: any) {\n this.dataSource.paginator.pageIndex = event;\n this.dataSource.touch();\n }\n\n open(row: any) {\n alert(`Clicked : ${row.id}`);\n }\n}\n"}

package/browser/main.js CHANGED Viewed

@@ -6776,7 +6776,7 @@ input.mat-mdc-chip-input {
   margin-left: 0;
   margin-right: 0;
 }
-`],encapsulation:2})}return t})();var GP=class{source;value;constructor(i,e){this.source=i,this.value=e;}},Wte=(()=>{class t extends $y{ngControl=_(pr,{optional:true,self:true});controlType="mat-chip-grid";_chipInput;_defaultRole="grid";_errorStateTracker;_uid=_(Ut).getId("mat-chip-grid-");_ariaDescribedbyIds=[];_onTouched=()=>{};_onChange=()=>{};get disabled(){return this.ngControl?!!this.ngControl.disabled:this._disabled}set disabled(e){this._disabled=e,this._syncChipsState(),this.stateChanges.next();}get id(){return this._chipInput?this._chipInput.id:this._uid}get empty(){return (!this._chipInput||this._chipInput.empty)&&(!this._chips||this._chips.length===0)}get placeholder(){return this._chipInput?this._chipInput.placeholder:this._placeholder}set placeholder(e){this._placeholder=e,this.stateChanges.next();}_placeholder="";get focused(){return this._chipInput?.focused||this._hasFocusedChip()}get required(){return this._required??this.ngControl?.control?.hasValidator(Mt.required)??false}set required(e){this._required=e,this.stateChanges.next();}_required;get shouldLabelFloat(){return !this.empty||this.focused}get value(){return this._value}set value(e){this._value=e;}_value=[];get errorStateMatcher(){return this._errorStateTracker.matcher}set errorStateMatcher(e){this._errorStateTracker.matcher=e;}get chipBlurChanges(){return this._getChipStream(e=>e._onBlur)}change=new ae;valueChange=new ae;_chips=void 0;stateChanges=new U;get errorState(){return this._errorStateTracker.errorState}set errorState(e){this._errorStateTracker.errorState=e;}constructor(){super();let e=_(vs,{optional:true}),n=_(xr,{optional:true}),r=_(ps);this.ngControl&&(this.ngControl.valueAccessor=this),this._errorStateTracker=new Oc(r,this.ngControl,n,e,this.stateChanges);}ngAfterContentInit(){this.chipBlurChanges.pipe(Ce(this._destroyed)).subscribe(()=>{this._blur(),this.stateChanges.next();}),Ot(this.chipFocusChanges,this._chips.changes).pipe(Ce(this._destroyed)).subscribe(()=>this.stateChanges.next());}ngDoCheck(){this.ngControl&&this.updateErrorState();}ngOnDestroy(){super.ngOnDestroy(),this.stateChanges.complete();}registerInput(e){this._chipInput=e,this._chipInput.setDescribedByIds(this._ariaDescribedbyIds),this._elementRef.nativeElement.removeAttribute("aria-describedby");}onContainerClick(e){!this.disabled&&!this._originatesFromChip(e)&&this.focus();}focus(){if(!(this.disabled||this._chipInput?.focused)){if(!this._chips.length||this._chips.first.disabled){if(!this._chipInput)return;Promise.resolve().then(()=>this._chipInput.focus());}else {let e=this._keyManager.activeItem;e?e.focus():this._keyManager.setFirstItemActive();}this.stateChanges.next();}}get describedByIds(){if(this._chipInput)return this._chipInput.describedByIds||[];let e=this._elementRef.nativeElement.getAttribute("aria-describedby");return e?e.split(" "):[]}setDescribedByIds(e){this._ariaDescribedbyIds=e,this._chipInput?this._chipInput.setDescribedByIds(e):e.length?this._elementRef.nativeElement.setAttribute("aria-describedby",e.join(" ")):this._elementRef.nativeElement.removeAttribute("aria-describedby");}writeValue(e){this._value=e;}registerOnChange(e){this._onChange=e;}registerOnTouched(e){this._onTouched=e;}setDisabledState(e){this.disabled=e,this.stateChanges.next();}updateErrorState(){this._errorStateTracker.updateErrorState();}_blur(){this.disabled||setTimeout(()=>{this.focused||(this._propagateChanges(),this._markAsTouched());});}_allowFocusEscape(){this._chipInput?.focused||super._allowFocusEscape();}_handleKeydown(e){let n=e.keyCode,r=this._keyManager.activeItem;if(n===9)this._chipInput?.focused&&fn(e,"shiftKey")&&this._chips.length&&!this._chips.last.disabled?(e.preventDefault(),r?this._keyManager.setActiveItem(r):this._focusLastChip()):super._allowFocusEscape();else if(!this._chipInput?.focused)if((n===38||n===40)&&r){let o=this._chipActions.filter(l=>l._isPrimary===r._isPrimary&&!this._skipPredicate(l)),a=o.indexOf(r),s=e.keyCode===38?-1:1;e.preventDefault(),a>-1&&this._isValidIndex(a+s)&&this._keyManager.setActiveItem(o[a+s]);}else super._handleKeydown(e);this.stateChanges.next();}_redirectDestroyedChipFocus(){this._lastDestroyedFocusedChipIndex!==null&&(super._redirectDestroyedChipFocus(),(!this._chips.length||this._chips.length===1&&this._chips.first.disabled)&&this._keyManager.updateActiveItem(-1));}_focusLastChip(){this._chips.length&&this._chips.last.focus();}_propagateChanges(){let e=this._chips.length?this._chips.toArray().map(n=>n.value):[];this._value=e,this.change.emit(new GP(this,e)),this.valueChange.emit(e),this._onChange(e),this._changeDetectorRef.markForCheck();}_markAsTouched(){this._onTouched(),this._changeDetectorRef.markForCheck(),this.stateChanges.next();}static \u0275fac=function(n){return new(n||t)};static \u0275cmp=w({type:t,selectors:[["mat-chip-grid"]],contentQueries:function(n,r,o){if(n&1&&dn(o,YP,5),n&2){let a;de(a=ue())&&(r._chips=a);}},hostAttrs:[1,"mat-mdc-chip-set","mat-mdc-chip-grid","mdc-evolution-chip-set"],hostVars:10,hostBindings:function(n,r){n&1&&I("focus",function(){return r.focus()})("blur",function(){return r._blur()}),n&2&&(F("role",r.role)("tabindex",r.disabled||r._chips&&r._chips.length===0?-1:r.tabIndex)("aria-disabled",r.disabled.toString())("aria-invalid",r.errorState),H("mat-mdc-chip-list-disabled",r.disabled)("mat-mdc-chip-list-invalid",r.errorState)("mat-mdc-chip-list-required",r.required));},inputs:{disabled:[2,"disabled","disabled",te],placeholder:"placeholder",required:[2,"required","required",te],value:"value",errorStateMatcher:"errorStateMatcher"},outputs:{change:"change",valueChange:"valueChange"},features:[he([{provide:To,useExisting:t}]),N],ngContentSelectors:qte,decls:2,vars:0,consts:[["role","presentation",1,"mdc-evolution-chip-set__chips"]],template:function(n,r){n&1&&(me(),ye(0,"div",0),j(1),be());},styles:[MUe],encapsulation:2})}return t})(),Kte=(()=>{class t{_elementRef=_(se);focused=false;get chipGrid(){return this._chipGrid}set chipGrid(e){e&&(this._chipGrid=e,this._chipGrid.registerInput(this));}_chipGrid;addOnBlur=false;separatorKeyCodes;chipEnd=new ae;placeholder="";id=_(Ut).getId("mat-mdc-chip-list-input-");get disabled(){return this._disabled||this._chipGrid&&this._chipGrid.disabled}set disabled(e){this._disabled=e;}_disabled=false;readonly=false;disabledInteractive;get empty(){return !this.inputElement.value}inputElement;constructor(){let e=_(jte),n=_(ga,{optional:true});this.inputElement=this._elementRef.nativeElement,this.separatorKeyCodes=e.separatorKeyCodes,this.disabledInteractive=e.inputDisabledInteractive??false,n&&this.inputElement.classList.add("mat-mdc-form-field-input-control");}ngOnChanges(){this._chipGrid.stateChanges.next();}ngOnDestroy(){this.chipEnd.complete();}_keydown(e){this.empty&&e.keyCode===8?(e.repeat||this._chipGrid._focusLastChip(),e.preventDefault()):this._emitChipEnd(e);}_blur(){this.addOnBlur&&this._emitChipEnd(),this.focused=false,this._chipGrid.focused||this._chipGrid._blur(),this._chipGrid.stateChanges.next();}_focus(){this.focused=true,this._chipGrid.stateChanges.next();}_emitChipEnd(e){(!e||this._isSeparatorKey(e)&&!e.repeat)&&(this.chipEnd.emit({input:this.inputElement,value:this.inputElement.value,chipInput:this}),e?.preventDefault());}_onInput(){this._chipGrid.stateChanges.next();}focus(){this.inputElement.focus();}clear(){this.inputElement.value="";}get describedByIds(){return this._elementRef.nativeElement.getAttribute("aria-describedby")?.split(" ")||[]}setDescribedByIds(e){let n=this._elementRef.nativeElement;e.length?n.setAttribute("aria-describedby",e.join(" ")):n.removeAttribute("aria-describedby");}_isSeparatorKey(e){if(!this.separatorKeyCodes)return  false;for(let n of this.separatorKeyCodes){let r,o;typeof n=="number"?(r=n,o=null):(r=n.keyCode,o=n.modifiers);let a=o?.length?fn(e,...o):!fn(e);if(r===e.keyCode&&a)return  true}return  false}_getReadonlyAttribute(){return this.readonly||this.disabled&&this.disabledInteractive?"true":null}static \u0275fac=function(n){return new(n||t)};static \u0275dir=q({type:t,selectors:[["input","matChipInputFor",""]],hostAttrs:[1,"mat-mdc-chip-input","mat-mdc-input-element","mdc-text-field__input","mat-input-element"],hostVars:8,hostBindings:function(n,r){n&1&&I("keydown",function(a){return r._keydown(a)})("blur",function(){return r._blur()})("focus",function(){return r._focus()})("input",function(){return r._onInput()}),n&2&&(vn("id",r.id),F("disabled",r.disabled&&!r.disabledInteractive?"":null)("placeholder",r.placeholder||null)("aria-invalid",r._chipGrid&&r._chipGrid.ngControl?r._chipGrid.ngControl.invalid:null)("aria-required",r._chipGrid&&r._chipGrid.required||null)("aria-disabled",r.disabled&&r.disabledInteractive?"true":null)("readonly",r._getReadonlyAttribute())("required",r._chipGrid&&r._chipGrid.required||null));},inputs:{chipGrid:[0,"matChipInputFor","chipGrid"],addOnBlur:[2,"matChipInputAddOnBlur","addOnBlur",te],separatorKeyCodes:[0,"matChipInputSeparatorKeyCodes","separatorKeyCodes"],placeholder:"placeholder",id:"id",disabled:[2,"disabled","disabled",te],readonly:[2,"readonly","readonly",te],disabledInteractive:[2,"matChipInputDisabledInteractive","disabledInteractive",te]},outputs:{chipEnd:"matChipInputTokenEnd"},exportAs:["matChipInput","matChipInputFor"],features:[Tt]})}return t})();var $c=(()=>{class t{static \u0275fac=function(n){return new(n||t)};static \u0275mod=_e({type:t});static \u0275inj=pe({providers:[ps,{provide:jte,useValue:{separatorKeyCodes:[13]}}],imports:[_o,kt]})}return t})();function OUe(t,i){if(t&1){let e=Ee();d(0,"mat-option",5),I("click",function(){let r=K(e).$implicit,o=y(3);return Q(o.pageSize=r)}),h(1),u();}if(t&2){let e=i.$implicit;b("value",e),F("data-cy","onemrva-mat-paginator-page-size-option-"+e),m(),G("",e," ");}}function RUe(t,i){if(t&1&&(d(0,"mat-form-field",3)(1,"mat-select",4),fe(2,OUe,2,3,"mat-option",4,$t),u()()),t&2){let e=y(2);m(),b("value",e.pageSize),m(),ge(e.pageSizeOptions());}}function AUe(t,i){if(t&1&&(d(0,"span",6),h(1),$(2,"translate"),u(),O(3,"mat-divider",7)),t&2){let e=y(2);m(),L(z(2,1,"paginator."+e.recordKey()));}}function NUe(t,i){if(t&1&&(d(0,"div",1),T(1,RUe,4,1,"mat-form-field",3),d(2,"div"),T(3,AUe,4,3),h(4),d(5,"span"),h(6),$(7,"translate"),u(),h(8),u()()),t&2){let e=y();m(),D(e.pageSizeOptions().length>1?1:-1),m(2),D(e.pageSizeOptions().length>1?3:-1),m(),uo(" ",e.pageIndex*e.pageSize+1," - ",e.maxRecordNumber," "),m(2),L(z(7,6,"paginator.outOf")),m(2),G(" ",e.length," ");}}function PUe(t,i){if(t&1){let e=Ee();d(0,"button",15),I("click",function(){K(e);let r=y(2);return Q(r.pageIndex=0)}),h(1," 1 "),u();}}function LUe(t,i){if(t&1){let e=Ee();d(0,"button",16),I("click",function(){K(e);let r=y(2);return Q(r.pageIndex=r.pageIndex-r.numberOfReachablePages)}),h(1," ... "),u();}}function FUe(t,i){if(t&1){let e=Ee();d(0,"button",17),I("click",function(){let r=K(e).$implicit,o=y(2);return Q(o.pageIndex=r)}),h(1),u();}if(t&2){let e=i.$implicit,n=y(2);H("onemrva-mat-paginator-current-index",n.pageIndex===e),m(),G(" ",e+1," ");}}function BUe(t,i){if(t&1){let e=Ee();d(0,"button",18),I("click",function(){K(e);let r=y(2);return Q(r.pageIndex=r.pageIndex+r.numberOfReachablePages)}),h(1," ... "),u();}}function $Ue(t,i){if(t&1){let e=Ee();d(0,"button",19),I("click",function(){K(e);let r=y(2);return Q(r.pageIndex=r.totalNumberOfPages-1)}),h(1),u();}if(t&2){let e=y(2);m(),G(" ",e.totalNumberOfPages," ");}}function VUe(t,i){if(t&1){let e=Ee();d(0,"div",2)(1,"button",8),I("click",function(){K(e);let r=y();return Q(r.pageIndex=r.pageIndex-1)}),h(2),$(3,"translate"),u(),T(4,PUe,2,0,"button",9),T(5,LUe,2,0,"button",10),fe(6,FUe,2,3,"button",11,$t),T(8,BUe,2,0,"button",12),T(9,$Ue,2,1,"button",13),d(10,"button",14),I("click",function(){K(e);let r=y();return Q(r.pageIndex=r.pageIndex+1)}),h(11),$(12,"translate"),u()();}if(t&2){let e=y();m(),b("disabled",e.pageIndex===0),m(),G(" ",z(3,8,"paginator."+e.previousKey())," "),m(2),D(e.pages[0]>0&&e.type()==="complex"?4:-1),m(),D(e.pages[0]>0?5:-1),m(),ge(e.pages),m(2),D(e.pages[e.pages.length-1]<e.totalNumberOfPages-1?8:-1),m(),D(e.pages[e.pages.length-1]<e.totalNumberOfPages-1&&e.type()==="complex"?9:-1),m(),b("disabled",e.pageIndex>=e.totalNumberOfPages-1),m(),G(" ",z(12,10,"paginator."+e.nextKey())," ");}}var rl=(()=>{class t{constructor(){this.type=C("default"),this.pageSizeSelector=C(true),this.pageSizeOptions=C([10,20,50,100]),this.pageSizeDefaultOption=C(10),this.recordKey=C("recordsPerPage"),this._isInitialized=false,this._initializedStream=new Ir(1),this.initialized=this._initializedStream,this.maxRecordNumber=0,this._pageIndex=0,this._prevIndex=0,this._length=0,this._pageSize=this.pageSizeDefaultOption(),this._totalNumberOfPages=0,this.previousKey=C("Previous"),this.nextKey=C("Next"),this.onRequestPage=Gt(),this.page=Gt(),this.pageIndex$=new wn(this._pageIndex),this.pageSize$=new wn(this.pageSizeDefaultOption()),this.pages=[],this.numberOfReachablePages=5,this.cd=_(ve);}get pageIndex(){return this._pageIndex}set pageIndex(e){if(!Number.isInteger(e))throw new Error("Index is not integer");if(e<0)throw new Error("Negative index");if(e>this._totalNumberOfPages)throw new Error("Index out of bound");this._pageIndex!==e&&(this._pageIndex=Math.min(e,this._totalNumberOfPages-1),this._emitPageEvent(this._pageIndex),this.refreshState());}resetPageIndex(){this._pageIndex=0;}get length(){return this._length}set length(e){this._length!==e&&(this._length=e,this.refreshState());}get pageSize(){return this._pageSize}set pageSize(e){if(!Number.isInteger(e))throw new Error("pageSize is not integer");if(e<0)throw new Error("pageSize is negative");this._pageSize!==e&&(this._pageSize=e,this.pageSize$.next(this._pageSize),this._pageIndex=0,this._emitPageEvent(this._pageIndex),this.refreshState());}get totalNumberOfPages(){return this._totalNumberOfPages}refreshState(){if(this.maxRecordNumber=Math.min(this._pageIndex*this._pageSize+this._pageSize,this._length),this._pageIndex<0)throw Error("Negative index");if(this._totalNumberOfPages=Math.ceil(this.length/this.pageSize),this._totalNumberOfPages>0&&this._pageIndex>this._totalNumberOfPages)throw Error("Index out of bound");if(!Number.isInteger(this._pageIndex))throw Error("Index is not integer");this._prevIndex!=this.pageIndex&&(this.pageIndex$.next(this._pageIndex),this._prevIndex=this.pageIndex),this.type()==="complex"?this.refreshComplex():this.refreshDefault(),this.cd.detectChanges();}refreshDefault(){if(this._totalNumberOfPages<=this.numberOfReachablePages+1)this.pages=[...Array(this._totalNumberOfPages).keys()];else if(this.pageIndex<=this.numberOfReachablePages-1)this.pages=[...Array(this.numberOfReachablePages).keys()];else {let e=Math.floor(this._pageIndex/this.numberOfReachablePages)*this.numberOfReachablePages;this._totalNumberOfPages-e<=this.numberOfReachablePages+1?this._totalNumberOfPages-e<=1?(e=e-this.numberOfReachablePages,this.pages=[...Array(this._totalNumberOfPages-e).keys()].map(n=>n+e)):this.pages=[...Array(this._totalNumberOfPages-e).keys()].map(n=>n+e):this._totalNumberOfPages-1-e<=2?(e=e-this.numberOfReachablePages,this.pages=[...Array(this._totalNumberOfPages-e).keys()].map(n=>n+e)):this.pages=[...Array(this.numberOfReachablePages).keys()].map(n=>n+e);}}refreshComplex(){if(this._totalNumberOfPages<=this.numberOfReachablePages+2)this.pages=[...Array(this._totalNumberOfPages).keys()];else if(this.pageIndex<=this.numberOfReachablePages-1)this.pages=[...Array(this.numberOfReachablePages).keys()];else {let e=Math.floor(this._pageIndex/this.numberOfReachablePages)*this.numberOfReachablePages;this._totalNumberOfPages-e<=this.numberOfReachablePages+2?this._totalNumberOfPages-e<=2?(e=e-this.numberOfReachablePages,this.pages=[...Array(this._totalNumberOfPages-e).keys()].map(n=>n+e)):this.pages=[...Array(this._totalNumberOfPages-e).keys()].map(n=>n+e):this._totalNumberOfPages-1-e<=3?(e=e-this.numberOfReachablePages,this.pages=[...Array(this._totalNumberOfPages-e).keys()].map(n=>n+e)):this.pages=[...Array(this.numberOfReachablePages).keys()].map(n=>n+e);}}_emitPageEvent(e){this.page.emit({previousPageIndex:e,pageIndex:this._pageIndex,pageSize:this._pageSize,length:this._length}),this.onRequestPage.emit(this._pageIndex);}ngOnInit(){this._isInitialized=true,this._initializedStream.next();}ngOnDestroy(){this._initializedStream.complete();}static{this.\u0275fac=function(n){return new(n||t)};}static{this.\u0275cmp=w({type:t,selectors:[["onemrva-mat-paginator"]],inputs:{type:[1,"type"],pageSizeSelector:[1,"pageSizeSelector"],pageSizeOptions:[1,"pageSizeOptions"],pageSizeDefaultOption:[1,"pageSizeDefaultOption"],recordKey:[1,"recordKey"],pageIndex:"pageIndex",length:"length",pageSize:"pageSize",previousKey:[1,"previousKey"],nextKey:[1,"nextKey"]},outputs:{onRequestPage:"onRequestPage",page:"page"},decls:3,vars:2,consts:[[1,"paginator-container"],[1,"paginator-size-selector-container"],["data-cy","onemrva-mat-paginator",1,"onemrva-mat-paginator"],["appearance","outline","data-cy","onemrva-mat-paginator-page-size-selector",1,"paginator-size-selector"],[3,"value"],[3,"click","value"],[2,"display","inline-block"],["vertical",""],["type","button","data-cy","onemrva-mat-paginator-btn-previous",1,"onemrva-mat-paginator-btn","onemrva-mat-paginator-btn-previous",3,"click","disabled"],["type","button","data-cy","onemrva-mat-paginator-first",1,"onemrva-mat-paginator-btn","onemrva-mat-paginator-first"],["type","button","data-cy","onemrva-mat-paginator-btn-too-many-before",1,"onemrva-mat-paginator-btn","onemrva-mat-paginator-btn-too-many"],["type","button","data-cy","onemrva-mat-paginator-btn-page",1,"onemrva-mat-paginator-btn","onemrva-mat-paginator-btn-page",3,"onemrva-mat-paginator-current-index"],["type","button","data-cy","onemrva-mat-paginator-btn-too-many-after",1,"onemrva-mat-paginator-btn","onemrva-mat-paginator-btn-too-many"],["type","button","data-cy","onemrva-mat-paginator-btn-last",1,"onemrva-mat-paginator-btn","onemrva-mat-paginator-btn-last"],["type","button","data-cy","onemrva-mat-paginator-btn-next",1,"onemrva-mat-paginator-btn","onemrva-mat-paginator-btn-next",3,"click","disabled"],["type","button","data-cy","onemrva-mat-paginator-first",1,"onemrva-mat-paginator-btn","onemrva-mat-paginator-first",3,"click"],["type","button","data-cy","onemrva-mat-paginator-btn-too-many-before",1,"onemrva-mat-paginator-btn","onemrva-mat-paginator-btn-too-many",3,"click"],["type","button","data-cy","onemrva-mat-paginator-btn-page",1,"onemrva-mat-paginator-btn","onemrva-mat-paginator-btn-page",3,"click"],["type","button","data-cy","onemrva-mat-paginator-btn-too-many-after",1,"onemrva-mat-paginator-btn","onemrva-mat-paginator-btn-too-many",3,"click"],["type","button","data-cy","onemrva-mat-paginator-btn-last",1,"onemrva-mat-paginator-btn","onemrva-mat-paginator-btn-last",3,"click"]],template:function(n,r){n&1&&(d(0,"div",0),T(1,NUe,9,8,"div",1),T(2,VUe,13,12,"div",2),u()),n&2&&(m(),D(r.pageSizeSelector()?1:-1),m(),D(r.pages.length>1?2:-1));},dependencies:[it,ki,Xt,$a,at],styles:["[_nghost-%COMP%]   .paginator-container[_ngcontent-%COMP%]{display:flex;align-items:baseline;font:var(--mat-sys-label-medium)}[_nghost-%COMP%]   .paginator-container[_ngcontent-%COMP%]   .paginator-size-selector-container[_ngcontent-%COMP%]{flex:1 0 200px;display:flex;align-items:baseline;justify-content:flex-start;gap:var(--double-spacer)}[_nghost-%COMP%]   .paginator-container[_ngcontent-%COMP%]   .paginator-size-selector-container[_ngcontent-%COMP%]   mat-divider[_ngcontent-%COMP%]{display:inline-block;vertical-align:middle;margin:0 var(--spacer);height:1.5rem}[_nghost-%COMP%]   .paginator-container[_ngcontent-%COMP%]   .paginator-size-selector-container[_ngcontent-%COMP%]   .paginator-size-selector[_ngcontent-%COMP%]{max-width:80px;--mat-select-trigger-text-font: var(--mat-sys-label-medium-font);--mat-select-trigger-text-size: var(--mat-sys-label-medium-size);--mat-select-trigger-text-line-height: var(--mat-sys-label-medium-height);--mat-form-field-container-height: var(--paginator-height);--mat-form-field-outlined-container-shape: calc(var(--paginator-height) / 2);--mat-form-field-container-vertical-padding: var(--half-spacer);--mat-form-field-outlined-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-focus-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-hover-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-outline-width: 1px;--mat-form-field-outlined-focus-outline-width: 2px}[_nghost-%COMP%]   .paginator-container[_ngcontent-%COMP%]   .onemrva-mat-paginator[_ngcontent-%COMP%]{display:flex}[_nghost-%COMP%]   .paginator-container[_ngcontent-%COMP%]   .onemrva-mat-paginator[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{background-color:var(--mat-sys-surface);padding:var(--spacer) var(--double-spacer);text-align:center;border:1px solid var(--mat-sys-outline-variant);border-right:none;color:var(--mat-sys-primary);transition:all .2s}[_nghost-%COMP%]   .paginator-container[_ngcontent-%COMP%]   .onemrva-mat-paginator[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:disabled{color:var(--mat-sys-outline-variant)}[_nghost-%COMP%]   .paginator-container[_ngcontent-%COMP%]   .onemrva-mat-paginator[_ngcontent-%COMP%]   button.onemrva-mat-paginator-btn[_ngcontent-%COMP%]{font:var(--mat-sys-label-medium)}[_nghost-%COMP%]   .paginator-container[_ngcontent-%COMP%]   .onemrva-mat-paginator[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:first-child{border-radius:18px 0 0 18px;width:initial;padding:var(--spacer) var(--double-spacer)}[_nghost-%COMP%]   .paginator-container[_ngcontent-%COMP%]   .onemrva-mat-paginator[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:last-child{border-radius:0 18px 18px 0;border-right:1px solid var(--mat-sys-outline-variant);width:initial;padding:var(--spacer) var(--double-spacer)}[_nghost-%COMP%]   .paginator-container[_ngcontent-%COMP%]   .onemrva-mat-paginator[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover:not(:disabled):not(.onemrva-mat-paginator-current-index){background:var(--background-gradient);color:#fff;cursor:pointer}[_nghost-%COMP%]   .paginator-container[_ngcontent-%COMP%]   .onemrva-mat-paginator[_ngcontent-%COMP%]   button.onemrva-mat-paginator-current-index[_ngcontent-%COMP%]{background:var(--background-gradient);color:#fff}"]});}}return t})();var BT=(()=>{class t{static{this.\u0275fac=function(n){return new(n||t)};}static{this.\u0275mod=_e({type:t});}static{this.\u0275inj=pe({imports:[rl]});}}return t})();var UUe=["clipboardCopyContent"],HUe=["cccTooltip"],zUe=["*"];function GUe(t,i){if(t&1){let e=Ee();d(0,"mat-icon",6),I("click",function(r){K(e);let o=y();return Q(o.copy(r))}),h(1," content_copy "),u();}}function qUe(t,i){t&1&&(d(0,"mat-icon",4),h(1,"check"),u());}var $T=(()=>{class t{constructor(){this.translate=_(Rn),this.clipboard=_(kh),this.checked=false,this.content=et.required("clipboardCopyContent"),this.matTooltip=et.required("cccTooltip"),this.tooltip=C(""),this.onCopy=Gt(),this.onClick=Gt(),this.onHover=Gt(),this.onLeave=Gt();}clicked(e){this.onClick.emit(e);}onMouseEnter(e){this.onHover.emit(e);}onMouseLeave(e){this.onLeave.emit(e);}get getTooltipText(){let e=this.tooltip();return e?this.translate.instant(e):this.translate.instant("copied.to.clipboard")}copy(e){e.stopPropagation(),this.matTooltip().show(),this.clipboard.copy(this.content().nativeElement.innerHTML),this.onCopy.emit(void 0),this.checked=true,setTimeout(()=>{this.checked=false,this.matTooltip().hide();},2e3);}static{this.\u0275fac=function(n){return new(n||t)};}static{this.\u0275cmp=w({type:t,selectors:[["copy-to-clipboard"]],viewQuery:function(n,r){n&1&&gt(r.content,UUe,5)(r.matTooltip,HUe,5),n&2&&Qe(2);},hostBindings:function(n,r){n&1&&I("click",function(a){return r.clicked(a)})("mouseenter",function(a){return r.onMouseEnter(a)})("mouseleave",function(a){return r.onMouseLeave(a)});},inputs:{tooltip:[1,"tooltip"]},outputs:{onCopy:"onCopy",onClick:"onClick",onHover:"onHover",onLeave:"onLeave"},ngContentSelectors:zUe,decls:8,vars:3,consts:[["clipboardCopyContent",""],["cccTooltip","matTooltip"],[1,"onemrva-copy-to-clipboard-container"],[1,"small"],["color","success",1,"small"],["matTooltipPosition","above",3,"matTooltip"],[1,"small",3,"click"]],template:function(n,r){n&1&&(me(),d(0,"span",2)(1,"span",null,0),j(3),u(),T(4,GUe,2,0,"mat-icon",3),T(5,qUe,2,0,"mat-icon",4),O(6,"span",5,1),u()),n&2&&(m(4),D(r.checked?-1:4),m(),D(r.checked?5:-1),m(),b("matTooltip",r.getTooltipText));},dependencies:[bt,Ge,cr,_i],styles:[".onemrva-copy-to-clipboard-container[_ngcontent-%COMP%]   mat-icon[_ngcontent-%COMP%]{line-height:18px;cursor:pointer;margin-left:4px;margin-right:4px}.onemrva-copy-to-clipboard-container[_ngcontent-%COMP%]   .hidden[_ngcontent-%COMP%]{display:none}"]});}}return t})();function jUe(t,i){t&1&&(d(0,"th",19),h(1,"Id"),u());}function YUe(t,i){if(t&1&&(d(0,"td",20),h(1),u()),t&2){let e=i.$implicit;m(),L(e.id);}}function WUe(t,i){t&1&&(d(0,"th",21),h(1,"Name"),u());}function KUe(t,i){if(t&1&&(d(0,"td",20)(1,"strong")(2,"copy-to-clipboard",22),$(3,"translate"),h(4),u()()()),t&2){let e=i.$implicit;m(2),b("tooltip",z(3,2,"copied.to.clipboard")),m(2),L(e.name);}}function QUe(t,i){t&1&&(d(0,"th",23),h(1," Description "),u());}function ZUe(t,i){if(t&1&&(d(0,"td",24),O(1,"span"),h(2),u()),t&2){let e=i.$implicit;m(2),G(" ",e.description," ");}}function XUe(t,i){t&1&&(d(0,"th",25),h(1," Status "),u());}function JUe(t,i){t&1&&(d(0,"onemrva-mat-sticker",26)(1,"mat-icon",29),h(2,"thumb_up"),u(),h(3,"Success "),u());}function e8e(t,i){t&1&&(d(0,"onemrva-mat-sticker",27)(1,"mat-icon",29),h(2,"error"),u(),h(3,"Error "),u());}function t8e(t,i){t&1&&(d(0,"onemrva-mat-sticker",28)(1,"mat-icon",29),h(2,"warning"),u(),h(3,"Warning "),u());}function n8e(t,i){if(t&1&&(d(0,"td",24),T(1,JUe,4,0,"onemrva-mat-sticker",26),T(2,e8e,4,0,"onemrva-mat-sticker",27),T(3,t8e,4,0,"onemrva-mat-sticker",28),u()),t&2){let e=i.$implicit;m(),D(e.status==="success"?1:-1),m(),D(e.status==="error"?2:-1),m(),D(e.status==="warn"?3:-1);}}function i8e(t,i){t&1&&(d(0,"th",30),h(1,"More"),u());}function r8e(t,i){if(t&1){let e=Ee();d(0,"td",31)(1,"button",32),I("click",function(r){return r.stopPropagation()}),d(2,"mat-icon"),h(3,"more_vert"),u()(),d(4,"mat-menu",null,1)(6,"button",33),I("click",function(){let r=K(e).$implicit,o=y();return Q(o.edit(r))}),d(7,"mat-icon"),h(8,"edit"),u(),h(9,"Edit "),u(),d(10,"button",34),I("click",function(){let r=K(e).$implicit,o=y();return Q(o.delete(r))}),d(11,"mat-icon"),h(12,"delete"),u(),h(13,"Delete "),u(),d(14,"button",35),I("click",function(){let r=K(e).$implicit,o=y();return Q(o.share(r))}),d(15,"mat-icon"),h(16,"share"),u(),h(17,"Share "),u()(),O(18,"mat-divider",36),d(19,"button",37)(20,"mat-icon"),h(21,"chevron_right"),u()()();}if(t&2){let e=Ve(5);m(),b("matMenuTriggerFor",e),m(17),b("vertical",true);}}function o8e(t,i){t&1&&O(0,"tr",38);}function a8e(t,i){if(t&1){let e=Ee();d(0,"tr",39),I("matRowClickable",function(){let r=K(e).$implicit,o=y();return Q(o.open(r))}),u();}}var Qte=(()=>{class t extends ie{constructor(){super(),this.paginator=et.required(rl),this.sort=et.required(ql),this.table=et.required(il),this.displayedColumns=["id","name","description","status","more"],this.bgcolor="#123456",this.clipboardService=_(kh),this.dataSource=new TT;}ngAfterViewInit(){this.dataSource.sort=this.sort(),this.dataSource.paginator=this.paginator(),this.table().dataSource=this.dataSource;}edit(e){alert(`Edit row n\xB0${e.id}: ${e.name}`);}delete(e){this.dataSource.remove(e);}share(e){alert(`Share row n\xB0${e.id}: ${e.name}`);}changePage(e){this.dataSource.paginator.pageIndex=e,this.dataSource.touch();}open(e){alert(`Clicked : ${e.id}`);}static{this.\u0275fac=function(n){return new(n||t)};}static{this.\u0275cmp=w({type:t,selectors:[["app-demo-card-table"]],viewQuery:function(n,r){n&1&&gt(r.paginator,rl,5)(r.sort,ql,5)(r.table,il,5),n&2&&Qe(3);},features:[N],decls:20,vars:5,consts:[["paginator",""],["menu","matMenu"],["mat-table","","matSort","","aria-label","Elements",1,"full-width-table","mat-card-table"],["matColumnDef","id"],["mat-header-cell","","mat-sort-header","id",4,"matHeaderCellDef"],["mat-cell","",4,"matCellDef"],["matColumnDef","name"],["mat-header-cell","","mat-sort-header","name",4,"matHeaderCellDef"],["matColumnDef","description"],["mat-header-cell","","mat-sort-header","description","class","d-none-xsmall d-table-cell-medium",4,"matHeaderCellDef"],["mat-cell","","class","d-none-xsmall d-table-cell-medium",4,"matCellDef"],["matColumnDef","status"],["mat-header-cell","","mat-sort-header","status","class","d-none-xsmall d-table-cell-medium",4,"matHeaderCellDef"],["matColumnDef","more"],["mat-header-cell","",4,"matHeaderCellDef"],["mat-cell","","class","text-right",4,"matCellDef"],["mat-header-row","",4,"matHeaderRowDef"],["mat-row","",3,"matRowClickable",4,"matRowDef","matRowDefColumns"],["previousKey","Previous","nextKey","Next",3,"onRequestPage","pageSizeDefaultOption","pageIndex","length"],["mat-header-cell","","mat-sort-header","id"],["mat-cell",""],["mat-header-cell","","mat-sort-header","name"],[3,"tooltip"],["mat-header-cell","","mat-sort-header","description",1,"d-none-xsmall","d-table-cell-medium"],["mat-cell","",1,"d-none-xsmall","d-table-cell-medium"],["mat-header-cell","","mat-sort-header","status",1,"d-none-xsmall","d-table-cell-medium"],["aria-label","Success","color","success",1,"sticker"],["aria-label","Error","color","error",1,"sticker"],["aria-label","Warning","color","warn",1,"sticker"],[1,"mr-s"],["mat-header-cell",""],["mat-cell","",1,"text-right"],["mat-icon-button","","aria-label","More",3,"click","matMenuTriggerFor"],["mat-menu-item","","aria-label","Edit",3,"click"],["mat-menu-item","","aria-label","Delete",3,"click"],["mat-menu-item","","aria-label","Share",3,"click"],[3,"vertical"],["mat-icon-button","","aria-label","Continue"],["mat-header-row",""],["mat-row","",3,"matRowClickable"]],template:function(n,r){n&1&&(d(0,"table",2),ct(1,3),ee(2,jUe,2,0,"th",4)(3,YUe,2,1,"td",5),dt(),ct(4,6),ee(5,WUe,2,0,"th",7)(6,KUe,5,4,"td",5),dt(),ct(7,8),ee(8,QUe,2,0,"th",9)(9,ZUe,3,1,"td",10),dt(),ct(10,11),ee(11,XUe,2,0,"th",12)(12,n8e,4,3,"td",10),dt(),ct(13,13),ee(14,i8e,2,0,"th",14)(15,r8e,22,2,"td",15),dt(),ee(16,o8e,1,0,"tr",16)(17,a8e,1,0,"tr",17),u(),d(18,"onemrva-mat-paginator",18,0),I("onRequestPage",function(a){return r.changePage(a)}),u()),n&2&&(m(16),b("matHeaderRowDef",r.displayedColumns),m(),b("matRowDefColumns",r.displayedColumns),m(),b("pageSizeDefaultOption",10)("pageIndex",0)("length",r.dataSource.data.length));},dependencies:[Bc,$c,Lp,il,Sf,Df,wf,Ef,If,xf,Tf,kf,Mf,NT,ql,AT,bt,Ge,el,go,io,Fa,St,En,Mc,XA,Ln,mf,$a,cr,RQ,$T,Uu,Wo,rl,at],encapsulation:2});}}return t})();var Zte=(()=>{class t extends ie{constructor(){super(...arguments),this.color=C(""),this.checked=C(true),this.indeterminate=C(false),this.disabled=C(false),this.readonly=C(false);}static{this.\u0275fac=(()=>{let e;return function(r){return (e||(e=V(t)))(r||t)}})();}static{this.\u0275cmp=w({type:t,selectors:[["app-demo-checkbox"]],inputs:{color:[1,"color"],checked:[1,"checked"],indeterminate:[1,"indeterminate"],disabled:[1,"disabled"],readonly:[1,"readonly"]},features:[N],decls:2,vars:5,consts:[[3,"readonly","color","checked","indeterminate","disabled"]],template:function(n,r){n&1&&(d(0,"mat-checkbox",0),h(1,"Check me!"),u()),n&2&&b("readonly",r.readonly())("color",r.color())("checked",r.checked())("indeterminate",r.indeterminate())("disabled",r.disabled());},dependencies:[Fc,Do,Dn,Fn],encapsulation:2});}}return t})();function s8e(t,i){if(t&1&&(d(0,"button",3)(1,"mat-icon"),h(2,"close"),u()()),t&2){let e=y().$implicit;F("aria-label","remove "+e);}}function l8e(t,i){if(t&1){let e=Ee();d(0,"mat-chip",2),I("removed",function(){let r=K(e).$implicit,o=y();return Q(o.remove(r))}),h(1),T(2,s8e,3,1,"button",3),u();}if(t&2){let e=i.$implicit,n=y();b("color",n.color())("disabled",n.disabled())("removable",!n.disabled()),m(),G(" ",e," "),m(),D(n.disabled()?-1:2);}}var Xte=(()=>{class t{constructor(){this.color=C(""),this.disabled=C(false),this.chips=W(["chip 1","chip 2"]);}remove(e){this.chips.update(n=>n.filter(r=>r!==e));}static{this.\u0275fac=function(n){return new(n||t)};}static{this.\u0275cmp=w({type:t,selectors:[["app-demo-chips-basic"]],inputs:{color:[1,"color"],disabled:[1,"disabled"]},decls:3,vars:0,consts:[["aria-label","Chips"],[3,"color","disabled","removable"],[3,"removed","color","disabled","removable"],["matChipRemove",""]],template:function(n,r){n&1&&(d(0,"mat-chip-set",0),fe(1,l8e,3,5,"mat-chip",1,$t),u()),n&2&&(m(),ge(r.chips()));},dependencies:[$c,Fp,FT,$y,Ln,Ge],encapsulation:2});}}return t})();function c8e(t,i){if(t&1&&(d(0,"button",10)(1,"mat-icon"),h(2,"close"),u()()),t&2){let e=y().$implicit;F("aria-label","remove "+e);}}function d8e(t,i){if(t&1){let e=Ee();d(0,"mat-chip-row",9),I("removed",function(){let r=K(e).$implicit,o=y();return Q(o.remove(r))}),h(1),T(2,c8e,3,1,"button",10),u();}if(t&2){let e=i.$implicit,n=y();Ma("aria-label",ls("Fruit: ",e)),b("color",n.color())("disabled",n.disabled())("removable",!n.disabled()),m(),G(" ",e," "),m(),D(!n.disabled()&&!n.readonly()?2:-1);}}function u8e(t,i){if(t&1&&(d(0,"mat-option",8),h(1),u()),t&2){let e=i.$implicit;b("value",e),m(),L(e);}}var Jte=(()=>{class t{constructor(){this.color=C(""),this.disabled=C(false),this.readonly=C(false),this.fruits=eo(["Lemon"]),this.separatorKeysCodes=[13,188],this.filteredFruits=re(()=>{let e=this.currentFruit().toLowerCase();return e?this.allFruits.filter(n=>n.toLowerCase().includes(e)):this.allFruits.slice()}),this.currentFruit=eo(""),this.announcer=_(Sd),this.allFruits=["Apple","Lemon","Lime","Orange","Strawberry"];}add(e){let n=(e.value||"").trim();n&&this.fruits.update(r=>[...r,n]),this.currentFruit.set("");}remove(e){this.fruits.update(n=>{let r=n.indexOf(e);return r<0?n:(this.announcer.announce(`Removed ${e}`),n.filter((o,a)=>a!==r))});}selected(e){this.fruits.update(n=>[...n,e.option.viewValue]),this.currentFruit.set(""),e.option.deselect();}static{this.\u0275fac=function(n){return new(n||t)};}static{this.\u0275cmp=w({type:t,selectors:[["app-demo-chips-input"]],inputs:{color:[1,"color"],disabled:[1,"disabled"],readonly:[1,"readonly"],fruits:[1,"fruits"],currentFruit:[1,"currentFruit"]},outputs:{fruits:"fruitsChange",currentFruit:"currentFruitChange"},decls:13,vars:6,consts:[["chipGrid",""],["fruitInput",""],["auto","matAutocomplete"],[1,"chips-input-field",3,"readonly"],["aria-label","Fruit selection"],[3,"color","disabled","removable","aria-label"],["placeholder","Add fruit...",3,"ngModelChange","matChipInputTokenEnd","ngModel","matChipInputFor","matAutocomplete","matChipInputSeparatorKeyCodes","disabled"],[3,"optionSelected"],[3,"value"],[3,"removed","color","disabled","removable","aria-label"],["matChipRemove",""]],template:function(n,r){if(n&1){let o=Ee();d(0,"mat-form-field",3)(1,"mat-label"),h(2,"Favorite Fruits"),u(),d(3,"mat-chip-grid",4,0),fe(5,d8e,3,7,"mat-chip-row",5,$t),u(),d(7,"input",6,1),Cr("ngModelChange",function(s){return K(o),ar(r.currentFruit,s)||(r.currentFruit=s),Q(s)}),I("matChipInputTokenEnd",function(s){return r.add(s)}),u(),we(),d(9,"mat-autocomplete",7,2),I("optionSelected",function(s){return r.selected(s)}),fe(11,u8e,2,2,"mat-option",8,$t),u()();}if(n&2){let o=Ve(4),a=Ve(10);b("readonly",r.readonly()),m(5),ge(r.fruits()),m(2),yr("ngModel",r.currentFruit),b("matChipInputFor",o)("matAutocomplete",a)("matChipInputSeparatorKeyCodes",r.separatorKeysCodes)("disabled",r.disabled()),xe(),m(4),ge(r.filteredFruits());}},dependencies:[Dn,zt,Ke,Od,$c,Wte,Kte,FT,YP,bt,Ge,We,it,rt,Fn,Rd,Xt,nl],encapsulation:2});}}return t})();var m8e=["*"],VT=(()=>{class t{constructor(){this.valueInput=C(null),this.disabledInput=C(null),this._value=W(false),this._disabled=W(false),this.value=()=>this.valueInput()??this._value(),this.disabled=()=>this.disabledInput()??this._disabled(),this._opacity=re(()=>this.disabled()?.4:1),this.onChange=()=>{},this.onTouched=()=>{};}writeValue(e){this._value.set(e);}registerOnChange(e){this.onChange=e;}registerOnTouched(e){this.onTouched=e;}setDisabledState(e){this._disabled.set(e);}onInputChange(e){this._value.set(e),this.onChange(e),this.onTouched();}static{this.\u0275fac=function(n){return new(n||t)};}static{this.\u0275cmp=w({type:t,selectors:[["onemrva-mat-choice-chip"]],hostVars:2,hostBindings:function(n,r){n&2&&Pt("opacity",r._opacity());},inputs:{valueInput:[1,"valueInput"],disabledInput:[1,"disabledInput"]},features:[he([{provide:fi,useExisting:Gn(()=>t),multi:true}])],ngContentSelectors:m8e,decls:2,vars:2,consts:[["color","primary",1,"onemrva-choice-chip",3,"change","blur","checked","disabled"]],template:function(n,r){n&1&&(me(),d(0,"mat-checkbox",0),I("change",function(a){return r.onInputChange(a.checked)})("blur",function(){return r.onTouched()}),j(1),u()),n&2&&b("checked",r.value())("disabled",r.disabled());},dependencies:[Do],styles:[`.onemrva-theme onemrva-mat-choice-chip{--mat-checkbox-selected-checkmark-color: var(--mat-sys-on-primary);display:inline-block;vertical-align:middle}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip{display:inline-flex;box-sizing:border-box;height:var(--mat-chip-container-height, 38px);-webkit-user-select:none;user-select:none;border:1px solid var(--mat-sys-primary);border-radius:var(--chip-border-radius);background:var(--mat-sys-primary-container);padding:0}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip .mdc-form-field{display:flex;align-items:center;height:100%}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip .mdc-form-field .mdc-checkbox{flex:0 0 auto;width:0;height:18px;padding:0;margin:0;visibility:hidden;transition:width .4s,margin-left .4s}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip .mdc-form-field .mdc-checkbox .mdc-checkbox__ripple,.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip .mdc-form-field .mdc-checkbox input{display:none}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip .mdc-form-field .mdc-checkbox .mdc-checkbox__background{top:0;left:0}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip .mdc-form-field>label{padding:0 12px;color:var(--mat-sys-primary);font-family:var(--mat-sys-label-large-font);font-size:var(--mat-sys-label-large-size);font-weight:var(--mat-sys-label-large-weight);line-height:var(--mat-sys-label-large-line-height);white-space:nowrap}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip .mdc-checkbox__ripple{display:none}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip.mat-mdc-checkbox-checked{background-color:var(--mat-sys-primary)}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip.mat-mdc-checkbox-checked .mdc-form-field .mdc-checkbox{width:18px;margin-left:8px;visibility:visible}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip.mat-mdc-checkbox-checked .mdc-form-field .mdc-checkbox__background{background:none!important;border:none!important}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip.mat-mdc-checkbox-checked .mdc-form-field>label{padding-left:8px;color:var(--mat-sys-on-primary)}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip.mdc-checkbox--disabled{background-color:var(--mat-sys-primary-container);border-color:var(--mat-sys-primary-fixed-dim)}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip.mdc-checkbox--disabled .mdc-checkbox__background .mdc-checkbox__checkmark{color:var(--mat-sys-primary-fixed-dim)}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip.mdc-checkbox--disabled .mdc-form-field>label{color:var(--mat-sys-on-surface)}
+`],encapsulation:2})}return t})();var GP=class{source;value;constructor(i,e){this.source=i,this.value=e;}},Wte=(()=>{class t extends $y{ngControl=_(pr,{optional:true,self:true});controlType="mat-chip-grid";_chipInput;_defaultRole="grid";_errorStateTracker;_uid=_(Ut).getId("mat-chip-grid-");_ariaDescribedbyIds=[];_onTouched=()=>{};_onChange=()=>{};get disabled(){return this.ngControl?!!this.ngControl.disabled:this._disabled}set disabled(e){this._disabled=e,this._syncChipsState(),this.stateChanges.next();}get id(){return this._chipInput?this._chipInput.id:this._uid}get empty(){return (!this._chipInput||this._chipInput.empty)&&(!this._chips||this._chips.length===0)}get placeholder(){return this._chipInput?this._chipInput.placeholder:this._placeholder}set placeholder(e){this._placeholder=e,this.stateChanges.next();}_placeholder="";get focused(){return this._chipInput?.focused||this._hasFocusedChip()}get required(){return this._required??this.ngControl?.control?.hasValidator(Mt.required)??false}set required(e){this._required=e,this.stateChanges.next();}_required;get shouldLabelFloat(){return !this.empty||this.focused}get value(){return this._value}set value(e){this._value=e;}_value=[];get errorStateMatcher(){return this._errorStateTracker.matcher}set errorStateMatcher(e){this._errorStateTracker.matcher=e;}get chipBlurChanges(){return this._getChipStream(e=>e._onBlur)}change=new ae;valueChange=new ae;_chips=void 0;stateChanges=new U;get errorState(){return this._errorStateTracker.errorState}set errorState(e){this._errorStateTracker.errorState=e;}constructor(){super();let e=_(vs,{optional:true}),n=_(xr,{optional:true}),r=_(ps);this.ngControl&&(this.ngControl.valueAccessor=this),this._errorStateTracker=new Oc(r,this.ngControl,n,e,this.stateChanges);}ngAfterContentInit(){this.chipBlurChanges.pipe(Ce(this._destroyed)).subscribe(()=>{this._blur(),this.stateChanges.next();}),Ot(this.chipFocusChanges,this._chips.changes).pipe(Ce(this._destroyed)).subscribe(()=>this.stateChanges.next());}ngDoCheck(){this.ngControl&&this.updateErrorState();}ngOnDestroy(){super.ngOnDestroy(),this.stateChanges.complete();}registerInput(e){this._chipInput=e,this._chipInput.setDescribedByIds(this._ariaDescribedbyIds),this._elementRef.nativeElement.removeAttribute("aria-describedby");}onContainerClick(e){!this.disabled&&!this._originatesFromChip(e)&&this.focus();}focus(){if(!(this.disabled||this._chipInput?.focused)){if(!this._chips.length||this._chips.first.disabled){if(!this._chipInput)return;Promise.resolve().then(()=>this._chipInput.focus());}else {let e=this._keyManager.activeItem;e?e.focus():this._keyManager.setFirstItemActive();}this.stateChanges.next();}}get describedByIds(){if(this._chipInput)return this._chipInput.describedByIds||[];let e=this._elementRef.nativeElement.getAttribute("aria-describedby");return e?e.split(" "):[]}setDescribedByIds(e){this._ariaDescribedbyIds=e,this._chipInput?this._chipInput.setDescribedByIds(e):e.length?this._elementRef.nativeElement.setAttribute("aria-describedby",e.join(" ")):this._elementRef.nativeElement.removeAttribute("aria-describedby");}writeValue(e){this._value=e;}registerOnChange(e){this._onChange=e;}registerOnTouched(e){this._onTouched=e;}setDisabledState(e){this.disabled=e,this.stateChanges.next();}updateErrorState(){this._errorStateTracker.updateErrorState();}_blur(){this.disabled||setTimeout(()=>{this.focused||(this._propagateChanges(),this._markAsTouched());});}_allowFocusEscape(){this._chipInput?.focused||super._allowFocusEscape();}_handleKeydown(e){let n=e.keyCode,r=this._keyManager.activeItem;if(n===9)this._chipInput?.focused&&fn(e,"shiftKey")&&this._chips.length&&!this._chips.last.disabled?(e.preventDefault(),r?this._keyManager.setActiveItem(r):this._focusLastChip()):super._allowFocusEscape();else if(!this._chipInput?.focused)if((n===38||n===40)&&r){let o=this._chipActions.filter(l=>l._isPrimary===r._isPrimary&&!this._skipPredicate(l)),a=o.indexOf(r),s=e.keyCode===38?-1:1;e.preventDefault(),a>-1&&this._isValidIndex(a+s)&&this._keyManager.setActiveItem(o[a+s]);}else super._handleKeydown(e);this.stateChanges.next();}_redirectDestroyedChipFocus(){this._lastDestroyedFocusedChipIndex!==null&&(super._redirectDestroyedChipFocus(),(!this._chips.length||this._chips.length===1&&this._chips.first.disabled)&&this._keyManager.updateActiveItem(-1));}_focusLastChip(){this._chips.length&&this._chips.last.focus();}_propagateChanges(){let e=this._chips.length?this._chips.toArray().map(n=>n.value):[];this._value=e,this.change.emit(new GP(this,e)),this.valueChange.emit(e),this._onChange(e),this._changeDetectorRef.markForCheck();}_markAsTouched(){this._onTouched(),this._changeDetectorRef.markForCheck(),this.stateChanges.next();}static \u0275fac=function(n){return new(n||t)};static \u0275cmp=w({type:t,selectors:[["mat-chip-grid"]],contentQueries:function(n,r,o){if(n&1&&dn(o,YP,5),n&2){let a;de(a=ue())&&(r._chips=a);}},hostAttrs:[1,"mat-mdc-chip-set","mat-mdc-chip-grid","mdc-evolution-chip-set"],hostVars:10,hostBindings:function(n,r){n&1&&I("focus",function(){return r.focus()})("blur",function(){return r._blur()}),n&2&&(F("role",r.role)("tabindex",r.disabled||r._chips&&r._chips.length===0?-1:r.tabIndex)("aria-disabled",r.disabled.toString())("aria-invalid",r.errorState),H("mat-mdc-chip-list-disabled",r.disabled)("mat-mdc-chip-list-invalid",r.errorState)("mat-mdc-chip-list-required",r.required));},inputs:{disabled:[2,"disabled","disabled",te],placeholder:"placeholder",required:[2,"required","required",te],value:"value",errorStateMatcher:"errorStateMatcher"},outputs:{change:"change",valueChange:"valueChange"},features:[he([{provide:To,useExisting:t}]),N],ngContentSelectors:qte,decls:2,vars:0,consts:[["role","presentation",1,"mdc-evolution-chip-set__chips"]],template:function(n,r){n&1&&(me(),ye(0,"div",0),j(1),be());},styles:[MUe],encapsulation:2})}return t})(),Kte=(()=>{class t{_elementRef=_(se);focused=false;get chipGrid(){return this._chipGrid}set chipGrid(e){e&&(this._chipGrid=e,this._chipGrid.registerInput(this));}_chipGrid;addOnBlur=false;separatorKeyCodes;chipEnd=new ae;placeholder="";id=_(Ut).getId("mat-mdc-chip-list-input-");get disabled(){return this._disabled||this._chipGrid&&this._chipGrid.disabled}set disabled(e){this._disabled=e;}_disabled=false;readonly=false;disabledInteractive;get empty(){return !this.inputElement.value}inputElement;constructor(){let e=_(jte),n=_(ga,{optional:true});this.inputElement=this._elementRef.nativeElement,this.separatorKeyCodes=e.separatorKeyCodes,this.disabledInteractive=e.inputDisabledInteractive??false,n&&this.inputElement.classList.add("mat-mdc-form-field-input-control");}ngOnChanges(){this._chipGrid.stateChanges.next();}ngOnDestroy(){this.chipEnd.complete();}_keydown(e){this.empty&&e.keyCode===8?(e.repeat||this._chipGrid._focusLastChip(),e.preventDefault()):this._emitChipEnd(e);}_blur(){this.addOnBlur&&this._emitChipEnd(),this.focused=false,this._chipGrid.focused||this._chipGrid._blur(),this._chipGrid.stateChanges.next();}_focus(){this.focused=true,this._chipGrid.stateChanges.next();}_emitChipEnd(e){(!e||this._isSeparatorKey(e)&&!e.repeat)&&(this.chipEnd.emit({input:this.inputElement,value:this.inputElement.value,chipInput:this}),e?.preventDefault());}_onInput(){this._chipGrid.stateChanges.next();}focus(){this.inputElement.focus();}clear(){this.inputElement.value="";}get describedByIds(){return this._elementRef.nativeElement.getAttribute("aria-describedby")?.split(" ")||[]}setDescribedByIds(e){let n=this._elementRef.nativeElement;e.length?n.setAttribute("aria-describedby",e.join(" ")):n.removeAttribute("aria-describedby");}_isSeparatorKey(e){if(!this.separatorKeyCodes)return  false;for(let n of this.separatorKeyCodes){let r,o;typeof n=="number"?(r=n,o=null):(r=n.keyCode,o=n.modifiers);let a=o?.length?fn(e,...o):!fn(e);if(r===e.keyCode&&a)return  true}return  false}_getReadonlyAttribute(){return this.readonly||this.disabled&&this.disabledInteractive?"true":null}static \u0275fac=function(n){return new(n||t)};static \u0275dir=q({type:t,selectors:[["input","matChipInputFor",""]],hostAttrs:[1,"mat-mdc-chip-input","mat-mdc-input-element","mdc-text-field__input","mat-input-element"],hostVars:8,hostBindings:function(n,r){n&1&&I("keydown",function(a){return r._keydown(a)})("blur",function(){return r._blur()})("focus",function(){return r._focus()})("input",function(){return r._onInput()}),n&2&&(vn("id",r.id),F("disabled",r.disabled&&!r.disabledInteractive?"":null)("placeholder",r.placeholder||null)("aria-invalid",r._chipGrid&&r._chipGrid.ngControl?r._chipGrid.ngControl.invalid:null)("aria-required",r._chipGrid&&r._chipGrid.required||null)("aria-disabled",r.disabled&&r.disabledInteractive?"true":null)("readonly",r._getReadonlyAttribute())("required",r._chipGrid&&r._chipGrid.required||null));},inputs:{chipGrid:[0,"matChipInputFor","chipGrid"],addOnBlur:[2,"matChipInputAddOnBlur","addOnBlur",te],separatorKeyCodes:[0,"matChipInputSeparatorKeyCodes","separatorKeyCodes"],placeholder:"placeholder",id:"id",disabled:[2,"disabled","disabled",te],readonly:[2,"readonly","readonly",te],disabledInteractive:[2,"matChipInputDisabledInteractive","disabledInteractive",te]},outputs:{chipEnd:"matChipInputTokenEnd"},exportAs:["matChipInput","matChipInputFor"],features:[Tt]})}return t})();var $c=(()=>{class t{static \u0275fac=function(n){return new(n||t)};static \u0275mod=_e({type:t});static \u0275inj=pe({providers:[ps,{provide:jte,useValue:{separatorKeyCodes:[13]}}],imports:[_o,kt]})}return t})();function OUe(t,i){if(t&1){let e=Ee();d(0,"mat-option",5),I("click",function(){let r=K(e).$implicit,o=y(3);return Q(o.pageSize=r)}),h(1),u();}if(t&2){let e=i.$implicit;b("value",e),F("data-cy","onemrva-mat-paginator-page-size-option-"+e),m(),G("",e," ");}}function RUe(t,i){if(t&1&&(d(0,"mat-form-field",3)(1,"mat-select",4),fe(2,OUe,2,3,"mat-option",4,$t),u()()),t&2){let e=y(2);m(),b("value",e.pageSize),m(),ge(e.pageSizeOptions());}}function AUe(t,i){if(t&1&&(d(0,"span",6),h(1),$(2,"translate"),u(),O(3,"mat-divider",7)),t&2){let e=y(2);m(),L(z(2,1,"paginator."+e.recordKey()));}}function NUe(t,i){if(t&1&&(d(0,"div",1),T(1,RUe,4,1,"mat-form-field",3),d(2,"div"),T(3,AUe,4,3),h(4),d(5,"span"),h(6),$(7,"translate"),u(),h(8),u()()),t&2){let e=y();m(),D(e.pageSizeOptions().length>1?1:-1),m(2),D(e.pageSizeOptions().length>1?3:-1),m(),uo(" ",e.pageIndex*e.pageSize+1," - ",e.maxRecordNumber," "),m(2),L(z(7,6,"paginator.outOf")),m(2),G(" ",e.length," ");}}function PUe(t,i){if(t&1){let e=Ee();d(0,"button",15),I("click",function(){K(e);let r=y(2);return Q(r.pageIndex=0)}),h(1," 1 "),u();}}function LUe(t,i){if(t&1){let e=Ee();d(0,"button",16),I("click",function(){K(e);let r=y(2);return Q(r.pageIndex=r.pageIndex-r.numberOfReachablePages)}),h(1," ... "),u();}}function FUe(t,i){if(t&1){let e=Ee();d(0,"button",17),I("click",function(){let r=K(e).$implicit,o=y(2);return Q(o.pageIndex=r)}),h(1),u();}if(t&2){let e=i.$implicit,n=y(2);H("onemrva-mat-paginator-current-index",n.pageIndex===e),m(),G(" ",e+1," ");}}function BUe(t,i){if(t&1){let e=Ee();d(0,"button",18),I("click",function(){K(e);let r=y(2);return Q(r.pageIndex=r.pageIndex+r.numberOfReachablePages)}),h(1," ... "),u();}}function $Ue(t,i){if(t&1){let e=Ee();d(0,"button",19),I("click",function(){K(e);let r=y(2);return Q(r.pageIndex=r.totalNumberOfPages-1)}),h(1),u();}if(t&2){let e=y(2);m(),G(" ",e.totalNumberOfPages," ");}}function VUe(t,i){if(t&1){let e=Ee();d(0,"div",2)(1,"button",8),I("click",function(){K(e);let r=y();return Q(r.pageIndex=r.pageIndex-1)}),h(2),$(3,"translate"),u(),T(4,PUe,2,0,"button",9),T(5,LUe,2,0,"button",10),fe(6,FUe,2,3,"button",11,$t),T(8,BUe,2,0,"button",12),T(9,$Ue,2,1,"button",13),d(10,"button",14),I("click",function(){K(e);let r=y();return Q(r.pageIndex=r.pageIndex+1)}),h(11),$(12,"translate"),u()();}if(t&2){let e=y();m(),b("disabled",e.pageIndex===0),m(),G(" ",z(3,8,"paginator."+e.previousKey())," "),m(2),D(e.pages[0]>0&&e.type()==="complex"?4:-1),m(),D(e.pages[0]>0?5:-1),m(),ge(e.pages),m(2),D(e.pages[e.pages.length-1]<e.totalNumberOfPages-1?8:-1),m(),D(e.pages[e.pages.length-1]<e.totalNumberOfPages-1&&e.type()==="complex"?9:-1),m(),b("disabled",e.pageIndex>=e.totalNumberOfPages-1),m(),G(" ",z(12,10,"paginator."+e.nextKey())," ");}}var rl=(()=>{class t{constructor(){this.type=C("default"),this.pageSizeSelector=C(true),this.pageSizeOptions=C([10,20,50,100]),this.pageSizeDefaultOption=C(10),this.recordKey=C("recordsPerPage"),this._isInitialized=false,this._initializedStream=new Ir(1),this.initialized=this._initializedStream,this.maxRecordNumber=0,this._pageIndex=0,this._prevIndex=0,this._length=0,this._pageSize=this.pageSizeDefaultOption(),this._totalNumberOfPages=0,this.previousKey=C("Previous"),this.nextKey=C("Next"),this.onRequestPage=Gt(),this.page=Gt(),this.pageIndex$=new wn(this._pageIndex),this.pageSize$=new wn(this.pageSizeDefaultOption()),this.pages=[],this.numberOfReachablePages=5,this.cd=_(ve);}get pageIndex(){return this._pageIndex}set pageIndex(e){if(!Number.isInteger(e))throw new Error("Index is not integer");if(e<0)throw new Error("Negative index");if(e>this._totalNumberOfPages)throw new Error("Index out of bound");this._pageIndex!==e&&(this._pageIndex=Math.min(e,this._totalNumberOfPages-1),this._emitPageEvent(this._pageIndex),this.refreshState());}resetPageIndex(){this._pageIndex=0;}get length(){return this._length}set length(e){this._length!==e&&(this._length=e,this.refreshState());}get pageSize(){return this._pageSize}set pageSize(e){if(!Number.isInteger(e))throw new Error("pageSize is not integer");if(e<0)throw new Error("pageSize is negative");this._pageSize!==e&&(this._pageSize=e,this.pageSize$.next(this._pageSize),this._pageIndex=0,this._emitPageEvent(this._pageIndex),this.refreshState());}get totalNumberOfPages(){return this._totalNumberOfPages}refreshState(){if(this.maxRecordNumber=Math.min(this._pageIndex*this._pageSize+this._pageSize,this._length),this._pageIndex<0)throw Error("Negative index");if(this._totalNumberOfPages=Math.ceil(this.length/this.pageSize),this._totalNumberOfPages>0&&this._pageIndex>this._totalNumberOfPages)throw Error("Index out of bound");if(!Number.isInteger(this._pageIndex))throw Error("Index is not integer");this._prevIndex!=this.pageIndex&&(this.pageIndex$.next(this._pageIndex),this._prevIndex=this.pageIndex),this.type()==="complex"?this.refreshComplex():this.refreshDefault(),this.cd.detectChanges();}refreshDefault(){if(this._totalNumberOfPages<=this.numberOfReachablePages+1)this.pages=[...Array(this._totalNumberOfPages).keys()];else if(this.pageIndex<=this.numberOfReachablePages-1)this.pages=[...Array(this.numberOfReachablePages).keys()];else {let e=Math.floor(this._pageIndex/this.numberOfReachablePages)*this.numberOfReachablePages;this._totalNumberOfPages-e<=this.numberOfReachablePages+1?this._totalNumberOfPages-e<=1?(e=e-this.numberOfReachablePages,this.pages=[...Array(this._totalNumberOfPages-e).keys()].map(n=>n+e)):this.pages=[...Array(this._totalNumberOfPages-e).keys()].map(n=>n+e):this._totalNumberOfPages-1-e<=2?(e=e-this.numberOfReachablePages,this.pages=[...Array(this._totalNumberOfPages-e).keys()].map(n=>n+e)):this.pages=[...Array(this.numberOfReachablePages).keys()].map(n=>n+e);}}refreshComplex(){if(this._totalNumberOfPages<=this.numberOfReachablePages+2)this.pages=[...Array(this._totalNumberOfPages).keys()];else if(this.pageIndex<=this.numberOfReachablePages-1)this.pages=[...Array(this.numberOfReachablePages).keys()];else {let e=Math.floor(this._pageIndex/this.numberOfReachablePages)*this.numberOfReachablePages;this._totalNumberOfPages-e<=this.numberOfReachablePages+2?this._totalNumberOfPages-e<=2?(e=e-this.numberOfReachablePages,this.pages=[...Array(this._totalNumberOfPages-e).keys()].map(n=>n+e)):this.pages=[...Array(this._totalNumberOfPages-e).keys()].map(n=>n+e):this._totalNumberOfPages-1-e<=3?(e=e-this.numberOfReachablePages,this.pages=[...Array(this._totalNumberOfPages-e).keys()].map(n=>n+e)):this.pages=[...Array(this.numberOfReachablePages).keys()].map(n=>n+e);}}_emitPageEvent(e){this.page.emit({previousPageIndex:e,pageIndex:this._pageIndex,pageSize:this._pageSize,length:this._length}),this.onRequestPage.emit(this._pageIndex);}ngOnInit(){this._isInitialized=true,this._initializedStream.next();}ngOnDestroy(){this._initializedStream.complete();}static{this.\u0275fac=function(n){return new(n||t)};}static{this.\u0275cmp=w({type:t,selectors:[["onemrva-mat-paginator"]],inputs:{type:[1,"type"],pageSizeSelector:[1,"pageSizeSelector"],pageSizeOptions:[1,"pageSizeOptions"],pageSizeDefaultOption:[1,"pageSizeDefaultOption"],recordKey:[1,"recordKey"],pageIndex:"pageIndex",length:"length",pageSize:"pageSize",previousKey:[1,"previousKey"],nextKey:[1,"nextKey"]},outputs:{onRequestPage:"onRequestPage",page:"page"},decls:3,vars:2,consts:[[1,"paginator-container"],[1,"paginator-size-selector-container"],["data-cy","onemrva-mat-paginator",1,"onemrva-mat-paginator"],["appearance","outline","data-cy","onemrva-mat-paginator-page-size-selector",1,"paginator-size-selector"],[3,"value"],[3,"click","value"],[2,"display","inline-block"],["vertical",""],["type","button","data-cy","onemrva-mat-paginator-btn-previous",1,"onemrva-mat-paginator-btn","onemrva-mat-paginator-btn-previous",3,"click","disabled"],["type","button","data-cy","onemrva-mat-paginator-first",1,"onemrva-mat-paginator-btn","onemrva-mat-paginator-first"],["type","button","data-cy","onemrva-mat-paginator-btn-too-many-before",1,"onemrva-mat-paginator-btn","onemrva-mat-paginator-btn-too-many"],["type","button","data-cy","onemrva-mat-paginator-btn-page",1,"onemrva-mat-paginator-btn","onemrva-mat-paginator-btn-page",3,"onemrva-mat-paginator-current-index"],["type","button","data-cy","onemrva-mat-paginator-btn-too-many-after",1,"onemrva-mat-paginator-btn","onemrva-mat-paginator-btn-too-many"],["type","button","data-cy","onemrva-mat-paginator-btn-last",1,"onemrva-mat-paginator-btn","onemrva-mat-paginator-btn-last"],["type","button","data-cy","onemrva-mat-paginator-btn-next",1,"onemrva-mat-paginator-btn","onemrva-mat-paginator-btn-next",3,"click","disabled"],["type","button","data-cy","onemrva-mat-paginator-first",1,"onemrva-mat-paginator-btn","onemrva-mat-paginator-first",3,"click"],["type","button","data-cy","onemrva-mat-paginator-btn-too-many-before",1,"onemrva-mat-paginator-btn","onemrva-mat-paginator-btn-too-many",3,"click"],["type","button","data-cy","onemrva-mat-paginator-btn-page",1,"onemrva-mat-paginator-btn","onemrva-mat-paginator-btn-page",3,"click"],["type","button","data-cy","onemrva-mat-paginator-btn-too-many-after",1,"onemrva-mat-paginator-btn","onemrva-mat-paginator-btn-too-many",3,"click"],["type","button","data-cy","onemrva-mat-paginator-btn-last",1,"onemrva-mat-paginator-btn","onemrva-mat-paginator-btn-last",3,"click"]],template:function(n,r){n&1&&(d(0,"div",0),T(1,NUe,9,8,"div",1),T(2,VUe,13,12,"div",2),u()),n&2&&(m(),D(r.pageSizeSelector()?1:-1),m(),D(r.pages.length>1?2:-1));},dependencies:[it,ki,Xt,$a,at],styles:["[_nghost-%COMP%]   .paginator-container[_ngcontent-%COMP%]{display:flex;align-items:baseline;font:var(--mat-sys-label-medium)}[_nghost-%COMP%]   .paginator-container[_ngcontent-%COMP%]   .paginator-size-selector-container[_ngcontent-%COMP%]{flex:1 0 200px;display:flex;align-items:baseline;justify-content:flex-start;gap:var(--spacer)}[_nghost-%COMP%]   .paginator-container[_ngcontent-%COMP%]   .paginator-size-selector-container[_ngcontent-%COMP%]   mat-divider[_ngcontent-%COMP%]{display:inline-block;vertical-align:middle;margin:0 var(--spacer);height:1.5rem}[_nghost-%COMP%]   .paginator-container[_ngcontent-%COMP%]   .paginator-size-selector-container[_ngcontent-%COMP%]   .paginator-size-selector[_ngcontent-%COMP%]{max-width:80px;padding:0;--mat-select-trigger-text-font: var(--mat-sys-label-medium-font);--mat-select-trigger-text-size: var(--mat-sys-label-medium-size);--mat-select-trigger-text-line-height: var(--mat-sys-label-medium-height);--mat-form-field-container-height: var(--paginator-height);--mat-form-field-outlined-container-shape: calc(var(--paginator-height) / 2);--mat-form-field-container-vertical-padding: var(--half-spacer);--mat-form-field-outlined-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-focus-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-hover-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-outline-width: 1px;--mat-form-field-outlined-focus-outline-width: 2px}[_nghost-%COMP%]   .paginator-container[_ngcontent-%COMP%]   .onemrva-mat-paginator[_ngcontent-%COMP%]{display:flex}[_nghost-%COMP%]   .paginator-container[_ngcontent-%COMP%]   .onemrva-mat-paginator[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{background-color:var(--mat-sys-surface);padding:var(--spacer) var(--double-spacer);text-align:center;border:1px solid var(--mat-sys-outline-variant);border-right:none;color:var(--mat-sys-primary);transition:all .2s}[_nghost-%COMP%]   .paginator-container[_ngcontent-%COMP%]   .onemrva-mat-paginator[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:disabled{color:var(--mat-sys-outline-variant)}[_nghost-%COMP%]   .paginator-container[_ngcontent-%COMP%]   .onemrva-mat-paginator[_ngcontent-%COMP%]   button.onemrva-mat-paginator-btn[_ngcontent-%COMP%]{font:var(--mat-sys-label-medium)}[_nghost-%COMP%]   .paginator-container[_ngcontent-%COMP%]   .onemrva-mat-paginator[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:first-child{border-radius:18px 0 0 18px;width:initial;padding:var(--spacer) var(--double-spacer)}[_nghost-%COMP%]   .paginator-container[_ngcontent-%COMP%]   .onemrva-mat-paginator[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:last-child{border-radius:0 18px 18px 0;border-right:1px solid var(--mat-sys-outline-variant);width:initial;padding:var(--spacer) var(--double-spacer)}[_nghost-%COMP%]   .paginator-container[_ngcontent-%COMP%]   .onemrva-mat-paginator[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover:not(:disabled):not(.onemrva-mat-paginator-current-index){background:var(--background-gradient);color:#fff;cursor:pointer}[_nghost-%COMP%]   .paginator-container[_ngcontent-%COMP%]   .onemrva-mat-paginator[_ngcontent-%COMP%]   button.onemrva-mat-paginator-current-index[_ngcontent-%COMP%]{background:var(--background-gradient);color:#fff}"]});}}return t})();var BT=(()=>{class t{static{this.\u0275fac=function(n){return new(n||t)};}static{this.\u0275mod=_e({type:t});}static{this.\u0275inj=pe({imports:[rl]});}}return t})();var UUe=["clipboardCopyContent"],HUe=["cccTooltip"],zUe=["*"];function GUe(t,i){if(t&1){let e=Ee();d(0,"mat-icon",6),I("click",function(r){K(e);let o=y();return Q(o.copy(r))}),h(1," content_copy "),u();}}function qUe(t,i){t&1&&(d(0,"mat-icon",4),h(1,"check"),u());}var $T=(()=>{class t{constructor(){this.translate=_(Rn),this.clipboard=_(kh),this.checked=false,this.content=et.required("clipboardCopyContent"),this.matTooltip=et.required("cccTooltip"),this.tooltip=C(""),this.onCopy=Gt(),this.onClick=Gt(),this.onHover=Gt(),this.onLeave=Gt();}clicked(e){this.onClick.emit(e);}onMouseEnter(e){this.onHover.emit(e);}onMouseLeave(e){this.onLeave.emit(e);}get getTooltipText(){let e=this.tooltip();return e?this.translate.instant(e):this.translate.instant("copied.to.clipboard")}copy(e){e.stopPropagation(),this.matTooltip().show(),this.clipboard.copy(this.content().nativeElement.innerHTML),this.onCopy.emit(void 0),this.checked=true,setTimeout(()=>{this.checked=false,this.matTooltip().hide();},2e3);}static{this.\u0275fac=function(n){return new(n||t)};}static{this.\u0275cmp=w({type:t,selectors:[["copy-to-clipboard"]],viewQuery:function(n,r){n&1&&gt(r.content,UUe,5)(r.matTooltip,HUe,5),n&2&&Qe(2);},hostBindings:function(n,r){n&1&&I("click",function(a){return r.clicked(a)})("mouseenter",function(a){return r.onMouseEnter(a)})("mouseleave",function(a){return r.onMouseLeave(a)});},inputs:{tooltip:[1,"tooltip"]},outputs:{onCopy:"onCopy",onClick:"onClick",onHover:"onHover",onLeave:"onLeave"},ngContentSelectors:zUe,decls:8,vars:3,consts:[["clipboardCopyContent",""],["cccTooltip","matTooltip"],[1,"onemrva-copy-to-clipboard-container"],[1,"small"],["color","success",1,"small"],["matTooltipPosition","above",3,"matTooltip"],[1,"small",3,"click"]],template:function(n,r){n&1&&(me(),d(0,"span",2)(1,"span",null,0),j(3),u(),T(4,GUe,2,0,"mat-icon",3),T(5,qUe,2,0,"mat-icon",4),O(6,"span",5,1),u()),n&2&&(m(4),D(r.checked?-1:4),m(),D(r.checked?5:-1),m(),b("matTooltip",r.getTooltipText));},dependencies:[bt,Ge,cr,_i],styles:[".onemrva-copy-to-clipboard-container[_ngcontent-%COMP%]   mat-icon[_ngcontent-%COMP%]{line-height:18px;cursor:pointer;margin-left:4px;margin-right:4px}.onemrva-copy-to-clipboard-container[_ngcontent-%COMP%]   .hidden[_ngcontent-%COMP%]{display:none}"]});}}return t})();function jUe(t,i){t&1&&(d(0,"th",19),h(1,"Id"),u());}function YUe(t,i){if(t&1&&(d(0,"td",20),h(1),u()),t&2){let e=i.$implicit;m(),L(e.id);}}function WUe(t,i){t&1&&(d(0,"th",21),h(1,"Name"),u());}function KUe(t,i){if(t&1&&(d(0,"td",20)(1,"strong")(2,"copy-to-clipboard",22),$(3,"translate"),h(4),u()()()),t&2){let e=i.$implicit;m(2),b("tooltip",z(3,2,"copied.to.clipboard")),m(2),L(e.name);}}function QUe(t,i){t&1&&(d(0,"th",23),h(1," Description "),u());}function ZUe(t,i){if(t&1&&(d(0,"td",24),O(1,"span"),h(2),u()),t&2){let e=i.$implicit;m(2),G(" ",e.description," ");}}function XUe(t,i){t&1&&(d(0,"th",25),h(1," Status "),u());}function JUe(t,i){t&1&&(d(0,"onemrva-mat-sticker",26)(1,"mat-icon",29),h(2,"thumb_up"),u(),h(3,"Success "),u());}function e8e(t,i){t&1&&(d(0,"onemrva-mat-sticker",27)(1,"mat-icon",29),h(2,"error"),u(),h(3,"Error "),u());}function t8e(t,i){t&1&&(d(0,"onemrva-mat-sticker",28)(1,"mat-icon",29),h(2,"warning"),u(),h(3,"Warning "),u());}function n8e(t,i){if(t&1&&(d(0,"td",24),T(1,JUe,4,0,"onemrva-mat-sticker",26),T(2,e8e,4,0,"onemrva-mat-sticker",27),T(3,t8e,4,0,"onemrva-mat-sticker",28),u()),t&2){let e=i.$implicit;m(),D(e.status==="success"?1:-1),m(),D(e.status==="error"?2:-1),m(),D(e.status==="warn"?3:-1);}}function i8e(t,i){t&1&&(d(0,"th",30),h(1,"More"),u());}function r8e(t,i){if(t&1){let e=Ee();d(0,"td",31)(1,"button",32),I("click",function(r){return r.stopPropagation()}),d(2,"mat-icon"),h(3,"more_vert"),u()(),d(4,"mat-menu",null,1)(6,"button",33),I("click",function(){let r=K(e).$implicit,o=y();return Q(o.edit(r))}),d(7,"mat-icon"),h(8,"edit"),u(),h(9,"Edit "),u(),d(10,"button",34),I("click",function(){let r=K(e).$implicit,o=y();return Q(o.delete(r))}),d(11,"mat-icon"),h(12,"delete"),u(),h(13,"Delete "),u(),d(14,"button",35),I("click",function(){let r=K(e).$implicit,o=y();return Q(o.share(r))}),d(15,"mat-icon"),h(16,"share"),u(),h(17,"Share "),u()(),O(18,"mat-divider",36),d(19,"button",37)(20,"mat-icon"),h(21,"chevron_right"),u()()();}if(t&2){let e=Ve(5);m(),b("matMenuTriggerFor",e),m(17),b("vertical",true);}}function o8e(t,i){t&1&&O(0,"tr",38);}function a8e(t,i){if(t&1){let e=Ee();d(0,"tr",39),I("matRowClickable",function(){let r=K(e).$implicit,o=y();return Q(o.open(r))}),u();}}var Qte=(()=>{class t extends ie{constructor(){super(),this.paginator=et.required(rl),this.sort=et.required(ql),this.table=et.required(il),this.displayedColumns=["id","name","description","status","more"],this.bgcolor="#123456",this.clipboardService=_(kh),this.dataSource=new TT;}ngAfterViewInit(){this.dataSource.sort=this.sort(),this.dataSource.paginator=this.paginator(),this.table().dataSource=this.dataSource;}edit(e){alert(`Edit row n\xB0${e.id}: ${e.name}`);}delete(e){this.dataSource.remove(e);}share(e){alert(`Share row n\xB0${e.id}: ${e.name}`);}changePage(e){this.dataSource.paginator.pageIndex=e,this.dataSource.touch();}open(e){alert(`Clicked : ${e.id}`);}static{this.\u0275fac=function(n){return new(n||t)};}static{this.\u0275cmp=w({type:t,selectors:[["app-demo-table-entrypoint"]],viewQuery:function(n,r){n&1&&gt(r.paginator,rl,5)(r.sort,ql,5)(r.table,il,5),n&2&&Qe(3);},features:[N],decls:20,vars:5,consts:[["paginator",""],["menu","matMenu"],["mat-table","","matSort","","aria-label","Elements",1,"full-width-table","mat-card-table"],["matColumnDef","id"],["mat-header-cell","","mat-sort-header","id",4,"matHeaderCellDef"],["mat-cell","",4,"matCellDef"],["matColumnDef","name"],["mat-header-cell","","mat-sort-header","name",4,"matHeaderCellDef"],["matColumnDef","description"],["mat-header-cell","","mat-sort-header","description","class","d-none-xsmall d-table-cell-medium",4,"matHeaderCellDef"],["mat-cell","","class","d-none-xsmall d-table-cell-medium",4,"matCellDef"],["matColumnDef","status"],["mat-header-cell","","mat-sort-header","status","class","d-none-xsmall d-table-cell-medium",4,"matHeaderCellDef"],["matColumnDef","more"],["mat-header-cell","",4,"matHeaderCellDef"],["mat-cell","","class","text-right",4,"matCellDef"],["mat-header-row","",4,"matHeaderRowDef"],["mat-row","",3,"matRowClickable",4,"matRowDef","matRowDefColumns"],["previousKey","Previous","nextKey","Next",3,"onRequestPage","pageSizeDefaultOption","pageIndex","length"],["mat-header-cell","","mat-sort-header","id"],["mat-cell",""],["mat-header-cell","","mat-sort-header","name"],[3,"tooltip"],["mat-header-cell","","mat-sort-header","description",1,"d-none-xsmall","d-table-cell-medium"],["mat-cell","",1,"d-none-xsmall","d-table-cell-medium"],["mat-header-cell","","mat-sort-header","status",1,"d-none-xsmall","d-table-cell-medium"],["aria-label","Success","color","success",1,"sticker"],["aria-label","Error","color","error",1,"sticker"],["aria-label","Warning","color","warn",1,"sticker"],[1,"mr-s"],["mat-header-cell",""],["mat-cell","",1,"text-right"],["mat-icon-button","","aria-label","More",3,"click","matMenuTriggerFor"],["mat-menu-item","","aria-label","Edit",3,"click"],["mat-menu-item","","aria-label","Delete",3,"click"],["mat-menu-item","","aria-label","Share",3,"click"],[3,"vertical"],["mat-icon-button","","aria-label","Continue"],["mat-header-row",""],["mat-row","",3,"matRowClickable"]],template:function(n,r){n&1&&(d(0,"table",2),ct(1,3),ee(2,jUe,2,0,"th",4)(3,YUe,2,1,"td",5),dt(),ct(4,6),ee(5,WUe,2,0,"th",7)(6,KUe,5,4,"td",5),dt(),ct(7,8),ee(8,QUe,2,0,"th",9)(9,ZUe,3,1,"td",10),dt(),ct(10,11),ee(11,XUe,2,0,"th",12)(12,n8e,4,3,"td",10),dt(),ct(13,13),ee(14,i8e,2,0,"th",14)(15,r8e,22,2,"td",15),dt(),ee(16,o8e,1,0,"tr",16)(17,a8e,1,0,"tr",17),u(),d(18,"onemrva-mat-paginator",18,0),I("onRequestPage",function(a){return r.changePage(a)}),u()),n&2&&(m(16),b("matHeaderRowDef",r.displayedColumns),m(),b("matRowDefColumns",r.displayedColumns),m(),b("pageSizeDefaultOption",10)("pageIndex",0)("length",r.dataSource.data.length));},dependencies:[Bc,$c,Lp,il,Sf,Df,wf,Ef,If,xf,Tf,kf,Mf,NT,ql,AT,bt,Ge,el,go,io,Fa,St,En,Mc,XA,Ln,mf,$a,cr,RQ,$T,Uu,Wo,rl,at],encapsulation:2});}}return t})();var Zte=(()=>{class t extends ie{constructor(){super(...arguments),this.color=C(""),this.checked=C(true),this.indeterminate=C(false),this.disabled=C(false),this.readonly=C(false);}static{this.\u0275fac=(()=>{let e;return function(r){return (e||(e=V(t)))(r||t)}})();}static{this.\u0275cmp=w({type:t,selectors:[["app-demo-checkbox"]],inputs:{color:[1,"color"],checked:[1,"checked"],indeterminate:[1,"indeterminate"],disabled:[1,"disabled"],readonly:[1,"readonly"]},features:[N],decls:2,vars:5,consts:[[3,"readonly","color","checked","indeterminate","disabled"]],template:function(n,r){n&1&&(d(0,"mat-checkbox",0),h(1,"Check me!"),u()),n&2&&b("readonly",r.readonly())("color",r.color())("checked",r.checked())("indeterminate",r.indeterminate())("disabled",r.disabled());},dependencies:[Fc,Do,Dn,Fn],encapsulation:2});}}return t})();function s8e(t,i){if(t&1&&(d(0,"button",3)(1,"mat-icon"),h(2,"close"),u()()),t&2){let e=y().$implicit;F("aria-label","remove "+e);}}function l8e(t,i){if(t&1){let e=Ee();d(0,"mat-chip",2),I("removed",function(){let r=K(e).$implicit,o=y();return Q(o.remove(r))}),h(1),T(2,s8e,3,1,"button",3),u();}if(t&2){let e=i.$implicit,n=y();b("color",n.color())("disabled",n.disabled())("removable",!n.disabled()),m(),G(" ",e," "),m(),D(n.disabled()?-1:2);}}var Xte=(()=>{class t{constructor(){this.color=C(""),this.disabled=C(false),this.chips=W(["chip 1","chip 2"]);}remove(e){this.chips.update(n=>n.filter(r=>r!==e));}static{this.\u0275fac=function(n){return new(n||t)};}static{this.\u0275cmp=w({type:t,selectors:[["app-demo-chips-basic"]],inputs:{color:[1,"color"],disabled:[1,"disabled"]},decls:3,vars:0,consts:[["aria-label","Chips"],[3,"color","disabled","removable"],[3,"removed","color","disabled","removable"],["matChipRemove",""]],template:function(n,r){n&1&&(d(0,"mat-chip-set",0),fe(1,l8e,3,5,"mat-chip",1,$t),u()),n&2&&(m(),ge(r.chips()));},dependencies:[$c,Fp,FT,$y,Ln,Ge],encapsulation:2});}}return t})();function c8e(t,i){if(t&1&&(d(0,"button",10)(1,"mat-icon"),h(2,"close"),u()()),t&2){let e=y().$implicit;F("aria-label","remove "+e);}}function d8e(t,i){if(t&1){let e=Ee();d(0,"mat-chip-row",9),I("removed",function(){let r=K(e).$implicit,o=y();return Q(o.remove(r))}),h(1),T(2,c8e,3,1,"button",10),u();}if(t&2){let e=i.$implicit,n=y();Ma("aria-label",ls("Fruit: ",e)),b("color",n.color())("disabled",n.disabled())("removable",!n.disabled()),m(),G(" ",e," "),m(),D(!n.disabled()&&!n.readonly()?2:-1);}}function u8e(t,i){if(t&1&&(d(0,"mat-option",8),h(1),u()),t&2){let e=i.$implicit;b("value",e),m(),L(e);}}var Jte=(()=>{class t{constructor(){this.color=C(""),this.disabled=C(false),this.readonly=C(false),this.fruits=eo(["Lemon"]),this.separatorKeysCodes=[13,188],this.filteredFruits=re(()=>{let e=this.currentFruit().toLowerCase();return e?this.allFruits.filter(n=>n.toLowerCase().includes(e)):this.allFruits.slice()}),this.currentFruit=eo(""),this.announcer=_(Sd),this.allFruits=["Apple","Lemon","Lime","Orange","Strawberry"];}add(e){let n=(e.value||"").trim();n&&this.fruits.update(r=>[...r,n]),this.currentFruit.set("");}remove(e){this.fruits.update(n=>{let r=n.indexOf(e);return r<0?n:(this.announcer.announce(`Removed ${e}`),n.filter((o,a)=>a!==r))});}selected(e){this.fruits.update(n=>[...n,e.option.viewValue]),this.currentFruit.set(""),e.option.deselect();}static{this.\u0275fac=function(n){return new(n||t)};}static{this.\u0275cmp=w({type:t,selectors:[["app-demo-chips-input"]],inputs:{color:[1,"color"],disabled:[1,"disabled"],readonly:[1,"readonly"],fruits:[1,"fruits"],currentFruit:[1,"currentFruit"]},outputs:{fruits:"fruitsChange",currentFruit:"currentFruitChange"},decls:13,vars:6,consts:[["chipGrid",""],["fruitInput",""],["auto","matAutocomplete"],[1,"chips-input-field",3,"readonly"],["aria-label","Fruit selection"],[3,"color","disabled","removable","aria-label"],["placeholder","Add fruit...",3,"ngModelChange","matChipInputTokenEnd","ngModel","matChipInputFor","matAutocomplete","matChipInputSeparatorKeyCodes","disabled"],[3,"optionSelected"],[3,"value"],[3,"removed","color","disabled","removable","aria-label"],["matChipRemove",""]],template:function(n,r){if(n&1){let o=Ee();d(0,"mat-form-field",3)(1,"mat-label"),h(2,"Favorite Fruits"),u(),d(3,"mat-chip-grid",4,0),fe(5,d8e,3,7,"mat-chip-row",5,$t),u(),d(7,"input",6,1),Cr("ngModelChange",function(s){return K(o),ar(r.currentFruit,s)||(r.currentFruit=s),Q(s)}),I("matChipInputTokenEnd",function(s){return r.add(s)}),u(),we(),d(9,"mat-autocomplete",7,2),I("optionSelected",function(s){return r.selected(s)}),fe(11,u8e,2,2,"mat-option",8,$t),u()();}if(n&2){let o=Ve(4),a=Ve(10);b("readonly",r.readonly()),m(5),ge(r.fruits()),m(2),yr("ngModel",r.currentFruit),b("matChipInputFor",o)("matAutocomplete",a)("matChipInputSeparatorKeyCodes",r.separatorKeysCodes)("disabled",r.disabled()),xe(),m(4),ge(r.filteredFruits());}},dependencies:[Dn,zt,Ke,Od,$c,Wte,Kte,FT,YP,bt,Ge,We,it,rt,Fn,Rd,Xt,nl],encapsulation:2});}}return t})();var m8e=["*"],VT=(()=>{class t{constructor(){this.valueInput=C(null),this.disabledInput=C(null),this._value=W(false),this._disabled=W(false),this.value=()=>this.valueInput()??this._value(),this.disabled=()=>this.disabledInput()??this._disabled(),this._opacity=re(()=>this.disabled()?.4:1),this.onChange=()=>{},this.onTouched=()=>{};}writeValue(e){this._value.set(e);}registerOnChange(e){this.onChange=e;}registerOnTouched(e){this.onTouched=e;}setDisabledState(e){this._disabled.set(e);}onInputChange(e){this._value.set(e),this.onChange(e),this.onTouched();}static{this.\u0275fac=function(n){return new(n||t)};}static{this.\u0275cmp=w({type:t,selectors:[["onemrva-mat-choice-chip"]],hostVars:2,hostBindings:function(n,r){n&2&&Pt("opacity",r._opacity());},inputs:{valueInput:[1,"valueInput"],disabledInput:[1,"disabledInput"]},features:[he([{provide:fi,useExisting:Gn(()=>t),multi:true}])],ngContentSelectors:m8e,decls:2,vars:2,consts:[["color","primary",1,"onemrva-choice-chip",3,"change","blur","checked","disabled"]],template:function(n,r){n&1&&(me(),d(0,"mat-checkbox",0),I("change",function(a){return r.onInputChange(a.checked)})("blur",function(){return r.onTouched()}),j(1),u()),n&2&&b("checked",r.value())("disabled",r.disabled());},dependencies:[Do],styles:[`.onemrva-theme onemrva-mat-choice-chip{--mat-checkbox-selected-checkmark-color: var(--mat-sys-on-primary);display:inline-block;vertical-align:middle}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip{display:inline-flex;box-sizing:border-box;height:var(--mat-chip-container-height, 38px);-webkit-user-select:none;user-select:none;border:1px solid var(--mat-sys-primary);border-radius:var(--chip-border-radius);background:var(--mat-sys-primary-container);padding:0}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip .mdc-form-field{display:flex;align-items:center;height:100%}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip .mdc-form-field .mdc-checkbox{flex:0 0 auto;width:0;height:18px;padding:0;margin:0;visibility:hidden;transition:width .4s,margin-left .4s}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip .mdc-form-field .mdc-checkbox .mdc-checkbox__ripple,.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip .mdc-form-field .mdc-checkbox input{display:none}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip .mdc-form-field .mdc-checkbox .mdc-checkbox__background{top:0;left:0}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip .mdc-form-field>label{padding:0 12px;color:var(--mat-sys-primary);font-family:var(--mat-sys-label-large-font);font-size:var(--mat-sys-label-large-size);font-weight:var(--mat-sys-label-large-weight);line-height:var(--mat-sys-label-large-line-height);white-space:nowrap}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip .mdc-checkbox__ripple{display:none}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip.mat-mdc-checkbox-checked{background-color:var(--mat-sys-primary)}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip.mat-mdc-checkbox-checked .mdc-form-field .mdc-checkbox{width:18px;margin-left:8px;visibility:visible}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip.mat-mdc-checkbox-checked .mdc-form-field .mdc-checkbox__background{background:none!important;border:none!important}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip.mat-mdc-checkbox-checked .mdc-form-field>label{padding-left:8px;color:var(--mat-sys-on-primary)}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip.mdc-checkbox--disabled{background-color:var(--mat-sys-primary-container);border-color:var(--mat-sys-primary-fixed-dim)}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip.mdc-checkbox--disabled .mdc-checkbox__background .mdc-checkbox__checkmark{color:var(--mat-sys-primary-fixed-dim)}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip.mdc-checkbox--disabled .mdc-form-field>label{color:var(--mat-sys-on-surface)}
 `],encapsulation:2});}}return t})();var ene=(()=>{class t{constructor(){this._formBuilder=_(tl),this.readonly=C(false),this.disabled=C(false),this.toppingsChange=Gt(),this.form=this._formBuilder.nonNullable.group({pepperoni:false,extracheese:false,mushroom:false}),this.form.valueChanges.pipe(Jn()).subscribe(e=>{this.toppingsChange.emit(e);}),_t(()=>{this.disabled()?this.form.disable():this.form.enable();});}static{this.\u0275fac=function(n){return new(n||t)};}static{this.\u0275cmp=w({type:t,selectors:[["app-demo-choice-chips"]],inputs:{readonly:[1,"readonly"],disabled:[1,"disabled"]},outputs:{toppingsChange:"toppingsChange"},decls:7,vars:4,consts:[[1,"demo-choice-chips",3,"formGroup"],["formControlName","pepperoni",3,"readonly"],["formControlName","extracheese",3,"readonly"],["formControlName","mushroom",3,"readonly"]],template:function(n,r){n&1&&(d(0,"div",0)(1,"onemrva-mat-choice-chip",1),h(2," Pepperoni "),u(),we(),d(3,"onemrva-mat-choice-chip",2),h(4," Extra Cheese "),u(),we(),d(5,"onemrva-mat-choice-chip",3),h(6," Mushroom "),u(),we(),u()),n&2&&(b("formGroup",r.form),m(),b("readonly",r.readonly()),xe(),m(2),b("readonly",r.readonly()),xe(),m(2),b("readonly",r.readonly()),xe());},dependencies:[VT,qe,Ke,vo,xr,zl,Fn],encapsulation:2});}}return t})();var tne=(()=>{class t extends ie{constructor(){super(),this.color=C(""),this.disabled=C(false),this.readonly=C(false),this.fruits=W(["Lemon"]),this.toppings=W({pepperoni:false,extracheese:false,mushroom:false}),_t(()=>{this.output.set({fruits:this.fruits(),toppings:this.toppings()});});}static{this.\u0275fac=function(n){return new(n||t)};}static{this.\u0275cmp=w({type:t,selectors:[["app-demo-chips"]],inputs:{color:[1,"color"],disabled:[1,"disabled"],readonly:[1,"readonly"]},features:[N],decls:28,vars:8,consts:[[1,"demo-chips"],[1,"demo-chips__section"],[3,"color","disabled"],[3,"fruitsChange","color","disabled","readonly","fruits"],[3,"toppingsChange","disabled","readonly"]],template:function(n,r){n&1&&(d(0,"div",0)(1,"section",1)(2,"h3"),h(3,"Chip set"),u(),d(4,"p"),h(5,"Static chips in a "),d(6,"code"),h(7,"mat-chip-set"),u(),h(8,", optionally removable."),u(),O(9,"app-demo-chips-basic",2),u(),d(10,"section",1)(11,"h3"),h(12,"Chips input"),u(),d(13,"p"),h(14," A "),d(15,"code"),h(16,"mat-chip-grid"),u(),h(17," inside a form field: type and press Enter or comma, or pick a suggestion from the autocomplete. "),u(),d(18,"app-demo-chips-input",3),Cr("fruitsChange",function(a){return ar(r.fruits,a)||(r.fruits=a),a}),u()(),d(19,"section",1)(20,"h3"),h(21,"Choice chips"),u(),d(22,"p"),h(23," Toggleable "),d(24,"code"),h(25,"onemrva-mat-choice-chip"),u(),h(26," controls bound to a reactive form. "),u(),d(27,"app-demo-choice-chips",4),I("toppingsChange",function(a){return r.toppings.set(a)}),u()()()),n&2&&(m(9),b("color",r.color())("disabled",r.disabled()),m(9),b("color",r.color())("disabled",r.disabled())("readonly",r.readonly()),yr("fruits",r.fruits),m(9),b("disabled",r.disabled())("readonly",r.readonly()));},dependencies:[Xte,Jte,ene],styles:[`.demo-chips{display:flex;flex-direction:column;gap:2rem}.demo-chips__section>h3{margin-bottom:.5rem}.demo-choice-chips{display:flex;flex-wrap:wrap;gap:8px}
 `],encapsulation:2});}}return t})();var nne=(()=>{class t extends ie{static{this.\u0275fac=(()=>{let e;return function(r){return (e||(e=V(t)))(r||t)}})();}static{this.\u0275cmp=w({type:t,selectors:[["app-demo-copy-to-clipboard"]],features:[N],decls:6,vars:3,consts:[[3,"tooltip"]],template:function(n,r){n&1&&(d(0,"p"),h(1," You can say "),d(2,"copy-to-clipboard",0),$(3,"translate"),h(4,"Hello world"),u(),h(5,`!
 `),u()),n&2&&(m(2),b("tooltip",z(3,1,"copied.to.clipboard")));},dependencies:[bt,$T,at],encapsulation:2});}}return t})();var UT=(()=>{class t{constructor(){this.countryCode=C("xx"),this.countryName=C("");}static{this.\u0275fac=function(n){return new(n||t)};}static{this.\u0275cmp=w({type:t,selectors:[["mat-country-item"]],inputs:{countryCode:[1,"countryCode"],countryName:[1,"countryName"]},decls:3,vars:1,consts:[[1,"onemrva-country-item"],[1,"description"]],template:function(n,r){n&1&&(ye(0,"div",0)(1,"span",1),h(2),be()()),n&2&&(m(2),L(r.countryName()));},styles:[`.onemrva-country-item{display:flex;align-items:center}.onemrva-country-item .description{display:flex;margin-left:.5em}.mat-form-field-disabled .onemrva-country-item flag-icon{opacity:.4}
@@ -10802,7 +10802,7 @@ Error: `,z(55,14,r.nissOrBce.errors),`
 `],encapsulation:2});}}return t})();var N0e=(()=>{class t extends ie{constructor(){super(...arguments),this.value=C(0),this._value=re(()=>this.value()===0?"":this.value()>99?"99+":this.value()),this._size=()=>this.value()>1?"large":"small";}static{this.\u0275fac=(()=>{let e;return function(r){return (e||(e=V(t)))(r||t)}})();}static{this.\u0275cmp=w({type:t,selectors:[["app-demo-badge"]],inputs:{value:[1,"value"]},features:[N],decls:2,vars:3,consts:[[3,"matBadge","matBadgeSize"]],template:function(n,r){n&1&&(d(0,"div",0),h(1),u()),n&2&&(b("matBadge",r._value())("matBadgeSize",r._size()),m(),G(" Here is your badge demo ",r.value(),`
 `));},dependencies:[We,qe,xt,_I],encapsulation:2});}}return t})();var P0e=(()=>{class t{constructor(){this.date=C(null),this.disabled=C(false),this.minDate=C(null),this.maxDate=C(null),this.weekChange=Gt(),this._locale=_(Vs),this._monday=Kb(()=>this._startOfWeek(this._parse(this.date())??wt.now())),this.week=re(()=>{let e=this._monday();return {weekNumber:e.weekNumber,weekYear:e.weekYear,start:e,end:e.plus({days:4})}}),this.weekLabel=re(()=>`Week ${this.week().weekNumber}`),this.rangeLabel=re(()=>{let{start:e,end:n}=this.week(),r=e.hasSame(n,"month")?e.toLocaleString({day:"numeric"}):e.hasSame(n,"year")?e.toLocaleString({day:"numeric",month:"short"}):e.toLocaleString({day:"numeric",month:"short",year:"numeric"}),o=n.toLocaleString({day:"numeric",month:"short",year:"numeric"});return `${r} \u2013 ${o}`}),this.previousDisabled=re(()=>{if(this.disabled())return  true;let e=this._parse(this.minDate());return e===null?false:this._monday().minus({weeks:1}).valueOf()<this._startOfWeek(e).valueOf()}),this.nextDisabled=re(()=>{if(this.disabled())return  true;let e=this._parse(this.maxDate());return e===null?false:this._monday().plus({weeks:1}).valueOf()>this._startOfWeek(e).valueOf()}),this.previousLabel=re(()=>`Previous week, week ${this._monday().minus({weeks:1}).weekNumber}`),this.nextLabel=re(()=>`Next week, week ${this._monday().plus({weeks:1}).weekNumber}`);}previous(){this.previousDisabled()||this._shift(-1);}next(){this.nextDisabled()||this._shift(1);}_shift(e){this._monday.update(n=>n.plus({weeks:e})),this.weekChange.emit(this.week());}_startOfWeek(e){return e.setLocale(this._locale).startOf("week",{useLocaleWeeks:false})}_parse(e){if(e===null)return null;let n=typeof e=="string"?wt.fromISO(e):e instanceof Date?wt.fromJSDate(e):e;return n.isValid?n.setLocale(this._locale):null}static{this.\u0275fac=function(n){return new(n||t)};}static{this.\u0275cmp=w({type:t,selectors:[["onemrva-week-navigator"]],inputs:{date:[1,"date"],disabled:[1,"disabled"],minDate:[1,"minDate"],maxDate:[1,"maxDate"]},outputs:{weekChange:"weekChange"},decls:12,vars:6,consts:[["role","group","aria-label","Week navigation",1,"onemrva-week-navigator"],["mat-icon-button","","type","button",1,"onemrva-week-navigator__arrow",3,"click","disabled"],["aria-live","polite",1,"onemrva-week-navigator__label"],[1,"onemrva-week-navigator__week"],[1,"onemrva-week-navigator__range"]],template:function(n,r){n&1&&(d(0,"div",0)(1,"button",1),I("click",function(){return r.previous()}),d(2,"mat-icon"),h(3,"chevron_left"),u()(),d(4,"div",2)(5,"span",3),h(6),u(),d(7,"span",4),h(8),u()(),d(9,"button",1),I("click",function(){return r.next()}),d(10,"mat-icon"),h(11,"chevron_right"),u()()()),n&2&&(m(),b("disabled",r.previousDisabled()),F("aria-label",r.previousLabel()),m(5),L(r.weekLabel()),m(2),L(r.rangeLabel()),m(),b("disabled",r.nextDisabled()),F("aria-label",r.nextLabel()));},dependencies:[St,En,bt,Ge],styles:[`.onemrva-week-navigator{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .5rem;color:var(--mat-sys-on-surface)}.onemrva-week-navigator__label{display:flex;flex-direction:column;align-items:center;min-width:12rem;text-align:center}.onemrva-week-navigator__week{font:var(--mat-sys-title-medium)}.onemrva-week-navigator__range{font:var(--mat-sys-body-small);color:var(--mat-sys-on-surface-variant)}
 `],encapsulation:2});}}return t})();var L0e=(()=>{class t extends ie{constructor(){super(...arguments),this.disabled=C(false);}onWeekChange(e){this.output.set({weekNumber:e.weekNumber,weekYear:e.weekYear,monday:e.start.toISODate(),friday:e.end.toISODate()});}static{this.\u0275fac=(()=>{let e;return function(r){return (e||(e=V(t)))(r||t)}})();}static{this.\u0275cmp=w({type:t,selectors:[["app-demo-week-navigator"]],inputs:{disabled:[1,"disabled"]},features:[N],decls:2,vars:1,consts:[[1,"example-section"],[3,"weekChange","disabled"]],template:function(n,r){n&1&&(d(0,"section",0)(1,"onemrva-week-navigator",1),I("weekChange",function(a){return r.onWeekChange(a)}),u()()),n&2&&(m(),b("disabled",r.disabled()));},dependencies:[P0e],styles:[`.example-section{display:flex;justify-content:center}
-`],encapsulation:2});}}return t})();var F0e=[{name:"Address",selector:"demo-address",showCode:true,showDemo:true,link:"",inputs:[{name:"disabled",values:[true,false],currentValue:false},{name:"readonly",values:[true,false],currentValue:false}],showOutput:true,test:true,centered:true},{name:"Address Input",selector:"demo-address-input",showCode:true,showDemo:true,link:"",inputs:[],test:true,centered:true,showOutput:true},{name:"Autocomplete",selector:"demo-autocomplete",showCode:true,showDemo:true,link:"https://material.angular.io/components/autocomplete/overview",inputs:[{name:"readonly",values:[true,false],currentValue:false}],test:true,centered:true},{name:"Avatar",selector:"demo-avatar",showCode:true,showDemo:true,link:"",inputs:[{name:"initials",values:["","OJ"],currentValue:""},{name:"src",values:["","https://cdn.services.rvaonem.fgov.be/img/flags/1x1/be.svg"],currentValue:""},{name:"size",values:["xsmall","small","medium","large"],currentValue:""},{name:"color",values:["accent"],currentValue:""},{name:"icon",values:["account_circle"],currentValue:""}],test:true,centered:true},{name:"Badge",selector:"demo-badge",showCode:true,showDemo:true,link:"",inputs:[{name:"value",values:[0,1,15,432],currentValue:0}],test:true,centered:true},{name:"Bank Input",selector:"demo-bank-input",showCode:true,showDemo:true,link:"",inputs:[{name:"readonly",values:[true,false],currentValue:false}],test:true,centered:true,translationKey:"input.bank"},{name:"BCE pipe",selector:"demo-bce-pipe",showCode:true,showDemo:true,link:"",inputs:[],test:false,centered:true},{name:"Breadcrumb",selector:"demo-breadcrumb",showCode:true,showDemo:true,link:"",inputs:[],test:true,centered:false},{name:"Button",selector:"demo-button",showCode:true,showDemo:true,link:"https://material.angular.io/components/button/overview",inputs:[{name:"size",values:["","small"],currentValue:""},{name:"icon",values:["","home","chevron_left","settings"],currentValue:""},{name:"iconEnd",values:["","chevron_right"],currentValue:""},{name:"disabled",values:[true,false],currentValue:false}],test:true,centered:true},{name:"Button Loading",selector:"demo-button-loading",showCode:true,showDemo:true,link:"",inputs:[{name:"type",values:["outlined","contained"],currentValue:"contained"},{name:"disabled",values:[true,false],currentValue:false}],test:true,centered:true},{name:"Icon Button",selector:"demo-icon-button",showCode:true,showDemo:true,link:"https://fonts.google.com/icons",inputs:[],test:true},{name:"Card",selector:"demo-card",description:"Content card with an optional image, label, title, subtitle, description and help tooltip. The card is not clickable as a whole: it can hold buttons, so a card-wide click target would nest interactive elements. Put the action in the cardActions slot instead.",showCode:true,showDemo:true,link:"",inputs:[{name:"type",values:["no-background","outline","background"],currentValue:"no-background"},{name:"imageSrc",values:["","https://cdn.services.rvaonem.fgov.be/img/banner/banner-new-component.png"],currentValue:"https://cdn.services.rvaonem.fgov.be/img/banner/banner-new-component.png"}],test:true,centered:true},{name:"Card Table",selector:"demo-card-table",showCode:true,showDemo:true,link:"",inputs:[],test:true},{name:"Checkbox",selector:"demo-checkbox",showCode:true,showDemo:true,link:"",inputs:[{name:"color",values:["","success"],currentValue:""},{name:"checked",values:[true,false],currentValue:true},{name:"indeterminate",values:[true,false],currentValue:false},{name:"disabled",values:[true,false],currentValue:false},{name:"readonly",values:[true,false],currentValue:false}],test:true},{name:"Chips",selector:"demo-chips",showCode:true,showDemo:true,link:"https://material.angular.io/components/chips/overview",showOutput:true,inputs:[{name:"color",values:["","error"],currentValue:""},{name:"disabled",values:[true,false],currentValue:false},{name:"readonly",values:[true,false],currentValue:false}],centered:true,test:true},{name:"Collapsible Page Divider",selector:"demo-collapsible-page-divider",showCode:true,showDemo:true,link:"",inputs:[{name:"color",values:[Bt.WARN,Bt.SUCCESS,Bt.ERROR,Bt.ACCENT,Bt.PRIMARY],currentValue:Bt.PRIMARY},{name:"stickerText",values:["","Your Sticker value"],currentValue:""},{name:"isCollapsed",values:[true,false],currentValue:true}],test:true},{name:"Copy to clipboard",selector:"demo-copy-to-clipboard",showCode:true,showDemo:true,link:"",inputs:[],centered:true,test:true},{name:"Country Input",selector:"demo-country-input",showCode:true,showDemo:true,link:"",inputs:[{name:"disabled",values:[true,false],currentValue:false},{name:"readonly",values:[true,false],currentValue:false}],showOutput:true,centered:true,test:true},{name:"Birthplace input",selector:"demo-birthplace-input",showCode:true,showDemo:true,link:"",inputs:[{name:"disabled",values:[true,false],currentValue:false},{name:"readonly",values:[true,false],currentValue:false}],centered:true,test:true,showOutput:true},{name:"Date Picker",selector:"demo-datepicker",showCode:true,showDemo:true,link:"",inputs:[{name:"disabled",values:[true,false],currentValue:false},{name:"readonly",values:[true,false],currentValue:false}],centered:true,test:true,showOutput:true},{name:"Date Picker Month Year ",selector:"demo-datepicker-month-year",showCode:true,showDemo:true,link:"",inputs:[],centered:true,test:true,showOutput:true},{name:"Date Picker Luxon",selector:"demo-datepicker-luxon",showCode:true,showDemo:true,link:"",inputs:[],centered:true,test:true,showOutput:true},{name:"Date Range Picker",selector:"demo-daterangepicker",showCode:true,showDemo:true,link:"",inputs:[{name:"disabled",values:[true,false],currentValue:false},{name:"readonly",values:[true,false],currentValue:false}],centered:true,test:true,showOutput:true},{name:"Dialog",selector:"demo-dialog",showCode:true,showDemo:true,link:"",inputs:[{name:"size",values:["","small","medium","large","xlarge"],currentValue:""},{name:"type",values:["","error","warn","success"],currentValue:""}],centered:true,test:true},{name:"Dialog Content",selector:"demo-dialog-content",showCode:true,showDemo:false,link:"",inputs:[],test:false},{name:"Digit Only directive",selector:"demo-digit-only",showCode:true,showDemo:true,link:"",inputs:[],test:false},{name:"Drag and drop",selector:"demo-drag-and-drop",showCode:true,showDemo:true,link:"",inputs:[],test:true},{name:"Drawer",selector:"demo-drawer",showCode:true,showDemo:true,link:"",inputs:[{name:"size",values:["","xsmall","small","medium","large","xlarge","xxlarge"],currentValue:""}],test:false},{name:"Enterprise number (VIES)",selector:"demo-enterprise-number-input",showCode:true,showDemo:true,link:"",inputs:[{name:"disabled",values:[true,false],currentValue:false},{name:"readonly",values:[true,false],currentValue:false}],showOutput:true,centered:true,test:true},{name:"Error Handler",selector:"demo-error-handler",showCode:true,showDemo:true,link:"",inputs:[],test:false},{name:"File Panel",selector:"demo-file-panel",showCode:true,showDemo:true,link:"",inputs:[{name:"color",values:["","success","warn","error"],currentValue:""},{name:"disabled",values:[false,true],currentValue:false}],test:true},{name:"File Upload",selector:"demo-file-upload",showCode:true,showDemo:true,link:"",inputs:[],test:true,showOutput:true,translationKey:"file"},{name:"File Upload Manual",selector:"demo-file-upload-manual",showCode:true,showDemo:true,link:"",inputs:[],test:true,translationKey:"file"},{name:"FAB",selector:"demo-fab",showCode:true,showDemo:true,link:"",inputs:[{name:"color",values:["accent","primary"],currentValue:"accent"},{name:"icon",values:["comment","share"],currentValue:"comment"},{name:"extended",values:[true,false],currentValue:true}],centered:true,test:true},{name:"Grid",selector:"demo-grid",showCode:true,showDemo:true,link:"",inputs:[],test:true},{name:"Form",selector:"demo-form",showCode:true,showDemo:true,link:"",inputs:[],test:true},{name:"Icon",selector:"demo-icon",showCode:true,showDemo:true,link:"",inputs:[{name:"color",values:["","primary","accent","error","warn","success","info","neutral"],currentValue:"primary"},{name:"size",values:["small","medium","large","xxlarge"],currentValue:"xxlarge"},{name:"icon",values:["","settings","person"],currentValue:"settings"},{name:"filled",values:[true,false],currentValue:false}],centered:true,test:true},{name:"If width is",selector:"demo-if-width-is",showCode:true,showDemo:true,link:"",inputs:[],test:false},{name:"JSON Forms",selector:"demo-jsonform",showCode:true,showDemo:true,link:"",inputs:[],test:false},{name:"Layout and drawer",selector:"demo-layout",showCode:true,showDemo:true,link:"",inputs:[],test:false,translationKey:"layout"},{name:"Language switcher",selector:"demo-language-switcher",showCode:true,showDemo:true,link:"",inputs:[],test:false},{name:"Link",selector:"demo-link",showCode:true,showDemo:true,link:"",inputs:[],test:true},{name:"Mask",selector:"demo-mask",showCode:true,showDemo:true,link:"",inputs:[],test:false},{name:"Message box",selector:"demo-message-box",showCode:true,showDemo:true,link:"",inputs:[{name:"color",values:["info","warn","success","error","neutral"],currentValue:"info"}],test:true},{name:"Menu",selector:"demo-menu",showCode:true,showDemo:true,centered:true,link:"",inputs:[{name:"disabled",values:[true,false],currentValue:false}],test:true},{name:"Multi Select",selector:"demo-multiselect",showCode:true,showDemo:true,link:"",inputs:[{name:"selectionToggle",values:[true,false],currentValue:true},{name:"showFilter",values:[true,false],currentValue:true},{name:"disabled",values:[true,false],currentValue:false},{name:"readonly",values:[true,false],currentValue:false}],centered:true,test:true,translationKey:"select"},{name:"Select",selector:"demo-select",showCode:true,showDemo:true,link:"",inputs:[{name:"disabled",values:[true,false],currentValue:false},{name:"readonly",values:[true,false],currentValue:false}],centered:true,test:true,translationKey:"select"},{name:"NISS pipe",selector:"demo-niss-pipe",showCode:true,showDemo:true,link:"",inputs:[],test:false},{name:"Notification",selector:"demo-notification",showCode:true,showDemo:true,link:"",inputs:[],test:true},{name:"Overlay",selector:"demo-overlay",showCode:true,showDemo:true,link:"",inputs:[],test:false,centered:true},{name:"Page Error",selector:"demo-error",showCode:true,showDemo:true,link:"",inputs:[{name:"code",values:[500,404,403,401,400,503,502,408,429],currentValue:500}],test:true,translationKey:"error"},{name:"Page not found",selector:"demo-not-found",showCode:true,showDemo:true,link:"",inputs:[],test:true,translationKey:"404"},{name:"Paginator",selector:"demo-paginator",showCode:true,showDemo:true,link:"",inputs:[],test:true,translationKey:"paginator"},{name:"Palette",selector:"demo-palette",showCode:false,showDemo:true,link:"",inputs:[{name:"color",values:["primary","warn","success","info","neutral","accent"],currentValue:""}],test:true},{name:"Panel",selector:"demo-panel",showCode:true,showDemo:true,link:"",inputs:[{name:"color",values:["default","primary"],currentValue:""},{name:"expandable",values:[true,false],currentValue:true}],test:true},{name:"PopOver",selector:"demo-pop-over",showCode:true,showDemo:true,link:"",inputs:[{name:"position",values:["","top-left","top-right","bottom-left","bottom-right"],currentValue:""}],test:true,centered:true},{name:"ProgressBar",selector:"demo-progress-bar",showCode:true,showDemo:true,link:"",inputs:[],test:true},{name:"Radio",selector:"demo-radio",showCode:true,showDemo:true,link:"",inputs:[{name:"disabled",values:[true,false],currentValue:false},{name:"readonly",values:[true,false],currentValue:false}],test:true},{name:"Rxjs Complex case",selector:"demo-rxjs-complex-case",showCode:true,showDemo:true,link:"",inputs:[],test:false},{name:"Rxjs Combine Operators",selector:"demo-rxjs-combine-operators",showCode:true,showDemo:true,link:"",inputs:[],test:false},{name:"Rxjs Flattening Operators",selector:"demo-rxjs-flattening-operators",showCode:true,showDemo:true,link:"",inputs:[],test:false},{name:"Rxjs Observable",selector:"demo-rxjs-observable",showCode:true,showDemo:true,link:"",inputs:[],test:false},{name:"Rxjs Subject",selector:"demo-rxjs-subject",showCode:true,showDemo:true,link:"",inputs:[],test:false},{name:"Side menu",selector:"demo-side-menu",showCode:true,showDemo:true,link:"",inputs:[],test:true},{name:"Selectable box",selector:"demo-selectable-box",showCode:true,showDemo:true,link:"",inputs:[{name:"body",values:["none","text","list","address","data"],currentValue:"list"},{name:"button",values:[false,true],currentValue:false},{name:"disabled",values:[true,false],currentValue:false}],test:true},{name:"Skeleton",selector:"demo-skeleton",showCode:true,showDemo:true,link:"",inputs:[],test:true},{name:"Slide toggle",selector:"demo-slide-toggle",showCode:true,showDemo:true,link:"",inputs:[],test:true},{name:"Spacing",selector:"demo-spacing",showCode:false,showDemo:true,link:"",inputs:[],test:true},{name:"Spinner",selector:"demo-spinner",showCode:true,showDemo:true,link:"",inputs:[],test:true},{name:"Stepper (horizontal)",selector:"demo-horizontal-stepper",showCode:true,showDemo:true,link:"",inputs:[],test:true},{name:"Stepper (with Summary)",selector:"demo-summary-stepper",showCode:true,showDemo:true,link:"",inputs:[],test:true},{name:"Sticker",selector:"demo-sticker",showCode:true,showDemo:true,link:"",inputs:[{name:"color",values:["primary","success","error","info","warn","neutral"],currentValue:"primary"},{name:"tooltip",values:["","Here is your text"],currentValue:""},{name:"htmlTooltip",values:[true,false],currentValue:false}],test:true},{name:"Tab",selector:"demo-tab",showCode:true,showDemo:true,link:"",inputs:[],test:true},{name:"Table",selector:"demo-table",showCode:true,showDemo:true,link:"",inputs:[],test:true},{name:"Table of content",selector:"demo-toc",showCode:true,showDemo:true,link:"",inputs:[],test:false},{name:"Task list",selector:"demo-task-list",showCode:true,showDemo:true,link:"",inputs:[{name:"type",values:["bubble","checkbox","icon"],currentValue:"checkbox"},{name:"color",values:["","error","success"],currentValue:""},{name:"disabled",values:[true,false],currentValue:false},{name:"readonly",values:[true,false],currentValue:false}],test:true},{name:"Toast",selector:"demo-toast",showCode:true,showDemo:true,link:"",inputs:[],test:true},{name:"Text Input",selector:"demo-text-input",showCode:true,showDemo:true,link:"",inputs:[{name:"color",values:["","warn"]},{name:"disabled",values:[true,false],currentValue:false},{name:"readonly",values:[true,false],currentValue:false},{name:"hintColor",values:["","warn"],currentValue:""}],centered:true,test:true},{name:"Phone Input",selector:"demo-phone-input",showCode:true,showDemo:true,link:"",inputs:[{name:"disabled",values:[true,false],currentValue:false},{name:"readonly",values:[true,false],currentValue:false}],centered:true,test:true,translationKey:"input.phone"},{name:"Textarea",selector:"demo-textarea",showCode:true,showDemo:true,link:"",inputs:[{name:"disabled",values:[true,false],currentValue:false},{name:"readonly",values:[true,false],currentValue:false},{name:"autoresize",values:[true,false],currentValue:false}],centered:true,test:true},{name:"Timepicker",selector:"demo-timepicker",showCode:true,showDemo:true,link:"",inputs:[{name:"disabled",values:[true,false],currentValue:false},{name:"readonly",values:[true,false],currentValue:false}],centered:true,test:true,showOutput:true},{name:"Timeline",selector:"demo-timeline",description:"Plot dated periods on a horizontal, year-based timeline. Overlapping periods stack into rows and take their color from the legend, with month/day zoom, selection, tooltips, filters, and an optional full-size mode.",showCode:true,showDemo:true,link:"",inputs:[],test:true},{name:"Button Toggle",selector:"demo-button-toggle",showCode:true,showDemo:true,link:"",inputs:[{name:"type",values:["text","icon"],currentValue:"text"}],centered:true,test:true},{name:"Toolbar",selector:"demo-toolbar",showCode:true,showDemo:true,link:"",inputs:[],test:true},{name:"Tooltip",selector:"demo-tooltip",showCode:true,showDemo:true,link:"",inputs:[{name:"position",values:["above","below","right","left","before","after"],currentValue:"above"},{name:"filled",values:[true,false],currentValue:false},{name:"html",values:[true,false],currentValue:false}],centered:true,test:true},{name:"Typography",selector:"demo-typography",showCode:false,showDemo:true,link:"",inputs:[],test:true},{name:"Validators",selector:"demo-validators",showCode:true,showDemo:true,link:"",inputs:[],test:false},{name:"Week navigator",selector:"demo-week-navigator",description:"Step through ISO weeks with a back and forward arrow. Shows the week number and its Monday to Friday range, computed with Luxon and formatted in the active locale.",showCode:true,showDemo:true,link:"",inputs:[{name:"disabled",values:[true,false],currentValue:false}],showOutput:true,centered:true,test:false}];var B0e=F0e.map(t=>s(r({},t),{component:{"demo-address":Joe,"demo-address-input":hte,"demo-autocomplete":gte,"demo-avatar":bte,"demo-badge":N0e,"demo-bank-input":Ste,"demo-bce-pipe":wte,"demo-breadcrumb":Tte,"demo-button":Ite,"demo-button-loading":kte,"demo-icon-button":Mte,"demo-card":tae,"demo-card-table":Qte,"demo-checkbox":Zte,"demo-chips":tne,"demo-collapsible-page-divider":A0e,"demo-copy-to-clipboard":nne,"demo-country-input":ine,"demo-birthplace-input":one,"demo-datepicker":xne,"demo-datepicker-month-year":Tne,"demo-datepicker-luxon":Dne,"demo-daterangepicker":Ine,"demo-dialog":Bne,"demo-dialog-content":XT,"demo-digit-only":$ne,"demo-drag-and-drop":pie,"demo-drawer":Qie,"demo-enterprise-number-input":hie,"demo-error-handler":gie,"demo-file-panel":kie,"demo-file-upload":Oie,"demo-file-upload-manual":Aie,"demo-fab":Nie,"demo-grid":Pie,"demo-form":O0e,"demo-icon":Fie,"demo-if-width-is":Lie,"demo-jsonform":M0e,"demo-layout":Xie,"demo-language-switcher":Jie,"demo-link":ere,"demo-mask":tre,"demo-message-box":ire,"demo-menu":rre,"demo-multiselect":ore,"demo-select":nae,"demo-niss-pipe":are,"demo-notification":sre,"demo-overlay":eae,"demo-error":cre,"demo-not-found":pre,"demo-paginator":_re,"demo-palette":hre,"demo-panel":cte,"demo-pop-over":gre,"demo-progress-bar":vre,"demo-radio":Ere,"demo-rxjs-complex-case":Sre,"demo-rxjs-combine-operators":xre,"demo-rxjs-flattening-operators":Dre,"demo-rxjs-observable":Ire,"demo-rxjs-subject":kre,"demo-side-menu":Rre,"demo-selectable-box":Pre,"demo-skeleton":Bre,"demo-slide-toggle":Vre,"demo-spacing":Ure,"demo-spinner":Hre,"demo-horizontal-stepper":Qre,"demo-summary-stepper":Xre,"demo-sticker":Jre,"demo-tab":eoe,"demo-table":roe,"demo-table-dialog-content":I1,"demo-toc":poe,"demo-task-list":foe,"demo-toast":boe,"demo-text-input":voe,"demo-phone-input":yoe,"demo-textarea":Coe,"demo-timepicker":Moe,"demo-timeline":joe,"demo-button-toggle":Yoe,"demo-toolbar":Woe,"demo-tooltip":Koe,"demo-typography":Qoe,"demo-validators":Zoe,"demo-week-navigator":L0e}[t.selector]}));var $0e=(()=>{class t{constructor(){this.jsonSubPath="assets/json",this.translationSubPath="assets/i18n",this.http=_(mo),this.basePathSig=_(Md,{optional:true}),this.codeCache=new Map,this.translationCache=new Map;}basePath(){return (this.basePathSig?.()??"/").trim()}joinUrl(...e){return e.filter(Boolean).join("/").replace(/(^|[^:])\/\/+/g,"$1/")}jsonRoot(){return this.joinUrl(this.basePath(),this.jsonSubPath)}i18nRoot(){return this.joinUrl(this.basePath(),this.translationSubPath)}getCode(e){let n=this.jsonRoot(),r=`${n}|${e}`;if(!this.codeCache.has(r)){let o=this.joinUrl(n,`${e}.json`),a=this.http.get(o).pipe(Ao(1));this.codeCache.set(r,a);}return this.codeCache.get(r)}getTranslation(e,n){let r=this.i18nRoot(),o=`${r}|${e}`;if(!this.translationCache.has(o)){let a=this.joinUrl(r,`${e}.json`),s=this.http.get(a).pipe(Ao(1));this.translationCache.set(o,s);}return this.translationCache.get(o).pipe(ce(a=>a[n]))}static{this.\u0275fac=function(n){return new(n||t)};}static{this.\u0275prov=Re({token:t,factory:t.\u0275fac,providedIn:"root"});}}return t})();var V0e=(()=>{class t extends ie{static{this.\u0275fac=(()=>{let e;return function(r){return (e||(e=V(t)))(r||t)}})();}static{this.\u0275cmp=w({type:t,selectors:[["app-demo-empty"]],features:[N],decls:0,vars:0,template:function(n,r){},encapsulation:2});}}return t})();var U0e="/wp-content/app-demo/";var Wxt=["componentRef"],Kxt=()=>["hljs","borderRadius"],Qxt=(t,i)=>i.name;function Zxt(t,i){t&1&&Et(0);}function Xxt(t,i){if(t&1&&(d(0,"div",5),ee(1,Zxt,1,0,"ng-container",6),u()),t&2){let e=y(2);m(),b("ngComponentOutlet",e.current().component)("ngComponentOutletInputs",e.inputs());}}function Jxt(t,i){if(t&1&&(d(0,"p",11),h(1),u()),t&2){let e=y(3);m(),L(e.current().description);}}function eTt(t,i){if(t&1&&(d(0,"span",21),h(1),$(2,"titlecase"),u()),t&2){let e=y(4);m(),L(z(2,1,e.visionMode));}}function tTt(t,i){if(t&1&&(d(0,"span",21),h(1),u()),t&2){let e=y(4);m(),L(e.currentScreenSize);}}function nTt(t,i){if(t&1&&(d(0,"a",25)(1,"mat-icon"),h(2,"code"),u()()),t&2){let e=y(4);b("href",e.current().link,gc);}}function iTt(t,i){if(t&1){let e=Ee();d(0,"button",20),I("click",function(){let r=K(e).$implicit,o=y(4);return Q(o.translateService.use(r))}),d(1,"span"),h(2),$(3,"uppercase"),u()();}if(t&2){let e=i.$implicit;m(2),L(z(3,1,e));}}function rTt(t,i){if(t&1&&(d(0,"mat-option",37),h(1),u()),t&2){let e=i.$implicit;b("value",e),m(),L(e);}}function oTt(t,i){if(t&1){let e=Ee();d(0,"mat-form-field",35)(1,"mat-label"),h(2),u(),d(3,"mat-select",36),I("selectionChange",function(r){let o=K(e).$implicit,a=y(6);return Q(a.update(r,o.name))}),fe(4,rTt,2,2,"mat-option",37,$t),u()();}if(t&2){let e=i.$implicit,n=y(6);m(2),L(e.name),m(),b("value",n.liveInputs()[e.name]??e.currentValue),m(),ge(e.values);}}function aTt(t,i){if(t&1&&fe(0,oTt,6,2,"mat-form-field",35,Qxt),t&2){let e=y(5);ge(e.current().inputs);}}function sTt(t,i){if(t&1&&(d(0,"div",33)(1,"onemrva-mat-panel",34)(2,"onemrva-mat-panel-title"),h(3,"Controls"),u(),d(4,"onemrva-mat-panel-content"),T(5,aTt,2,0),u()()()),t&2){let e=y(4);m(5),D(e.current().inputs.length>0?5:-1);}}function lTt(t,i){if(t&1){let e=Ee();d(0,"mat-toolbar",13)(1,"div",14)(2,"button",15),I("click",function(){K(e);let r=y(3);return Q(r.toggleGrid())}),d(3,"mat-icon"),h(4),u()(),d(5,"button",16),I("click",function(){K(e);let r=y(3);return Q(r.zoomOut())}),d(6,"mat-icon"),h(7,"zoom_out"),u()(),d(8,"button",17),I("click",function(){K(e);let r=y(3);return Q(r.resetZoom())}),d(9,"mat-icon"),h(10,"restart_alt"),u()(),d(11,"button",18),I("click",function(){K(e);let r=y(3);return Q(r.zoomIn())}),d(12,"mat-icon"),h(13,"zoom_in"),u()(),d(14,"button",19)(15,"mat-icon"),h(16,"visibility"),u()(),d(17,"mat-menu",null,0)(19,"button",20),I("click",function(){K(e);let r=y(3);return Q(r.updateVision("normal"))}),d(20,"mat-icon"),h(21,"visibility"),u(),d(22,"span"),h(23,"Normal Vision"),u()(),d(24,"button",20),I("click",function(){K(e);let r=y(3);return Q(r.updateVision("blurred"))}),d(25,"mat-icon"),h(26,"blur_on"),u(),d(27,"span"),h(28,"Blurred Vision"),u()(),d(29,"button",20),I("click",function(){K(e);let r=y(3);return Q(r.updateVision("deuteranomaly"))}),d(30,"mat-icon"),h(31,"color_lens"),u(),d(32,"span"),h(33,"Deuteranomaly"),u()(),d(34,"button",20),I("click",function(){K(e);let r=y(3);return Q(r.updateVision("deuteranopia"))}),d(35,"mat-icon"),h(36,"color_lens"),u(),d(37,"span"),h(38,"Deuteranopia"),u()(),d(39,"button",20),I("click",function(){K(e);let r=y(3);return Q(r.updateVision("protanomaly"))}),d(40,"mat-icon"),h(41,"color_lens"),u(),d(42,"span"),h(43,"Protanomaly"),u()(),d(44,"button",20),I("click",function(){K(e);let r=y(3);return Q(r.updateVision("protanopia"))}),d(45,"mat-icon"),h(46,"color_lens"),u(),d(47,"span"),h(48,"Protanopia"),u()(),d(49,"button",20),I("click",function(){K(e);let r=y(3);return Q(r.updateVision("tritanomaly"))}),d(50,"mat-icon"),h(51,"color_lens"),u(),d(52,"span"),h(53,"Tritanomaly"),u()(),d(54,"button",20),I("click",function(){K(e);let r=y(3);return Q(r.updateVision("tritanopia"))}),d(55,"mat-icon"),h(56,"color_lens"),u(),d(57,"span"),h(58,"Tritanopia"),u()(),d(59,"button",20),I("click",function(){K(e);let r=y(3);return Q(r.updateVision("achromatopsia"))}),d(60,"mat-icon"),h(61,"invert_colors_off"),u(),d(62,"span"),h(63,"Achromatopsia"),u()(),d(64,"button",20),I("click",function(){K(e);let r=y(3);return Q(r.updateVision("grayscale"))}),d(65,"mat-icon"),h(66,"filter_b_and_w"),u(),d(67,"span"),h(68,"Grayscale"),u()()(),T(69,eTt,3,3,"span",21),d(70,"button",22)(71,"mat-icon"),h(72,"accessibility"),u()(),d(73,"button",23)(74,"mat-icon"),h(75,"devices"),u()(),d(76,"mat-menu",null,1)(78,"button",20),I("click",function(){K(e);let r=y(3);return Q(r.updateScreenSize(""))}),d(79,"mat-icon"),h(80,"fullscreen"),u(),d(81,"span"),h(82,"Reset Viewport"),u()(),O(83,"mat-divider"),d(84,"button",20),I("click",function(){K(e);let r=y(3);return Q(r.updateScreenSize("xsmall"))}),d(85,"mat-icon"),h(86,"phone_android"),u(),d(87,"span"),h(88,"XSmall (< 600px)"),u()(),d(89,"button",20),I("click",function(){K(e);let r=y(3);return Q(r.updateScreenSize("small"))}),d(90,"mat-icon"),h(91,"tablet_android"),u(),d(92,"span"),h(93,"Small (600px - 959px)"),u()(),d(94,"button",20),I("click",function(){K(e);let r=y(3);return Q(r.updateScreenSize("medium"))}),d(95,"mat-icon"),h(96,"laptop"),u(),d(97,"span"),h(98,"Medium (960px - 1279px)"),u()(),d(99,"button",20),I("click",function(){K(e);let r=y(3);return Q(r.updateScreenSize("large"))}),d(100,"mat-icon"),h(101,"desktop_windows"),u(),d(102,"span"),h(103,"Large (1280px - 1535px)"),u()(),d(104,"button",20),I("click",function(){K(e);let r=y(3);return Q(r.updateScreenSize("xlarge"))}),d(105,"mat-icon"),h(106,"tv"),u(),d(107,"span"),h(108,"XLarge (1536px - 1919px)"),u()(),d(109,"button",20),I("click",function(){K(e);let r=y(3);return Q(r.updateScreenSize("xxlarge"))}),d(110,"mat-icon"),h(111,"desktop_mac"),u(),d(112,"span"),h(113,"XXLarge (\u2265 1920px)"),u()()(),T(114,tTt,2,1,"span",21),O(115,"span",24),T(116,nTt,3,1,"a",25),d(117,"button",26)(118,"mat-icon"),h(119,"language"),u()(),d(120,"span",21),h(121),$(122,"uppercase"),u(),d(123,"mat-menu",null,2),fe(125,iTt,4,3,"button",27,$t),u()()(),d(127,"div",28)(128,"div",29)(129,"div",30)(130,"div",31)(131,"div",32),Et(132,null,3),u()()()(),T(134,sTt,6,1,"div",33),u();}if(t&2){let e=Ve(18),n=Ve(77),r=Ve(124),o=y(3);m(4),L(o.showGrid?"grid_off":"grid_on"),m(10),b("matMenuTriggerFor",e),m(55),D(o.visionMode!=="normal"?69:-1),m(4),b("matMenuTriggerFor",n),m(41),D(o.currentScreenSize!=="Full Width"?114:-1),m(2),D(o.current().link?116:-1),m(),b("matMenuTriggerFor",r),m(4),L(z(122,13,o.translateService.currentLang())),m(4),ge(o.languages()),m(6),H("show-grid",o.showGrid)("centered",o.current().centered),m(3),D(o.current().inputs.length>0?134:-1);}}function cTt(t,i){if(t&1&&(d(0,"mat-tab",38)(1,"pre",40),h(2,"                      "),O(3,"code",41),$(4,"json"),h(5,`
+`],encapsulation:2});}}return t})();var F0e=[{name:"Address",selector:"demo-address",showCode:true,showDemo:true,link:"",inputs:[{name:"disabled",values:[true,false],currentValue:false},{name:"readonly",values:[true,false],currentValue:false}],showOutput:true,test:true,centered:true},{name:"Address Input",selector:"demo-address-input",showCode:true,showDemo:true,link:"",inputs:[],test:true,centered:true,showOutput:true},{name:"Autocomplete",selector:"demo-autocomplete",showCode:true,showDemo:true,link:"https://material.angular.io/components/autocomplete/overview",inputs:[{name:"readonly",values:[true,false],currentValue:false}],test:true,centered:true},{name:"Avatar",selector:"demo-avatar",showCode:true,showDemo:true,link:"",inputs:[{name:"initials",values:["","OJ"],currentValue:""},{name:"src",values:["","https://cdn.services.rvaonem.fgov.be/img/flags/1x1/be.svg"],currentValue:""},{name:"size",values:["xsmall","small","medium","large"],currentValue:""},{name:"color",values:["accent"],currentValue:""},{name:"icon",values:["account_circle"],currentValue:""}],test:true,centered:true},{name:"Badge",selector:"demo-badge",showCode:true,showDemo:true,link:"",inputs:[{name:"value",values:[0,1,15,432],currentValue:0}],test:true,centered:true},{name:"Bank Input",selector:"demo-bank-input",showCode:true,showDemo:true,link:"",inputs:[{name:"readonly",values:[true,false],currentValue:false}],test:true,centered:true,translationKey:"input.bank"},{name:"BCE pipe",selector:"demo-bce-pipe",showCode:true,showDemo:true,link:"",inputs:[],test:false,centered:true},{name:"Breadcrumb",selector:"demo-breadcrumb",showCode:true,showDemo:true,link:"",inputs:[],test:true,centered:false},{name:"Button",selector:"demo-button",showCode:true,showDemo:true,link:"https://material.angular.io/components/button/overview",inputs:[{name:"size",values:["","small"],currentValue:""},{name:"icon",values:["","home","chevron_left","settings"],currentValue:""},{name:"iconEnd",values:["","chevron_right"],currentValue:""},{name:"disabled",values:[true,false],currentValue:false}],test:true,centered:true},{name:"Button Loading",selector:"demo-button-loading",showCode:true,showDemo:true,link:"",inputs:[{name:"type",values:["outlined","contained"],currentValue:"contained"},{name:"disabled",values:[true,false],currentValue:false}],test:true,centered:true},{name:"Icon Button",selector:"demo-icon-button",showCode:true,showDemo:true,link:"https://fonts.google.com/icons",inputs:[],test:true},{name:"Card",selector:"demo-card",description:"Content card with an optional image, label, title, subtitle, description and help tooltip. The card is not clickable as a whole: it can hold buttons, so a card-wide click target would nest interactive elements. Put the action in the cardActions slot instead.",showCode:true,showDemo:true,link:"",inputs:[{name:"type",values:["no-background","outline","background"],currentValue:"no-background"},{name:"imageSrc",values:["","https://cdn.services.rvaonem.fgov.be/img/banner/banner-new-component.png"],currentValue:"https://cdn.services.rvaonem.fgov.be/img/banner/banner-new-component.png"}],test:true,centered:true},{name:"Entrypoint Table",selector:"demo-table-entrypoint",showCode:true,showDemo:true,link:"",inputs:[],test:true},{name:"Checkbox",selector:"demo-checkbox",showCode:true,showDemo:true,link:"",inputs:[{name:"color",values:["","success"],currentValue:""},{name:"checked",values:[true,false],currentValue:true},{name:"indeterminate",values:[true,false],currentValue:false},{name:"disabled",values:[true,false],currentValue:false},{name:"readonly",values:[true,false],currentValue:false}],test:true},{name:"Chips",selector:"demo-chips",showCode:true,showDemo:true,link:"https://material.angular.io/components/chips/overview",showOutput:true,inputs:[{name:"color",values:["","error"],currentValue:""},{name:"disabled",values:[true,false],currentValue:false},{name:"readonly",values:[true,false],currentValue:false}],centered:true,test:true},{name:"Collapsible Page Divider",selector:"demo-collapsible-page-divider",showCode:true,showDemo:true,link:"",inputs:[{name:"color",values:[Bt.WARN,Bt.SUCCESS,Bt.ERROR,Bt.ACCENT,Bt.PRIMARY],currentValue:Bt.PRIMARY},{name:"stickerText",values:["","Your Sticker value"],currentValue:""},{name:"isCollapsed",values:[true,false],currentValue:true}],test:true},{name:"Copy to clipboard",selector:"demo-copy-to-clipboard",showCode:true,showDemo:true,link:"",inputs:[],centered:true,test:true},{name:"Country Input",selector:"demo-country-input",showCode:true,showDemo:true,link:"",inputs:[{name:"disabled",values:[true,false],currentValue:false},{name:"readonly",values:[true,false],currentValue:false}],showOutput:true,centered:true,test:true},{name:"Birthplace input",selector:"demo-birthplace-input",showCode:true,showDemo:true,link:"",inputs:[{name:"disabled",values:[true,false],currentValue:false},{name:"readonly",values:[true,false],currentValue:false}],centered:true,test:true,showOutput:true},{name:"Date Picker",selector:"demo-datepicker",showCode:true,showDemo:true,link:"",inputs:[{name:"disabled",values:[true,false],currentValue:false},{name:"readonly",values:[true,false],currentValue:false}],centered:true,test:true,showOutput:true},{name:"Date Picker Month Year ",selector:"demo-datepicker-month-year",showCode:true,showDemo:true,link:"",inputs:[],centered:true,test:true,showOutput:true},{name:"Date Picker Luxon",selector:"demo-datepicker-luxon",showCode:true,showDemo:true,link:"",inputs:[],centered:true,test:true,showOutput:true},{name:"Date Range Picker",selector:"demo-daterangepicker",showCode:true,showDemo:true,link:"",inputs:[{name:"disabled",values:[true,false],currentValue:false},{name:"readonly",values:[true,false],currentValue:false}],centered:true,test:true,showOutput:true},{name:"Dialog",selector:"demo-dialog",showCode:true,showDemo:true,link:"",inputs:[{name:"size",values:["","small","medium","large","xlarge"],currentValue:""},{name:"type",values:["","error","warn","success"],currentValue:""}],centered:true,test:true},{name:"Dialog Content",selector:"demo-dialog-content",showCode:true,showDemo:false,link:"",inputs:[],test:false},{name:"Digit Only directive",selector:"demo-digit-only",showCode:true,showDemo:true,link:"",inputs:[],test:false},{name:"Drag and drop",selector:"demo-drag-and-drop",showCode:true,showDemo:true,link:"",inputs:[],test:true},{name:"Drawer",selector:"demo-drawer",showCode:true,showDemo:true,link:"",inputs:[{name:"size",values:["","xsmall","small","medium","large","xlarge","xxlarge"],currentValue:""}],test:false},{name:"Enterprise number (VIES)",selector:"demo-enterprise-number-input",showCode:true,showDemo:true,link:"",inputs:[{name:"disabled",values:[true,false],currentValue:false},{name:"readonly",values:[true,false],currentValue:false}],showOutput:true,centered:true,test:true},{name:"Error Handler",selector:"demo-error-handler",showCode:true,showDemo:true,link:"",inputs:[],test:false},{name:"File Panel",selector:"demo-file-panel",showCode:true,showDemo:true,link:"",inputs:[{name:"color",values:["","success","warn","error"],currentValue:""},{name:"disabled",values:[false,true],currentValue:false}],test:true},{name:"File Upload",selector:"demo-file-upload",showCode:true,showDemo:true,link:"",inputs:[],test:true,showOutput:true,translationKey:"file"},{name:"File Upload Manual",selector:"demo-file-upload-manual",showCode:true,showDemo:true,link:"",inputs:[],test:true,translationKey:"file"},{name:"FAB",selector:"demo-fab",showCode:true,showDemo:true,link:"",inputs:[{name:"color",values:["accent","primary"],currentValue:"accent"},{name:"icon",values:["comment","share"],currentValue:"comment"},{name:"extended",values:[true,false],currentValue:true}],centered:true,test:true},{name:"Grid",selector:"demo-grid",showCode:true,showDemo:true,link:"",inputs:[],test:true},{name:"Form",selector:"demo-form",showCode:true,showDemo:true,link:"",inputs:[],test:true},{name:"Icon",selector:"demo-icon",showCode:true,showDemo:true,link:"",inputs:[{name:"color",values:["","primary","accent","error","warn","success","info","neutral"],currentValue:"primary"},{name:"size",values:["small","medium","large","xxlarge"],currentValue:"xxlarge"},{name:"icon",values:["","settings","person"],currentValue:"settings"},{name:"filled",values:[true,false],currentValue:false}],centered:true,test:true},{name:"If width is",selector:"demo-if-width-is",showCode:true,showDemo:true,link:"",inputs:[],test:false},{name:"JSON Forms",selector:"demo-jsonform",showCode:true,showDemo:true,link:"",inputs:[],test:false},{name:"Layout and drawer",selector:"demo-layout",showCode:true,showDemo:true,link:"",inputs:[],test:false,translationKey:"layout"},{name:"Language switcher",selector:"demo-language-switcher",showCode:true,showDemo:true,link:"",inputs:[],test:false},{name:"Link",selector:"demo-link",showCode:true,showDemo:true,link:"",inputs:[],test:true},{name:"Mask",selector:"demo-mask",showCode:true,showDemo:true,link:"",inputs:[],test:false},{name:"Message box",selector:"demo-message-box",showCode:true,showDemo:true,link:"",inputs:[{name:"color",values:["info","warn","success","error","neutral"],currentValue:"info"}],test:true},{name:"Menu",selector:"demo-menu",showCode:true,showDemo:true,centered:true,link:"",inputs:[{name:"disabled",values:[true,false],currentValue:false}],test:true},{name:"Multi Select",selector:"demo-multiselect",showCode:true,showDemo:true,link:"",inputs:[{name:"selectionToggle",values:[true,false],currentValue:true},{name:"showFilter",values:[true,false],currentValue:true},{name:"disabled",values:[true,false],currentValue:false},{name:"readonly",values:[true,false],currentValue:false}],centered:true,test:true,translationKey:"select"},{name:"Select",selector:"demo-select",showCode:true,showDemo:true,link:"",inputs:[{name:"disabled",values:[true,false],currentValue:false},{name:"readonly",values:[true,false],currentValue:false}],centered:true,test:true,translationKey:"select"},{name:"NISS pipe",selector:"demo-niss-pipe",showCode:true,showDemo:true,link:"",inputs:[],test:false},{name:"Notification",selector:"demo-notification",showCode:true,showDemo:true,link:"",inputs:[],test:true},{name:"Overlay",selector:"demo-overlay",showCode:true,showDemo:true,link:"",inputs:[],test:false,centered:true},{name:"Page Error",selector:"demo-error",showCode:true,showDemo:true,link:"",inputs:[{name:"code",values:[500,404,403,401,400,503,502,408,429],currentValue:500}],test:true,translationKey:"error"},{name:"Page not found",selector:"demo-not-found",showCode:true,showDemo:true,link:"",inputs:[],test:true,translationKey:"404"},{name:"Paginator",selector:"demo-paginator",showCode:true,showDemo:true,link:"",inputs:[],test:true,translationKey:"paginator"},{name:"Palette",selector:"demo-palette",showCode:false,showDemo:true,link:"",inputs:[{name:"color",values:["primary","warn","success","info","neutral","accent"],currentValue:""}],test:true},{name:"Panel",selector:"demo-panel",showCode:true,showDemo:true,link:"",inputs:[{name:"color",values:["default","primary"],currentValue:""},{name:"expandable",values:[true,false],currentValue:true}],test:true},{name:"PopOver",selector:"demo-pop-over",showCode:true,showDemo:true,link:"",inputs:[{name:"position",values:["","top-left","top-right","bottom-left","bottom-right"],currentValue:""}],test:true,centered:true},{name:"ProgressBar",selector:"demo-progress-bar",showCode:true,showDemo:true,link:"",inputs:[],test:true},{name:"Radio",selector:"demo-radio",showCode:true,showDemo:true,link:"",inputs:[{name:"disabled",values:[true,false],currentValue:false},{name:"readonly",values:[true,false],currentValue:false}],test:true},{name:"Rxjs Complex case",selector:"demo-rxjs-complex-case",showCode:true,showDemo:true,link:"",inputs:[],test:false},{name:"Rxjs Combine Operators",selector:"demo-rxjs-combine-operators",showCode:true,showDemo:true,link:"",inputs:[],test:false},{name:"Rxjs Flattening Operators",selector:"demo-rxjs-flattening-operators",showCode:true,showDemo:true,link:"",inputs:[],test:false},{name:"Rxjs Observable",selector:"demo-rxjs-observable",showCode:true,showDemo:true,link:"",inputs:[],test:false},{name:"Rxjs Subject",selector:"demo-rxjs-subject",showCode:true,showDemo:true,link:"",inputs:[],test:false},{name:"Side menu",selector:"demo-side-menu",showCode:true,showDemo:true,link:"",inputs:[],test:true},{name:"Selectable box",selector:"demo-selectable-box",showCode:true,showDemo:true,link:"",inputs:[{name:"body",values:["none","text","list","address","data"],currentValue:"list"},{name:"button",values:[false,true],currentValue:false},{name:"disabled",values:[true,false],currentValue:false}],test:true},{name:"Skeleton",selector:"demo-skeleton",showCode:true,showDemo:true,link:"",inputs:[],test:true},{name:"Slide toggle",selector:"demo-slide-toggle",showCode:true,showDemo:true,link:"",inputs:[],test:true},{name:"Spacing",selector:"demo-spacing",showCode:false,showDemo:true,link:"",inputs:[],test:true},{name:"Spinner",selector:"demo-spinner",showCode:true,showDemo:true,link:"",inputs:[],test:true},{name:"Stepper (horizontal)",selector:"demo-horizontal-stepper",showCode:true,showDemo:true,link:"",inputs:[],test:true},{name:"Stepper (with Summary)",selector:"demo-summary-stepper",showCode:true,showDemo:true,link:"",inputs:[],test:true},{name:"Sticker",selector:"demo-sticker",showCode:true,showDemo:true,link:"",inputs:[{name:"color",values:["primary","success","error","info","warn","neutral"],currentValue:"primary"},{name:"tooltip",values:["","Here is your text"],currentValue:""},{name:"htmlTooltip",values:[true,false],currentValue:false}],test:true},{name:"Tab",selector:"demo-tab",showCode:true,showDemo:true,link:"",inputs:[],test:true},{name:"Table",selector:"demo-table",showCode:true,showDemo:true,link:"",inputs:[],test:true},{name:"Table of content",selector:"demo-toc",showCode:true,showDemo:true,link:"",inputs:[],test:false},{name:"Task list",selector:"demo-task-list",showCode:true,showDemo:true,link:"",inputs:[{name:"type",values:["bubble","checkbox","icon"],currentValue:"checkbox"},{name:"color",values:["","error","success"],currentValue:""},{name:"disabled",values:[true,false],currentValue:false},{name:"readonly",values:[true,false],currentValue:false}],test:true},{name:"Toast",selector:"demo-toast",showCode:true,showDemo:true,link:"",inputs:[],test:true},{name:"Text Input",selector:"demo-text-input",showCode:true,showDemo:true,link:"",inputs:[{name:"color",values:["","warn"]},{name:"disabled",values:[true,false],currentValue:false},{name:"readonly",values:[true,false],currentValue:false},{name:"hintColor",values:["","warn"],currentValue:""}],centered:true,test:true},{name:"Phone Input",selector:"demo-phone-input",showCode:true,showDemo:true,link:"",inputs:[{name:"disabled",values:[true,false],currentValue:false},{name:"readonly",values:[true,false],currentValue:false}],centered:true,test:true,translationKey:"input.phone"},{name:"Textarea",selector:"demo-textarea",showCode:true,showDemo:true,link:"",inputs:[{name:"disabled",values:[true,false],currentValue:false},{name:"readonly",values:[true,false],currentValue:false},{name:"autoresize",values:[true,false],currentValue:false}],centered:true,test:true},{name:"Timepicker",selector:"demo-timepicker",showCode:true,showDemo:true,link:"",inputs:[{name:"disabled",values:[true,false],currentValue:false},{name:"readonly",values:[true,false],currentValue:false}],centered:true,test:true,showOutput:true},{name:"Timeline",selector:"demo-timeline",description:"Plot dated periods on a horizontal, year-based timeline. Overlapping periods stack into rows and take their color from the legend, with month/day zoom, selection, tooltips, filters, and an optional full-size mode.",showCode:true,showDemo:true,link:"",inputs:[],test:true},{name:"Button Toggle",selector:"demo-button-toggle",showCode:true,showDemo:true,link:"",inputs:[{name:"type",values:["text","icon"],currentValue:"text"}],centered:true,test:true},{name:"Toolbar",selector:"demo-toolbar",showCode:true,showDemo:true,link:"",inputs:[],test:true},{name:"Tooltip",selector:"demo-tooltip",showCode:true,showDemo:true,link:"",inputs:[{name:"position",values:["above","below","right","left","before","after"],currentValue:"above"},{name:"filled",values:[true,false],currentValue:false},{name:"html",values:[true,false],currentValue:false}],centered:true,test:true},{name:"Typography",selector:"demo-typography",showCode:false,showDemo:true,link:"",inputs:[],test:true},{name:"Validators",selector:"demo-validators",showCode:true,showDemo:true,link:"",inputs:[],test:false},{name:"Week navigator",selector:"demo-week-navigator",description:"Step through ISO weeks with a back and forward arrow. Shows the week number and its Monday to Friday range, computed with Luxon and formatted in the active locale.",showCode:true,showDemo:true,link:"",inputs:[{name:"disabled",values:[true,false],currentValue:false}],showOutput:true,centered:true,test:false}];var B0e=F0e.map(t=>s(r({},t),{component:{"demo-address":Joe,"demo-address-input":hte,"demo-autocomplete":gte,"demo-avatar":bte,"demo-badge":N0e,"demo-bank-input":Ste,"demo-bce-pipe":wte,"demo-breadcrumb":Tte,"demo-button":Ite,"demo-button-loading":kte,"demo-icon-button":Mte,"demo-card":tae,"demo-checkbox":Zte,"demo-chips":tne,"demo-collapsible-page-divider":A0e,"demo-copy-to-clipboard":nne,"demo-country-input":ine,"demo-birthplace-input":one,"demo-datepicker":xne,"demo-datepicker-month-year":Tne,"demo-datepicker-luxon":Dne,"demo-daterangepicker":Ine,"demo-dialog":Bne,"demo-dialog-content":XT,"demo-digit-only":$ne,"demo-drag-and-drop":pie,"demo-drawer":Qie,"demo-enterprise-number-input":hie,"demo-error-handler":gie,"demo-file-panel":kie,"demo-file-upload":Oie,"demo-file-upload-manual":Aie,"demo-fab":Nie,"demo-grid":Pie,"demo-form":O0e,"demo-icon":Fie,"demo-if-width-is":Lie,"demo-jsonform":M0e,"demo-layout":Xie,"demo-language-switcher":Jie,"demo-link":ere,"demo-mask":tre,"demo-message-box":ire,"demo-menu":rre,"demo-multiselect":ore,"demo-select":nae,"demo-niss-pipe":are,"demo-notification":sre,"demo-overlay":eae,"demo-error":cre,"demo-not-found":pre,"demo-paginator":_re,"demo-palette":hre,"demo-panel":cte,"demo-pop-over":gre,"demo-progress-bar":vre,"demo-radio":Ere,"demo-rxjs-complex-case":Sre,"demo-rxjs-combine-operators":xre,"demo-rxjs-flattening-operators":Dre,"demo-rxjs-observable":Ire,"demo-rxjs-subject":kre,"demo-side-menu":Rre,"demo-selectable-box":Pre,"demo-skeleton":Bre,"demo-slide-toggle":Vre,"demo-spacing":Ure,"demo-spinner":Hre,"demo-horizontal-stepper":Qre,"demo-summary-stepper":Xre,"demo-sticker":Jre,"demo-tab":eoe,"demo-table":roe,"demo-table-dialog-content":I1,"demo-table-entrypoint":Qte,"demo-toc":poe,"demo-task-list":foe,"demo-toast":boe,"demo-text-input":voe,"demo-phone-input":yoe,"demo-textarea":Coe,"demo-timepicker":Moe,"demo-timeline":joe,"demo-button-toggle":Yoe,"demo-toolbar":Woe,"demo-tooltip":Koe,"demo-typography":Qoe,"demo-validators":Zoe,"demo-week-navigator":L0e}[t.selector]}));var $0e=(()=>{class t{constructor(){this.jsonSubPath="assets/json",this.translationSubPath="assets/i18n",this.http=_(mo),this.basePathSig=_(Md,{optional:true}),this.codeCache=new Map,this.translationCache=new Map;}basePath(){return (this.basePathSig?.()??"/").trim()}joinUrl(...e){return e.filter(Boolean).join("/").replace(/(^|[^:])\/\/+/g,"$1/")}jsonRoot(){return this.joinUrl(this.basePath(),this.jsonSubPath)}i18nRoot(){return this.joinUrl(this.basePath(),this.translationSubPath)}getCode(e){let n=this.jsonRoot(),r=`${n}|${e}`;if(!this.codeCache.has(r)){let o=this.joinUrl(n,`${e}.json`),a=this.http.get(o).pipe(Ao(1));this.codeCache.set(r,a);}return this.codeCache.get(r)}getTranslation(e,n){let r=this.i18nRoot(),o=`${r}|${e}`;if(!this.translationCache.has(o)){let a=this.joinUrl(r,`${e}.json`),s=this.http.get(a).pipe(Ao(1));this.translationCache.set(o,s);}return this.translationCache.get(o).pipe(ce(a=>a[n]))}static{this.\u0275fac=function(n){return new(n||t)};}static{this.\u0275prov=Re({token:t,factory:t.\u0275fac,providedIn:"root"});}}return t})();var V0e=(()=>{class t extends ie{static{this.\u0275fac=(()=>{let e;return function(r){return (e||(e=V(t)))(r||t)}})();}static{this.\u0275cmp=w({type:t,selectors:[["app-demo-empty"]],features:[N],decls:0,vars:0,template:function(n,r){},encapsulation:2});}}return t})();var U0e="/wp-content/app-demo/";var Wxt=["componentRef"],Kxt=()=>["hljs","borderRadius"],Qxt=(t,i)=>i.name;function Zxt(t,i){t&1&&Et(0);}function Xxt(t,i){if(t&1&&(d(0,"div",5),ee(1,Zxt,1,0,"ng-container",6),u()),t&2){let e=y(2);m(),b("ngComponentOutlet",e.current().component)("ngComponentOutletInputs",e.inputs());}}function Jxt(t,i){if(t&1&&(d(0,"p",11),h(1),u()),t&2){let e=y(3);m(),L(e.current().description);}}function eTt(t,i){if(t&1&&(d(0,"span",21),h(1),$(2,"titlecase"),u()),t&2){let e=y(4);m(),L(z(2,1,e.visionMode));}}function tTt(t,i){if(t&1&&(d(0,"span",21),h(1),u()),t&2){let e=y(4);m(),L(e.currentScreenSize);}}function nTt(t,i){if(t&1&&(d(0,"a",25)(1,"mat-icon"),h(2,"code"),u()()),t&2){let e=y(4);b("href",e.current().link,gc);}}function iTt(t,i){if(t&1){let e=Ee();d(0,"button",20),I("click",function(){let r=K(e).$implicit,o=y(4);return Q(o.translateService.use(r))}),d(1,"span"),h(2),$(3,"uppercase"),u()();}if(t&2){let e=i.$implicit;m(2),L(z(3,1,e));}}function rTt(t,i){if(t&1&&(d(0,"mat-option",37),h(1),u()),t&2){let e=i.$implicit;b("value",e),m(),L(e);}}function oTt(t,i){if(t&1){let e=Ee();d(0,"mat-form-field",35)(1,"mat-label"),h(2),u(),d(3,"mat-select",36),I("selectionChange",function(r){let o=K(e).$implicit,a=y(6);return Q(a.update(r,o.name))}),fe(4,rTt,2,2,"mat-option",37,$t),u()();}if(t&2){let e=i.$implicit,n=y(6);m(2),L(e.name),m(),b("value",n.liveInputs()[e.name]??e.currentValue),m(),ge(e.values);}}function aTt(t,i){if(t&1&&fe(0,oTt,6,2,"mat-form-field",35,Qxt),t&2){let e=y(5);ge(e.current().inputs);}}function sTt(t,i){if(t&1&&(d(0,"div",33)(1,"onemrva-mat-panel",34)(2,"onemrva-mat-panel-title"),h(3,"Controls"),u(),d(4,"onemrva-mat-panel-content"),T(5,aTt,2,0),u()()()),t&2){let e=y(4);m(5),D(e.current().inputs.length>0?5:-1);}}function lTt(t,i){if(t&1){let e=Ee();d(0,"mat-toolbar",13)(1,"div",14)(2,"button",15),I("click",function(){K(e);let r=y(3);return Q(r.toggleGrid())}),d(3,"mat-icon"),h(4),u()(),d(5,"button",16),I("click",function(){K(e);let r=y(3);return Q(r.zoomOut())}),d(6,"mat-icon"),h(7,"zoom_out"),u()(),d(8,"button",17),I("click",function(){K(e);let r=y(3);return Q(r.resetZoom())}),d(9,"mat-icon"),h(10,"restart_alt"),u()(),d(11,"button",18),I("click",function(){K(e);let r=y(3);return Q(r.zoomIn())}),d(12,"mat-icon"),h(13,"zoom_in"),u()(),d(14,"button",19)(15,"mat-icon"),h(16,"visibility"),u()(),d(17,"mat-menu",null,0)(19,"button",20),I("click",function(){K(e);let r=y(3);return Q(r.updateVision("normal"))}),d(20,"mat-icon"),h(21,"visibility"),u(),d(22,"span"),h(23,"Normal Vision"),u()(),d(24,"button",20),I("click",function(){K(e);let r=y(3);return Q(r.updateVision("blurred"))}),d(25,"mat-icon"),h(26,"blur_on"),u(),d(27,"span"),h(28,"Blurred Vision"),u()(),d(29,"button",20),I("click",function(){K(e);let r=y(3);return Q(r.updateVision("deuteranomaly"))}),d(30,"mat-icon"),h(31,"color_lens"),u(),d(32,"span"),h(33,"Deuteranomaly"),u()(),d(34,"button",20),I("click",function(){K(e);let r=y(3);return Q(r.updateVision("deuteranopia"))}),d(35,"mat-icon"),h(36,"color_lens"),u(),d(37,"span"),h(38,"Deuteranopia"),u()(),d(39,"button",20),I("click",function(){K(e);let r=y(3);return Q(r.updateVision("protanomaly"))}),d(40,"mat-icon"),h(41,"color_lens"),u(),d(42,"span"),h(43,"Protanomaly"),u()(),d(44,"button",20),I("click",function(){K(e);let r=y(3);return Q(r.updateVision("protanopia"))}),d(45,"mat-icon"),h(46,"color_lens"),u(),d(47,"span"),h(48,"Protanopia"),u()(),d(49,"button",20),I("click",function(){K(e);let r=y(3);return Q(r.updateVision("tritanomaly"))}),d(50,"mat-icon"),h(51,"color_lens"),u(),d(52,"span"),h(53,"Tritanomaly"),u()(),d(54,"button",20),I("click",function(){K(e);let r=y(3);return Q(r.updateVision("tritanopia"))}),d(55,"mat-icon"),h(56,"color_lens"),u(),d(57,"span"),h(58,"Tritanopia"),u()(),d(59,"button",20),I("click",function(){K(e);let r=y(3);return Q(r.updateVision("achromatopsia"))}),d(60,"mat-icon"),h(61,"invert_colors_off"),u(),d(62,"span"),h(63,"Achromatopsia"),u()(),d(64,"button",20),I("click",function(){K(e);let r=y(3);return Q(r.updateVision("grayscale"))}),d(65,"mat-icon"),h(66,"filter_b_and_w"),u(),d(67,"span"),h(68,"Grayscale"),u()()(),T(69,eTt,3,3,"span",21),d(70,"button",22)(71,"mat-icon"),h(72,"accessibility"),u()(),d(73,"button",23)(74,"mat-icon"),h(75,"devices"),u()(),d(76,"mat-menu",null,1)(78,"button",20),I("click",function(){K(e);let r=y(3);return Q(r.updateScreenSize(""))}),d(79,"mat-icon"),h(80,"fullscreen"),u(),d(81,"span"),h(82,"Reset Viewport"),u()(),O(83,"mat-divider"),d(84,"button",20),I("click",function(){K(e);let r=y(3);return Q(r.updateScreenSize("xsmall"))}),d(85,"mat-icon"),h(86,"phone_android"),u(),d(87,"span"),h(88,"XSmall (< 600px)"),u()(),d(89,"button",20),I("click",function(){K(e);let r=y(3);return Q(r.updateScreenSize("small"))}),d(90,"mat-icon"),h(91,"tablet_android"),u(),d(92,"span"),h(93,"Small (600px - 959px)"),u()(),d(94,"button",20),I("click",function(){K(e);let r=y(3);return Q(r.updateScreenSize("medium"))}),d(95,"mat-icon"),h(96,"laptop"),u(),d(97,"span"),h(98,"Medium (960px - 1279px)"),u()(),d(99,"button",20),I("click",function(){K(e);let r=y(3);return Q(r.updateScreenSize("large"))}),d(100,"mat-icon"),h(101,"desktop_windows"),u(),d(102,"span"),h(103,"Large (1280px - 1535px)"),u()(),d(104,"button",20),I("click",function(){K(e);let r=y(3);return Q(r.updateScreenSize("xlarge"))}),d(105,"mat-icon"),h(106,"tv"),u(),d(107,"span"),h(108,"XLarge (1536px - 1919px)"),u()(),d(109,"button",20),I("click",function(){K(e);let r=y(3);return Q(r.updateScreenSize("xxlarge"))}),d(110,"mat-icon"),h(111,"desktop_mac"),u(),d(112,"span"),h(113,"XXLarge (\u2265 1920px)"),u()()(),T(114,tTt,2,1,"span",21),O(115,"span",24),T(116,nTt,3,1,"a",25),d(117,"button",26)(118,"mat-icon"),h(119,"language"),u()(),d(120,"span",21),h(121),$(122,"uppercase"),u(),d(123,"mat-menu",null,2),fe(125,iTt,4,3,"button",27,$t),u()()(),d(127,"div",28)(128,"div",29)(129,"div",30)(130,"div",31)(131,"div",32),Et(132,null,3),u()()()(),T(134,sTt,6,1,"div",33),u();}if(t&2){let e=Ve(18),n=Ve(77),r=Ve(124),o=y(3);m(4),L(o.showGrid?"grid_off":"grid_on"),m(10),b("matMenuTriggerFor",e),m(55),D(o.visionMode!=="normal"?69:-1),m(4),b("matMenuTriggerFor",n),m(41),D(o.currentScreenSize!=="Full Width"?114:-1),m(2),D(o.current().link?116:-1),m(),b("matMenuTriggerFor",r),m(4),L(z(122,13,o.translateService.currentLang())),m(4),ge(o.languages()),m(6),H("show-grid",o.showGrid)("centered",o.current().centered),m(3),D(o.current().inputs.length>0?134:-1);}}function cTt(t,i){if(t&1&&(d(0,"mat-tab",38)(1,"pre",40),h(2,"                      "),O(3,"code",41),$(4,"json"),h(5,`
                     `),u()()),t&2){let e=y(4);b("label","Output"),m(3),b("highlight",z(4,3,e.demoComponent?.output()))("language","json");}}function dTt(t,i){if(t&1&&(d(0,"div",42),O(1,"markdown",46),u()),t&2){let e=y().$index,n=y(4);m(),b("data",n.tabContents()[e]);}}function uTt(t,i){if(t&1&&(d(0,"pre",43),h(1,"                        "),O(2,"code",41),h(3,`
                       `),u()),t&2){let e=y().$index,n=y(4);m(2),b("highlight",n.tabContents()[e])("language",n.getLanguage(n.tabs()[e]));}}function mTt(t,i){t&1&&(d(0,"mat-icon",45),h(1,"check"),u());}function pTt(t,i){t&1&&(d(0,"mat-icon",45),h(1,"content_copy"),u());}function _Tt(t,i){if(t&1){let e=Ee();d(0,"mat-tab",39),T(1,dTt,2,1,"div",42)(2,uTt,4,2,"pre",43),d(3,"button",44),I("click",function(){let r=K(e).$index,o=y(4);return Q(o.copyToClipboard(o.tabContents()[r]))}),T(4,mTt,2,0,"mat-icon",45)(5,pTt,2,0,"mat-icon",45),u()();}if(t&2){let e=i.$implicit,n=y(4);b("label",e.replace("demo-",""))("bodyClass",Wn(5,Kxt)),m(),D(e.split(".")[1]==="md"?1:2),m(2),b("color",n.checked()?"success":"accent"),m(),D(n.checked()?4:5);}}function hTt(t,i){if(t&1&&(d(0,"mat-tab",38)(1,"pre",43),h(2,"                        "),O(3,"code",41),h(4,`
                       `),u()()),t&2){let e=i.$implicit;b("label",e.lang+".json"),m(3),b("highlight",e.code)("language","json");}}function fTt(t,i){if(t&1&&fe(0,hTt,5,3,"mat-tab",38,Ui),t&2){let e=y(4);ge(e.translations);}}function gTt(t,i){if(t&1&&(d(0,"mat-tab-group",12),T(1,cTt,6,5,"mat-tab",38),fe(2,_Tt,6,6,"mat-tab",39,Ui),T(4,fTt,2,0),u()),t&2){let e=y(3);b("selectedIndex",0)("mat-stretch-tabs",false),m(),D(e.current().showOutput?1:-1),m(),ge(e.tabs()),m(2),D(e.translations.length>0?4:-1);}}function bTt(t,i){if(t&1&&(d(0,"div",4)(1,"div",7)(2,"onemrva-mat-panel",8),O(3,"onemrva-mat-panel-title",9),d(4,"onemrva-mat-panel-content",10),T(5,Jxt,2,1,"p",11),T(6,lTt,135,15),T(7,gTt,5,4,"mat-tab-group",12),u()()()()),t&2){let e=y(2);m(2),b("ngClass","m-0 p-0"),m(3),D(e.current().description?5:-1),m(),D(e.effectiveShowDemo()==="yes"?6:-1),m(),D(e.effectiveShowCode()==="yes"?7:-1);}}function vTt(t,i){if(t&1&&T(0,Xxt,2,2,"div",5)(1,bTt,8,4,"div",4),t&2){let e=y();D(e.onlyDemo()?0:e.current()!==void 0&&e.current().component?1:-1);}}function yTt(t,i){if(t&1&&(d(0,"div",4)(1,"div",7)(2,"onemrva-mat-panel",8),O(3,"onemrva-mat-panel-title"),d(4,"onemrva-mat-panel-content")(5,"div",47)(6,"mat-icon",48),h(7,"error_outline"),u(),d(8,"h2"),h(9,"Demo Not Found"),u(),d(10,"p"),h(11),u()()()()()()),t&2){let e=y();m(2),b("ngClass","m-0 p-0"),m(9),G(' The requested demo component "',e.component(),'" does not exist. ');}}var H0e=new Set,z0e=(()=>{class t{constructor(){this.componentRef=et("componentRef",{read:on}),this.onlyDemo=C(false),this.component=C("empty"),this.showCode=C(null),this.showDemo=C(null),this.inputs=C({}),this.activeTab=C("preview"),this.version=C(""),this.wp=C(1),this.demoBasePathSig=_(Md),this.clipboard=_(kh),this.json=_($0e),this.cdn=_(no),this.translateService=_(Rn),this.current=W({name:"",selector:"empty",component:V0e,showCode:true,showDemo:true,inputs:[],test:true,link:""}),this.showGrid=false,this.checked=W(false),this.currentZoom=1,this.ZOOM_STEP=.1,this.MIN_ZOOM=.5,this.MAX_ZOOM=2,this.visionMode="normal",this.currentScreenSize="Full Width",this.tabs=W([]),this.tabContents=W({}),this.Object=Object,this.demoExists=W(false),this.basePath=re(()=>{let e=this.wp(),n=this.version(),r=e===1?U0e:"/";return n&&(r+=`${n}/`),r}),this.effectiveShowCode=re(()=>{let e=this.showCode();return e!==null?e:this.current().showCode?"yes":"no"}),this.effectiveShowDemo=re(()=>{let e=this.showDemo();return e!==null?e:this.current().showDemo?"yes":"no"}),this.liveInputs=W({}),this.translations=[],this.lastLoadedComponent=null,_t(()=>{let e=this.basePath();this.demoBasePathSig.set(e);let n=this.translateService.currentLang();if(!n)return;let r=`${e}|${n}`;H0e.has(r)||(H0e.add(r),this.translateService.reloadLang(n));}),_t(()=>{this.liveInputs.set(this.inputs()??{});}),_t(()=>{let e=this.component(),n=B0e.find(o=>o.selector==="demo-"+e);if(!n){this.demoExists.set(false);return}this.current.set(n),this.demoExists.set(true);let r$1=r({},this.inputs());for(let o of n.inputs)o.currentValue!==void 0&&(r$1[o.name]=o.currentValue);this.liveInputs.set(r$1),!this.onlyDemo()&&this.effectiveShowCode()==="yes"&&this.loadCodeIfNeeded(e);}),_t(()=>{let e=this.componentRef(),n=this.current()?.component;!e||!n||this.createComponent();}),_t(()=>{let e=this.componentInstance,n=this.liveInputs();if(e)for(let r of Object.keys(n))e.setInput(r,n[r]);});}createComponent(){let e=this.componentRef(),n=this.current()?.component;if(!e||!n)return;e.clear(),this.componentInstance=e.createComponent(n),this.demoComponent=this.componentInstance.instance;let r=this.liveInputs();for(let o of Object.keys(r))this.componentInstance.setInput(o,r[o]);}loadCodeIfNeeded(e){if(!e||this.lastLoadedComponent===e)return;this.json.getCode(e).pipe(mt(1)).subscribe(r=>{this.tabs.set(Object.keys(r)),this.tabContents.set(Object.values(r)),this.lastLoadedComponent=e;},r=>console.error(r));let n=this.current().translationKey;this.translations=[],n!==void 0&&this.translateService.getLangs().forEach(r=>{this.json.getTranslation(r,n).pipe(mt(1)).subscribe(o=>{this.translations.push({key:n,lang:r,code:'{ "'+n+'" : '+JSON.stringify(o,null,2)+" } "});});});}copyToClipboard(e){this.checked.set(true),this.clipboard.copy(e),setTimeout(()=>this.checked.set(false),1200);}openLink(e){window.open(e);}update(e,n){let r$1=e.value;this.liveInputs.set(s(r({},this.liveInputs()),{[n]:r$1}));let o=this.current().inputs.find(a=>a.name===n);o&&(o.currentValue=r$1);}getLanguage(e){return e.endsWith(".ts")?"typescript":e.endsWith(".scss")||e.endsWith(".css")?"css":e.endsWith(".html")?"xml":"text"}toggleGrid(){this.showGrid=!this.showGrid;}zoomIn(){this.currentZoom<this.MAX_ZOOM&&(this.currentZoom=Math.min(this.currentZoom+this.ZOOM_STEP,this.MAX_ZOOM),this.updateZoom());}zoomOut(){this.currentZoom>this.MIN_ZOOM&&(this.currentZoom=Math.max(this.currentZoom-this.ZOOM_STEP,this.MIN_ZOOM),this.updateZoom());}resetZoom(){this.currentZoom=1,this.updateZoom();}updateZoom(){let e=document.querySelector(".demoDiv");if(!e)return;let n=e.classList.contains("centered");e.style.transformOrigin=n?"center center":"top left",e.style.transform=`scale(${this.currentZoom})`;}updateVision(e){this.visionMode=e;let n=document.querySelector(".demoDiv");n&&(n.classList.remove("vision-blurred","vision-deuteranomaly","vision-deuteranopia","vision-protanomaly","vision-protanopia","vision-tritanomaly","vision-tritanopia","vision-achromatopsia","vision-grayscale"),e!=="normal"&&n.classList.add(`vision-${e}`));}updateScreenSize(e){let n={xsmall:599,small:959,medium:1279,large:1535,xlarge:1919,xxlarge:1920},r=document.querySelector(".viewport-simulator");if(!r)return;if(e===""){r.style.width="",this.currentScreenSize="Full Width";return}let o=n[e];o&&(r.style.width=`${o}px`,this.currentScreenSize=e.charAt(0).toUpperCase()+e.slice(1));}languages(){return this.translateService.getLangs()}getTranslation(e,n){return n?this.json.getTranslation(e,n):Se("")}static{this.\u0275fac=function(n){return new(n||t)};}static{this.\u0275cmp=w({type:t,selectors:[["app-demo-component"]],viewQuery:function(n,r){n&1&&gt(r.componentRef,Wxt,5,on),n&2&&Qe();},inputs:{onlyDemo:[1,"onlyDemo"],component:[1,"component"],showCode:[1,"showCode"],showDemo:[1,"showDemo"],inputs:[1,"inputs"],activeTab:[1,"activeTab"],version:[1,"version"],wp:[1,"wp"]},decls:2,vars:1,consts:[["visionMenu","matMenu"],["screenMenu","matMenu"],["langMenu","matMenu"],["componentRef",""],[1,"onemrva-theme"],[1,"demoNoCode"],[4,"ngComponentOutlet","ngComponentOutletInputs"],[1,"mat-typography"],[3,"ngClass"],[1,"hidden"],["customNgClass","m-0"],[1,"demo-description"],[3,"selectedIndex","mat-stretch-tabs"],[1,"demo-toolbar"],[1,"toolbar-group"],["mat-icon-button","","matTooltip","Toggle Grid","aria-label","Toggle Grid",3,"click"],["mat-icon-button","","matTooltip","Zoom Out","aria-label","Zoom Out",3,"click"],["mat-icon-button","","matTooltip","Reset Zoom","aria-label","Reset Zoom",3,"click"],["mat-icon-button","","matTooltip","Zoom In","aria-label","Zoom In",3,"click"],["mat-icon-button","","matTooltip","Vision Simulator","aria-label","Vision Simulator",3,"matMenuTriggerFor"],["mat-menu-item","",3,"click"],[1,"selected-option"],["mat-icon-button","","color","accent","aria-label","Accessibility check","matTooltip","Accessibility check","onclick",`

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@onemrvapublic/design-system-demos",
-    "version": "v22.5.1-develop.3",
+    "version": "v22.6.0-develop.1",
     "description": "Demos for the Design System Onem/Rva",
     "publishConfig": {
         "access": "public"