@onemrvapublic/design-system-demos 22.4.1 → 22.5.0-develop.2
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.
- package/browser/assets/codes.json +1 -1
- package/browser/assets/demos-manifest.json +1 -1
- package/browser/assets/design-system/i18n/nl.json +2 -2
- package/browser/assets/json/week-navigator.json +1 -0
- package/browser/{chunk-LX8N5-0x.js → chunk-d4Gk0QO_.js} +1 -1
- package/browser/main.js +145 -143
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
["address","address-input","autocomplete","avatar","badge","bank-input","bce-pipe","birthplace-input","breadcrumb","button","button-loading","button-toggle","card","checkbox","chips","chips-input","choice-chips","collapsible-page-divider","copy-to-clipboard","country-input","datepicker","datepicker-luxon","datepicker-month-year","daterangepicker","dialog","dialog-content","digit-only","drag-and-drop","drawer","empty","enterprise-number-input","error","error-handler","fab","file-panel","file-upload","file-upload-manual","form","grid","horizontal-stepper","icon","icon-button","if-width-is","jsonform","language-switcher","layout","link","mask","menu","message-box","multiselect","niss-pipe","not-found","notification","overlay","paginator","palette","panel","phone-input","pop-over","progress-bar","radio","rxjs-combine-operators","rxjs-complex-case","rxjs-flattening-operators","rxjs-observable","rxjs-subject","select","selectable-box","selectable-box-large","side-menu","skeleton","slide-toggle","spacing","spinner","sticker","summary-stepper","tab","table","table-dialog-content","table-entrypoint","task-list","text-input","textarea","timeline","timepicker","toast","toc","toolbar","tooltip","typography","validators"]
|
|
1
|
+
["address","address-input","autocomplete","avatar","badge","bank-input","bce-pipe","birthplace-input","breadcrumb","button","button-loading","button-toggle","card","checkbox","chips","chips-input","choice-chips","collapsible-page-divider","copy-to-clipboard","country-input","datepicker","datepicker-luxon","datepicker-month-year","daterangepicker","dialog","dialog-content","digit-only","drag-and-drop","drawer","empty","enterprise-number-input","error","error-handler","fab","file-panel","file-upload","file-upload-manual","form","grid","horizontal-stepper","icon","icon-button","if-width-is","jsonform","language-switcher","layout","link","mask","menu","message-box","multiselect","niss-pipe","not-found","notification","overlay","paginator","palette","panel","phone-input","pop-over","progress-bar","radio","rxjs-combine-operators","rxjs-complex-case","rxjs-flattening-operators","rxjs-observable","rxjs-subject","select","selectable-box","selectable-box-large","side-menu","skeleton","slide-toggle","spacing","spinner","sticker","summary-stepper","tab","table","table-dialog-content","table-entrypoint","task-list","text-input","textarea","timeline","timepicker","toast","toc","toolbar","tooltip","typography","validators","week-navigator"]
|
|
@@ -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":"chips-input","name":"Chips Input","description":"","thumbnail":"","permalink":"/demos/chips-input"},{"slug":"choice-chips","name":"Choice chips","description":"","thumbnail":"","permalink":"/demos/choice-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":"selectable-box-large","name":"Selectable box Large","description":"","thumbnail":"","permalink":"/demos/selectable-box-large"},{"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"}]
|
|
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":"chips-input","name":"Chips Input","description":"","thumbnail":"","permalink":"/demos/chips-input"},{"slug":"choice-chips","name":"Choice chips","description":"","thumbnail":"","permalink":"/demos/choice-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":"selectable-box-large","name":"Selectable box Large","description":"","thumbnail":"","permalink":"/demos/selectable-box-large"},{"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"}]
|
|
@@ -110,8 +110,8 @@
|
|
|
110
110
|
}
|
|
111
111
|
},
|
|
112
112
|
"select": {
|
|
113
|
-
"select.all": "
|
|
114
|
-
"deselect.all": "
|
|
113
|
+
"select.all": "Alles selecteren",
|
|
114
|
+
"deselect.all": "Alles deselecteren",
|
|
115
115
|
"search": {
|
|
116
116
|
"filter": "Zoeken",
|
|
117
117
|
"notFound": "Geen resultaten",
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"demo-week-navigator.component.html":"<section class=\"example-section\">\n <onemrva-week-navigator\n [disabled]=\"disabled()\"\n (weekChange)=\"onWeekChange($event)\"\n />\n</section>\n","demo-week-navigator.component.scss":".example-section {\n display: flex;\n justify-content: center;\n}\n","demo-week-navigator.component.ts":"import { Component, input, ViewEncapsulation } from '@angular/core';\n\nimport { DemoComponentBase } from '../../_demo/demo-component-base';\nimport {\n OnemrvaWeekNavigatorComponent,\n WeekNavigatorValue,\n} from './onemrva-week-navigator.component';\n\n@Component({\n selector: 'app-demo-week-navigator',\n templateUrl: 'demo-week-navigator.component.html',\n styleUrls: ['demo-week-navigator.component.scss'],\n standalone: true,\n imports: [OnemrvaWeekNavigatorComponent],\n encapsulation: ViewEncapsulation.None,\n})\nexport class DemoWeekNavigatorComponent extends DemoComponentBase {\n readonly disabled = input<boolean>(false);\n\n onWeekChange(week: WeekNavigatorValue): void {\n this.output.set({\n weekNumber: week.weekNumber,\n weekYear: week.weekYear,\n monday: week.start.toISODate(),\n friday: week.end.toISODate(),\n });\n }\n}\n","onemrva-week-navigator.component.html":"<div class=\"onemrva-week-navigator\" role=\"group\" aria-label=\"Week navigation\">\n <button\n mat-icon-button\n type=\"button\"\n class=\"onemrva-week-navigator__arrow\"\n [disabled]=\"previousDisabled()\"\n [attr.aria-label]=\"previousLabel()\"\n (click)=\"previous()\"\n >\n <mat-icon>chevron_left</mat-icon>\n </button>\n\n <div class=\"onemrva-week-navigator__label\" aria-live=\"polite\">\n <span class=\"onemrva-week-navigator__week\">{{ weekLabel() }}</span>\n <span class=\"onemrva-week-navigator__range\">{{ rangeLabel() }}</span>\n </div>\n\n <button\n mat-icon-button\n type=\"button\"\n class=\"onemrva-week-navigator__arrow\"\n [disabled]=\"nextDisabled()\"\n [attr.aria-label]=\"nextLabel()\"\n (click)=\"next()\"\n >\n <mat-icon>chevron_right</mat-icon>\n </button>\n</div>\n","onemrva-week-navigator.component.scss":".onemrva-week-navigator {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.25rem 0.5rem;\n color: var(--mat-sys-on-surface);\n\n &__label {\n display: flex;\n flex-direction: column;\n align-items: center;\n min-width: 12rem;\n text-align: center;\n }\n\n &__week {\n font: var(--mat-sys-title-medium);\n }\n\n &__range {\n font: var(--mat-sys-body-small);\n color: var(--mat-sys-on-surface-variant);\n }\n}\n","onemrva-week-navigator.component.ts":"import {\n Component,\n computed,\n inject,\n input,\n linkedSignal,\n LOCALE_ID,\n output,\n ViewEncapsulation,\n} from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { DateTime } from 'luxon';\n\n/** The value emitted whenever the navigator moves to another week. */\nexport interface WeekNavigatorValue {\n /** ISO week number, 1 – 53. */\n weekNumber: number;\n /** ISO week year — not always the calendar year around New Year. */\n weekYear: number;\n /** Monday, at the start of the day. */\n start: DateTime;\n /** Friday, at the start of the day. */\n end: DateTime;\n}\n\n/**\n * Week navigator: shows the ISO week number with its Monday → Friday range and\n * steps one week back or forward.\n *\n * Exposes 4 inputs and 1 output.\n * Inputs: date: DateTime | Date | string | null, disabled: boolean,\n * minDate: DateTime | Date | string | null,\n * maxDate: DateTime | Date | string | null.\n * Outputs: weekChange: WeekNavigatorValue.\n *\n * @MatKeywords week, navigator, date, luxon, iso-week, paginator\n * @MatGroup Navigation\n */\n@Component({\n selector: 'onemrva-week-navigator',\n templateUrl: 'onemrva-week-navigator.component.html',\n styleUrls: ['onemrva-week-navigator.component.scss'],\n standalone: true,\n imports: [MatButtonModule, MatIconModule],\n encapsulation: ViewEncapsulation.None,\n})\nexport class OnemrvaWeekNavigatorComponent {\n /** Any date inside the week to show. Defaults to today. */\n readonly date = input<DateTime | Date | string | null>(null);\n /** Disables both arrows. */\n readonly disabled = input(false);\n /** Earliest navigable date; the week containing it is still reachable. */\n readonly minDate = input<DateTime | Date | string | null>(null);\n /** Latest navigable date; the week containing it is still reachable. */\n readonly maxDate = input<DateTime | Date | string | null>(null);\n\n /** Emitted on every arrow click, never on first render. */\n readonly weekChange = output<WeekNavigatorValue>();\n\n private readonly _locale = inject(LOCALE_ID);\n\n /**\n * Monday of the week being shown. Seeded from `date()` and re-seeded whenever\n * that input changes, but writable on its own so the arrows can move it.\n */\n private readonly _monday = linkedSignal(() =>\n this._startOfWeek(this._parse(this.date()) ?? DateTime.now()),\n );\n\n /** The week currently on screen. */\n readonly week = computed<WeekNavigatorValue>(() => {\n const monday = this._monday();\n\n return {\n weekNumber: monday.weekNumber,\n weekYear: monday.weekYear,\n start: monday,\n end: monday.plus({ days: 4 }),\n };\n });\n\n /** `Week 39`, ready to be swapped for a translated label. */\n readonly weekLabel = computed(() => `Week ${this.week().weekNumber}`);\n\n /** `21 – 25 Sep 2026`, or `28 Sep – 2 Oct 2026` across a month boundary. */\n readonly rangeLabel = computed(() => {\n const { start, end } = this.week();\n // Only repeat on the left what actually differs: `21 – 25 Sep 2026`,\n // `28 Sep – 2 Oct 2026`, `28 Dec 2026 – 1 Jan 2027`.\n const from = start.hasSame(end, 'month')\n ? start.toLocaleString({ day: 'numeric' })\n : start.hasSame(end, 'year')\n ? start.toLocaleString({ day: 'numeric', month: 'short' })\n : start.toLocaleString({\n day: 'numeric',\n month: 'short',\n year: 'numeric',\n });\n const to = end.toLocaleString({\n day: 'numeric',\n month: 'short',\n year: 'numeric',\n });\n return `${from} – ${to}`;\n });\n\n readonly previousDisabled = computed(() => {\n if (this.disabled()) return true;\n const min = this._parse(this.minDate());\n if (min === null) return false;\n // Compare Mondays, so the week *containing* minDate stays reachable.\n return (\n this._monday().minus({ weeks: 1 }).valueOf() <\n this._startOfWeek(min).valueOf()\n );\n });\n\n readonly nextDisabled = computed(() => {\n if (this.disabled()) return true;\n const max = this._parse(this.maxDate());\n if (max === null) return false;\n return (\n this._monday().plus({ weeks: 1 }).valueOf() >\n this._startOfWeek(max).valueOf()\n );\n });\n\n readonly previousLabel = computed(\n () =>\n `Previous week, week ${this._monday().minus({ weeks: 1 }).weekNumber}`,\n );\n\n readonly nextLabel = computed(\n () => `Next week, week ${this._monday().plus({ weeks: 1 }).weekNumber}`,\n );\n\n previous(): void {\n if (this.previousDisabled()) return;\n this._shift(-1);\n }\n\n next(): void {\n if (this.nextDisabled()) return;\n this._shift(1);\n }\n\n private _shift(weeks: number): void {\n this._monday.update(monday => monday.plus({ weeks }));\n this.weekChange.emit(this.week());\n }\n\n /** Monday 00:00 of the week the given date falls in. */\n private _startOfWeek(date: DateTime): DateTime {\n // `useLocaleWeeks: false` keeps Monday as day 1 whatever the locale says.\n return date\n .setLocale(this._locale)\n .startOf('week', { useLocaleWeeks: false });\n }\n\n /** Accepts what callers realistically have at hand; invalid input is ignored. */\n private _parse(value: DateTime | Date | string | null): DateTime | null {\n if (value === null) return null;\n\n // Narrow on the two concrete types first. `DateTime.isDateTime()` is a\n // guard for `DateTime<true> | DateTime<false>`, which does not subtract\n // `DateTime<boolean>` from the union, so the else-branch would still be\n // seen as `string | DateTime`.\n const parsed =\n typeof value === 'string'\n ? DateTime.fromISO(value)\n : value instanceof Date\n ? DateTime.fromJSDate(value)\n : value;\n\n return parsed.isValid ? parsed.setLocale(this._locale) : null;\n }\n}\n"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var o={period:"Periode",month:"Maand",year:"Jaar",years:"Jaar",goToMonth:"Ga naar maand",previousYear:"Ga naar vorig jaar",nextYear:"Ga naar volgend jaar",previousMonth:"Ga naar vorige maand",nextMonth:"Ga naar volgende maand",goTo:"Ga naar {{label}}"},t={"500":{h1:"Oeps...",h2:"Fout 500 - Interne serverfout",p:"Onze excuses, er is iets misgegaan aan onze kant. Probeer het later opnieuw.",ori:"wordless.svg"},"404":{h1:"Oeps...",h2:"Fout 404 - Pagina niet gevonden",p:"Onze excuses, de pagina die u zoekt bestaat niet. Deze is mogelijk verwijderd of tijdelijk niet beschikbaar.",ori:"alone.svg"},"403":{h1:"Toegang geweigerd",h2:"Fout 403 - Verboden",p:"U heeft geen toestemming om deze bron te bekijken. Neem contact op met de ondersteuning als u denkt dat dit een fout is.",ori:"error.svg"},"401":{h1:"Niet geautoriseerd",h2:"Fout 401 - Niet gemachtigde toegang",p:"U moet inloggen om toegang te krijgen tot deze pagina. Gelieve in te loggen en het opnieuw te proberen.",ori:"error.svg"},"400":{h1:"Ongeldige aanvraag",h2:"Fout 400 - Foute aanvraag",p:"De server kon uw verzoek niet begrijpen. Controleer uw invoer en probeer het opnieuw.",ori:"desperate.svg"},"503":{h1:"Dienst niet beschikbaar",h2:"Fout 503 - Dienst niet beschikbaar",p:"Onze servers zijn momenteel in onderhoud of overbelast. Probeer het later opnieuw.",ori:"star-eyes.svg"},"502":{h1:"Ongeldige gateway",h2:"Fout 502 - Ongeldige gateway",p:"De server heeft een ongeldige reactie ontvangen van een upstream server. Probeer het later opnieuw.",ori:"error.svg"},"408":{h1:"Time-out",h2:"Fout 408 - Verzoek time-out",p:"Uw verzoek duurde te lang. Probeer het opnieuw.",ori:"thumb-down.svg"},"429":{h1:"Te veel verzoeken",h2:"Fout 429 - Te veel verzoeken",p:"U heeft te veel verzoeken verstuurd in een korte tijd. Wacht alstublieft en probeer het later opnieuw.",ori:"thumb-down.svg"}},r={Previous:"Vorig",Next:"Next","records.per.page":"Elementen per pagina",outOf:"out of"},a={upload:{download:"Downloaden",view:"Bekijken",retry:"Opnieuw proberen",remove:"Verwijderen","drag.and.drop":"Sleep uw bestanden hierheen","browse.for.file":"Bladeren naar bestanden","type.not.supported":"Bestandstype niet ondersteund","too.big":"Het bestand overschreed de maximale grootte van",maximum:"Maximum",delete:"Delete","error.occurred":"Er is een fout opgetreden, probeer het opnieuw","confirm.delete":"Dit bestand verwijderen?","are.you.sure":"Weet u zeker dat u het bestand wilt verwijderen",cancel:"Annuleren",or:"of","too.many.files":"Limiet van {{limit}} bestand(en) bereikt","total.max.size.exceeded":"De totale bestandsgrootte overschrijdt de toegestane limiet van {{ maxTotalFileSize }}"}},i={"select.all":"
|
|
1
|
+
var o={period:"Periode",month:"Maand",year:"Jaar",years:"Jaar",goToMonth:"Ga naar maand",previousYear:"Ga naar vorig jaar",nextYear:"Ga naar volgend jaar",previousMonth:"Ga naar vorige maand",nextMonth:"Ga naar volgende maand",goTo:"Ga naar {{label}}"},t={"500":{h1:"Oeps...",h2:"Fout 500 - Interne serverfout",p:"Onze excuses, er is iets misgegaan aan onze kant. Probeer het later opnieuw.",ori:"wordless.svg"},"404":{h1:"Oeps...",h2:"Fout 404 - Pagina niet gevonden",p:"Onze excuses, de pagina die u zoekt bestaat niet. Deze is mogelijk verwijderd of tijdelijk niet beschikbaar.",ori:"alone.svg"},"403":{h1:"Toegang geweigerd",h2:"Fout 403 - Verboden",p:"U heeft geen toestemming om deze bron te bekijken. Neem contact op met de ondersteuning als u denkt dat dit een fout is.",ori:"error.svg"},"401":{h1:"Niet geautoriseerd",h2:"Fout 401 - Niet gemachtigde toegang",p:"U moet inloggen om toegang te krijgen tot deze pagina. Gelieve in te loggen en het opnieuw te proberen.",ori:"error.svg"},"400":{h1:"Ongeldige aanvraag",h2:"Fout 400 - Foute aanvraag",p:"De server kon uw verzoek niet begrijpen. Controleer uw invoer en probeer het opnieuw.",ori:"desperate.svg"},"503":{h1:"Dienst niet beschikbaar",h2:"Fout 503 - Dienst niet beschikbaar",p:"Onze servers zijn momenteel in onderhoud of overbelast. Probeer het later opnieuw.",ori:"star-eyes.svg"},"502":{h1:"Ongeldige gateway",h2:"Fout 502 - Ongeldige gateway",p:"De server heeft een ongeldige reactie ontvangen van een upstream server. Probeer het later opnieuw.",ori:"error.svg"},"408":{h1:"Time-out",h2:"Fout 408 - Verzoek time-out",p:"Uw verzoek duurde te lang. Probeer het opnieuw.",ori:"thumb-down.svg"},"429":{h1:"Te veel verzoeken",h2:"Fout 429 - Te veel verzoeken",p:"U heeft te veel verzoeken verstuurd in een korte tijd. Wacht alstublieft en probeer het later opnieuw.",ori:"thumb-down.svg"}},r={Previous:"Vorig",Next:"Next","records.per.page":"Elementen per pagina",outOf:"out of"},a={upload:{download:"Downloaden",view:"Bekijken",retry:"Opnieuw proberen",remove:"Verwijderen","drag.and.drop":"Sleep uw bestanden hierheen","browse.for.file":"Bladeren naar bestanden","type.not.supported":"Bestandstype niet ondersteund","too.big":"Het bestand overschreed de maximale grootte van",maximum:"Maximum",delete:"Delete","error.occurred":"Er is een fout opgetreden, probeer het opnieuw","confirm.delete":"Dit bestand verwijderen?","are.you.sure":"Weet u zeker dat u het bestand wilt verwijderen",cancel:"Annuleren",or:"of","too.many.files":"Limiet van {{limit}} bestand(en) bereikt","total.max.size.exceeded":"De totale bestandsgrootte overschrijdt de toegestane limiet van {{ maxTotalFileSize }}"}},i={"select.all":"Alles selecteren","deselect.all":"Alles deselecteren",search:{filter:"Zoeken",notFound:"Geen resultaten","not.found":"Geen resultaten"}},s={mode:{select:"Keuze van modus",dark:"Donkere modus",light:"Lichte modus",system:"Volg systeeminstellingen"},profile:"Profile",login:"Login",logout:"Logout",interface:{trusted:"Vertrouwde persoon-interface",collaborator:"Werknemer interface"}},d={title:"Thermodynamics",introduction:"Introduction",history:"History",etymology:"Etymology",branches:"Branches",classicalThermodynamics:"Classical thermodynamics",statisticalThermodynamics:"Statistical thermodynamics",chemicalThermodynamics:"Chemical thermodynamics",equilibriumThermodynamics:"Equilibrium thermodynamics",nonEquilibriumThermodynamics:"Non-equilibrium thermodynamics"},l={bank:{length:"Onjuist aantal cijfers voor dit land",checksum:"Bankrekeningnummer is ongeldig",invalid:"Veld verplicht"},phone:{required:"Veld vereist",invalid:"Ongeldig veld",notFound:"Niet gevonden","not.found":"Niet gevonden",search:"Zoeken",label:"Telefoonnummer",hint:"Begin met 0 voor Belgische telefoonnummers"}},u="Vandaag",g={length:"Onjuist aantal cijfers voor dit land","wrong-iban-checksum":"Bankrekeningnummer is ongeldig",invalid:"Veld verplicht"},m={timeline:o,"demo.title":"Ontwerpsysteem",error:t,"404":{oops:"Oops",title:"Fout 404 - Pagina niet gevonden!",body:"Het spijt ons, de door u opgevraagde pagina is buitgemaakt door aliens.",actions:"Maar u kunt nog steeds","contact.ons":"Neem contact met ons op.","go.back":"Ga terug naar huis",extra:"of zoek wat u zoekt.","flying.saucer":"Vliegende schotel","tractor.beam":"Tractor beam","scared.page":"Scared page",shadow:"schaduw","search.input.label":"Search"},paginator:r,file:a,select:i,layout:s,thermo:d,input:l,"copied.to.clipboard":"Naar klembord gekopieerd",today:u,bankAccountInput:g};export{g as bankAccountInput,m as default,t as error,a as file,l as input,s as layout,r as paginator,i as select,d as thermo,o as timeline,u as today};
|