@inera/ids-angular 9.3.0 → 9.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/box-link/box-link.component.d.ts +1 -1
- 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/form/spinner/spinner.component.d.ts +2 -1
- package/components/header-1177/region-picker/header-1177-region-picker.component.d.ts +1 -1
- package/components/header-1177-admin/nav/header-1177-admin-nav.component.d.ts +3 -1
- package/components/header-1177-pro/nav/header-1177-pro-nav.component.d.ts +3 -1
- package/components/header-inera/nav/header-inera-nav.component.d.ts +1 -1
- package/components/header-inera-admin/header-inera-admin.component.d.ts +6 -6
- 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 +3 -1
- 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 +6 -1
- 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-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/navigation/content/navigation-content-item.component.d.ts +24 -0
- package/components/navigation/content/navigation-content.component.d.ts +5 -1
- package/components/navigation/content/public-api.d.ts +1 -0
- package/components/side-menu/side-menu.component.d.ts +2 -0
- package/components/stepper/step.component.d.ts +2 -0
- package/components/tabs/tab-group.component.d.ts +3 -2
- package/fesm2022/inera-ids-angular-common.mjs +24 -24
- package/fesm2022/inera-ids-angular-components-accordion.mjs +6 -6
- package/fesm2022/inera-ids-angular-components-action-link.mjs +3 -3
- package/fesm2022/inera-ids-angular-components-alert.mjs +6 -6
- 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 +13 -11
- package/fesm2022/inera-ids-angular-components-box-link.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-breadcrumbs.mjs +6 -6
- 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 +7 -7
- package/fesm2022/inera-ids-angular-components-carousel.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-control-button.mjs +3 -3
- package/fesm2022/inera-ids-angular-components-control-button.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-date-label.mjs +3 -3
- package/fesm2022/inera-ids-angular-components-dialog.mjs +57 -20
- 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 +13 -13
- package/fesm2022/inera-ids-angular-components-footer-1177-admin.mjs +22 -22
- package/fesm2022/inera-ids-angular-components-footer-1177-pro.mjs +22 -22
- package/fesm2022/inera-ids-angular-components-footer-1177.mjs +22 -22
- package/fesm2022/inera-ids-angular-components-footer-inera-admin.mjs +25 -25
- package/fesm2022/inera-ids-angular-components-footer-inera-general.mjs +25 -25
- package/fesm2022/inera-ids-angular-components-footer-inera.mjs +25 -25
- package/fesm2022/inera-ids-angular-components-form-check-button.mjs +3 -3
- package/fesm2022/inera-ids-angular-components-form-checkbox-group.mjs +3 -3
- 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 +15 -15
- package/fesm2022/inera-ids-angular-components-form-label-subtitle.mjs +3 -3
- package/fesm2022/inera-ids-angular-components-form-radio-button.mjs +6 -6
- package/fesm2022/inera-ids-angular-components-form-radio.mjs +6 -6
- package/fesm2022/inera-ids-angular-components-form-range.mjs +3 -3
- package/fesm2022/inera-ids-angular-components-form-select-multiple.mjs +3 -3
- package/fesm2022/inera-ids-angular-components-form-select.mjs +3 -3
- 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 +6 -6
- package/fesm2022/inera-ids-angular-components-form-time.mjs +3 -3
- package/fesm2022/inera-ids-angular-components-form-toggle.mjs +3 -3
- package/fesm2022/inera-ids-angular-components-global-alert.mjs +9 -9
- 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 +63 -55
- package/fesm2022/inera-ids-angular-components-header-1177-admin.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-header-1177-pro.mjs +67 -55
- package/fesm2022/inera-ids-angular-components-header-1177-pro.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-header-1177.mjs +79 -87
- package/fesm2022/inera-ids-angular-components-header-1177.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-header-inera-admin.mjs +76 -72
- package/fesm2022/inera-ids-angular-components-header-inera-admin.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-header-inera-general.mjs +374 -36
- package/fesm2022/inera-ids-angular-components-header-inera-general.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-header-inera.mjs +36 -34
- 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 +4 -4
- package/fesm2022/inera-ids-angular-components-mobile-menu-item.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-mobile-menu.mjs +7 -7
- package/fesm2022/inera-ids-angular-components-mobile-menu.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-navigation-content.mjs +77 -10
- package/fesm2022/inera-ids-angular-components-navigation-content.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-navigation-local.mjs +6 -6
- 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 +19 -19
- package/fesm2022/inera-ids-angular-components-progressbar.mjs +3 -3
- package/fesm2022/inera-ids-angular-components-puff-list.mjs +25 -25
- package/fesm2022/inera-ids-angular-components-region-icon.mjs +3 -3
- package/fesm2022/inera-ids-angular-components-side-menu.mjs +33 -20
- package/fesm2022/inera-ids-angular-components-side-menu.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-side-panel.mjs +13 -13
- package/fesm2022/inera-ids-angular-components-stepper.mjs +21 -14
- package/fesm2022/inera-ids-angular-components-stepper.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-tabs.mjs +11 -7
- package/fesm2022/inera-ids-angular-components-tabs.mjs.map +1 -1
- package/fesm2022/inera-ids-angular-components-tag.mjs +6 -6
- package/fesm2022/inera-ids-angular-components-toolbar.mjs +3 -3
- package/fesm2022/inera-ids-angular-components-tooltip.mjs +10 -10
- package/package.json +115 -107
- /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
|
@@ -6,14 +6,14 @@ import { IDUseIdService } from '@inera/ids-angular/common';
|
|
|
6
6
|
|
|
7
7
|
class IDAccordionHeaderComponent {
|
|
8
8
|
template = viewChild.required(TemplateRef);
|
|
9
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
10
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.
|
|
9
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDAccordionHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.25", type: IDAccordionHeaderComponent, isStandalone: true, selector: "id-accordion-header", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
11
11
|
<ng-template>
|
|
12
12
|
<ng-content></ng-content>
|
|
13
13
|
</ng-template>
|
|
14
14
|
`, isInline: true });
|
|
15
15
|
}
|
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDAccordionHeaderComponent, decorators: [{
|
|
17
17
|
type: Component,
|
|
18
18
|
args: [{
|
|
19
19
|
selector: 'id-accordion-header',
|
|
@@ -80,10 +80,10 @@ class IDAccordionComponent {
|
|
|
80
80
|
}
|
|
81
81
|
this.expandedChange.emit(this.expanded);
|
|
82
82
|
}
|
|
83
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
84
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
83
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
84
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDAccordionComponent, isStandalone: true, selector: "id-accordion", inputs: { subtitle: "subtitle", lean: ["lean", "lean", booleanAttribute], noBorder: ["noBorder", "noBorder", booleanAttribute], expanded: ["expanded", "expanded", booleanAttribute], level: "level", size: "size" }, outputs: { closed: "closed", opened: "opened", expandedChange: "expandedChange" }, host: { properties: { "class.ids-accordion--expanded": "expanded", "class.ids-accordion--no-border": "noBorder", "class.ids-accordion--lean": "lean", "class.ids-accordion--has-children": "hasChildren", "class.ids-accordion--is-child": "isChild" }, classAttribute: "ids-accordion" }, queries: [{ propertyName: "nestedAccordions", predicate: IDAccordionComponent, isSignal: true }, { propertyName: "header", first: true, predicate: IDAccordionHeaderComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<button\n [class]=\"'ids-accordion__button ids-accordion__button--' + size\"\n (click)=\"toggleExpansion($event)\"\n [attr.aria-expanded]=\"expanded\"\n [attr.aria-controls]=\"contentId\"\n>\n <div\n [class]=\"\n 'ids-accordion__headline ids-accordion__headline-' +\n level +\n ' ids-accordion__headline--' +\n size +\n (expanded ? ' ids-accordion__headline--expanded' : '')\n \"\n >\n <ng-container [ngTemplateOutlet]=\"header()!.template()\"></ng-container>\n @if (!!subtitle) {\n <div class=\"ids-accordion__subtitle\">{{ subtitle }}</div>\n }\n </div>\n</button>\n\n<div\n [id]=\"contentId\"\n class=\"ids-accordion__content\"\n [hidden]=\"!expanded\"\n>\n <ng-content select=\":not(id-accordion-header)\"></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
85
85
|
}
|
|
86
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
86
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDAccordionComponent, decorators: [{
|
|
87
87
|
type: Component,
|
|
88
88
|
args: [{ selector: 'id-accordion', host: {
|
|
89
89
|
class: 'ids-accordion',
|
|
@@ -2,8 +2,8 @@ import * as i0 from '@angular/core';
|
|
|
2
2
|
import { Component } from '@angular/core';
|
|
3
3
|
|
|
4
4
|
class IDActionLinkComponent {
|
|
5
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
5
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDActionLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: IDActionLinkComponent, isStandalone: true, selector: "id-action-link", host: { classAttribute: "ids-action-link" }, ngImport: i0, template: `
|
|
7
7
|
<div class="ids-action-link__inner">
|
|
8
8
|
<div class="ids-action-link__image">
|
|
9
9
|
<ng-content select="[idLinkImage]"></ng-content>
|
|
@@ -20,7 +20,7 @@ class IDActionLinkComponent {
|
|
|
20
20
|
</div>
|
|
21
21
|
`, isInline: true });
|
|
22
22
|
}
|
|
23
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDActionLinkComponent, decorators: [{
|
|
24
24
|
type: Component,
|
|
25
25
|
args: [{
|
|
26
26
|
selector: 'id-action-link',
|
|
@@ -6,13 +6,13 @@ import { IDUseIdService } from '@inera/ids-angular/common';
|
|
|
6
6
|
|
|
7
7
|
class IDAlertHeaderComponent {
|
|
8
8
|
template = viewChild.required(TemplateRef);
|
|
9
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
10
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.
|
|
9
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDAlertHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.25", type: IDAlertHeaderComponent, isStandalone: true, selector: "id-alert-header", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
11
11
|
<ng-template>
|
|
12
12
|
<ng-content></ng-content>
|
|
13
13
|
</ng-template>`, isInline: true });
|
|
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: IDAlertHeaderComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
17
|
args: [{
|
|
18
18
|
selector: 'id-alert-header',
|
|
@@ -77,10 +77,10 @@ class IDAlertComponent {
|
|
|
77
77
|
return;
|
|
78
78
|
this.dismissed.emit();
|
|
79
79
|
}
|
|
80
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
81
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
80
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
81
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDAlertComponent, isStandalone: true, selector: "id-alert", inputs: { dismissible: ["dismissible", "dismissible", booleanAttribute], collapsible: ["collapsible", "collapsible", booleanAttribute], compact: ["compact", "compact", booleanAttribute], ribbon: ["ribbon", "ribbon", booleanAttribute], type: "type", noRole: ["noRole", "noRole", booleanAttribute], srCloseText: "srCloseText", srIconTitle: "srIconTitle", srCollapseText: "srCollapseText", srExpandText: "srExpandText", collapsed: "collapsed" }, outputs: { collapsedChange: "collapsedChange", dismissed: "dismissed", closed: "closed", opened: "opened" }, host: { properties: { "class": "hostClasses", "class.ids-alert--collapsible": "collapsible", "class.ids-alert--dismissible": "dismissible", "class.ids-alert--ribbon": "ribbon", "class.ids-alert--compact": "compact", "class.ids-alert--collapsed": "collapsed", "attr.ids-alert--dismissible": "dismissible ? \"\" : null", "attr.role": "noRole ? null : \"alert\"" } }, queries: [{ propertyName: "header", first: true, predicate: IDAlertHeaderComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #contentTemplate>\n <ng-content select=\":not(id-alert-header)\"></ng-content>\n</ng-template>\n\n@if (compact || ribbon) {\n <div class=\"ids-alert__content\">\n <span\n class=\"ids-alert__content-icon\"\n aria-hidden\n ></span>\n <span class=\"ids-alert__content-text\">\n <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n </span>\n </div>\n\n @if (dismissible) {\n <div class=\"ids-alert__button\">\n <button\n class=\"ids-alert__close\"\n (click)=\"dismissAlert()\"\n [attr.aria-label]=\"srCloseText\"\n ></button>\n </div>\n }\n}\n\n@if (!compact && !ribbon) {\n <div class=\"ids-alert__container\">\n <div class=\"ids-alert__header\">\n <ng-template #headerContentTemplate>\n <div class=\"ids-alert__icon_and_text\">\n <span\n class=\"ids-alert__state-icon\"\n aria-hidden\n ></span>\n <div class=\"ids-alert__headline\">\n <ng-container *ngTemplateOutlet=\"header()!.template()\"></ng-container>\n </div>\n </div>\n </ng-template>\n\n @if (collapsible) {\n <button\n class=\"ids-alert__expand-button\"\n [class.ids-alert__expand-button--expanded]=\"!collapsed\"\n (click)=\"toggleCollapsed()\"\n [attr.aria-expanded]=\"!collapsed\"\n [attr.aria-controls]=\"contentId\"\n [attr.aria-label]=\"collapsed ? srExpandText : srCollapseText\"\n >\n <ng-container *ngTemplateOutlet=\"headerContentTemplate\"></ng-container>\n </button>\n } @else {\n <ng-container *ngTemplateOutlet=\"headerContentTemplate\"></ng-container>\n }\n @if (dismissible) {\n <button\n class=\"ids-alert__close\"\n (click)=\"dismissAlert()\"\n [attr.aria-label]=\"srCloseText\"\n ></button>\n }\n </div>\n\n <div\n class=\"ids-alert__content\"\n [attr.id]=\"contentId\"\n [attr.aria-hidden]=\"collapsible && collapsed ? 'true' : 'false'\"\n >\n @if (!collapsed) {\n <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n }\n </div>\n </div>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
82
82
|
}
|
|
83
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
83
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDAlertComponent, decorators: [{
|
|
84
84
|
type: Component,
|
|
85
85
|
args: [{ selector: "id-alert", host: {
|
|
86
86
|
'[class]': 'hostClasses',
|
|
@@ -7,14 +7,14 @@ class IDBadgeComponent {
|
|
|
7
7
|
get hostClasses() {
|
|
8
8
|
return `ids-badge ids-badge--${this.type}`;
|
|
9
9
|
}
|
|
10
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
11
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
10
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDBadgeComponent, isStandalone: true, selector: "id-badge", inputs: { type: "type", icon: "icon" }, host: { properties: { "class": "hostClasses" } }, ngImport: i0, template: "<div class=\"ids-badge__inner\">\n @if (icon) {\n <div class=\"ids-badge__icon\">\n <span class=\"ids-icon-{{ icon }}-small\"></span>\n </div>\n }\n <ng-content></ng-content>\n</div>" });
|
|
12
12
|
}
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDBadgeComponent, decorators: [{
|
|
14
14
|
type: Component,
|
|
15
15
|
args: [{ selector: "id-badge", standalone: true, host: {
|
|
16
16
|
'[class]': 'hostClasses'
|
|
17
|
-
}, template: "<div class=\"ids-badge__inner\">\n @if (icon) {\n <div class=\"ids-badge__icon\">\n <span class=\"ids-icon-{{ icon }}\"></span>\n </div>\n }\n <ng-content></ng-content>\n</div>" }]
|
|
17
|
+
}, template: "<div class=\"ids-badge__inner\">\n @if (icon) {\n <div class=\"ids-badge__icon\">\n <span class=\"ids-icon-{{ icon }}-small\"></span>\n </div>\n }\n <ng-content></ng-content>\n</div>" }]
|
|
18
18
|
}], propDecorators: { type: [{
|
|
19
19
|
type: Input
|
|
20
20
|
}], icon: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inera-ids-angular-components-badge.mjs","sources":["../../../projects/ids-angular/components/badge/badge.component.ts","../../../projects/ids-angular/components/badge/badge.component.html","../../../projects/ids-angular/components/badge/inera-ids-angular-components-badge.ts"],"sourcesContent":["import { Component, Input } from \"@angular/core\";\n\n@Component({\n selector: \"id-badge\",\n standalone: true,\n templateUrl: './badge.component.html',\n host: {\n '[class]': 'hostClasses'\n }\n})\nexport class IDBadgeComponent {\n @Input() type: 'primary' | 'neutral' | 'info' | 'attention' | 'success' | 'error' | 'secondary' = 'primary';\n @Input() icon?: string;\n\n get hostClasses(): string {\n return `ids-badge ids-badge--${this.type}`;\n }\n}","<div class=\"ids-badge__inner\">\n @if (icon) {\n <div class=\"ids-badge__icon\">\n <span class=\"ids-icon-{{ icon }}\"></span>\n </div>\n }\n <ng-content></ng-content>\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAUa,gBAAgB,CAAA;IAClB,IAAI,GAAqF,SAAS;AAClG,IAAA,IAAI;AAEb,IAAA,IAAI,WAAW,GAAA;AACb,QAAA,OAAO,CAAA,qBAAA,EAAwB,IAAI,CAAC,IAAI,EAAE;IAC5C;wGANW,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,8JCV7B,
|
|
1
|
+
{"version":3,"file":"inera-ids-angular-components-badge.mjs","sources":["../../../projects/ids-angular/components/badge/badge.component.ts","../../../projects/ids-angular/components/badge/badge.component.html","../../../projects/ids-angular/components/badge/inera-ids-angular-components-badge.ts"],"sourcesContent":["import { Component, Input } from \"@angular/core\";\n\n@Component({\n selector: \"id-badge\",\n standalone: true,\n templateUrl: './badge.component.html',\n host: {\n '[class]': 'hostClasses'\n }\n})\nexport class IDBadgeComponent {\n @Input() type: 'primary' | 'neutral' | 'info' | 'attention' | 'success' | 'error' | 'secondary' = 'primary';\n @Input() icon?: string;\n\n get hostClasses(): string {\n return `ids-badge ids-badge--${this.type}`;\n }\n}","<div class=\"ids-badge__inner\">\n @if (icon) {\n <div class=\"ids-badge__icon\">\n <span class=\"ids-icon-{{ icon }}-small\"></span>\n </div>\n }\n <ng-content></ng-content>\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAUa,gBAAgB,CAAA;IAClB,IAAI,GAAqF,SAAS;AAClG,IAAA,IAAI;AAEb,IAAA,IAAI,WAAW,GAAA;AACb,QAAA,OAAO,CAAA,qBAAA,EAAwB,IAAI,CAAC,IAAI,EAAE;IAC5C;wGANW,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,8JCV7B,gMAOM,EAAA,CAAA;;4FDGO,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAR5B,SAAS;+BACE,UAAU,EAAA,UAAA,EACR,IAAI,EAAA,IAAA,EAEV;AACJ,wBAAA,SAAS,EAAE;AACZ,qBAAA,EAAA,QAAA,EAAA,gMAAA,EAAA;8BAGQ,IAAI,EAAA,CAAA;sBAAZ;gBACQ,IAAI,EAAA,CAAA;sBAAZ;;;AEZH;;AAEG;;;;"}
|
|
@@ -5,33 +5,35 @@ import { viewChild, TemplateRef, Component, contentChild } from '@angular/core';
|
|
|
5
5
|
|
|
6
6
|
class IDBoxLinkButtonComponent {
|
|
7
7
|
template = viewChild.required(TemplateRef);
|
|
8
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
9
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.
|
|
8
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDBoxLinkButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.25", type: IDBoxLinkButtonComponent, isStandalone: true, selector: "id-box-link-button", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
10
10
|
<ng-template>
|
|
11
11
|
<ng-content></ng-content>
|
|
12
|
-
</ng-template
|
|
12
|
+
</ng-template>
|
|
13
|
+
`, isInline: true });
|
|
13
14
|
}
|
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDBoxLinkButtonComponent, decorators: [{
|
|
15
16
|
type: Component,
|
|
16
17
|
args: [{
|
|
17
|
-
selector:
|
|
18
|
+
selector: 'id-box-link-button',
|
|
18
19
|
template: `
|
|
19
20
|
<ng-template>
|
|
20
21
|
<ng-content></ng-content>
|
|
21
|
-
</ng-template
|
|
22
|
+
</ng-template>
|
|
23
|
+
`,
|
|
22
24
|
standalone: true,
|
|
23
25
|
}]
|
|
24
26
|
}] });
|
|
25
27
|
|
|
26
28
|
class IDBoxLinkComponent {
|
|
27
29
|
button = contentChild(IDBoxLinkButtonComponent);
|
|
28
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
29
|
-
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: IDBoxLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
31
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDBoxLinkComponent, isStandalone: true, selector: "id-box-link", host: { classAttribute: "ids-box-link" }, queries: [{ propertyName: "button", first: true, predicate: IDBoxLinkButtonComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"ids-box-link\">\n <div class=\"ids-box-link__inner\">\n <div class=\"ids-box-link__link\">\n <ng-content select=\":not(id-box-link-button)\"></ng-content>\n </div>\n @if(button()) {\n <div class=\"ids-box-link__button\">\n <ng-container *ngTemplateOutlet=\"button()!.template()\"></ng-container>\n </div>\n }\n </div>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
30
32
|
}
|
|
31
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDBoxLinkComponent, decorators: [{
|
|
32
34
|
type: Component,
|
|
33
|
-
args: [{ selector:
|
|
34
|
-
class: 'ids-box-link'
|
|
35
|
+
args: [{ selector: 'id-box-link', imports: [CommonModule], standalone: true, host: {
|
|
36
|
+
class: 'ids-box-link',
|
|
35
37
|
}, template: "<div class=\"ids-box-link\">\n <div class=\"ids-box-link__inner\">\n <div class=\"ids-box-link__link\">\n <ng-content select=\":not(id-box-link-button)\"></ng-content>\n </div>\n @if(button()) {\n <div class=\"ids-box-link__button\">\n <ng-container *ngTemplateOutlet=\"button()!.template()\"></ng-container>\n </div>\n }\n </div>\n</div>" }]
|
|
36
38
|
}] });
|
|
37
39
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inera-ids-angular-components-box-link.mjs","sources":["../../../projects/ids-angular/components/box-link/box-link-button.component.ts","../../../projects/ids-angular/components/box-link/box-link.component.ts","../../../projects/ids-angular/components/box-link/box-link.component.html","../../../projects/ids-angular/components/box-link/inera-ids-angular-components-box-link.ts"],"sourcesContent":["import { Component, TemplateRef, viewChild } from '@angular/core';\n\n@Component({\n selector:
|
|
1
|
+
{"version":3,"file":"inera-ids-angular-components-box-link.mjs","sources":["../../../projects/ids-angular/components/box-link/box-link-button.component.ts","../../../projects/ids-angular/components/box-link/box-link.component.ts","../../../projects/ids-angular/components/box-link/box-link.component.html","../../../projects/ids-angular/components/box-link/inera-ids-angular-components-box-link.ts"],"sourcesContent":["import { Component, TemplateRef, viewChild } from '@angular/core';\n\n@Component({\n selector: 'id-box-link-button',\n template: `\n <ng-template>\n <ng-content></ng-content>\n </ng-template>\n `,\n standalone: true,\n})\nexport class IDBoxLinkButtonComponent {\n template = viewChild.required(TemplateRef);\n}\n","import { CommonModule } from '@angular/common';\nimport { Component, contentChild } from '@angular/core';\nimport { IDBoxLinkButtonComponent } from './box-link-button.component';\n\n@Component({\n selector: 'id-box-link',\n templateUrl: './box-link.component.html',\n imports: [CommonModule],\n standalone: true,\n host: {\n class: 'ids-box-link',\n },\n})\nexport class IDBoxLinkComponent {\n button = contentChild(IDBoxLinkButtonComponent);\n}\n","<div class=\"ids-box-link\">\n <div class=\"ids-box-link__inner\">\n <div class=\"ids-box-link__link\">\n <ng-content select=\":not(id-box-link-button)\"></ng-content>\n </div>\n @if(button()) {\n <div class=\"ids-box-link__button\">\n <ng-container *ngTemplateOutlet=\"button()!.template()\"></ng-container>\n </div>\n }\n </div>\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAWa,wBAAwB,CAAA;AACnC,IAAA,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC;wGAD/B,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EACL,WAAW,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAR/B;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAGU,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBATpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,QAAQ,EAAE;;;;AAIT,EAAA,CAAA;AACD,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;;MCGY,kBAAkB,CAAA;AAC7B,IAAA,MAAM,GAAG,YAAY,CAAC,wBAAwB,CAAC;wGADpC,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,cAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,QAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EACP,wBAAwB,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECdhD,kXAWM,2CDJM,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAMX,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAT9B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,WAEd,CAAC,YAAY,CAAC,EAAA,UAAA,EACX,IAAI,EAAA,IAAA,EACV;AACJ,wBAAA,KAAK,EAAE,cAAc;AACtB,qBAAA,EAAA,QAAA,EAAA,kXAAA,EAAA;;;AEXH;;AAEG;;;;"}
|
|
@@ -8,13 +8,13 @@ class IDCrumbComponent {
|
|
|
8
8
|
current = false;
|
|
9
9
|
mobile = false;
|
|
10
10
|
template = viewChild.required(TemplateRef);
|
|
11
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
12
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.
|
|
11
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDCrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.25", type: IDCrumbComponent, isStandalone: true, selector: "id-crumb", inputs: { current: "current", mobile: "mobile" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
13
13
|
<ng-template>
|
|
14
14
|
<ng-content></ng-content>
|
|
15
15
|
</ng-template>`, isInline: true });
|
|
16
16
|
}
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDCrumbComponent, decorators: [{
|
|
18
18
|
type: Component,
|
|
19
19
|
args: [{
|
|
20
20
|
selector: 'id-crumb',
|
|
@@ -47,10 +47,10 @@ class IDBreadcrumbsComponent {
|
|
|
47
47
|
getMobileCrumb() {
|
|
48
48
|
return this.crumbComponents().find(crumb => crumb.mobile);
|
|
49
49
|
}
|
|
50
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
51
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
50
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDBreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
51
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDBreadcrumbsComponent, isStandalone: true, selector: "id-breadcrumbs", inputs: { lead: "lead", srLabel: "srLabel" }, queries: [{ propertyName: "crumbComponents", predicate: IDCrumbComponent, isSignal: true }], ngImport: i0, template: "<nav class=\"ids-breadcrumbs\" [attr.aria-label]=\"srLabel\">\n <ol class=\"ids-breadcrumbs__desktop\" [attr.aria-label]=\"srLabel\">\n <li class=\"ids-breadcrumbs__lead\">{{ lead }}</li>\n\n <ng-container *ngFor=\"let crumb of getDesktopCrumbs(); let i = index\">\n <li class=\"ids-breadcrumbs__crumb\" \n [class.ids-breadcrumbs__crumb--current]=\"crumb.current\"\n [attr.aria-current]=\"crumb.current ? 'page' : null\">\n <ng-container *ngTemplateOutlet=\"crumb.template()\"></ng-container>\n @if (!crumb.current) {\n <span class=\"ids-breadcrumbs__crumb__separator\" aria-hidden=\"true\">\n /\n </span>\n }\n </li>\n </ng-container>\n </ol>\n\n @if (getMobileCrumb()) {\n <ol class=\"ids-breadcrumbs__mobile\">\n <li class=\"ids-breadcrumbs__mobile-links\">\n <span class=\"ids-breadcrumbs__icon\" aria-hidden=\"true\"></span>\n <span class=\"ids-breadcrumbs__mobile-link\">\n <span class=\"ids-breadcrumbs__crumb ids-breadcrumbs__crumb--mobile\">\n <ng-container *ngTemplateOutlet=\"getMobileCrumb()?.template() ?? null\"></ng-container>\n </span>\n </span>\n </li>\n </ol>\n }\n</nav>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
52
52
|
}
|
|
53
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
53
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDBreadcrumbsComponent, decorators: [{
|
|
54
54
|
type: Component,
|
|
55
55
|
args: [{ selector: 'id-breadcrumbs', standalone: true, imports: [CommonModule], template: "<nav class=\"ids-breadcrumbs\" [attr.aria-label]=\"srLabel\">\n <ol class=\"ids-breadcrumbs__desktop\" [attr.aria-label]=\"srLabel\">\n <li class=\"ids-breadcrumbs__lead\">{{ lead }}</li>\n\n <ng-container *ngFor=\"let crumb of getDesktopCrumbs(); let i = index\">\n <li class=\"ids-breadcrumbs__crumb\" \n [class.ids-breadcrumbs__crumb--current]=\"crumb.current\"\n [attr.aria-current]=\"crumb.current ? 'page' : null\">\n <ng-container *ngTemplateOutlet=\"crumb.template()\"></ng-container>\n @if (!crumb.current) {\n <span class=\"ids-breadcrumbs__crumb__separator\" aria-hidden=\"true\">\n /\n </span>\n }\n </li>\n </ng-container>\n </ol>\n\n @if (getMobileCrumb()) {\n <ol class=\"ids-breadcrumbs__mobile\">\n <li class=\"ids-breadcrumbs__mobile-links\">\n <span class=\"ids-breadcrumbs__icon\" aria-hidden=\"true\"></span>\n <span class=\"ids-breadcrumbs__mobile-link\">\n <span class=\"ids-breadcrumbs__crumb ids-breadcrumbs__crumb--mobile\">\n <ng-container *ngTemplateOutlet=\"getMobileCrumb()?.template() ?? null\"></ng-container>\n </span>\n </span>\n </li>\n </ol>\n }\n</nav>" }]
|
|
56
56
|
}], ctorParameters: () => [], propDecorators: { lead: [{
|
|
@@ -18,10 +18,10 @@ class IDButtonGroupComponent {
|
|
|
18
18
|
classes.push(getStateClass('break-' + this.break));
|
|
19
19
|
return classes.join(' ');
|
|
20
20
|
}
|
|
21
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
22
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.
|
|
21
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.25", type: IDButtonGroupComponent, isStandalone: true, selector: "id-button-group", inputs: { rtl: ["rtl", "rtl", booleanAttribute], unresponsive: ["unresponsive", "unresponsive", booleanAttribute], justify: "justify", break: "break" }, host: { properties: { "class": "hostClasses" } }, ngImport: i0, template: "<ng-content></ng-content>" });
|
|
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: IDButtonGroupComponent, decorators: [{
|
|
25
25
|
type: Component,
|
|
26
26
|
args: [{ selector: 'id-button-group', standalone: true, host: {
|
|
27
27
|
'[class]': 'hostClasses'
|
|
@@ -80,10 +80,10 @@ class IDButtonDirective {
|
|
|
80
80
|
});
|
|
81
81
|
this.originalContent = [];
|
|
82
82
|
}
|
|
83
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
84
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.
|
|
83
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
84
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.25", type: IDButtonDirective, isStandalone: true, selector: "button[idButton], a[idButton]", inputs: { block: ["block", "block", booleanAttribute], secondary: ["secondary", "secondary", booleanAttribute], fab: ["fab", "fab", booleanAttribute], icon: ["icon", "icon", booleanAttribute], tertiary: ["tertiary", "tertiary", booleanAttribute], submit: ["submit", "submit", booleanAttribute], sBlock: ["sBlock", "sBlock", booleanAttribute], mBlock: ["mBlock", "mBlock", booleanAttribute], toggle: ["toggle", "toggle", booleanAttribute], active: ["active", "active", booleanAttribute], size: "size", loading: "loading" }, host: { properties: { "class": "baseAndSizeClasses", "class.ids-button--secondary": "secondary", "class.ids-button--tertiary": "tertiary", "class.ids-button--submit": "submit", "class.ids-button--fab": "fab", "class.ids-button--icon": "icon", "class.ids-button--active": "active", "class.ids-button--loading": "loading", "class.ids-button--block": "block", "class.ids-button--s-block": "sBlock", "class.ids-button--m-block": "mBlock", "attr.aria-pressed": "ariaPressedValue" } }, usesOnChanges: true, ngImport: i0 });
|
|
85
85
|
}
|
|
86
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
86
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDButtonDirective, decorators: [{
|
|
87
87
|
type: Directive,
|
|
88
88
|
args: [{
|
|
89
89
|
selector: "button[idButton], a[idButton]",
|
|
@@ -9,10 +9,10 @@ class IDCardComponent {
|
|
|
9
9
|
borderTop = false;
|
|
10
10
|
interactive = false;
|
|
11
11
|
lean = false;
|
|
12
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
13
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
12
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDCardComponent, isStandalone: true, selector: "id-card", inputs: { hideOnM: ["hideOnM", "hideOnM", booleanAttribute], hideOnS: ["hideOnS", "hideOnS", booleanAttribute], fill: ["fill", "fill", booleanAttribute], focusCard: ["focusCard", "focusCard", booleanAttribute], borderTop: ["borderTop", "borderTop", booleanAttribute], interactive: ["interactive", "interactive", booleanAttribute], lean: ["lean", "lean", booleanAttribute] }, host: { properties: { "class.ids-card--hide-on-m": "hideOnM", "class.ids-card--hide-on-s": "hideOnS", "class.ids-card--border-top": "!focusCard && borderTop", "class.ids-card--focus": "focusCard && !borderTop", "class.ids-card--fill": "fill", "class.ids-card--lean": "lean", "class.ids-card--interactive": "interactive" }, classAttribute: "ids-card" }, ngImport: i0, template: "@if (borderTop && !focusCard) {\n <div class=\"ids-card__border-top\"></div>\n}\n\n<div class=\"ids-card__content\">\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: IDCardComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
17
|
args: [{ selector: "id-card", standalone: true, host: {
|
|
18
18
|
class: "ids-card",
|
|
@@ -12,10 +12,10 @@ class IDCarouselItemComponent {
|
|
|
12
12
|
next = true;
|
|
13
13
|
prev = true;
|
|
14
14
|
template = viewChild.required(TemplateRef);
|
|
15
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
16
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.
|
|
15
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDCarouselItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.25", type: IDCarouselItemComponent, isStandalone: true, selector: "id-carousel-item", inputs: { headline: "headline", description: "description", step: "step", active: "active", next: "next", prev: "prev" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template>\n <div class=\"ids-carousel-item-wrapper\" \n [class.active]=\"active\"\n [class.prev]=\"prev\"\n [class.next]=\"next\"\n [attr.aria-hidden]=\"!active ? 'true' : null\"\n [attr.inert]=\"!active ? 'true' : null\">\n <div class=\"ids-carousel-item\">\n <div class=\"ids-carousel-item__image\">\n <ng-content select=\"[idCarouselImage]\"></ng-content>\n </div>\n <div class=\"ids-carousel-item__content\">\n <h2 class=\"ids-carousel-item__headline\">{{headline}}</h2>\n <ng-content></ng-content>\n <div class=\"ids-carousel-item__footer\">\n <div class=\"ids-carousel-item__description\">{{description}}</div>\n <div class=\"ids-carousel-item__step\">\n <div class=\"ids-tag\">{{step}}</div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</ng-template>" });
|
|
17
17
|
}
|
|
18
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDCarouselItemComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
20
|
args: [{ selector: 'id-carousel-item', standalone: true, template: "<ng-template>\n <div class=\"ids-carousel-item-wrapper\" \n [class.active]=\"active\"\n [class.prev]=\"prev\"\n [class.next]=\"next\"\n [attr.aria-hidden]=\"!active ? 'true' : null\"\n [attr.inert]=\"!active ? 'true' : null\">\n <div class=\"ids-carousel-item\">\n <div class=\"ids-carousel-item__image\">\n <ng-content select=\"[idCarouselImage]\"></ng-content>\n </div>\n <div class=\"ids-carousel-item__content\">\n <h2 class=\"ids-carousel-item__headline\">{{headline}}</h2>\n <ng-content></ng-content>\n <div class=\"ids-carousel-item__footer\">\n <div class=\"ids-carousel-item__description\">{{description}}</div>\n <div class=\"ids-carousel-item__step\">\n <div class=\"ids-tag\">{{step}}</div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</ng-template>" }]
|
|
21
21
|
}], propDecorators: { headline: [{
|
|
@@ -87,12 +87,12 @@ class IDCarouselComponent {
|
|
|
87
87
|
trackByItem(_, item) {
|
|
88
88
|
return item;
|
|
89
89
|
}
|
|
90
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
91
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.
|
|
90
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDCarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
91
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.25", type: IDCarouselComponent, isStandalone: true, selector: "id-carousel", inputs: { srNextLabel: "srNextLabel", srPrevLabel: "srPrevLabel" }, outputs: { slideChanged: "slideChanged" }, queries: [{ propertyName: "carouselItems", predicate: IDCarouselItemComponent, isSignal: true }], ngImport: i0, template: "<div class=\"ids-carousel\">\n <button\n class=\"ids-carousel__button-prev\"\n [attr.aria-label]=\"srPrevLabel\"\n (click)=\"prevSlide()\"\n ></button>\n <button\n class=\"ids-carousel__button-next\"\n [attr.aria-label]=\"srNextLabel\"\n (click)=\"nextSlide()\"\n ></button>\n <button\n class=\"ids-carousel__button-prev ids-carousel__button-prev--mobile\"\n [attr.aria-label]=\"srPrevLabel\"\n (click)=\"prevSlide()\"\n >\n <div class=\"ids-carousel-btn__inner\"></div>\n </button>\n <button\n class=\"ids-carousel__button-next ids-carousel__button-next--mobile\"\n [attr.aria-label]=\"srNextLabel\"\n (click)=\"nextSlide()\"\n >\n <div class=\"ids-carousel-btn__inner\"></div>\n </button>\n <div class=\"ids-carousel-content\">\n <div aria-live=\"polite\">\n <ng-container *ngFor=\"let item of carouselItems(); trackBy: trackByItem\">\n <ng-container *ngTemplateOutlet=\"item.template()\"></ng-container>\n </ng-container>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
92
92
|
}
|
|
93
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
93
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDCarouselComponent, decorators: [{
|
|
94
94
|
type: Component,
|
|
95
|
-
args: [{ selector: 'id-carousel', imports: [CommonModule], standalone: true, template: "<div class=\"ids-carousel\">\n <button\n class=\"ids-carousel__button-prev\"\n [attr.aria-label]=\"srPrevLabel\"\n (click)=\"prevSlide()\"\n ></button>\n <button\n class=\"ids-carousel__button-next\"\n [attr.aria-label]=\"srNextLabel\"\n (click)=\"nextSlide()\"\n ></button>\n <button\n class=\"ids-carousel__button-prev ids-carousel__button-prev--mobile\"\n [attr.aria-label]=\"srPrevLabel\"\n (click)=\"prevSlide()\"\n >\n <div class=\"ids-carousel-btn__inner\"></div>\n </button>\n <button\n class=\"ids-carousel__button-next ids-carousel__button-next--mobile\"\n [attr.aria-label]=\"srNextLabel\"\n (click)=\"nextSlide()\"\n >\n <div class=\"ids-carousel-btn__inner\"></div>\n </button>\n <div class=\"ids-carousel-content
|
|
95
|
+
args: [{ selector: 'id-carousel', imports: [CommonModule], standalone: true, template: "<div class=\"ids-carousel\">\n <button\n class=\"ids-carousel__button-prev\"\n [attr.aria-label]=\"srPrevLabel\"\n (click)=\"prevSlide()\"\n ></button>\n <button\n class=\"ids-carousel__button-next\"\n [attr.aria-label]=\"srNextLabel\"\n (click)=\"nextSlide()\"\n ></button>\n <button\n class=\"ids-carousel__button-prev ids-carousel__button-prev--mobile\"\n [attr.aria-label]=\"srPrevLabel\"\n (click)=\"prevSlide()\"\n >\n <div class=\"ids-carousel-btn__inner\"></div>\n </button>\n <button\n class=\"ids-carousel__button-next ids-carousel__button-next--mobile\"\n [attr.aria-label]=\"srNextLabel\"\n (click)=\"nextSlide()\"\n >\n <div class=\"ids-carousel-btn__inner\"></div>\n </button>\n <div class=\"ids-carousel-content\">\n <div aria-live=\"polite\">\n <ng-container *ngFor=\"let item of carouselItems(); trackBy: trackByItem\">\n <ng-container *ngTemplateOutlet=\"item.template()\"></ng-container>\n </ng-container>\n </div>\n </div>\n</div>\n" }]
|
|
96
96
|
}], ctorParameters: () => [], propDecorators: { srNextLabel: [{
|
|
97
97
|
type: Input
|
|
98
98
|
}], srPrevLabel: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inera-ids-angular-components-carousel.mjs","sources":["../../../projects/ids-angular/components/carousel/carousel-item/carousel-item.component.ts","../../../projects/ids-angular/components/carousel/carousel-item/carousel-item.component.html","../../../projects/ids-angular/components/carousel/carousel.component.ts","../../../projects/ids-angular/components/carousel/carousel.component.html","../../../projects/ids-angular/components/carousel/inera-ids-angular-components-carousel.ts"],"sourcesContent":["import { Component, Input, TemplateRef, viewChild } from '@angular/core';\n\n@Component({\n selector: 'id-carousel-item',\n templateUrl: './carousel-item.component.html',\n standalone: true,\n})\nexport class IDCarouselItemComponent {\n @Input() headline: string = '';\n @Input() description: string = '';\n @Input() step: string = '';\n @Input() active: boolean = true;\n @Input() next: boolean = true;\n @Input() prev: boolean = true;\n\n template = viewChild.required(TemplateRef);\n}\n","<ng-template>\n <div class=\"ids-carousel-item-wrapper\" \n [class.active]=\"active\"\n [class.prev]=\"prev\"\n [class.next]=\"next\"\n [attr.aria-hidden]=\"!active ? 'true' : null\"\n [attr.inert]=\"!active ? 'true' : null\">\n <div class=\"ids-carousel-item\">\n <div class=\"ids-carousel-item__image\">\n <ng-content select=\"[idCarouselImage]\"></ng-content>\n </div>\n <div class=\"ids-carousel-item__content\">\n <h2 class=\"ids-carousel-item__headline\">{{headline}}</h2>\n <ng-content></ng-content>\n <div class=\"ids-carousel-item__footer\">\n <div class=\"ids-carousel-item__description\">{{description}}</div>\n <div class=\"ids-carousel-item__step\">\n <div class=\"ids-tag\">{{step}}</div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</ng-template>","import { Component, DestroyRef, EventEmitter, Input, OnDestroy, Output, inject, contentChildren } from '@angular/core';\nimport { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';\nimport { IDCarouselItemComponent } from './carousel-item/carousel-item.component';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n selector: 'id-carousel',\n templateUrl: './carousel.component.html',\n imports: [CommonModule],\n standalone: true,\n})\nexport class IDCarouselComponent implements OnDestroy {\n carouselItems = contentChildren(IDCarouselItemComponent);\n\n private destroyRef = inject(DestroyRef);\n @Input() srNextLabel = 'Nästa slide';\n @Input() srPrevLabel = 'Föregående slide';\n\n @Output() slideChanged: EventEmitter<number> = new EventEmitter<number>();\n\n activeSlide = 0;\n isAnimating = false;\n private animatingTimeout?: ReturnType<typeof setTimeout>;\n\n constructor() {\n toObservable(this.carouselItems)\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe(() => this.syncActiveSlide());\n }\n\n ngOnDestroy() {\n clearTimeout(this.animatingTimeout);\n }\n\n setIsAnimating() {\n this.isAnimating = true;\n clearTimeout(this.animatingTimeout);\n this.animatingTimeout = setTimeout(() => {\n this.isAnimating = false;\n }, 500);\n }\n\n nextSlide() {\n if (!this.isAnimating) {\n const lastIndex = this.carouselItems().length - 1;\n this.setActiveSlide(this.activeSlide === lastIndex ? 0 : this.activeSlide + 1);\n this.setIsAnimating();\n }\n }\n\n prevSlide() {\n if (!this.isAnimating) {\n const lastIndex = this.carouselItems().length - 1;\n this.setActiveSlide(this.activeSlide === 0 ? lastIndex : this.activeSlide - 1);\n this.setIsAnimating();\n }\n }\n\n setActiveSlide(index: number) {\n this.activeSlide = index;\n this.syncActiveSlide();\n this.slideChanged.emit(this.activeSlide);\n }\n\n private syncActiveSlide() {\n const items = this.carouselItems();\n const lastIndex = items.length - 1;\n\n items.forEach((item, index) => {\n item.active = index === this.activeSlide;\n item.prev = index === (this.activeSlide === 0 ? lastIndex : this.activeSlide - 1);\n item.next = index === (this.activeSlide === lastIndex ? 0 : this.activeSlide + 1);\n });\n }\n\n trackByItem(_: number, item: IDCarouselItemComponent): IDCarouselItemComponent {\n return item;\n }\n}\n","<div class=\"ids-carousel\">\n <button\n class=\"ids-carousel__button-prev\"\n [attr.aria-label]=\"srPrevLabel\"\n (click)=\"prevSlide()\"\n ></button>\n <button\n class=\"ids-carousel__button-next\"\n [attr.aria-label]=\"srNextLabel\"\n (click)=\"nextSlide()\"\n ></button>\n <button\n class=\"ids-carousel__button-prev ids-carousel__button-prev--mobile\"\n [attr.aria-label]=\"srPrevLabel\"\n (click)=\"prevSlide()\"\n >\n <div class=\"ids-carousel-btn__inner\"></div>\n </button>\n <button\n class=\"ids-carousel__button-next ids-carousel__button-next--mobile\"\n [attr.aria-label]=\"srNextLabel\"\n (click)=\"nextSlide()\"\n >\n <div class=\"ids-carousel-btn__inner\"></div>\n </button>\n <div class=\"ids-carousel-content
|
|
1
|
+
{"version":3,"file":"inera-ids-angular-components-carousel.mjs","sources":["../../../projects/ids-angular/components/carousel/carousel-item/carousel-item.component.ts","../../../projects/ids-angular/components/carousel/carousel-item/carousel-item.component.html","../../../projects/ids-angular/components/carousel/carousel.component.ts","../../../projects/ids-angular/components/carousel/carousel.component.html","../../../projects/ids-angular/components/carousel/inera-ids-angular-components-carousel.ts"],"sourcesContent":["import { Component, Input, TemplateRef, viewChild } from '@angular/core';\n\n@Component({\n selector: 'id-carousel-item',\n templateUrl: './carousel-item.component.html',\n standalone: true,\n})\nexport class IDCarouselItemComponent {\n @Input() headline: string = '';\n @Input() description: string = '';\n @Input() step: string = '';\n @Input() active: boolean = true;\n @Input() next: boolean = true;\n @Input() prev: boolean = true;\n\n template = viewChild.required(TemplateRef);\n}\n","<ng-template>\n <div class=\"ids-carousel-item-wrapper\" \n [class.active]=\"active\"\n [class.prev]=\"prev\"\n [class.next]=\"next\"\n [attr.aria-hidden]=\"!active ? 'true' : null\"\n [attr.inert]=\"!active ? 'true' : null\">\n <div class=\"ids-carousel-item\">\n <div class=\"ids-carousel-item__image\">\n <ng-content select=\"[idCarouselImage]\"></ng-content>\n </div>\n <div class=\"ids-carousel-item__content\">\n <h2 class=\"ids-carousel-item__headline\">{{headline}}</h2>\n <ng-content></ng-content>\n <div class=\"ids-carousel-item__footer\">\n <div class=\"ids-carousel-item__description\">{{description}}</div>\n <div class=\"ids-carousel-item__step\">\n <div class=\"ids-tag\">{{step}}</div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</ng-template>","import { Component, DestroyRef, EventEmitter, Input, OnDestroy, Output, inject, contentChildren } from '@angular/core';\nimport { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';\nimport { IDCarouselItemComponent } from './carousel-item/carousel-item.component';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n selector: 'id-carousel',\n templateUrl: './carousel.component.html',\n imports: [CommonModule],\n standalone: true,\n})\nexport class IDCarouselComponent implements OnDestroy {\n carouselItems = contentChildren(IDCarouselItemComponent);\n\n private destroyRef = inject(DestroyRef);\n @Input() srNextLabel = 'Nästa slide';\n @Input() srPrevLabel = 'Föregående slide';\n\n @Output() slideChanged: EventEmitter<number> = new EventEmitter<number>();\n\n activeSlide = 0;\n isAnimating = false;\n private animatingTimeout?: ReturnType<typeof setTimeout>;\n\n constructor() {\n toObservable(this.carouselItems)\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe(() => this.syncActiveSlide());\n }\n\n ngOnDestroy() {\n clearTimeout(this.animatingTimeout);\n }\n\n setIsAnimating() {\n this.isAnimating = true;\n clearTimeout(this.animatingTimeout);\n this.animatingTimeout = setTimeout(() => {\n this.isAnimating = false;\n }, 500);\n }\n\n nextSlide() {\n if (!this.isAnimating) {\n const lastIndex = this.carouselItems().length - 1;\n this.setActiveSlide(this.activeSlide === lastIndex ? 0 : this.activeSlide + 1);\n this.setIsAnimating();\n }\n }\n\n prevSlide() {\n if (!this.isAnimating) {\n const lastIndex = this.carouselItems().length - 1;\n this.setActiveSlide(this.activeSlide === 0 ? lastIndex : this.activeSlide - 1);\n this.setIsAnimating();\n }\n }\n\n setActiveSlide(index: number) {\n this.activeSlide = index;\n this.syncActiveSlide();\n this.slideChanged.emit(this.activeSlide);\n }\n\n private syncActiveSlide() {\n const items = this.carouselItems();\n const lastIndex = items.length - 1;\n\n items.forEach((item, index) => {\n item.active = index === this.activeSlide;\n item.prev = index === (this.activeSlide === 0 ? lastIndex : this.activeSlide - 1);\n item.next = index === (this.activeSlide === lastIndex ? 0 : this.activeSlide + 1);\n });\n }\n\n trackByItem(_: number, item: IDCarouselItemComponent): IDCarouselItemComponent {\n return item;\n }\n}\n","<div class=\"ids-carousel\">\n <button\n class=\"ids-carousel__button-prev\"\n [attr.aria-label]=\"srPrevLabel\"\n (click)=\"prevSlide()\"\n ></button>\n <button\n class=\"ids-carousel__button-next\"\n [attr.aria-label]=\"srNextLabel\"\n (click)=\"nextSlide()\"\n ></button>\n <button\n class=\"ids-carousel__button-prev ids-carousel__button-prev--mobile\"\n [attr.aria-label]=\"srPrevLabel\"\n (click)=\"prevSlide()\"\n >\n <div class=\"ids-carousel-btn__inner\"></div>\n </button>\n <button\n class=\"ids-carousel__button-next ids-carousel__button-next--mobile\"\n [attr.aria-label]=\"srNextLabel\"\n (click)=\"nextSlide()\"\n >\n <div class=\"ids-carousel-btn__inner\"></div>\n </button>\n <div class=\"ids-carousel-content\">\n <div aria-live=\"polite\">\n <ng-container *ngFor=\"let item of carouselItems(); trackBy: trackByItem\">\n <ng-container *ngTemplateOutlet=\"item.template()\"></ng-container>\n </ng-container>\n </div>\n </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -2,10 +2,10 @@ import * as i0 from '@angular/core';
|
|
|
2
2
|
import { Directive } from '@angular/core';
|
|
3
3
|
|
|
4
4
|
class IDControlButtonDirective {
|
|
5
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
6
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
5
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDControlButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
6
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: IDControlButtonDirective, isStandalone: true, selector: "button[idControlButton], a[idControlButton]", host: { classAttribute: "ids-control-button" }, ngImport: i0 });
|
|
7
7
|
}
|
|
8
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDControlButtonDirective, decorators: [{
|
|
9
9
|
type: Directive,
|
|
10
10
|
args: [{
|
|
11
11
|
selector: 'button[idControlButton], a[idControlButton]',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inera-ids-angular-components-control-button.mjs","sources":["../../../projects/ids-angular/components/control-button/control-button.directive.ts","../../../projects/ids-angular/components/control-button/inera-ids-angular-components-control-button.ts"],"sourcesContent":["import { Directive } from '@angular/core';\n\n@Directive({\n selector: 'button[idControlButton], a[idControlButton]',\n standalone: true,\n host: {\n class: 'ids-control-button',\n },\n})\nexport class IDControlButtonDirective {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MASa,wBAAwB,CAAA;wGAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,6CAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,oBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAxB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAPpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,6CAA6C;AACvD,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,oBAAoB;AAC5B,qBAAA;AACF,iBAAA;;;ACRD;;AAEG;;;;"}
|
|
1
|
+
{"version":3,"file":"inera-ids-angular-components-control-button.mjs","sources":["../../../projects/ids-angular/components/control-button/control-button.directive.ts","../../../projects/ids-angular/components/control-button/inera-ids-angular-components-control-button.ts"],"sourcesContent":["import { Directive, Input } from '@angular/core';\n\n@Directive({\n selector: 'button[idControlButton], a[idControlButton]',\n standalone: true,\n host: {\n class: 'ids-control-button',\n },\n})\nexport class IDControlButtonDirective {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MASa,wBAAwB,CAAA;wGAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,6CAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,oBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAxB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAPpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,6CAA6C;AACvD,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,oBAAoB;AAC5B,qBAAA;AACF,iBAAA;;;ACRD;;AAEG;;;;"}
|
|
@@ -96,10 +96,10 @@ class IDDateLabelComponent {
|
|
|
96
96
|
return "";
|
|
97
97
|
}
|
|
98
98
|
};
|
|
99
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
100
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
99
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDDateLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
100
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: IDDateLabelComponent, isStandalone: true, selector: "id-date-label", inputs: { date: "date", year: "year", month: "month", day: "day", monthLabel: "monthLabel", dateTo: "dateTo", yearTo: "yearTo", monthTo: "monthTo", dayTo: "dayTo", monthToLabel: "monthToLabel" }, ngImport: i0, template: "<div class=\"ids-date-label\">\n <time class=\"ids-date-label__time\"\n [attr.aria-label]=\"(dateTo || (dayTo && monthTo && yearTo)) ? 'Fr\u00E5n: ' + getYear + ' ' + displayMonthText + ' ' + displayDay : null\"\n [attr.datetime]=\"displayDay + '-' + (getMonth < 10 ? '0' + month : month) + '-' + getYear\">\n <span class=\"ids-date-label__day\">{{ displayDay }}</span>\n <span class=\"ids-date-label__month\">{{ displayMonth }}</span>\n <span class=\"ids-date-label__year\">{{ getYear }}</span>\n </time>\n @if(dateTo || (dayTo && monthTo && yearTo)) {\n <time class=\"ids-date-label__time ids-date-label__time--separator\"\n [attr.aria-label]=\"'Till: ' + getYearTo + ' ' + displayMonthTo + ' ' + displayDayTo\"\n [attr.datetime]=\"displayDayTo + '-' + (monthTo! < 10 ? '0' + month : month) + '-' + yearTo\">\n <span class=\"ids-date-label__day\">{{ displayDayTo }}</span>\n <span class=\"ids-date-label__month\">{{ displayMonthTo }}</span>\n <span class=\"ids-date-label__year\">{{ getYearTo }}</span>\n </time>\n }\n</div>" });
|
|
101
101
|
}
|
|
102
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
102
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IDDateLabelComponent, decorators: [{
|
|
103
103
|
type: Component,
|
|
104
104
|
args: [{ selector: "id-date-label", standalone: true, template: "<div class=\"ids-date-label\">\n <time class=\"ids-date-label__time\"\n [attr.aria-label]=\"(dateTo || (dayTo && monthTo && yearTo)) ? 'Fr\u00E5n: ' + getYear + ' ' + displayMonthText + ' ' + displayDay : null\"\n [attr.datetime]=\"displayDay + '-' + (getMonth < 10 ? '0' + month : month) + '-' + getYear\">\n <span class=\"ids-date-label__day\">{{ displayDay }}</span>\n <span class=\"ids-date-label__month\">{{ displayMonth }}</span>\n <span class=\"ids-date-label__year\">{{ getYear }}</span>\n </time>\n @if(dateTo || (dayTo && monthTo && yearTo)) {\n <time class=\"ids-date-label__time ids-date-label__time--separator\"\n [attr.aria-label]=\"'Till: ' + getYearTo + ' ' + displayMonthTo + ' ' + displayDayTo\"\n [attr.datetime]=\"displayDayTo + '-' + (monthTo! < 10 ? '0' + month : month) + '-' + yearTo\">\n <span class=\"ids-date-label__day\">{{ displayDayTo }}</span>\n <span class=\"ids-date-label__month\">{{ displayMonthTo }}</span>\n <span class=\"ids-date-label__year\">{{ getYearTo }}</span>\n </time>\n }\n</div>" }]
|
|
105
105
|
}], propDecorators: { date: [{
|