@inera/ids-angular 3.0.0 → 3.0.1

package/bundles/inera-ids-angular.umd.js

@@ -269,6 +269,10 @@
             this.disabled = false;
             this.type = undefined;
             this.color = undefined;
+            //For Dialog
+            this.trigger = '';
+            // General props
+            this.tabindex = '';
             // Internal Icon
             this.iconobject = undefined;
             this.onClicked = new i0.EventEmitter();
@@ -276,13 +280,14 @@
         return IDButtonComponent;
     }());
     IDButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDButtonComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    IDButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDButtonComponent, selector: "id-button", inputs: { secondary: "secondary", fab: "fab", icon: "icon", tertiary: "tertiary", toggle: "toggle", block: "block", sblock: "sblock", mblock: "mblock", active: "active", submit: "submit", search: "search", size: "size", disabled: "disabled", type: "type", color: "color", iconobject: "iconobject" }, outputs: { onClicked: "onClicked" }, ngImport: i0__namespace, template: "<ids-button \r\n  [secondary]=\"secondary ? 'true' : null\"\r\n  [attr.fab]=\"fab ? 'true' : null\"\r\n  [attr.icon]=\"icon ? '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  [sblock]=\"sblock ? 'true' : null\"\r\n  [mblock]=\"mblock ? 'true' : null\"\r\n  [size]=\"size\"\r\n  [type]=\"type\"\r\n  [color]=\"color\"\r\n  (clicked)=\"onClicked.emit(true)\">\r\n  <ids-icon *ngIf=\"iconobject !== undefined\"\r\n    [attr.name]=\"iconobject?.name\"\r\n    [attr.title]=\"iconobject?.title\" \r\n    [attr.color]=\"iconobject?.color\" \r\n    [attr.color2]=\"iconobject?.color2\" \r\n    [attr.size]=\"iconobject?.size\" \r\n    [attr.padding]=\"iconobject?.padding\"  \r\n    [attr.rotate]=\"iconobject?.rotate\" \r\n    [attr.colorpreset]=\"iconobject?.colorpreset\"   \r\n    [attr.height]=\"iconobject?.height\"   \r\n    [attr.width]=\"iconobject?.width\"></ids-icon>\r\n  <ng-content></ng-content>\r\n</ids-button>", styles: ["id-button[ng-reflect-block=true], id-button[ng-reflect-mblock=true], id-button[ng-reflect-sblock=true] { display: contents; }"], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
+    IDButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDButtonComponent, selector: "id-button", inputs: { secondary: "secondary", fab: "fab", icon: "icon", tertiary: "tertiary", toggle: "toggle", block: "block", sblock: "sblock", mblock: "mblock", active: "active", submit: "submit", search: "search", size: "size", disabled: "disabled", type: "type", color: "color", trigger: "trigger", tabindex: "tabindex", iconobject: "iconobject" }, outputs: { onClicked: "onClicked" }, host: { classAttribute: "ids-contains-clickable" }, ngImport: i0__namespace, template: "<ids-button \r\n  [secondary]=\"secondary ? 'true' : null\"\r\n  [attr.fab]=\"fab ? 'true' : null\"\r\n  [attr.icon]=\"icon ? 'true' : null\"\r\n  [tertiary]=\"tertiary ? 'true' : null\"\r\n  [attr.trigger]=\"trigger ? 'true' : null\"\r\n  [attr.tabindex]=\"tabindex ? '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  [sblock]=\"sblock ? 'true' : null\"\r\n  [mblock]=\"mblock ? 'true' : null\"\r\n  [size]=\"size\"\r\n  [type]=\"type\"\r\n  [color]=\"color\"\r\n  (clicked)=\"onClicked.emit(true)\">\r\n  <ids-icon *ngIf=\"iconobject !== undefined\"\r\n    [attr.name]=\"iconobject?.name\"\r\n    [attr.title]=\"iconobject?.title\" \r\n    [attr.color]=\"iconobject?.color\" \r\n    [attr.color2]=\"iconobject?.color2\" \r\n    [attr.size]=\"iconobject?.size\" \r\n    [attr.padding]=\"iconobject?.padding\"  \r\n    [attr.rotate]=\"iconobject?.rotate\" \r\n    [attr.colorpreset]=\"iconobject?.colorpreset\"   \r\n    [attr.height]=\"iconobject?.height\"   \r\n    [attr.width]=\"iconobject?.width\"></ids-icon>\r\n  <ng-content></ng-content>\r\n</ids-button>", styles: ["id-button[ng-reflect-block=true], id-button[ng-reflect-mblock=true], id-button[ng-reflect-sblock=true] { display: contents; }"], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDButtonComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'id-button',
                         templateUrl: './button.component.html',
                         styles: ['id-button[ng-reflect-block=true], id-button[ng-reflect-mblock=true], id-button[ng-reflect-sblock=true] { display: contents; }'],
