@inera/ids-angular 9.2.1 → 9.4.0
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/common/directives/click-outside.directive.d.ts +3 -3
- package/common/public-api.d.ts +1 -1
- package/components/accordion/accordion-header.component.d.ts +1 -1
- package/components/accordion/accordion.component.d.ts +5 -4
- package/components/alert/alert-header.component.d.ts +1 -1
- package/components/alert/alert.component.d.ts +2 -2
- package/components/box-link/box-link-button.component.d.ts +2 -2
- package/components/box-link/box-link.component.d.ts +2 -2
- package/components/breadcrumbs/breadcrumbs.component.d.ts +3 -4
- package/components/breadcrumbs/crumb.component.d.ts +1 -1
- package/components/carousel/carousel-item/carousel-item.component.d.ts +1 -1
- package/components/carousel/carousel.component.d.ts +4 -4
- package/components/control-button/control-button.directive.d.ts +5 -0
- package/components/control-button/index.d.ts +5 -0
- package/components/control-button/public-api.d.ts +1 -0
- package/components/dialog/dialog.component.d.ts +4 -4
- package/components/dialog/dialog.module.d.ts +12 -0
- package/components/dialog/public-api.d.ts +1 -0
- package/components/district-selector/district-selector.component.d.ts +14 -0
- package/components/district-selector/index.d.ts +5 -0
- package/components/district-selector/public-api.d.ts +1 -0
- package/components/dropdown/dropdown.component.d.ts +1 -1
- package/components/footer-1177/footer-1177-col.component.d.ts +4 -4
- package/components/footer-1177/footer-1177.component.d.ts +6 -4
- package/components/footer-1177-admin/footer-1177-admin-col.component.d.ts +4 -4
- package/components/footer-1177-admin/footer-1177-admin.component.d.ts +5 -4
- package/components/footer-1177-pro/footer-1177-pro-col.component.d.ts +4 -4
- package/components/footer-1177-pro/footer-1177-pro.component.d.ts +6 -4
- package/components/footer-inera/footer-inera-col.component.d.ts +4 -4
- package/components/footer-inera/footer-inera.component.d.ts +5 -4
- package/components/footer-inera-admin/footer-inera-admin-col.component.d.ts +4 -4
- package/components/footer-inera-admin/footer-inera-admin.component.d.ts +5 -4
- package/components/footer-inera-general/footer-inera-general-col.component.d.ts +4 -4
- package/components/footer-inera-general/footer-inera-general.component.d.ts +6 -4
- package/components/form/checkbox-group/checkbox-group.component.d.ts +4 -4
- package/components/form/input/input-clear-button.component.d.ts +5 -0
- package/components/form/input/input.component.d.ts +7 -3
- package/components/form/input/public-api.d.ts +1 -0
- package/components/form/label-subtitle/index.d.ts +5 -0
- package/components/form/label-subtitle/label-subtitle.component.d.ts +5 -0
- package/components/form/label-subtitle/public-api.d.ts +1 -0
- package/components/form/radio/radio-group.component.d.ts +4 -4
- package/components/form/radio/radio.component.d.ts +1 -1
- package/components/form/radio-button/radio-button-group.component.d.ts +1 -2
- package/components/form/range/range.component.d.ts +1 -1
- package/components/form/select/select.component.d.ts +1 -1
- package/components/form/select-multiple/select-multiple.component.d.ts +3 -3
- package/components/form/spinner/spinner.component.d.ts +2 -1
- package/components/form/textarea/textarea.component.d.ts +1 -1
- package/components/form/time/time.component.d.ts +1 -1
- package/components/global-alert/global-alert-actions.component.d.ts +1 -1
- package/components/global-alert/global-alert-header.component.d.ts +1 -1
- package/components/global-alert/global-alert.component.d.ts +2 -2
- package/components/header-1177/avatar/header-1177-avatar.component.d.ts +1 -1
- package/components/header-1177/header-1177.component.d.ts +6 -7
- package/components/header-1177/nav/header-1177-nav.component.d.ts +1 -1
- package/components/header-1177/nav-item/header-1177-nav-item.component.d.ts +5 -5
- package/components/header-1177/region-picker/header-1177-region-picker.component.d.ts +4 -4
- package/components/header-1177/region-picker-mobile/header-1177-region-picker-mobile.component.d.ts +3 -3
- package/components/header-1177-admin/avatar/header-1177-admin-avatar.component.d.ts +1 -1
- package/components/header-1177-admin/avatar-mobile/header-1177-admin-avatar-mobile.component.d.ts +1 -1
- package/components/header-1177-admin/header-1177-admin.component.d.ts +3 -3
- package/components/header-1177-admin/nav/header-1177-admin-nav.component.d.ts +6 -4
- package/components/header-1177-admin/nav-item/header-1177-admin-nav-item.component.d.ts +5 -5
- package/components/header-1177-pro/avatar/header-1177-pro-avatar.component.d.ts +1 -1
- package/components/header-1177-pro/avatar-mobile/header-1177-pro-avatar-mobile.component.d.ts +1 -1
- package/components/header-1177-pro/header-1177-pro.component.d.ts +3 -3
- package/components/header-1177-pro/nav/header-1177-pro-nav.component.d.ts +6 -4
- package/components/header-1177-pro/nav-item/header-1177-pro-nav-item.component.d.ts +5 -5
- package/components/header-1177-pro/region-picker/header-1177-pro-region-picker.component.d.ts +4 -4
- package/components/header-1177-pro/region-picker-mobile/header-1177-pro-region-picker-mobile.component.d.ts +1 -1
- package/components/header-inera/header-inera.component.d.ts +5 -6
- package/components/header-inera/nav/header-inera-nav.component.d.ts +3 -5
- package/components/header-inera/nav-item/header-inera-nav-item.component.d.ts +5 -5
- package/components/header-inera-admin/avatar/header-inera-admin-avatar.component.d.ts +1 -1
- package/components/header-inera-admin/avatar-mobile/header-inera-admin-avatar-mobile.component.d.ts +1 -1
- package/components/header-inera-admin/header-inera-admin.component.d.ts +12 -13
- package/components/header-inera-admin/header-inera-admin.module.d.ts +1 -1
- package/components/header-inera-admin/nav/header-inera-admin-nav.component.d.ts +6 -4
- package/components/header-inera-admin/nav-item/header-inera-admin-nav-item.component.d.ts +4 -4
- package/components/header-inera-admin/public-api.d.ts +12 -12
- package/components/header-inera-general/avatar/header-inera-general-avatar.component.d.ts +26 -0
- package/components/header-inera-general/avatar-mobile/header-inera-general-avatar-mobile.component.d.ts +26 -0
- package/components/header-inera-general/header-inera-general.component.d.ts +10 -6
- package/components/header-inera-general/header-inera-general.module.d.ts +11 -8
- package/components/header-inera-general/item/header-inera-general-item.component.d.ts +3 -1
- package/components/header-inera-general/nav/header-inera-general-nav.component.d.ts +1 -1
- package/components/header-inera-general/nav-item/header-inera-general-nav-item.component.d.ts +5 -5
- package/components/header-inera-general/nav-item-mobile/header-inera-general-nav-item-mobile.component.d.ts +8 -0
- package/components/header-inera-general/nav-mobile/header-inera-general-nav-mobile.component.d.ts +7 -0
- package/components/header-inera-general/public-api.d.ts +5 -1
- package/components/message-avatar/index.d.ts +5 -0
- package/components/message-avatar/message-avatar.component.d.ts +10 -0
- package/components/message-avatar/public-api.d.ts +1 -0
- package/components/mobile/menu/item/mobile-menu-item.component.d.ts +3 -3
- package/components/mobile/menu/mobile-menu.component.d.ts +1 -2
- package/components/navigation/content/navigation-content-item.component.d.ts +24 -0
- package/components/navigation/content/navigation-content-link.component.d.ts +1 -1
- package/components/navigation/content/navigation-content.component.d.ts +6 -3
- package/components/navigation/content/public-api.d.ts +1 -0
- package/components/navigation/local/navigation-local-link.component.d.ts +1 -1
- package/components/navigation/local/navigation-local.component.d.ts +1 -2
- package/components/popover/popover.component.d.ts +4 -4
- package/components/puff-list/puff-list-item.component.d.ts +1 -1
- package/components/puff-list/puff-list.component.d.ts +1 -2
- package/components/side-menu/side-menu.component.d.ts +4 -2
- package/components/side-panel/side-panel.component.d.ts +7 -6
- package/components/stepper/step.component.d.ts +2 -0
- package/components/stepper/stepper.component.d.ts +2 -2
- package/components/tabs/tab-group.component.d.ts +3 -2
- package/components/tabs/tab.component.d.ts +2 -2
- package/components/tag/tag.component.d.ts +1 -1
- package/components/tooltip/tooltip.component.d.ts +2 -2
- package/fesm2022/inera-ids-angular-common.mjs +31 -32
- package/fesm2022/inera-ids-angular-common.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-accordion.mjs +23 -32
- package/fesm2022/inera-ids-angular-components-accordion.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-action-link.mjs +3 -3
- package/fesm2022/inera-ids-angular-components-alert.mjs +12 -18
- package/fesm2022/inera-ids-angular-components-alert.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-badge.mjs +4 -4
- package/fesm2022/inera-ids-angular-components-badge.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-box-link.mjs +19 -23
- package/fesm2022/inera-ids-angular-components-box-link.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-breadcrumbs.mjs +19 -30
- package/fesm2022/inera-ids-angular-components-breadcrumbs.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-button-group.mjs +3 -3
- package/fesm2022/inera-ids-angular-components-button.mjs +3 -3
- package/fesm2022/inera-ids-angular-components-card.mjs +3 -3
- package/fesm2022/inera-ids-angular-components-carousel.mjs +20 -27
- package/fesm2022/inera-ids-angular-components-carousel.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-control-button.mjs +24 -0
- package/fesm2022/inera-ids-angular-components-control-button.mjs.map +1 -0
- package/fesm2022/inera-ids-angular-components-date-label.mjs +3 -3
- package/fesm2022/inera-ids-angular-components-dialog.mjs +65 -35
- package/fesm2022/inera-ids-angular-components-dialog.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-district-selector.mjs +45 -0
- package/fesm2022/inera-ids-angular-components-district-selector.mjs.map +1 -0
- package/fesm2022/inera-ids-angular-components-dropdown.mjs +16 -19
- package/fesm2022/inera-ids-angular-components-dropdown.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-footer-1177-admin.mjs +48 -55
- package/fesm2022/inera-ids-angular-components-footer-1177-admin.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-footer-1177-pro.mjs +49 -55
- package/fesm2022/inera-ids-angular-components-footer-1177-pro.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-footer-1177.mjs +49 -55
- package/fesm2022/inera-ids-angular-components-footer-1177.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-footer-inera-admin.mjs +51 -58
- package/fesm2022/inera-ids-angular-components-footer-inera-admin.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-footer-inera-general.mjs +53 -58
- package/fesm2022/inera-ids-angular-components-footer-inera-general.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-footer-inera.mjs +51 -58
- package/fesm2022/inera-ids-angular-components-footer-inera.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-form-check-button.mjs +3 -3
- package/fesm2022/inera-ids-angular-components-form-checkbox-group.mjs +11 -17
- package/fesm2022/inera-ids-angular-components-form-checkbox-group.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-form-checkbox.mjs +3 -3
- package/fesm2022/inera-ids-angular-components-form-darkmode-toggle.mjs +3 -3
- package/fesm2022/inera-ids-angular-components-form-error-message.mjs +3 -3
- package/fesm2022/inera-ids-angular-components-form-input.mjs +66 -42
- package/fesm2022/inera-ids-angular-components-form-input.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-form-label-subtitle.mjs +25 -0
- package/fesm2022/inera-ids-angular-components-form-label-subtitle.mjs.map +1 -0
- package/fesm2022/inera-ids-angular-components-form-radio-button.mjs +11 -14
- package/fesm2022/inera-ids-angular-components-form-radio-button.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-form-radio.mjs +15 -21
- package/fesm2022/inera-ids-angular-components-form-radio.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-form-range.mjs +4 -4
- package/fesm2022/inera-ids-angular-components-form-range.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-form-select-multiple.mjs +10 -13
- package/fesm2022/inera-ids-angular-components-form-select-multiple.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-form-select.mjs +4 -4
- package/fesm2022/inera-ids-angular-components-form-select.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-form-spinner.mjs +7 -4
- package/fesm2022/inera-ids-angular-components-form-spinner.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-form-textarea.mjs +7 -7
- package/fesm2022/inera-ids-angular-components-form-textarea.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-form-time.mjs +4 -4
- package/fesm2022/inera-ids-angular-components-form-time.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-form-toggle.mjs +3 -3
- package/fesm2022/inera-ids-angular-components-global-alert.mjs +17 -29
- package/fesm2022/inera-ids-angular-components-global-alert.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-grid-column.mjs +3 -3
- package/fesm2022/inera-ids-angular-components-grid-container.mjs +3 -3
- package/fesm2022/inera-ids-angular-components-grid-layout-grid-column.mjs +3 -3
- package/fesm2022/inera-ids-angular-components-grid-layout-grid-container.mjs +3 -3
- package/fesm2022/inera-ids-angular-components-grid-layout-grid-row.mjs +3 -3
- package/fesm2022/inera-ids-angular-components-grid-layout.mjs +9 -9
- package/fesm2022/inera-ids-angular-components-grid-row.mjs +3 -3
- package/fesm2022/inera-ids-angular-components-grid.mjs +9 -9
- package/fesm2022/inera-ids-angular-components-header-1177-admin.mjs +86 -108
- package/fesm2022/inera-ids-angular-components-header-1177-admin.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-header-1177-pro.mjs +123 -138
- package/fesm2022/inera-ids-angular-components-header-1177-pro.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-header-1177.mjs +142 -180
- package/fesm2022/inera-ids-angular-components-header-1177.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-header-inera-admin.mjs +101 -133
- package/fesm2022/inera-ids-angular-components-header-inera-admin.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-header-inera-general.mjs +391 -80
- package/fesm2022/inera-ids-angular-components-header-inera-general.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-header-inera.mjs +57 -86
- package/fesm2022/inera-ids-angular-components-header-inera.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-header-patient.mjs +6 -6
- package/fesm2022/inera-ids-angular-components-link.mjs +3 -3
- package/fesm2022/inera-ids-angular-components-message-avatar.mjs +35 -0
- package/fesm2022/inera-ids-angular-components-message-avatar.mjs.map +1 -0
- package/fesm2022/inera-ids-angular-components-mobile-menu-item.mjs +8 -14
- package/fesm2022/inera-ids-angular-components-mobile-menu-item.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-mobile-menu.mjs +17 -26
- package/fesm2022/inera-ids-angular-components-mobile-menu.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-navigation-content.mjs +79 -18
- package/fesm2022/inera-ids-angular-components-navigation-content.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-navigation-local.mjs +11 -17
- package/fesm2022/inera-ids-angular-components-navigation-local.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-notification-badge.mjs +5 -5
- package/fesm2022/inera-ids-angular-components-notification-badge.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-pagination-data-pagination.mjs +6 -6
- package/fesm2022/inera-ids-angular-components-pagination-list-pagination.mjs +3 -3
- package/fesm2022/inera-ids-angular-components-popover.mjs +124 -79
- package/fesm2022/inera-ids-angular-components-popover.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-progressbar.mjs +3 -3
- package/fesm2022/inera-ids-angular-components-puff-list.mjs +39 -45
- package/fesm2022/inera-ids-angular-components-puff-list.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-region-icon.mjs +3 -3
- package/fesm2022/inera-ids-angular-components-side-menu.mjs +38 -28
- package/fesm2022/inera-ids-angular-components-side-menu.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-side-panel.mjs +103 -91
- package/fesm2022/inera-ids-angular-components-side-panel.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-stepper.mjs +24 -20
- package/fesm2022/inera-ids-angular-components-stepper.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-tabs.mjs +18 -26
- package/fesm2022/inera-ids-angular-components-tabs.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-tag.mjs +10 -10
- package/fesm2022/inera-ids-angular-components-tag.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-toolbar.mjs +3 -3
- package/fesm2022/inera-ids-angular-components-tooltip.mjs +27 -33
- package/fesm2022/inera-ids-angular-components-tooltip.mjs.map +1 -1
- package/package.json +58 -42
- /package/common/services/{use-id.service.ts.d.ts → use-id.service.d.ts} +0 -0
- /package/components/header-inera-admin/nav-item-mobile/{header-inera-admin-nav-item-mobile.d.ts → header-inera-admin-nav-item-mobile.component.d.ts} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inera-ids-angular-components-footer-inera.mjs","sources":["../../../projects/ids-angular/components/footer-inera/footer-inera-col.component.ts","../../../projects/ids-angular/components/footer-inera/footer-inera.component.ts","../../../projects/ids-angular/components/footer-inera/footer-inera.component.html","../../../projects/ids-angular/components/footer-inera/footer-inera-text.component.ts","../../../projects/ids-angular/components/footer-inera/footer-inera-sub-footer-right.component.ts","../../../projects/ids-angular/components/footer-inera/footer-inera-sub-footer-left.component.ts","../../../projects/ids-angular/components/footer-inera/footer-inera-sub-footer-mobile.component.ts","../../../projects/ids-angular/components/footer-inera/footer-inera-sub-footer-mobile-text.component.ts","../../../projects/ids-angular/components/footer-inera/footer-inera.module.ts","../../../projects/ids-angular/components/footer-inera/inera-ids-angular-components-footer-inera.ts"],"sourcesContent":["import { Component, ContentChildren, DestroyRef, HostBinding, inject, QueryList } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { IDLinkDirective } from '@inera/ids-angular/components/link';\n\n@Component({\n selector: 'id-footer-inera-col',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-inera__link-col'\n }\n})\nexport class IDFooterIneraColComponent {\n @ContentChildren(IDLinkDirective) links: QueryList<IDLinkDirective>;\n\n columnClass: string;\n\n @HostBinding('class')\n get hostClass() {\n return this.columnClass;\n }\n\n private destroyRef = inject(DestroyRef);\n\n private updateColumnClasses(): void {\n this.links.forEach((link) => {\n link.footer = true;\n link.block = true;\n })\n }\n\n ngAfterContentInit(): void {\n this.updateColumnClasses();\n this.links.changes.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n this.updateColumnClasses();\n });\n }\n}","import { CommonModule } from '@angular/common';\nimport { Component, ContentChildren, DestroyRef, inject, Input, QueryList } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { IDFooterIneraColComponent } from './footer-inera-col.component';\n\n@Component({\n selector: 'id-footer-inera',\n templateUrl: './footer-inera.component.html',\n standalone: true,\n imports: [CommonModule],\n})\nexport class IDFooterIneraComponent {\n @Input() headline: string;\n\n @ContentChildren(IDFooterIneraColComponent) \n cols!: QueryList<IDFooterIneraColComponent>;\n\n private destroyRef = inject(DestroyRef);\n\n private updateColumnClasses(): void {\n const colLength = this.cols?.length || 0;\n \n const classMap: Record<number, string> = {\n 1: \"ids-footer-inera__link-col--100\",\n 2: \"ids-footer-inera__link-col--50\",\n 3: \"ids-footer-inera__link-col--33\"\n };\n\n const newClass = classMap[colLength] || classMap[1];\n\n this.cols?.forEach((col) => {\n col.columnClass = newClass;\n });\n }\n\n ngAfterContentInit(): void {\n this.updateColumnClasses();\n this.cols?.changes.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n this.updateColumnClasses();\n });\n }\n}\n","<footer class=\"ids-footer-inera\">\n <div class=\"ids-footer-inera__inner-wrapper\">\n <div class=\"ids-footer-inera__inner\">\n <div class=\"ids-footer-inera__headline-wrapper\">\n <h1 class=\"ids-footer-inera__headline\">\n {{ headline }}\n </h1>\n </div>\n\n <div class=\"ids-footer-inera__content\">\n <ng-content select=\"id-footer-inera-text\"></ng-content>\n @if (cols.length > 0) {\n <div class=\"ids-footer-inera__cols\">\n <ng-content select=\"id-footer-inera-col\"></ng-content>\n </div>\n }\n </div>\n </div>\n </div>\n\n <div class=\"ids-footer-inera__mobile-menu\">\n <ng-content select=\"id-mobile-menu\"></ng-content>\n </div>\n\n <div class=\"ids-footer-inera__sub-footer\">\n <div class=\"ids-footer-inera__sub-footer-container\">\n <div class=\"ids-footer-inera__sub-footer-inner\">\n <ng-content select=\"id-footer-inera-sub-footer-left\"></ng-content>\n <ng-content select=\"id-footer-inera-sub-footer-right\"></ng-content>\n <ng-content select=\"id-footer-inera-sub-footer-mobile\"></ng-content>\n </div>\n </div>\n\n <div class=\"ids-footer-inera__sub-footer-mobile\">\n <ng-content select=\"id-footer-inera-sub-footer-mobile-text\"></ng-content>\n </div>\n </div>\n</footer>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'id-footer-inera-text',\n standalone: true,\n template: `\n <ng-content></ng-content>\n <div class=\"ids-footer-inera__darkmode-toggle\">\n <ng-content select=\"id-darkmode-toggle\"></ng-content>\n </div>\n `,\n host: {\n class: 'ids-footer-inera__text',\n },\n})\nexport class IDFooterIneraTextComponent {}\n","import { Component } from \"@angular/core\";\n\n@Component({\n selector: 'id-footer-inera-sub-footer-right',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-inera__sub-footer-right'\n }\n})\nexport class IDFooterIneraSubFooterRightComponent {\n\n}","import { Component } from '@angular/core';\n\n@Component({\n selector: 'id-footer-inera-sub-footer-left',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-inera__sub-footer-left'\n }\n})\nexport class IDFooterIneraSubFooterLeftComponent {\n\n}","import { Component } from '@angular/core';\n\n@Component({\n selector: 'id-footer-inera-sub-footer-mobile',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-inera__mobile-links'\n }\n})\nexport class IDFooterIneraSubFooterMobileComponent {\n\n}","import { Component } from '@angular/core';\n\n@Component({\n selector: 'id-footer-inera-sub-footer-mobile-text',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-inera__sub-footer-mobile-text'\n }\n})\nexport class IDFooterIneraSubFooterMobileTextComponent {\n\n}","import { NgModule } from '@angular/core';\n\nimport { IDFooterIneraComponent } from './footer-inera.component';\nimport { IDFooterIneraTextComponent } from './footer-inera-text.component';\nimport { IDFooterIneraColComponent } from './footer-inera-col.component';\nimport { IDFooterIneraSubFooterRightComponent } from './footer-inera-sub-footer-right.component';\nimport { IDFooterIneraSubFooterLeftComponent } from './footer-inera-sub-footer-left.component';\nimport { IDFooterIneraSubFooterMobileComponent } from './footer-inera-sub-footer-mobile.component';\nimport { IDFooterIneraSubFooterMobileTextComponent } from './footer-inera-sub-footer-mobile-text.component';\n\n@NgModule({\n imports: [\n IDFooterIneraComponent,\n IDFooterIneraTextComponent,\n IDFooterIneraColComponent,\n IDFooterIneraSubFooterRightComponent,\n IDFooterIneraSubFooterLeftComponent,\n IDFooterIneraSubFooterMobileComponent,\n IDFooterIneraSubFooterMobileTextComponent\n ],\n exports: [\n IDFooterIneraComponent,\n IDFooterIneraTextComponent,\n IDFooterIneraColComponent,\n IDFooterIneraSubFooterRightComponent,\n IDFooterIneraSubFooterLeftComponent,\n IDFooterIneraSubFooterMobileComponent,\n IDFooterIneraSubFooterMobileTextComponent\n ],\n})\nexport class IDFooterIneraModule {}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"inera-ids-angular-components-footer-inera.mjs","sources":["../../../projects/ids-angular/components/footer-inera/footer-inera-col.component.ts","../../../projects/ids-angular/components/footer-inera/footer-inera.component.ts","../../../projects/ids-angular/components/footer-inera/footer-inera.component.html","../../../projects/ids-angular/components/footer-inera/footer-inera-text.component.ts","../../../projects/ids-angular/components/footer-inera/footer-inera-sub-footer-right.component.ts","../../../projects/ids-angular/components/footer-inera/footer-inera-sub-footer-left.component.ts","../../../projects/ids-angular/components/footer-inera/footer-inera-sub-footer-mobile.component.ts","../../../projects/ids-angular/components/footer-inera/footer-inera-sub-footer-mobile-text.component.ts","../../../projects/ids-angular/components/footer-inera/footer-inera.module.ts","../../../projects/ids-angular/components/footer-inera/inera-ids-angular-components-footer-inera.ts"],"sourcesContent":["import { afterNextRender, ChangeDetectorRef, Component, contentChildren, DestroyRef, HostBinding, inject } from '@angular/core';\nimport { IDLinkDirective } from '@inera/ids-angular/components/link';\n\n@Component({\n selector: 'id-footer-inera-col',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-inera__link-col'\n }\n})\nexport class IDFooterIneraColComponent {\n links = contentChildren(IDLinkDirective);\n\n columnClass: string;\n\n @HostBinding('class')\n get hostClass() {\n return `ids-footer-inera__link-col ${this.columnClass || ''}`;\n }\n\n private destroyRef = inject(DestroyRef);\n cdr = inject(ChangeDetectorRef);\n\n constructor() {\n afterNextRender(() => {\n this.links().forEach((link) => {\n link.footer = true;\n link.block = true;\n });\n });\n }\n}","import { CommonModule } from '@angular/common';\nimport { AfterContentInit, ChangeDetectorRef, Component, contentChildren, DestroyRef, effect, inject, Input } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { IDFooterIneraColComponent } from './footer-inera-col.component';\n\n@Component({\n selector: 'id-footer-inera',\n templateUrl: './footer-inera.component.html',\n standalone: true,\n imports: [CommonModule],\n})\nexport class IDFooterIneraComponent implements AfterContentInit {\n @Input() headline: string;\n\n cols = contentChildren(IDFooterIneraColComponent);\n\n private destroyRef = inject(DestroyRef);\n\n constructor() {\n effect(() => {\n const cols = this.cols();\n this.updateColumnClasses(cols);\n });\n }\n\n ngAfterContentInit(): void {\n this.updateColumnClasses(this.cols());\n }\n\n private updateColumnClasses(cols: readonly IDFooterIneraColComponent[]) {\n const colLength = cols.length;\n \n const classMap: Record<number, string> = {\n 1: \"ids-footer-inera__link-col--100\",\n 2: \"ids-footer-inera__link-col--50\",\n 3: \"ids-footer-inera__link-col--33\"\n };\n\n const newClass = classMap[colLength] || classMap[1];\n\n cols.forEach((col) => {\n col.columnClass = newClass;\n });\n }\n}\n","<footer class=\"ids-footer-inera\">\n <div class=\"ids-footer-inera__inner-wrapper\">\n <div class=\"ids-footer-inera__inner\">\n <div class=\"ids-footer-inera__headline-wrapper\">\n <h1 class=\"ids-footer-inera__headline\">\n {{ headline }}\n </h1>\n </div>\n\n <div class=\"ids-footer-inera__content\">\n <ng-content select=\"id-footer-inera-text\"></ng-content>\n @if (cols().length > 0) {\n <div class=\"ids-footer-inera__cols\">\n <ng-content select=\"id-footer-inera-col\"></ng-content>\n </div>\n }\n </div>\n </div>\n </div>\n\n <div class=\"ids-footer-inera__mobile-menu\">\n <ng-content select=\"id-mobile-menu\"></ng-content>\n </div>\n\n <div class=\"ids-footer-inera__sub-footer\">\n <div class=\"ids-footer-inera__sub-footer-container\">\n <div class=\"ids-footer-inera__sub-footer-inner\">\n <ng-content select=\"id-footer-inera-sub-footer-left\"></ng-content>\n <ng-content select=\"id-footer-inera-sub-footer-right\"></ng-content>\n <ng-content select=\"id-footer-inera-sub-footer-mobile\"></ng-content>\n </div>\n </div>\n\n <div class=\"ids-footer-inera__sub-footer-mobile\">\n <ng-content select=\"id-footer-inera-sub-footer-mobile-text\"></ng-content>\n </div>\n </div>\n</footer>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'id-footer-inera-text',\n standalone: true,\n template: `\n <ng-content></ng-content>\n <div class=\"ids-footer-inera__darkmode-toggle\">\n <ng-content select=\"id-darkmode-toggle\"></ng-content>\n </div>\n `,\n host: {\n class: 'ids-footer-inera__text',\n },\n})\nexport class IDFooterIneraTextComponent {}\n","import { Component } from \"@angular/core\";\n\n@Component({\n selector: 'id-footer-inera-sub-footer-right',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-inera__sub-footer-right'\n }\n})\nexport class IDFooterIneraSubFooterRightComponent {\n\n}","import { Component } from '@angular/core';\n\n@Component({\n selector: 'id-footer-inera-sub-footer-left',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-inera__sub-footer-left'\n }\n})\nexport class IDFooterIneraSubFooterLeftComponent {\n\n}","import { Component } from '@angular/core';\n\n@Component({\n selector: 'id-footer-inera-sub-footer-mobile',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-inera__mobile-links'\n }\n})\nexport class IDFooterIneraSubFooterMobileComponent {\n\n}","import { Component } from '@angular/core';\n\n@Component({\n selector: 'id-footer-inera-sub-footer-mobile-text',\n standalone: true,\n template: `<ng-content></ng-content>`,\n host: {\n class: 'ids-footer-inera__sub-footer-mobile-text'\n }\n})\nexport class IDFooterIneraSubFooterMobileTextComponent {\n\n}","import { NgModule } from '@angular/core';\n\nimport { IDFooterIneraComponent } from './footer-inera.component';\nimport { IDFooterIneraTextComponent } from './footer-inera-text.component';\nimport { IDFooterIneraColComponent } from './footer-inera-col.component';\nimport { IDFooterIneraSubFooterRightComponent } from './footer-inera-sub-footer-right.component';\nimport { IDFooterIneraSubFooterLeftComponent } from './footer-inera-sub-footer-left.component';\nimport { IDFooterIneraSubFooterMobileComponent } from './footer-inera-sub-footer-mobile.component';\nimport { IDFooterIneraSubFooterMobileTextComponent } from './footer-inera-sub-footer-mobile-text.component';\n\n@NgModule({\n imports: [\n IDFooterIneraComponent,\n IDFooterIneraTextComponent,\n IDFooterIneraColComponent,\n IDFooterIneraSubFooterRightComponent,\n IDFooterIneraSubFooterLeftComponent,\n IDFooterIneraSubFooterMobileComponent,\n IDFooterIneraSubFooterMobileTextComponent\n ],\n exports: [\n IDFooterIneraComponent,\n IDFooterIneraTextComponent,\n IDFooterIneraColComponent,\n IDFooterIneraSubFooterRightComponent,\n IDFooterIneraSubFooterLeftComponent,\n IDFooterIneraSubFooterMobileComponent,\n IDFooterIneraSubFooterMobileTextComponent\n ],\n})\nexport class IDFooterIneraModule {}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -9,10 +9,10 @@ class IDCheckButtonComponent extends IDFormBase {
|
|
|
9
9
|
this.renderer.addClass(this.input, 'ids-check-button__input');
|
|
10
10
|
this.renderer.addClass(this.label, 'ids-check-button__label');
|
|
11
11
|
}
|
|
12
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
13
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
12
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDCheckButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDCheckButtonComponent, isStandalone: true, selector: "id-check-button", usesInheritance: true, ngImport: i0, template: "<div class=\"ids-check-button\">\n <ng-content></ng-content>\n</div>\n" });
|
|
14
14
|
}
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDCheckButtonComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
17
|
args: [{ selector: "id-check-button", standalone: true, template: "<div class=\"ids-check-button\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
18
18
|
}] });
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { inject, DestroyRef, booleanAttribute, Input,
|
|
2
|
+
import { contentChildren, contentChild, inject, DestroyRef, booleanAttribute, Input, Component } from '@angular/core';
|
|
3
3
|
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
4
4
|
import { IDCheckboxComponent } from '@inera/ids-angular/components/form/checkbox';
|
|
5
5
|
import { IDErrorMessageComponent } from '@inera/ids-angular/components/form/error-message';
|
|
6
6
|
|
|
7
7
|
class IDCheckboxGroupComponent {
|
|
8
|
-
checkboxes;
|
|
9
|
-
errorMessage;
|
|
8
|
+
checkboxes = contentChildren(IDCheckboxComponent);
|
|
9
|
+
errorMessage = contentChild(IDErrorMessageComponent);
|
|
10
10
|
legend;
|
|
11
11
|
compact = false;
|
|
12
12
|
hideLegend = false;
|
|
13
13
|
destroyRef = inject(DestroyRef);
|
|
14
14
|
ngAfterContentInit() {
|
|
15
|
-
this.checkboxes.forEach((checkbox) => {
|
|
15
|
+
this.checkboxes().forEach((checkbox) => {
|
|
16
16
|
checkbox.invalidChange
|
|
17
17
|
.pipe(takeUntilDestroyed(this.destroyRef))
|
|
18
18
|
.subscribe((value) => {
|
|
@@ -22,24 +22,18 @@ class IDCheckboxGroupComponent {
|
|
|
22
22
|
this.checkShowErrorMessage();
|
|
23
23
|
}
|
|
24
24
|
checkShowErrorMessage() {
|
|
25
|
-
if (this.errorMessage) {
|
|
26
|
-
const isInvalidPresent = this.checkboxes.find((checkbox) => checkbox.invalid);
|
|
27
|
-
this.errorMessage.show = Boolean(isInvalidPresent);
|
|
25
|
+
if (this.errorMessage()) {
|
|
26
|
+
const isInvalidPresent = this.checkboxes().find((checkbox) => checkbox.invalid);
|
|
27
|
+
this.errorMessage().show = Boolean(isInvalidPresent);
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
31
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
30
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDCheckboxGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
31
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDCheckboxGroupComponent, isStandalone: true, selector: "id-checkbox-group", inputs: { legend: "legend", compact: ["compact", "compact", booleanAttribute], hideLegend: ["hideLegend", "hideLegend", booleanAttribute] }, queries: [{ propertyName: "checkboxes", predicate: IDCheckboxComponent, isSignal: true }, { propertyName: "errorMessage", first: true, predicate: IDErrorMessageComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<fieldset\n class=\"ids-form-group__fieldset\"\n [class.ids-form-group__fieldset--compact]=\"compact\"\n>\n @if (legend) {\n <div class=\"ids-label-wrapper\" [class.ids-label-wrapper--sr-only]=\"hideLegend\">\n <legend>\n {{ legend }}\n <span class=\"ids-legend__tooltip\">\n <ng-content select=\"id-tooltip\"></ng-content>\n <ng-content select=\"id-popover\"></ng-content>\n </span>\n </legend>\n </div>\n }\n <ng-content></ng-content>\n <ng-content select=\"id-error-message\"></ng-content>\n</fieldset>\n" });
|
|
32
32
|
}
|
|
33
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDCheckboxGroupComponent, decorators: [{
|
|
34
34
|
type: Component,
|
|
35
35
|
args: [{ selector: 'id-checkbox-group', standalone: true, template: "<fieldset\n class=\"ids-form-group__fieldset\"\n [class.ids-form-group__fieldset--compact]=\"compact\"\n>\n @if (legend) {\n <div class=\"ids-label-wrapper\" [class.ids-label-wrapper--sr-only]=\"hideLegend\">\n <legend>\n {{ legend }}\n <span class=\"ids-legend__tooltip\">\n <ng-content select=\"id-tooltip\"></ng-content>\n <ng-content select=\"id-popover\"></ng-content>\n </span>\n </legend>\n </div>\n }\n <ng-content></ng-content>\n <ng-content select=\"id-error-message\"></ng-content>\n</fieldset>\n" }]
|
|
36
|
-
}], propDecorators: {
|
|
37
|
-
type: ContentChildren,
|
|
38
|
-
args: [IDCheckboxComponent]
|
|
39
|
-
}], errorMessage: [{
|
|
40
|
-
type: ContentChild,
|
|
41
|
-
args: [IDErrorMessageComponent]
|
|
42
|
-
}], legend: [{
|
|
36
|
+
}], propDecorators: { legend: [{
|
|
43
37
|
type: Input
|
|
44
38
|
}], compact: [{
|
|
45
39
|
type: Input,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inera-ids-angular-components-form-checkbox-group.mjs","sources":["../../../projects/ids-angular/components/form/checkbox-group/checkbox-group.component.ts","../../../projects/ids-angular/components/form/checkbox-group/checkbox-group.component.html","../../../projects/ids-angular/components/form/checkbox-group/inera-ids-angular-components-form-checkbox-group.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"inera-ids-angular-components-form-checkbox-group.mjs","sources":["../../../projects/ids-angular/components/form/checkbox-group/checkbox-group.component.ts","../../../projects/ids-angular/components/form/checkbox-group/checkbox-group.component.html","../../../projects/ids-angular/components/form/checkbox-group/inera-ids-angular-components-form-checkbox-group.ts"],"sourcesContent":["import { AfterContentInit, Component, DestroyRef, Input, booleanAttribute, inject, contentChild, contentChildren } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { IDCheckboxComponent } from '@inera/ids-angular/components/form/checkbox';\nimport { IDErrorMessageComponent } from '@inera/ids-angular/components/form/error-message';\n\n@Component({\n selector: 'id-checkbox-group',\n templateUrl: './checkbox-group.component.html',\n standalone: true,\n})\nexport class IDCheckboxGroupComponent implements AfterContentInit {\n checkboxes = contentChildren(IDCheckboxComponent);\n\n errorMessage = contentChild(IDErrorMessageComponent);\n\n @Input() legend?: string;\n @Input({ transform: booleanAttribute }) compact: boolean = false;\n @Input({ transform: booleanAttribute }) hideLegend: boolean = false;\n\n private destroyRef = inject(DestroyRef);\n\n ngAfterContentInit(): void {\n this.checkboxes().forEach((checkbox) => {\n checkbox.invalidChange\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe((value: boolean) => {\n this.checkShowErrorMessage();\n });\n });\n this.checkShowErrorMessage();\n }\n\n checkShowErrorMessage() {\n if (this.errorMessage()) {\n const isInvalidPresent = this.checkboxes().find((checkbox) => checkbox.invalid);\n this.errorMessage()!.show = Boolean(isInvalidPresent);\n }\n }\n}\n","<fieldset\n class=\"ids-form-group__fieldset\"\n [class.ids-form-group__fieldset--compact]=\"compact\"\n>\n @if (legend) {\n <div class=\"ids-label-wrapper\" [class.ids-label-wrapper--sr-only]=\"hideLegend\">\n <legend>\n {{ legend }}\n <span class=\"ids-legend__tooltip\">\n <ng-content select=\"id-tooltip\"></ng-content>\n <ng-content select=\"id-popover\"></ng-content>\n </span>\n </legend>\n </div>\n }\n <ng-content></ng-content>\n <ng-content select=\"id-error-message\"></ng-content>\n</fieldset>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAUa,wBAAwB,CAAA;AACjC,IAAA,UAAU,GAAG,eAAe,CAAC,mBAAmB,CAAC;AAEjD,IAAA,YAAY,GAAG,YAAY,CAAC,uBAAuB,CAAC;AAE7C,IAAA,MAAM;IACyB,OAAO,GAAY,KAAK;IACxB,UAAU,GAAY,KAAK;AAE3D,IAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;IAEvC,kBAAkB,GAAA;QAChB,IAAI,CAAC,UAAU,EAAE,CAAC,OAAO,CAAC,CAAC,QAAQ,KAAI;AACrC,YAAA,QAAQ,CAAC;AACN,iBAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC;AACxC,iBAAA,SAAS,CAAC,CAAC,KAAc,KAAI;gBAC5B,IAAI,CAAC,qBAAqB,EAAE;AAC9B,YAAA,CAAC,CAAC;AACN,QAAA,CAAC,CAAC;QACF,IAAI,CAAC,qBAAqB,EAAE;IAC9B;IAEA,qBAAqB,GAAA;AACnB,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE;AACvB,YAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC,OAAO,CAAC;YAC/E,IAAI,CAAC,YAAY,EAAG,CAAC,IAAI,GAAG,OAAO,CAAC,gBAAgB,CAAC;QACvD;IACF;wGA3BW,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAMf,gBAAgB,CAAA,EAAA,UAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAChB,gBAAgB,wDANL,mBAAmB,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAEpB,uBAAuB,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECbvD,0jBAkBA,EAAA,CAAA;;4FDRa,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBALpC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,cAEjB,IAAI,EAAA,QAAA,EAAA,0jBAAA,EAAA;8BAOP,MAAM,EAAA,CAAA;sBAAd;gBACuC,OAAO,EAAA,CAAA;sBAA9C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,UAAU,EAAA,CAAA;sBAAjD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;;AEjBxC;;AAEG;;;;"}
|
|
@@ -33,10 +33,10 @@ class IDCheckboxComponent extends IDFormBase {
|
|
|
33
33
|
ngOnDestroy() {
|
|
34
34
|
this.checkedEvent?.();
|
|
35
35
|
}
|
|
36
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
37
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
36
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
37
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDCheckboxComponent, isStandalone: true, selector: "id-checkbox", inputs: { block: ["block", "block", booleanAttribute], indeterminate: ["indeterminate", "indeterminate", booleanAttribute], light: ["light", "light", booleanAttribute] }, host: { properties: { "class.ids-checkbox--light": "light" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\n class=\"ids-checkbox\"\n [class.ids-checkbox--block]=\"block\"\n [class.ids-checkbox--light]=\"light\"\n>\n <ng-content\n select=\":not(id-error-message):not(id-tooltip):not(label):not(id-popover)\"\n ></ng-content>\n <span class=\"ids-label-wrapper\">\n <ng-content select=\"label\"></ng-content>\n <span class=\"ids-label__tooltip\">\n <ng-content select=\"id-tooltip\"></ng-content>\n <ng-content select=\"id-popover\"></ng-content>\n </span>\n </span>\n</div>\n@if (invalid) {\n <ng-content select=\"id-error-message\"></ng-content>\n}\n" });
|
|
38
38
|
}
|
|
39
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
39
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDCheckboxComponent, decorators: [{
|
|
40
40
|
type: Component,
|
|
41
41
|
args: [{ selector: 'id-checkbox', standalone: true, host: {
|
|
42
42
|
'[class.ids-checkbox--light]': 'light',
|
|
@@ -3,10 +3,10 @@ import { Component } from '@angular/core';
|
|
|
3
3
|
import { IDFormBase } from '@inera/ids-angular/common';
|
|
4
4
|
|
|
5
5
|
class IDDarkmodeToggleComponent extends IDFormBase {
|
|
6
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
7
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
6
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDDarkmodeToggleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
7
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDDarkmodeToggleComponent, isStandalone: true, selector: "id-darkmode-toggle", usesInheritance: true, ngImport: i0, template: "<div class=\"ids-darkmode-toggle\">\n <ng-content></ng-content>\n <span class=\"ids-label-wrapper\">\n <ng-content select=\"label\"></ng-content>\n <span class=\"ids-label__tooltip\">\n <ng-content select=\"id-tooltip\"></ng-content>\n <ng-content select=\"id-popover\"></ng-content>\n </span>\n </span>\n</div>\n", styles: [":host{display:inline-flex}\n"] });
|
|
8
8
|
}
|
|
9
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
9
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDDarkmodeToggleComponent, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
11
|
args: [{ selector: 'id-darkmode-toggle', standalone: true, template: "<div class=\"ids-darkmode-toggle\">\n <ng-content></ng-content>\n <span class=\"ids-label-wrapper\">\n <ng-content select=\"label\"></ng-content>\n <span class=\"ids-label__tooltip\">\n <ng-content select=\"id-tooltip\"></ng-content>\n <ng-content select=\"id-popover\"></ng-content>\n </span>\n </span>\n</div>\n", styles: [":host{display:inline-flex}\n"] }]
|
|
12
12
|
}] });
|
|
@@ -9,8 +9,8 @@ class IDErrorMessageComponent extends IDErrorMessageBase {
|
|
|
9
9
|
this.showChange.emit(this.show);
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
13
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
12
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDErrorMessageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDErrorMessageComponent, isStandalone: true, selector: "id-error-message", outputs: { showChange: "showChange" }, host: { classAttribute: "ids-block" }, providers: [
|
|
14
14
|
{
|
|
15
15
|
provide: IDErrorMessageBase,
|
|
16
16
|
useExisting: IDErrorMessageComponent
|
|
@@ -21,7 +21,7 @@ class IDErrorMessageComponent extends IDErrorMessageBase {
|
|
|
21
21
|
</span>
|
|
22
22
|
</div>`, isInline: true });
|
|
23
23
|
}
|
|
24
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDErrorMessageComponent, decorators: [{
|
|
25
25
|
type: Component,
|
|
26
26
|
args: [{
|
|
27
27
|
selector: 'id-error-message',
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { inject, Component,
|
|
2
|
+
import { inject, Component, HostBinding, Input, ElementRef, contentChild, booleanAttribute } from '@angular/core';
|
|
3
3
|
import { IDUseIdService, IDFormBase } from '@inera/ids-angular/common';
|
|
4
4
|
|
|
5
5
|
class IDInputHintComponent {
|
|
6
6
|
id = inject(IDUseIdService).generateId('hint');
|
|
7
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
8
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
7
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDInputHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDInputHintComponent, isStandalone: true, selector: "id-input-hint", host: { properties: { "id": "id" }, classAttribute: "ids-input__hint" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDInputHintComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
12
|
args: [{
|
|
13
13
|
selector: 'id-input-hint',
|
|
@@ -21,10 +21,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
21
21
|
}] });
|
|
22
22
|
|
|
23
23
|
class IDInputUnitComponent {
|
|
24
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
25
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
24
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDInputUnitComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDInputUnitComponent, isStandalone: true, selector: "id-input-unit", host: { attributes: { "aria-hidden": "true" }, classAttribute: "ids-input__unit" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
|
|
26
26
|
}
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDInputUnitComponent, decorators: [{
|
|
28
28
|
type: Component,
|
|
29
29
|
args: [{
|
|
30
30
|
selector: 'id-input-unit',
|
|
@@ -37,10 +37,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
37
37
|
}]
|
|
38
38
|
}] });
|
|
39
39
|
|
|
40
|
+
class IDInputIconComponent {
|
|
41
|
+
name;
|
|
42
|
+
get class() {
|
|
43
|
+
return ['ids-input__icon', 'ids-icon-' + this.name].join(" ");
|
|
44
|
+
}
|
|
45
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDInputIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
46
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDInputIconComponent, isStandalone: true, selector: "id-input-icon", inputs: { name: "name" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-content></ng-content>", isInline: true });
|
|
47
|
+
}
|
|
48
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDInputIconComponent, decorators: [{
|
|
49
|
+
type: Component,
|
|
50
|
+
args: [{
|
|
51
|
+
selector: "id-input-icon",
|
|
52
|
+
template: "<ng-content></ng-content>",
|
|
53
|
+
standalone: true,
|
|
54
|
+
}]
|
|
55
|
+
}], propDecorators: { name: [{
|
|
56
|
+
type: Input
|
|
57
|
+
}], class: [{
|
|
58
|
+
type: HostBinding
|
|
59
|
+
}] } });
|
|
60
|
+
|
|
61
|
+
class IDInputClearButtonComponent {
|
|
62
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDInputClearButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
63
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDInputClearButtonComponent, isStandalone: true, selector: "id-input-clear-button", host: { classAttribute: "ids-input__clear-button" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
|
|
64
|
+
}
|
|
65
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDInputClearButtonComponent, decorators: [{
|
|
66
|
+
type: Component,
|
|
67
|
+
args: [{
|
|
68
|
+
selector: 'id-input-clear-button',
|
|
69
|
+
template: '<ng-content></ng-content>',
|
|
70
|
+
standalone: true,
|
|
71
|
+
host: {
|
|
72
|
+
class: 'ids-input__clear-button',
|
|
73
|
+
},
|
|
74
|
+
}]
|
|
75
|
+
}] });
|
|
76
|
+
|
|
40
77
|
class IDInputComponent extends IDFormBase {
|
|
41
78
|
elementRef = inject(ElementRef);
|
|
42
|
-
hintComponent;
|
|
43
|
-
|
|
79
|
+
hintComponent = contentChild(IDInputHintComponent);
|
|
80
|
+
iconComponent = contentChild(IDInputIconComponent);
|
|
81
|
+
clearButtonComponent = contentChild(IDInputClearButtonComponent);
|
|
82
|
+
unitComponent = contentChild(IDInputUnitComponent);
|
|
44
83
|
showSearchLabel = false;
|
|
45
84
|
search = false;
|
|
46
85
|
externalClasses = [];
|
|
@@ -53,6 +92,18 @@ class IDInputComponent extends IDFormBase {
|
|
|
53
92
|
const classes = new Set([...this.externalClasses, hostClass]);
|
|
54
93
|
if (this.search) {
|
|
55
94
|
classes.add(`${hostClass}--search`);
|
|
95
|
+
if (!this.showSearchLabel) {
|
|
96
|
+
this.label?.classList.add('ids-label--sr-only');
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
if (!!this.iconComponent) {
|
|
100
|
+
classes.add(`${hostClass}--icon`);
|
|
101
|
+
}
|
|
102
|
+
if (!!this.clearButtonComponent) {
|
|
103
|
+
classes.add(`${hostClass}--clear-button`);
|
|
104
|
+
}
|
|
105
|
+
if (!!this.unitComponent) {
|
|
106
|
+
classes.add(`${hostClass}--unit`);
|
|
56
107
|
}
|
|
57
108
|
return Array.from(classes).join(' ');
|
|
58
109
|
}
|
|
@@ -60,21 +111,15 @@ class IDInputComponent extends IDFormBase {
|
|
|
60
111
|
super.ngAfterContentInit();
|
|
61
112
|
this.renderer.addClass(this.input, 'ids-input__input');
|
|
62
113
|
}
|
|
63
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
64
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
114
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
115
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.25", type: IDInputComponent, isStandalone: true, selector: "id-input", inputs: { showSearchLabel: ["showSearchLabel", "showSearchLabel", booleanAttribute], search: ["search", "search", booleanAttribute] }, host: { properties: { "class": "hostClasses" } }, queries: [{ propertyName: "hintComponent", first: true, predicate: IDInputHintComponent, descendants: true, isSignal: true }, { propertyName: "iconComponent", first: true, predicate: IDInputIconComponent, descendants: true, isSignal: true }, { propertyName: "clearButtonComponent", first: true, predicate: IDInputClearButtonComponent, descendants: true, isSignal: true }, { propertyName: "unitComponent", first: true, predicate: IDInputUnitComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ids-input__wrapper\">\n <div\n class=\"ids-label-wrapper ids-label-wrapper--margin-bottom\"\n [class.ids-label-wrapper--sr-only]=\"search && !showSearchLabel\"\n >\n <ng-content select=\"label\"></ng-content>\n <span class=\"ids-label__tooltip\">\n <ng-content select=\"id-tooltip\"></ng-content>\n <ng-content select=\"id-popover\"></ng-content>\n </span>\n </div>\n <ng-content select=\"id-label-subtitle\"></ng-content>\n\n <div class=\"ids-input__input-wrapper\">\n <span [class.ids-input__search-icon]=\"search\"></span>\n <ng-content></ng-content>\n <ng-content select=\"id-input-icon\"></ng-content>\n <ng-content select=\"id-input-clear-button\"></ng-content>\n <ng-content select=\"id-input-unit\"></ng-content>\n </div>\n\n <ng-content select=\"id-input-hint\"></ng-content>\n <ng-content select=\"id-error-message\"></ng-content>\n</div>\n\n<ng-content select=\"button\"></ng-content>\n" });
|
|
65
116
|
}
|
|
66
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
117
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDInputComponent, decorators: [{
|
|
67
118
|
type: Component,
|
|
68
119
|
args: [{ selector: 'id-input', standalone: true, host: {
|
|
69
120
|
'[class]': 'hostClasses',
|
|
70
|
-
}, template: "<div class=\"ids-input__wrapper\">\n <div
|
|
71
|
-
}], propDecorators: {
|
|
72
|
-
type: ContentChild,
|
|
73
|
-
args: [IDInputHintComponent]
|
|
74
|
-
}], unitComponent: [{
|
|
75
|
-
type: ContentChild,
|
|
76
|
-
args: [IDInputUnitComponent]
|
|
77
|
-
}], showSearchLabel: [{
|
|
121
|
+
}, template: "<div class=\"ids-input__wrapper\">\n <div\n class=\"ids-label-wrapper ids-label-wrapper--margin-bottom\"\n [class.ids-label-wrapper--sr-only]=\"search && !showSearchLabel\"\n >\n <ng-content select=\"label\"></ng-content>\n <span class=\"ids-label__tooltip\">\n <ng-content select=\"id-tooltip\"></ng-content>\n <ng-content select=\"id-popover\"></ng-content>\n </span>\n </div>\n <ng-content select=\"id-label-subtitle\"></ng-content>\n\n <div class=\"ids-input__input-wrapper\">\n <span [class.ids-input__search-icon]=\"search\"></span>\n <ng-content></ng-content>\n <ng-content select=\"id-input-icon\"></ng-content>\n <ng-content select=\"id-input-clear-button\"></ng-content>\n <ng-content select=\"id-input-unit\"></ng-content>\n </div>\n\n <ng-content select=\"id-input-hint\"></ng-content>\n <ng-content select=\"id-error-message\"></ng-content>\n</div>\n\n<ng-content select=\"button\"></ng-content>\n" }]
|
|
122
|
+
}], propDecorators: { showSearchLabel: [{
|
|
78
123
|
type: Input,
|
|
79
124
|
args: [{ transform: booleanAttribute }]
|
|
80
125
|
}], search: [{
|
|
@@ -82,30 +127,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
82
127
|
args: [{ transform: booleanAttribute }]
|
|
83
128
|
}] } });
|
|
84
129
|
|
|
85
|
-
class IDInputIconComponent {
|
|
86
|
-
name;
|
|
87
|
-
get class() {
|
|
88
|
-
return ['ids-input__icon', 'ids-icon-' + this.name].join(" ");
|
|
89
|
-
}
|
|
90
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDInputIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
91
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: IDInputIconComponent, isStandalone: true, selector: "id-input-icon", inputs: { name: "name" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-content></ng-content>", isInline: true });
|
|
92
|
-
}
|
|
93
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IDInputIconComponent, decorators: [{
|
|
94
|
-
type: Component,
|
|
95
|
-
args: [{
|
|
96
|
-
selector: "id-input-icon",
|
|
97
|
-
template: "<ng-content></ng-content>",
|
|
98
|
-
standalone: true,
|
|
99
|
-
}]
|
|
100
|
-
}], propDecorators: { name: [{
|
|
101
|
-
type: Input
|
|
102
|
-
}], class: [{
|
|
103
|
-
type: HostBinding
|
|
104
|
-
}] } });
|
|
105
|
-
|
|
106
130
|
/**
|
|
107
131
|
* Generated bundle index. Do not edit.
|
|
108
132
|
*/
|
|
109
133
|
|
|
110
|
-
export { IDInputComponent, IDInputHintComponent, IDInputIconComponent, IDInputUnitComponent };
|
|
134
|
+
export { IDInputClearButtonComponent, IDInputComponent, IDInputHintComponent, IDInputIconComponent, IDInputUnitComponent };
|
|
111
135
|
//# sourceMappingURL=inera-ids-angular-components-form-input.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inera-ids-angular-components-form-input.mjs","sources":["../../../projects/ids-angular/components/form/input/input-hint.component.ts","../../../projects/ids-angular/components/form/input/input-unit.component.ts","../../../projects/ids-angular/components/form/input/input.component.ts","../../../projects/ids-angular/components/form/input/input.component.
|
|
1
|
+
{"version":3,"file":"inera-ids-angular-components-form-input.mjs","sources":["../../../projects/ids-angular/components/form/input/input-hint.component.ts","../../../projects/ids-angular/components/form/input/input-unit.component.ts","../../../projects/ids-angular/components/form/input/input-icon.component.ts","../../../projects/ids-angular/components/form/input/input-clear-button.component.ts","../../../projects/ids-angular/components/form/input/input.component.ts","../../../projects/ids-angular/components/form/input/input.component.html","../../../projects/ids-angular/components/form/input/inera-ids-angular-components-form-input.ts"],"sourcesContent":["import { Component, ElementRef, inject, OnInit } from '@angular/core';\nimport { IDUseIdService } from '@inera/ids-angular/common';\n\n@Component({\n selector: 'id-input-hint',\n template: '<ng-content></ng-content>',\n standalone: true,\n host: {\n class: 'ids-input__hint',\n '[id]': 'id',\n },\n})\nexport class IDInputHintComponent {\n readonly id = inject(IDUseIdService).generateId('hint');\n}\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'id-input-unit',\n template: '<ng-content></ng-content>',\n standalone: true,\n host: {\n class: 'ids-input__unit',\n 'aria-hidden': 'true',\n },\n})\nexport class IDInputUnitComponent {}\n","import { Component, HostBinding, Input } from \"@angular/core\";\n\n@Component({\n selector: \"id-input-icon\",\n template: \"<ng-content></ng-content>\",\n standalone: true,\n})\nexport class IDInputIconComponent {\n\n @Input() name?: string;\n\n @HostBinding()\n get class () {\n return ['ids-input__icon', 'ids-icon-' + this.name].join(\" \");\n }\n\n}\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'id-input-clear-button',\n template: '<ng-content></ng-content>',\n standalone: true,\n host: {\n class: 'ids-input__clear-button',\n },\n})\nexport class IDInputClearButtonComponent {}\n","import {\n AfterContentInit,\n Component,\n ElementRef,\n Input,\n OnInit,\n booleanAttribute,\n inject,\n contentChild,\n} from '@angular/core';\nimport { IDFormBase } from '@inera/ids-angular/common';\nimport { IDInputHintComponent } from './input-hint.component';\nimport { IDInputUnitComponent } from './input-unit.component';\nimport { IDInputIconComponent } from './input-icon.component';\nimport { IDInputClearButtonComponent } from './input-clear-button.component';\n\n@Component({\n selector: 'id-input',\n templateUrl: './input.component.html',\n standalone: true,\n host: {\n '[class]': 'hostClasses',\n },\n})\nexport class IDInputComponent extends IDFormBase implements OnInit, AfterContentInit {\n private elementRef = inject(ElementRef);\n\n hintComponent = contentChild(IDInputHintComponent);\n\n iconComponent = contentChild(IDInputIconComponent);\n\n clearButtonComponent = contentChild(IDInputClearButtonComponent);\n\n unitComponent = contentChild(IDInputUnitComponent);\n\n @Input({ transform: booleanAttribute }) showSearchLabel: boolean = false;\n\n @Input({ transform: booleanAttribute }) search: boolean = false;\n\n private externalClasses: string[] = [];\n\n ngOnInit(): void {\n const hostEl = this.elementRef.nativeElement as HTMLElement;\n this.externalClasses = (hostEl.getAttribute('class') ?? '').split(/\\s+/).filter(Boolean);\n }\n\n get hostClasses(): string {\n const hostClass = 'ids-input';\n const classes = new Set([...this.externalClasses, hostClass]);\n if (this.search) {\n classes.add(`${hostClass}--search`);\n if (!this.showSearchLabel) {\n this.label?.classList.add('ids-label--sr-only');\n }\n }\n if (!!this.iconComponent) {\n classes.add(`${hostClass}--icon`);\n }\n if (!!this.clearButtonComponent) {\n classes.add(`${hostClass}--clear-button`);\n }\n if (!!this.unitComponent) {\n classes.add(`${hostClass}--unit`);\n }\n return Array.from(classes).join(' ');\n }\n\n ngAfterContentInit(): void {\n super.ngAfterContentInit();\n this.renderer.addClass(this.input, 'ids-input__input');\n }\n}\n","<div class=\"ids-input__wrapper\">\n <div\n class=\"ids-label-wrapper ids-label-wrapper--margin-bottom\"\n [class.ids-label-wrapper--sr-only]=\"search && !showSearchLabel\"\n >\n <ng-content select=\"label\"></ng-content>\n <span class=\"ids-label__tooltip\">\n <ng-content select=\"id-tooltip\"></ng-content>\n <ng-content select=\"id-popover\"></ng-content>\n </span>\n </div>\n <ng-content select=\"id-label-subtitle\"></ng-content>\n\n <div class=\"ids-input__input-wrapper\">\n <span [class.ids-input__search-icon]=\"search\"></span>\n <ng-content></ng-content>\n <ng-content select=\"id-input-icon\"></ng-content>\n <ng-content select=\"id-input-clear-button\"></ng-content>\n <ng-content select=\"id-input-unit\"></ng-content>\n </div>\n\n <ng-content select=\"id-input-hint\"></ng-content>\n <ng-content select=\"id-error-message\"></ng-content>\n</div>\n\n<ng-content select=\"button\"></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component } from '@angular/core';
|
|
3
|
+
|
|
4
|
+
class IDLabelSubtitleComponent {
|
|
5
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDLabelSubtitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDLabelSubtitleComponent, isStandalone: true, selector: "id-label-subtitle", host: { classAttribute: "ids-subtitle" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
|
|
7
|
+
}
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDLabelSubtitleComponent, decorators: [{
|
|
9
|
+
type: Component,
|
|
10
|
+
args: [{
|
|
11
|
+
selector: 'id-label-subtitle',
|
|
12
|
+
template: '<ng-content></ng-content>',
|
|
13
|
+
standalone: true,
|
|
14
|
+
host: {
|
|
15
|
+
class: 'ids-subtitle',
|
|
16
|
+
},
|
|
17
|
+
}]
|
|
18
|
+
}] });
|
|
19
|
+
|
|
20
|
+
/**
|
|
21
|
+
* Generated bundle index. Do not edit.
|
|
22
|
+
*/
|
|
23
|
+
|
|
24
|
+
export { IDLabelSubtitleComponent };
|
|
25
|
+
//# sourceMappingURL=inera-ids-angular-components-form-label-subtitle.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"inera-ids-angular-components-form-label-subtitle.mjs","sources":["../../../projects/ids-angular/components/form/label-subtitle/label-subtitle.component.ts","../../../projects/ids-angular/components/form/label-subtitle/inera-ids-angular-components-form-label-subtitle.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n selector: 'id-label-subtitle',\n template: '<ng-content></ng-content>',\n standalone: true,\n host: {\n class: 'ids-subtitle',\n },\n})\nexport class IDLabelSubtitleComponent {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAUa,wBAAwB,CAAA;wGAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAxB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,uHANzB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAM1B,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBARpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,cAAc;AACtB,qBAAA;AACF,iBAAA;;;ACTD;;AAEG;;;;"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import {
|
|
2
|
+
import { contentChildren, Input, Component } from '@angular/core';
|
|
3
3
|
import { IDFormBase } from '@inera/ids-angular/common';
|
|
4
4
|
import { IDRadioComponent } from '@inera/ids-angular/components/form/radio';
|
|
5
5
|
|
|
6
6
|
class IDRadioButtonGroupComponent extends IDFormBase {
|
|
7
|
-
radios;
|
|
7
|
+
radios = contentChildren(IDRadioComponent);
|
|
8
8
|
name;
|
|
9
9
|
legend;
|
|
10
10
|
ngAfterContentInit() {
|
|
11
|
-
this.radios.forEach((radio) => {
|
|
11
|
+
this.radios().forEach((radio) => {
|
|
12
12
|
radio.invalidChange.subscribe((value) => {
|
|
13
13
|
this.checkShowErrorMessage();
|
|
14
14
|
});
|
|
@@ -26,20 +26,17 @@ class IDRadioButtonGroupComponent extends IDFormBase {
|
|
|
26
26
|
}
|
|
27
27
|
checkShowErrorMessage() {
|
|
28
28
|
if (this.errorMessage) {
|
|
29
|
-
const isInvalidPresent = this.radios.find((radio) => radio.invalid);
|
|
29
|
+
const isInvalidPresent = this.radios().find((radio) => radio.invalid);
|
|
30
30
|
this.errorMessage.show = Boolean(isInvalidPresent);
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
34
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
33
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDRadioButtonGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
34
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDRadioButtonGroupComponent, isStandalone: true, selector: "id-radio-button-group", inputs: { name: "name", legend: "legend" }, queries: [{ propertyName: "radios", predicate: IDRadioComponent, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ids-form-group__fieldset ids-form-group__fieldset--compact\">\n @if (legend) {\n <div class=\"ids-label-wrapper\">\n <legend>\n {{ legend }}\n <span class=\"ids-legend__tooltip\">\n <ng-content select=\"id-tooltip\"></ng-content>\n <ng-content select=\"id-popover\"></ng-content>\n </span>\n </legend>\n </div>\n }\n <ng-content></ng-content>\n</div>\n" });
|
|
35
35
|
}
|
|
36
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDRadioButtonGroupComponent, decorators: [{
|
|
37
37
|
type: Component,
|
|
38
38
|
args: [{ selector: "id-radio-button-group", standalone: true, template: "<div class=\"ids-form-group__fieldset ids-form-group__fieldset--compact\">\n @if (legend) {\n <div class=\"ids-label-wrapper\">\n <legend>\n {{ legend }}\n <span class=\"ids-legend__tooltip\">\n <ng-content select=\"id-tooltip\"></ng-content>\n <ng-content select=\"id-popover\"></ng-content>\n </span>\n </legend>\n </div>\n }\n <ng-content></ng-content>\n</div>\n" }]
|
|
39
|
-
}], propDecorators: {
|
|
40
|
-
type: ContentChildren,
|
|
41
|
-
args: [IDRadioComponent]
|
|
42
|
-
}], name: [{
|
|
39
|
+
}], propDecorators: { name: [{
|
|
43
40
|
type: Input
|
|
44
41
|
}], legend: [{
|
|
45
42
|
type: Input
|
|
@@ -55,10 +52,10 @@ class IDRadioButtonComponent extends IDFormBase {
|
|
|
55
52
|
this.label.classList.add(`ids-icon-${this.icon}`);
|
|
56
53
|
}
|
|
57
54
|
}
|
|
58
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
59
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
55
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDRadioButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
56
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDRadioButtonComponent, isStandalone: true, selector: "id-radio-button", inputs: { icon: "icon" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ids-radio-button\">\n <ng-content></ng-content>\n</div>" });
|
|
60
57
|
}
|
|
61
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
58
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDRadioButtonComponent, decorators: [{
|
|
62
59
|
type: Component,
|
|
63
60
|
args: [{ selector: "id-radio-button", standalone: true, template: "<div class=\"ids-radio-button\">\n <ng-content></ng-content>\n</div>" }]
|
|
64
61
|
}], propDecorators: { icon: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inera-ids-angular-components-form-radio-button.mjs","sources":["../../../projects/ids-angular/components/form/radio-button/radio-button-group.component.ts","../../../projects/ids-angular/components/form/radio-button/radio-button-group.component.html","../../../projects/ids-angular/components/form/radio-button/radio-button.component.ts","../../../projects/ids-angular/components/form/radio-button/radio-button.component.html","../../../projects/ids-angular/components/form/radio-button/inera-ids-angular-components-form-radio-button.ts"],"sourcesContent":["import { Component,
|
|
1
|
+
{"version":3,"file":"inera-ids-angular-components-form-radio-button.mjs","sources":["../../../projects/ids-angular/components/form/radio-button/radio-button-group.component.ts","../../../projects/ids-angular/components/form/radio-button/radio-button-group.component.html","../../../projects/ids-angular/components/form/radio-button/radio-button.component.ts","../../../projects/ids-angular/components/form/radio-button/radio-button.component.html","../../../projects/ids-angular/components/form/radio-button/inera-ids-angular-components-form-radio-button.ts"],"sourcesContent":["import { Component, Input, contentChildren } from '@angular/core';\nimport { IDFormBase } from \"@inera/ids-angular/common\";\nimport { IDRadioComponent } from \"@inera/ids-angular/components/form/radio\";\n\n@Component({\n selector: \"id-radio-button-group\",\n templateUrl: \"./radio-button-group.component.html\",\n standalone: true\n})\nexport class IDRadioButtonGroupComponent extends IDFormBase {\n\n radios = contentChildren(IDRadioComponent);\n\n @Input() name?: string;\n @Input() legend?: string;\n\n ngAfterContentInit(): void {\n this.radios().forEach((radio) => {\n radio.invalidChange.subscribe((value: boolean) => {\n this.checkShowErrorMessage();\n });\n });\n this.checkShowErrorMessage();\n this.setupNames();\n }\n\n setupNames() {\n if(this.name) {\n const inputs = this.host.nativeElement.querySelectorAll('input')\n inputs?.forEach((input: HTMLInputElement) => {\n this.renderer.setAttribute(input, 'name', this.name!);\n })\n }\n }\n\n checkShowErrorMessage() {\n if(this.errorMessage) {\n const isInvalidPresent = this.radios().find((radio) => radio.invalid);\n this.errorMessage.show = Boolean(isInvalidPresent);\n }\n }\n}\n","<div class=\"ids-form-group__fieldset ids-form-group__fieldset--compact\">\n @if (legend) {\n <div class=\"ids-label-wrapper\">\n <legend>\n {{ legend }}\n <span class=\"ids-legend__tooltip\">\n <ng-content select=\"id-tooltip\"></ng-content>\n <ng-content select=\"id-popover\"></ng-content>\n </span>\n </legend>\n </div>\n }\n <ng-content></ng-content>\n</div>\n","import { AfterContentInit, Component, Input } from \"@angular/core\";\nimport { IDFormBase } from \"@inera/ids-angular/common\";\n\n@Component({\n selector: \"id-radio-button\",\n templateUrl: \"./radio-button.component.html\",\n standalone: true\n})\nexport class IDRadioButtonComponent extends IDFormBase implements AfterContentInit {\n\n @Input() icon?: string;\n\n ngAfterContentInit(): void {\n super.ngAfterContentInit();\n this.input.classList.add('ids-radio-button__input');\n this.label.classList.add('ids-radio-button__label');\n if(this.icon) {\n this.label.classList.add(`ids-icon-${this.icon}`);\n }\n }\n}\n","<div class=\"ids-radio-button\">\n <ng-content></ng-content>\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|