@inera/ids-angular 1.7.0 → 1.9.0

package/fesm2015/inera-ids-angular.js

@@ -10,7 +10,9 @@ import * as i1 from '@angular/platform-browser';
 import * as i3 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import '@inera/ids-core/components/breadcrumbs/register';
+import '@inera/ids-core/components/card/register';
 import '@inera/ids-core/components/date-label/register';
+import '@inera/ids-core/components/dialog/register';
 import '@inera/ids-core/components/icon/register';
 import '@inera/ids-core/components/form/input/register';
 import '@inera/ids-core/components/form/checkbox/register';
@@ -142,6 +144,9 @@ class IDButtonComponent {
     constructor() {
         this.secondary = false;
         this.toggle = false;
+        this.block = false;
+        this.sBlock = false;
+        this.mBlock = false;
         this.active = false;
         this.submit = false;
         this.search = false;
@@ -150,26 +155,30 @@ class IDButtonComponent {
     }
 }
 IDButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDButtonComponent, selector: "id-button", inputs: { secondary: "secondary", toggle: "toggle", active: "active", submit: "submit", search: "search", disabled: "disabled", type: "type" }, host: { properties: { "class.ids-btn-search": "this.search" } }, ngImport: i0, template: "<ids-button \n  [secondary]=\"secondary\"\n  [toggle]=\"toggle\"\n  [toggle]=\"toggle\"\n  [active]=\"toggle\"\n  [submit]=\"submit\"\n  [search]=\"search\"\n  [disabled]=\"disabled\"\n  [type]=\"type\">\n  <ng-content></ng-content>\n</ids-button>", encapsulation: i0.ViewEncapsulation.None });
+IDButtonComponent.ɵcmp = i0.ɵɵ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, 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.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDButtonComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-button',
                     templateUrl: './button.component.html',
+                    styles: ['id-button[ng-reflect-block=true], id-button[ng-reflect-m-block=true], id-button[ng-reflect-s-block=true] { display: contents; }'],
                     encapsulation: ViewEncapsulation.None,
                 }]
         }], ctorParameters: function () { return []; }, propDecorators: { secondary: [{
                 type: Input
             }], toggle: [{
                 type: Input
+            }], block: [{
+                type: Input
+            }], sBlock: [{
+                type: Input
+            }], mBlock: [{
+                type: Input
             }], active: [{
                 type: Input
             }], submit: [{
                 type: Input
             }], search: [{
-                type: HostBinding,
-                args: ['class.ids-btn-search']
-            }, {
                 type: Input
             }], disabled: [{
                 type: Input
@@ -468,6 +477,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }]
         }] });
 
+class IDCardComponent {
+    constructor() {
+        this.fill = false;
+    }
+}
+IDCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+IDCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDCardComponent, selector: "id-card", inputs: { fill: "fill" }, ngImport: i0, template: "<ids-card \r\n  [fill]=\"fill\">\r\n  <ng-content></ng-content>\r\n</ids-card>", encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDCardComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-card',
+                    templateUrl: './card.component.html',
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { fill: [{
+                type: Input
+            }] } });
+
+class IDCardModule {
+}
+IDCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+IDCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDCardModule, declarations: [IDCardComponent], exports: [IDCardComponent] });
+IDCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDCardModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDCardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        IDCardComponent
+                    ],
+                    exports: [
+                        IDCardComponent
+                    ],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }] });
+
 class IDDateLabelComponent {
     constructor() {
         this.date = null;
@@ -516,6 +561,75 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }]
         }] });
 