+                        host: { 'class': 'ids-contains-clickable' },
                         encapsulation: i0.ViewEncapsulation.None,
                     }]
             }], ctorParameters: function () { return []; }, propDecorators: { secondary: [{
@@ -315,6 +320,10 @@
                     type: i0.Input
                 }], color: [{
                     type: i0.Input
+                }], trigger: [{
+                    type: i0.Input
+                }], tabindex: [{
+                    type: i0.Input
                 }], iconobject: [{
                     type: i0.Input
                 }], onClicked: [{
@@ -1190,7 +1199,7 @@
         return IDDateLabelComponent;
     }());
     IDDateLabelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDDateLabelComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    IDDateLabelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDDateLabelComponent, selector: "id-date-label", inputs: { date: "date", year: "year", month: "month", monthlabel: "monthlabel", day: "day" }, ngImport: i0__namespace, template: "<ids-date-label \n  [date]=\"date?.toString()\"\n  [year]=\"year\"\n  [month]=\"month\"\n  [monthlabel]=\"monthlabel\"\n  [day]=\"day\">\n  <ng-content></ng-content>\n</ids-date-label>", encapsulation: i0__namespace.ViewEncapsulation.None });
+    IDDateLabelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDDateLabelComponent, selector: "id-date-label", inputs: { date: "date", year: "year", month: "month", monthlabel: "monthlabel", day: "day" }, ngImport: i0__namespace, template: "<ids-date-label \r\n  [date]=\"date?.toString()\"\r\n  [year]=\"year\"\r\n  [month]=\"month\"\r\n  [monthlabel]=\"monthlabel\"\r\n  [day]=\"day\">\r\n  <ng-content></ng-content>\r\n</ids-date-label>", encapsulation: i0__namespace.ViewEncapsulation.None });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDDateLabelComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -1236,6 +1245,7 @@
             this.dismissible = false;
             this.srclosetext = '';
             this.nofocustrap = false;
+            this.autofocus = false;
             this.headline = '';
             this.overlay = false;
             this.persistent = false;
@@ -1249,7 +1259,7 @@
         return IDDialogComponent;
     }());
     IDDialogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDDialogComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    IDDialogComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDDialogComponent, selector: "id-dialog", inputs: { dismissible: "dismissible", srclosetext: "srclosetext", nofocustrap: "nofocustrap", headline: "headline", overlay: "overlay", persistent: "persistent", show: "show", width: "width" }, outputs: { onClosed: "onClosed" }, ngImport: i0__namespace, template: "<ids-dialog \r\n  [attr.dismissible]=\"dismissible ? true : null\"\r\n  [attr.headline]=\"headline\"\r\n  [attr.overlay]=\"overlay ? true : null\"\r\n  [attr.nofocustrap]=\"nofocustrap ? true : null\"\r\n  [attr.persistent]=\"persistent ? true : null\"\r\n  [show]=\"show\"\r\n  [width]=\"width\"\r\n  nofocustrap=\"nofocustrap\"\r\n  [srclosetext]=\"srclosetext\"\r\n  (closed)=\"emitOnClosed\">\r\n  <ng-content></ng-content>\r\n</ids-dialog>", encapsulation: i0__namespace.ViewEncapsulation.None });
