@inera/ids-angular 1.10.0 → 1.11.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/bundles/inera-ids-angular.umd.js +12 -5
- package/bundles/inera-ids-angular.umd.js.map +1 -1
- package/esm2015/lib/components/agent/agent.component.js +2 -2
- package/esm2015/lib/components/agent/agent.module.js +1 -1
- package/esm2015/lib/components/button/button.component.js +8 -2
- package/esm2015/lib/components/header/header.component.js +5 -4
- package/fesm2015/inera-ids-angular.js +12 -5
- package/fesm2015/inera-ids-angular.js.map +1 -1
- package/lib/components/button/button.component.d.ts +3 -1
- package/lib/components/header/header.component.d.ts +2 -2
- package/package.json +2 -2
|
@@ -150,7 +150,7 @@
|
|
|
150
150
|
return IDAgentComponent;
|
|
151
151
|
}());
|
|
152
152
|
IDAgentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDAgentComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
153
|
-
IDAgentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDAgentComponent, selector: "id-agent", inputs: { expanded: "expanded", headline: "headline", showText: "showText", hideText: "hideText" }, outputs: { didToggleExpansion: "didToggleExpansion" }, ngImport: i0__namespace, template: "<ids-agent\n [showtext]=\"showText\"\n [hidetext]=\"hideText\"\n [expanded]=\"expanded\"\n (didToggleExpansion)=\"didToggleExpansion.emit(true)\">\n <h3 slot=\"alert-headline\" *ngIf=\"headline\">\n {{headline}}\n </h3>\n <ng-content></ng-content>\n</ids-agent>", styles: [":host { display: block; }"], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
153
|
+
IDAgentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDAgentComponent, selector: "id-agent", inputs: { expanded: "expanded", headline: "headline", showText: "showText", hideText: "hideText" }, outputs: { didToggleExpansion: "didToggleExpansion" }, ngImport: i0__namespace, template: "<ids-agent\r\n [showtext]=\"showText\"\r\n [hidetext]=\"hideText\"\r\n [expanded]=\"expanded\"\r\n (didToggleExpansion)=\"didToggleExpansion.emit(true)\">\r\n <h3 slot=\"alert-headline\" *ngIf=\"headline\">\r\n {{headline}}\r\n </h3>\r\n <ng-content></ng-content>\r\n</ids-agent>", styles: [":host { display: block; }"], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
154
154
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDAgentComponent, decorators: [{
|
|
155
155
|
type: i0.Component,
|
|
156
156
|
args: [{
|
|
@@ -195,6 +195,7 @@
|
|
|
195
195
|
var IDButtonComponent = /** @class */ (function () {
|
|
196
196
|
function IDButtonComponent() {
|
|
197
197
|
this.secondary = false;
|
|
198
|
+
this.tertiary = false;
|
|
198
199
|
this.toggle = false;
|
|
199
200
|
this.block = false;
|
|
200
201
|
this.sBlock = false;
|
|
@@ -202,13 +203,14 @@
|
|
|
202
203
|
this.active = false;
|
|
203
204
|
this.submit = false;
|
|
204
205
|
this.search = false;
|
|
206
|
+
this.size = 'm';
|
|
205
207
|
this.disabled = false;
|
|
206
208
|
this.type = undefined;
|
|
207
209
|
}
|
|
208
210
|
return IDButtonComponent;
|
|
209
211
|
}());
|
|
210
212
|
IDButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDButtonComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
211
|
-
IDButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDButtonComponent, selector: "id-button", inputs: { secondary: "secondary", toggle: "toggle", block: "block", sBlock: "sBlock", mBlock: "mBlock", active: "active", submit: "submit", search: "search", disabled: "disabled", type: "type" }, ngImport: i0__namespace, template: "<ids-button \r\n [secondary]=\"secondary ? 'true' : null\"\r\n [toggle]=\"toggle ? 'true' : null\"\r\n [active]=\"active ? 'true' : null\"\r\n [submit]=\"submit ? 'true' : null\"\r\n [search]=\"search ? 'true' : null\"\r\n [disabled]=\"disabled ? 'true' : null\"\r\n [block]=\"block ? 'true' : null\"\r\n [s-block]=\"sBlock ? 'true' : null\"\r\n [m-block]=\"mBlock ? 'true' : null\"\r\n [type]=\"type\">\r\n <ng-content></ng-content>\r\n</ids-button>", styles: ["id-button[ng-reflect-block=true], id-button[ng-reflect-m-block=true], id-button[ng-reflect-s-block=true] { display: contents; }"], encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
213
|
+
IDButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDButtonComponent, selector: "id-button", inputs: { secondary: "secondary", tertiary: "tertiary", toggle: "toggle", block: "block", sBlock: "sBlock", mBlock: "mBlock", active: "active", submit: "submit", search: "search", size: "size", disabled: "disabled", type: "type" }, ngImport: i0__namespace, template: "<ids-button \r\n [secondary]=\"secondary ? 'true' : null\"\r\n [tertiary]=\"tertiary ? 'true' : null\"\r\n [toggle]=\"toggle ? 'true' : null\"\r\n [active]=\"active ? 'true' : null\"\r\n [submit]=\"submit ? 'true' : null\"\r\n [search]=\"search ? 'true' : null\"\r\n [disabled]=\"disabled ? 'true' : null\"\r\n [block]=\"block ? 'true' : null\"\r\n [s-block]=\"sBlock ? 'true' : null\"\r\n [m-block]=\"mBlock ? 'true' : null\"\r\n [size]=\"size\"\r\n [type]=\"type\">\r\n <ng-content></ng-content>\r\n</ids-button>", styles: ["id-button[ng-reflect-block=true], id-button[ng-reflect-m-block=true], id-button[ng-reflect-s-block=true] { display: contents; }"], encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
212
214
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDButtonComponent, decorators: [{
|
|
213
215
|
type: i0.Component,
|
|
214
216
|
args: [{
|
|
@@ -219,6 +221,8 @@
|
|
|
219
221
|
}]
|
|
220
222
|
}], ctorParameters: function () { return []; }, propDecorators: { secondary: [{
|
|
221
223
|
type: i0.Input
|
|
224
|
+
}], tertiary: [{
|
|
225
|
+
type: i0.Input
|
|
222
226
|
}], toggle: [{
|
|
223
227
|
type: i0.Input
|
|
224
228
|
}], block: [{
|
|
@@ -233,6 +237,8 @@
|
|
|
233
237
|
type: i0.Input
|
|
234
238
|
}], search: [{
|
|
235
239
|
type: i0.Input
|
|
240
|
+
}], size: [{
|
|
241
|
+
type: i0.Input
|
|
236
242
|
}], disabled: [{
|
|
237
243
|
type: i0.Input
|
|
238
244
|
}], type: [{
|
|
@@ -2355,6 +2361,7 @@
|
|
|
2355
2361
|
this.brandTextTop = '';
|
|
2356
2362
|
this.brandTextBottom = '';
|
|
2357
2363
|
this.hideRegionPicker = false;
|
|
2364
|
+
this.unresponsive = false;
|
|
2358
2365
|
this.hideBrand = false;
|
|
2359
2366
|
this.pickRegionText = 'Välj region';
|
|
2360
2367
|
this.srLogoLabel = 'Logotyp';
|
|
@@ -2363,7 +2370,7 @@
|
|
|
2363
2370
|
return IDHeaderComponent;
|
|
2364
2371
|
}());
|
|
2365
2372
|
IDHeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2366
|
-
IDHeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDHeaderComponent, selector: "id-header", inputs: { type: "type", brandText: "brandText", brandTextTop: "brandTextTop", brandTextBottom: "brandTextBottom", hideRegionPicker: "hideRegionPicker", hideBrand: "hideBrand", pickRegionText: "pickRegionText", regionIcon: "regionIcon",
|
|
2373
|
+
IDHeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDHeaderComponent, selector: "id-header", inputs: { type: "type", brandText: "brandText", brandTextTop: "brandTextTop", brandTextBottom: "brandTextBottom", hideRegionPicker: "hideRegionPicker", unresponsive: "unresponsive", hideBrand: "hideBrand", pickRegionText: "pickRegionText", regionIcon: "regionIcon", srLogoLabel: "srLogoLabel", items: "items", avatar: "avatar", navItems: "navItems", mobileItems: "mobileItems", mobileMenuItems: "mobileMenuItems" }, outputs: { didToggleRegion: "didToggleRegion" }, ngImport: i0__namespace, template: "<ids-header \r\n [attr.type]=\"type\"\r\n [attr.brandtext]=\"brandText\"\r\n [attr.brandtexttop]=\"brandTextTop\"\r\n [attr.brandtextbottom]=\"brandTextBottom\"\r\n [unresponsive]=\"unresponsive\"\r\n [hideregionpicker]=\"hideRegionPicker\"\r\n [hidebrand]=\"hideBrand\"\r\n [pickregiontext]=\"pickRegionText\"\r\n [regionicon]=\"regionIcon\"\r\n [srlogolabel]=\"srLogoLabel\"\r\n (didToggleRegion)=\"didToggleRegion.emit(true)\">\r\n\r\n <ids-header-item *ngFor=\"let item of items\" \r\n [icon]=\"item.iconName\" \r\n [mobile]=\"item.mobile\">\r\n <id-anchor [link]=\"item.link\"></id-anchor>\r\n </ids-header-item>\r\n\r\n <ids-header-nav *ngIf=\"navItems || mobileItems\">\r\n <ids-header-nav-item *ngFor=\"let navItem of navItems; let i = index\" [label]=\"navItem.label\" [link]=\"navItem.link\" [active]=\"navItem.active\">\r\n <id-anchor *ngIf=\"navItem.link\" [link]=\"navItem.link\"></id-anchor>\r\n <ids-link slot=\"col-1\" [block]=\"true\" *ngFor=\"let link of navItem.col1\">\r\n <ids-icon *ngIf=\"type.indexOf('1177')\" name=\"arrow\"></ids-icon>\r\n <ids-icon *ngIf=\"type.indexOf('inera')\" color=\"var(--color-main)\" name=\"arrow\"></ids-icon>\r\n <id-anchor [link]=\"link\"></id-anchor>\r\n </ids-link> \r\n <ids-link slot=\"col-2\" [block]=\"true\" *ngFor=\"let link of navItem.col2\">\r\n <ids-icon *ngIf=\"type.indexOf('1177')\" name=\"arrow\"></ids-icon>\r\n <ids-icon *ngIf=\"type.indexOf('inera')\" color=\"var(--color-main)\" name=\"arrow\"></ids-icon>\r\n <id-anchor [link]=\"link\"></id-anchor>\r\n </ids-link>\r\n <ids-link slot=\"col-3\" [block]=\"true\" *ngFor=\"let link of navItem.col3\">\r\n <ids-icon *ngIf=\"type.indexOf('1177')\" name=\"arrow\"></ids-icon>\r\n <ids-icon *ngIf=\"type.indexOf('inera')\" color=\"var(--color-main)\" name=\"arrow\"></ids-icon>\r\n <id-anchor [link]=\"link\"></id-anchor>\r\n </ids-link>\r\n <div slot=\"col-4\">\r\n <h2 style=\"margin-bottom: 15px; color: var(--header-nav-item-heading_color);\" class=\"h2\">{{navItem.headline}}</h2>\r\n <p class=\"body\">{{navItem.paragraph}}</p>\r\n <id-anchor>{{navItem.paragraphLink}}</id-anchor>\r\n </div>\r\n </ids-header-nav-item>\r\n <ids-header-mobile-item *ngFor=\"let mobileItem of mobileItems\" [icon]=\"mobileItem.iconName\">\r\n <id-anchor [link]=\"mobileItem.link\"></id-anchor>\r\n </ids-header-mobile-item>\r\n \r\n <ids-header-mobile-menu *ngIf=\"mobileMenuItems\">\r\n Menu\r\n <ids-mobile-menu-item *ngFor=\"let item of mobileMenuItems\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n [secondary]=\"item?.secondary\"\r\n [active]=\"item?.active\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n [secondary]=\"item?.secondary\"\r\n [active]=\"item?.active\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n [secondary]=\"item?.secondary\"\r\n [active]=\"item?.active\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n [secondary]=\"item?.secondary\"\r\n [active]=\"item?.active\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n </ids-mobile-menu-item>\r\n </ids-mobile-menu-item>\r\n </ids-mobile-menu-item>\r\n </ids-mobile-menu-item>\r\n </ids-header-mobile-menu>\r\n </ids-header-nav>\r\n\r\n <ids-header-avatar *ngIf=\"avatar\" [username]=\"avatar.username\">\r\n <ng-content select=\"[avatar]\"></ng-content>\r\n <span slot=\"avatar-text\">{{avatar.serviceName}}</span>\r\n <id-anchor [link]=\"avatar.linkLeft\" slot=\"avatar-left\"></id-anchor>\r\n <id-anchor [link]=\"avatar.linkRight\" slot=\"avatar-right\"></id-anchor>\r\n </ids-header-avatar>\r\n\r\n <ng-content></ng-content>\r\n\r\n <ids-header-mobile-menu \r\n *ngIf=\"type !== '1177' && (mobileMenuItems || avatar)\"\r\n [type]=\"type\">\r\n <ids-mobile-menu-avatar *ngIf=\"avatar\" [username]=\"avatar.username\">\r\n <ng-content select=\"[avatarMobile]\"></ng-content>\r\n <id-anchor style=\"color: var(--mobile-menu-avatar-link)\" *ngIf=\"avatar.linkMobile\" [link]=\"avatar.linkMobile\"></id-anchor>\r\n </ids-mobile-menu-avatar>\r\n <ids-mobile-menu-item *ngFor=\"let item of mobileMenuItems\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n <ids-mobile-menu-item *ngFor=\"let item of item.items\"\r\n [attr.type]=\"type\"\r\n [headline]=\"item?.headline\"\r\n [expanded]=\"item?.expanded\"\r\n (didToggleExpansion)=\"item.togleExpansion()\">\r\n <id-anchor *ngIf=\"item.link\" [link]=\"item.link\"></id-anchor>\r\n </ids-mobile-menu-item>\r\n </ids-mobile-menu-item>\r\n </ids-mobile-menu-item>\r\n </ids-mobile-menu-item>\r\n </ids-header-mobile-menu>\r\n</ids-header>", components: [{ type: IDAnchorComponent, selector: "id-anchor", inputs: ["link", "contextClasses"] }], directives: [{ type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2367
2374
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDHeaderComponent, decorators: [{
|
|
2368
2375
|
type: i0.Component,
|
|
2369
2376
|
args: [{
|
|
@@ -2380,14 +2387,14 @@
|
|
|
2380
2387
|
type: i0.Input
|
|
2381
2388
|
}], hideRegionPicker: [{
|
|
2382
2389
|
type: i0.Input
|
|
2390
|
+
}], unresponsive: [{
|
|
2391
|
+
type: i0.Input
|
|
2383
2392
|
}], hideBrand: [{
|
|
2384
2393
|
type: i0.Input
|
|
2385
2394
|
}], pickRegionText: [{
|
|
2386
2395
|
type: i0.Input
|
|
2387
2396
|
}], regionIcon: [{
|
|
2388
2397
|
type: i0.Input
|
|
2389
|
-
}], width: [{
|
|
2390
|
-
type: i0.Input
|
|
2391
2398
|
}], srLogoLabel: [{
|
|
2392
2399
|
type: i0.Input
|
|
2393
2400
|
}], items: [{
|