+class IDDialogComponent {
+    constructor() {
+        this.dismissible = false;
+        this.headline = '';
+        this.overlay = false;
+        this.persistent = false;
+        this.show = false;
+        this.width = '';
+    }
+}
+IDDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+IDDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDDialogComponent, selector: "id-dialog", inputs: { dismissible: "dismissible", headline: "headline", overlay: "overlay", persistent: "persistent", show: "show", width: "width" }, ngImport: i0, template: "<ids-dialog \r\n  [dismissible]=\"dismissible\"\r\n  [headline]=\"headline\"\r\n  [overlay]=\"overlay\"\r\n  [persistent]=\"persistent\"\r\n  [show]=\"show\"\r\n  [width]=\"width\">\r\n  <ng-content></ng-content>\r\n</ids-dialog>", encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDDialogComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-dialog',
+                    templateUrl: './dialog.component.html',
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { dismissible: [{
+                type: Input
+            }], headline: [{
+                type: Input
+            }], overlay: [{
+                type: Input
+            }], persistent: [{
+                type: Input
+            }], show: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }] } });
+
+class IDDialogActionsComponent {
+    constructor() { }
+}
+IDDialogActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDDialogActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+IDDialogActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDDialogActionsComponent, selector: "id-dialog-actions", ngImport: i0, template: "<ids-dialog-actions>\r\n  <ng-content></ng-content>\r\n</ids-dialog-actions>", encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDDialogActionsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-dialog-actions',
+                    templateUrl: './dialog-actions.component.html',
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class IDDialogModule {
+}
+IDDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+IDDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDDialogModule, declarations: [IDDialogComponent,
+        IDDialogActionsComponent], exports: [IDDialogComponent,
+        IDDialogActionsComponent] });
+IDDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDDialogModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDDialogModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        IDDialogComponent,
+                        IDDialogActionsComponent
+                    ],
+                    exports: [
+                        IDDialogComponent,
+                        IDDialogActionsComponent
+                    ],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }] });
+
 class IDIcon {
     constructor(_props) {
         this._props = _props;
@@ -1040,17 +1154,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
         }] });
 
 class IDRowComponent {
-    constructor() { }
+    constructor(_elementRef) {
+        this._elementRef = _elementRef;
+        this.align = null;
+        this.justify = null;
+        this.style = null;
+        this._elementRef.nativeElement.removeAttribute('style');
+    }
 }
-IDRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDRowComponent, selector: "id-row", ngImport: i0, template: "<ids-row>\r\n  <ng-content></ng-content>\r\n</ids-row>" });
+IDRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDRowComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+IDRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDRowComponent, selector: "id-row", inputs: { align: "align", justify: "justify", style: "style" }, ngImport: i0, template: "<ids-row [style]=\"style\" [justify]=\"justify\" [align]=\"align\">\r\n  <ng-content></ng-content>\r\n</ids-row>" });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDRowComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'id-row',
                     templateUrl: './row.component.html',
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { align: [{
+                type: Input
+            }], justify: [{
+                type: Input
+            }], style: [{
+                type: Input
+            }] } });
 
 class IDRowModule {
 }
@@ -1071,14 +1197,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
         }] });
 
 class IDColumnComponent {
-    constructor() {
+    constructor(_elementRef) {
+        this._elementRef = _elementRef;
         this.cols = "";
-        this.mobile = "";
+        this.offset = null;
+        this.m = "";
+        this.mOffset = null;
+        this.s = "";
+        this.sOffset = null;
         this.align = "";
+        this.style = null;
+        this._elementRef.nativeElement.removeAttribute('style');
     }
 }
-IDColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDColumnComponent, selector: "id-col", inputs: { cols: "cols", mobile: "mobile", align: "align" }, ngImport: i0, template: "<ids-col \r\n  [attr.cols]=\"cols\"\r\n  [attr.mobile]=\"mobile\" \r\n  [attr.align]=\"align\">\r\n  <ng-content></ng-content>\r\n</ids-col>", styles: ["id-col { display: contents; }"], encapsulation: i0.ViewEncapsulation.None });
+IDColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDColumnComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+IDColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDColumnComponent, selector: "id-col", inputs: { cols: "cols", offset: "offset", m: "m", mOffset: "mOffset", s: "s", sOffset: "sOffset", align: "align", style: "style" }, ngImport: i0, template: "<ids-col \r\n  [attr.cols]=\"cols\"\r\n  [attr.offset]=\"offset\"\r\n  [attr.m]=\"m\" \r\n  [attr.m-offset]=\"[mOffset]\"\r\n  [attr.s]=\"s\" \r\n  [attr.s-offset]=\"[sOffset]\"\r\n  [attr.align]=\"align\"\r\n  [attr.style]=\"style\">\r\n  <ng-content></ng-content>\r\n</ids-col>", styles: ["id-col { display: contents; }"], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDColumnComponent, decorators: [{
             type: Component,
             args: [{
@@ -1087,12 +1220,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     encapsulation: ViewEncapsulation.None,
                     styles: ['id-col { display: contents; }']
                 }]
-        }], ctorParameters: function () { return []; }, propDecorators: { cols: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { cols: [{
+                type: Input
+            }], offset: [{
                 type: Input
-            }], mobile: [{
+            }], m: [{
+                type: Input
+            }], mOffset: [{
+                type: Input
+            }], s: [{
+                type: Input
+            }], sOffset: [{
                 type: Input
             }], align: [{
                 type: Input
+            }], style: [{
+                type: Input
             }] } });
 
 class IDColumnModule {
@@ -1116,10 +1259,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
 class IDContainerComponent {
     constructor() {
         this.fluid = false;
+        this.gutterless = false;
     }
 }
 IDContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IDContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDContainerComponent, selector: "id-container", inputs: { fluid: "fluid" }, ngImport: i0, template: "<ids-container [attr.fluid]=\"fluid\">\r\n  <ng-content></ng-content>\r\n</ids-container>", encapsulation: i0.ViewEncapsulation.None });
+IDContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDContainerComponent, selector: "id-container", inputs: { fluid: "fluid", gutterless: "gutterless" }, ngImport: i0, template: "<ids-container \r\n  [attr.gutterless]=\"gutterless ? true : null\" \r\n  [attr.fluid]=\"fluid ? true : null\">\r\n  <ng-content></ng-content>\r\n</ids-container>", encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDContainerComponent, decorators: [{
             type: Component,
             args: [{
@@ -1129,6 +1273,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }]
         }], ctorParameters: function () { return []; }, propDecorators: { fluid: [{
                 type: Input
+            }], gutterless: [{
+                type: Input
             }] } });
 
 class IDContainerModule {
@@ -1746,5 +1892,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { IDAlertComponent, IDAlertGlobalComponent, IDAlertGlobalModule, IDAlertModule, IDBreadcrumbsComponent, IDBreadcrumbsModule, IDButtonComponent, IDButtonGroupComponent, IDButtonGroupModule, IDButtonModule, IDCheckboxComponent, IDCheckboxGroupComponent, IDCheckboxGroupModule, IDCheckboxModule, IDColumnComponent, IDColumnModule, IDContainerComponent, IDContainerModule, IDDateLabelComponent, IDDateLabelModule, IDErrorMessageComponent, IDErrorMessageModule, IDFooterComponent, IDFooterModule, IDHeaderAvatar, IDHeaderComponent, IDHeaderItem, IDHeaderModule, IDHeaderNavItem, IDIcon, IDIconComponent, IDIconModule, IDInputComponent, IDInputModule, IDLink, IDLinkComponent, IDLinkFunction, IDLinkModule, IDLinkRoute, IDLinkWeb, IDListComponent, IDListItemComponent, IDListItemInfoComponent, IDListItemInfoModule, IDListItemModule, IDListModule, IDMobileMenuComponent, IDMobileMenuItem, IDMobileMenuModule, IDNotificationBadge, IDNotificationBadgeComponent, IDNotificationBadgeModule, IDRadioComponent, IDRadioGroupComponent, IDRadioModule, IDRangeComponent, IDRangeModule, IDRowComponent, IDRowModule, IDSelectComponent, IDSelectModule, IDSelectMultipleComponent, IDSelectMultipleModule, IDSpinnerComponent, IDSpinnerModule, IDTabComponent, IDTabPanelComponent, IDTabsComponent, IDTabsModule, IDTextareaComponent, IDTextareaModule, IDTimeComponent, IDTimeModule };
+export { IDAlertComponent, IDAlertGlobalComponent, IDAlertGlobalModule, IDAlertModule, IDBreadcrumbsComponent, IDBreadcrumbsModule, IDButtonComponent, IDButtonGroupComponent, IDButtonGroupModule, IDButtonModule, IDCardComponent, IDCardModule, IDCheckboxComponent, IDCheckboxGroupComponent, IDCheckboxGroupModule, IDCheckboxModule, IDColumnComponent, IDColumnModule, IDContainerComponent, IDContainerModule, IDDateLabelComponent, IDDateLabelModule, IDDialogActionsComponent, IDDialogComponent, IDDialogModule, IDErrorMessageComponent, IDErrorMessageModule, IDFooterComponent, IDFooterModule, IDHeaderAvatar, IDHeaderComponent, IDHeaderItem, IDHeaderModule, IDHeaderNavItem, IDIcon, IDIconComponent, IDIconModule, IDInputComponent, IDInputModule, IDLink, IDLinkComponent, IDLinkFunction, IDLinkModule, IDLinkRoute, IDLinkWeb, IDListComponent, IDListItemComponent, IDListItemInfoComponent, IDListItemInfoModule, IDListItemModule, IDListModule, IDMobileMenuComponent, IDMobileMenuItem, IDMobileMenuModule, IDNotificationBadge, IDNotificationBadgeComponent, IDNotificationBadgeModule, IDRadioComponent, IDRadioGroupComponent, IDRadioModule, IDRangeComponent, IDRangeModule, IDRowComponent, IDRowModule, IDSelectComponent, IDSelectModule, IDSelectMultipleComponent, IDSelectMultipleModule, IDSpinnerComponent, IDSpinnerModule, IDTabComponent, IDTabPanelComponent, IDTabsComponent, IDTabsModule, IDTextareaComponent, IDTextareaModule, IDTimeComponent, IDTimeModule };
 //# sourceMappingURL=inera-ids-angular.js.map