+    IDDialogComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDDialogComponent, selector: "id-dialog", inputs: { dismissible: "dismissible", srclosetext: "srclosetext", nofocustrap: "nofocustrap", autofocus: "autofocus", headline: "headline", overlay: "overlay", persistent: "persistent", show: "show", width: "width" }, outputs: { onClosed: "onClosed" }, ngImport: i0__namespace, template: "<ids-dialog \r\n  [attr.dismissible]=\"dismissible ? true : null\"\r\n  [attr.headline]=\"headline\"\r\n  [attr.overlay]=\"overlay ? true : null\"\r\n  [attr.nofocustrap]=\"nofocustrap ? true : null\"\r\n  [attr.autofocus]=\"autofocus ? true : null\"\r\n  [attr.persistent]=\"persistent ? true : null\"\r\n  [show]=\"show\"\r\n  [width]=\"width\"\r\n  nofocustrap=\"nofocustrap\"\r\n  [srclosetext]=\"srclosetext\"\r\n  (closed)=\"emitOnClosed\">\r\n  <ng-content></ng-content>\r\n</ids-dialog>", encapsulation: i0__namespace.ViewEncapsulation.None });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDDialogComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -1263,6 +1273,8 @@
                     type: i0.Input
                 }], nofocustrap: [{
                     type: i0.Input
+                }], autofocus: [{
+                    type: i0.Input
                 }], headline: [{
                     type: i0.Input
                 }], overlay: [{
@@ -2584,6 +2596,7 @@
 
     var IDPopoverComponent = /** @class */ (function () {
         function IDPopoverComponent() {
+            this.autofocus = false;
             this.maxwidth = '260px';
             this.maxheight = '260px';
             this.cathegory = undefined;
@@ -2592,14 +2605,16 @@
         return IDPopoverComponent;
     }());
     IDPopoverComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDPopoverComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    IDPopoverComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDPopoverComponent, selector: "id-popover", inputs: { maxwidth: "maxwidth", maxheight: "maxheight", cathegory: "cathegory", position: "position" }, ngImport: i0__namespace, template: "<ids-popover \r\n  [attr.cathegory]=\"cathegory\"\r\n  [attr.position]=\"position\">\r\n  <ng-content></ng-content>\r\n  <ids-popover-content \r\n    [attr.maxwidth]=\"maxwidth\"\r\n    [attr.maxheight]=\"maxheight\">\r\n    <ng-content select=\"[popover-content]\"></ng-content>\r\n  </ids-popover-content>\r\n</ids-popover>" });
+    IDPopoverComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDPopoverComponent, selector: "id-popover", inputs: { autofocus: "autofocus", maxwidth: "maxwidth", maxheight: "maxheight", cathegory: "cathegory", position: "position" }, ngImport: i0__namespace, template: "<ids-popover \r\n  [attr.cathegory]=\"cathegory\"\r\n  [attr.position]=\"position\">\r\n  <ng-content></ng-content>\r\n  <ids-popover-content \r\n    [attr.autofocus]=\"autofocus ? 'true' : null\"\r\n    [attr.maxwidth]=\"maxwidth\"\r\n    [attr.maxheight]=\"maxheight\">\r\n    <ng-content select=\"[popover-content]\"></ng-content>\r\n  </ids-popover-content>\r\n</ids-popover>" });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDPopoverComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'id-popover',
                         templateUrl: './popover.component.html',
                     }]
-            }], ctorParameters: function () { return []; }, propDecorators: { maxwidth: [{
+            }], ctorParameters: function () { return []; }, propDecorators: { autofocus: [{
+                    type: i0.Input
+                }], maxwidth: [{
                     type: i0.Input
                 }], maxheight: [{
                     type: i0.Input