@inera/ids-angular 1.3.0 → 1.4.0

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@inera/ids-core/components/alert/register'), require('@inera/ids-core/components/alert-global/register'), require('@inera/ids-core/components/button/register'), require('@inera/ids-core/components/button-group/register'), require('@inera/ids-core/components/icon/register'), require('@inera/ids-core/components/form/input/register'), require('@inera/ids-core/components/form/checkbox/register'), require('@inera/ids-core/components/form/checkbox-group/register'), require('@inera/ids-core/components/form/error-message/register'), require('@inera/ids-core/components/form/radio/register'), require('@inera/ids-core/components/form/range/register'), require('@inera/ids-core/components/form/select/register'), require('@inera/ids-core/components/form/select-multiple/register'), require('@inera/ids-core/components/form/spinner/register'), require('@inera/ids-core/components/form/time/register'), require('@inera/ids-core/components/form/textarea/register'), require('@inera/ids-core/components/grid/row/register'), require('@inera/ids-core/components/grid/column/register'), require('@inera/ids-core/components/grid/container/register'), require('@angular/platform-browser'), require('@angular/router'), require('@inera/ids-core/components/link/register'), require('@inera/ids-core/components/notification/badge/register'), require('@inera/ids-core/components/mobile/menu/register'), require('@inera/ids-core/components/footer/register'), require('@inera/ids-core/components/header/register')) :
-    typeof define === 'function' && define.amd ? define('@inera/ids-angular', ['exports', '@angular/core', '@angular/common', '@inera/ids-core/components/alert/register', '@inera/ids-core/components/alert-global/register', '@inera/ids-core/components/button/register', '@inera/ids-core/components/button-group/register', '@inera/ids-core/components/icon/register', '@inera/ids-core/components/form/input/register', '@inera/ids-core/components/form/checkbox/register', '@inera/ids-core/components/form/checkbox-group/register', '@inera/ids-core/components/form/error-message/register', '@inera/ids-core/components/form/radio/register', '@inera/ids-core/components/form/range/register', '@inera/ids-core/components/form/select/register', '@inera/ids-core/components/form/select-multiple/register', '@inera/ids-core/components/form/spinner/register', '@inera/ids-core/components/form/time/register', '@inera/ids-core/components/form/textarea/register', '@inera/ids-core/components/grid/row/register', '@inera/ids-core/components/grid/column/register', '@inera/ids-core/components/grid/container/register', '@angular/platform-browser', '@angular/router', '@inera/ids-core/components/link/register', '@inera/ids-core/components/notification/badge/register', '@inera/ids-core/components/mobile/menu/register', '@inera/ids-core/components/footer/register', '@inera/ids-core/components/header/register'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.inera = global.inera || {}, global.inera["ids-angular"] = {}), global.ng.core, global.ng.common, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, global.ng.platformBrowser, global.ng.router));
-})(this, (function (exports, i0, i2, register, register$1, register$2, register$3, register$4, register$5, register$6, register$7, register$8, register$9, register$a, register$b, register$c, register$d, register$e, register$f, register$g, register$h, register$i, i1, i3) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@inera/ids-core/components/alert/register'), require('@inera/ids-core/components/alert-global/register'), require('@inera/ids-core/components/button/register'), require('@inera/ids-core/components/button-group/register'), require('@inera/ids-core/components/icon/register'), require('@inera/ids-core/components/form/input/register'), require('@inera/ids-core/components/form/checkbox/register'), require('@inera/ids-core/components/form/checkbox-group/register'), require('@inera/ids-core/components/form/error-message/register'), require('@inera/ids-core/components/form/radio/register'), require('@inera/ids-core/components/form/range/register'), require('@inera/ids-core/components/form/select/register'), require('@inera/ids-core/components/form/select-multiple/register'), require('@inera/ids-core/components/form/spinner/register'), require('@inera/ids-core/components/form/time/register'), require('@inera/ids-core/components/form/textarea/register'), require('@inera/ids-core/components/grid/row/register'), require('@inera/ids-core/components/grid/column/register'), require('@inera/ids-core/components/grid/container/register'), require('@inera/ids-core/components/link/register'), require('@angular/platform-browser'), require('@angular/router'), require('@inera/ids-core/components/notification/badge/register'), require('@inera/ids-core/components/mobile/menu/register'), require('@inera/ids-core/components/footer/register'), require('@inera/ids-core/components/header/register'), require('@inera/ids-core/components/tabs/register')) :
+    typeof define === 'function' && define.amd ? define('@inera/ids-angular', ['exports', '@angular/core', '@angular/common', '@inera/ids-core/components/alert/register', '@inera/ids-core/components/alert-global/register', '@inera/ids-core/components/button/register', '@inera/ids-core/components/button-group/register', '@inera/ids-core/components/icon/register', '@inera/ids-core/components/form/input/register', '@inera/ids-core/components/form/checkbox/register', '@inera/ids-core/components/form/checkbox-group/register', '@inera/ids-core/components/form/error-message/register', '@inera/ids-core/components/form/radio/register', '@inera/ids-core/components/form/range/register', '@inera/ids-core/components/form/select/register', '@inera/ids-core/components/form/select-multiple/register', '@inera/ids-core/components/form/spinner/register', '@inera/ids-core/components/form/time/register', '@inera/ids-core/components/form/textarea/register', '@inera/ids-core/components/grid/row/register', '@inera/ids-core/components/grid/column/register', '@inera/ids-core/components/grid/container/register', '@inera/ids-core/components/link/register', '@angular/platform-browser', '@angular/router', '@inera/ids-core/components/notification/badge/register', '@inera/ids-core/components/mobile/menu/register', '@inera/ids-core/components/footer/register', '@inera/ids-core/components/header/register', '@inera/ids-core/components/tabs/register'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.inera = global.inera || {}, global.inera["ids-angular"] = {}), global.ng.core, global.ng.common, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, global.ng.platformBrowser, global.ng.router));
+})(this, (function (exports, i0, i2, register, register$1, register$2, register$3, register$4, register$5, register$6, register$7, register$8, register$9, register$a, register$b, register$c, register$d, register$e, register$f, register$g, register$h, register$i, register$j, i1, i3) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -971,6 +971,63 @@
                     }]
             }] });
 
+    var IDLinkComponent = /** @class */ (function () {
+        function IDLinkComponent() {
+            this.link = null;
+            this.notificationBadge = null;
+            this.prependIcon = null;
+            this.appendIcon = null;
+            this.underlined = false;
+            this.padding = null;
+            this.outline = null;
+            this.block = false;
+            this.color = undefined;
+            this.size = undefined;
+            this.activeicon = false;
+            this.external = false;
+            this.slot = undefined;
+        }
+        return IDLinkComponent;
+    }());
+    IDLinkComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDLinkComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    IDLinkComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDLinkComponent, selector: "id-link", inputs: { link: "link", notificationBadge: "notificationBadge", prependIcon: "prependIcon", appendIcon: "appendIcon", underlined: "underlined", padding: "padding", outline: "outline", block: "block", color: "color", size: "size", activeicon: "activeicon", external: "external", slot: "slot" }, host: { properties: { "class.ids-block": "this.block" } }, ngImport: i0__namespace, template: "<ids-tab>\n  \n</ids-tab>" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDLinkComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'id-link',
+                        templateUrl: './link.component.html'
+                    }]
+            }], ctorParameters: function () { return []; }, propDecorators: { link: [{
+                    type: i0.Input
+                }], notificationBadge: [{
+                    type: i0.Input
+                }], prependIcon: [{
+                    type: i0.Input
+                }], appendIcon: [{
+                    type: i0.Input
+                }], underlined: [{
+                    type: i0.Input
+                }], padding: [{
+                    type: i0.Input
+                }], outline: [{
+                    type: i0.Input
+                }], block: [{
+                    type: i0.Input
+                }, {
+                    type: i0.HostBinding,
+                    args: ['class.ids-block']
+                }], color: [{
+                    type: i0.Input
+                }], size: [{
+                    type: i0.Input
+                }], activeicon: [{
+                    type: i0.Input
+                }], external: [{
+                    type: i0.Input
+                }], slot: [{
+                    type: i0.Input
+                }] } });
+
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
 
@@ -1506,63 +1563,6 @@
                     type: i0.Input
                 }] } });
 
-    var IDLinkComponent = /** @class */ (function () {
-        function IDLinkComponent() {
-            this.link = null;
-            this.notificationBadge = null;
-            this.prependIcon = null;
-            this.appendIcon = null;
-            this.underlined = false;
-            this.padding = null;
-            this.outline = null;
-            this.block = false;
-            this.color = undefined;
-            this.size = undefined;
-            this.activeicon = false;
-            this.external = false;
-            this.slot = undefined;
-        }
-        return IDLinkComponent;
-    }());
-    IDLinkComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDLinkComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    IDLinkComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDLinkComponent, selector: "id-link", inputs: { link: "link", notificationBadge: "notificationBadge", prependIcon: "prependIcon", appendIcon: "appendIcon", underlined: "underlined", padding: "padding", outline: "outline", block: "block", color: "color", size: "size", activeicon: "activeicon", external: "external", slot: "slot" }, host: { properties: { "class.ids-block": "this.block" } }, ngImport: i0__namespace, template: "<ids-link \n  [attr.underlined]=\"underlined ? '' : null\"\n  [color]=\"color\"\n  [size]=\"size\"\n  [activeicon]=\"activeicon\"\n  [padding]=\"padding\"\n  [outline]=\"outline\"\n  [block]=\"block\"\n  [attr.slot]=\"slot\"\n  >\n    <ids-icon *ngIf=\"prependIcon !== null\"\n    slot=\"prepend-icon\" \n    [attr.name]=\"prependIcon?.name\"\n    [attr.title]=\"prependIcon?.title\" \n    [attr.color]=\"prependIcon?.color\" \n    [attr.color2]=\"prependIcon?.color2\" \n    [attr.size]=\"prependIcon?.size\" \n    [attr.padding]=\"prependIcon?.padding\" \n    [attr.colorpreset]=\"prependIcon?.colorpreset\"   \n    [attr.height]=\"prependIcon?.height\"   \n    [attr.width]=\"prependIcon?.width\"></ids-icon>\n    <id-anchor *ngIf=\"link\" [link]=\"link\"></id-anchor>\n    <ng-content *ngIf=\"!link\"></ng-content>\n    <ids-icon *ngIf=\"appendIcon !== null\" \n    slot=\"append-icon\" \n    [attr.name]=\"appendIcon?.name\"\n    [attr.title]=\"appendIcon?.title\" \n    [attr.color]=\"appendIcon?.color\" \n    [attr.color2]=\"appendIcon?.color2\"\n    [attr.size]=\"appendIcon?.size\"  \n    [attr.padding]=\"appendIcon?.padding\" \n    [attr.colorpreset]=\"appendIcon?.colorpreset\"   \n    [attr.height]=\"appendIcon?.height\"   \n    [attr.width]=\"appendIcon?.width\"></ids-icon>\n    <ids-notification-badge \n    *ngIf=\"notificationBadge !== null\"\n    [attr.type]=\"notificationBadge.type\"\n    [attr.size]=\"notificationBadge.size\">\n    {{notificationBadge.value}}\n  </ids-notification-badge>\n</ids-link>", components: [{ type: IDAnchorComponent, selector: "id-anchor", inputs: ["link", "contextClasses"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDLinkComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'id-link',
-                        templateUrl: './link.component.html'
-                    }]
-            }], ctorParameters: function () { return []; }, propDecorators: { link: [{
-                    type: i0.Input
-                }], notificationBadge: [{
-                    type: i0.Input
-                }], prependIcon: [{
-                    type: i0.Input
-                }], appendIcon: [{
-                    type: i0.Input
-                }], underlined: [{
-                    type: i0.Input
-                }], padding: [{
-                    type: i0.Input
-                }], outline: [{
-                    type: i0.Input
-                }], block: [{
-                    type: i0.Input
-                }, {
-                    type: i0.HostBinding,
-                    args: ['class.ids-block']
-                }], color: [{
-                    type: i0.Input
-                }], size: [{
-                    type: i0.Input
-                }], activeicon: [{
-                    type: i0.Input
-                }], external: [{
-                    type: i0.Input
-                }], slot: [{
-                    type: i0.Input
-                }] } });
-
     var IDAnchorModule = /** @class */ (function () {
         function IDAnchorModule() {
         }
@@ -2043,6 +2043,94 @@
         return IDHeaderNavItem;
     }());
 
+    var IDTabsComponent = /** @class */ (function () {
+        function IDTabsComponent() {
+        }
+        return IDTabsComponent;
+    }());
+    IDTabsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTabsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    IDTabsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTabsComponent, selector: "id-tabs", ngImport: i0__namespace, template: "<ids-tabs>\n  <ng-content></ng-content>\n</ids-tabs>" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTabsComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'id-tabs',
+                        templateUrl: './tabs.component.html'
+                    }]
+            }], ctorParameters: function () { return []; } });
+
+    var IDTabPanelComponent = /** @class */ (function () {
+        function IDTabPanelComponent(elementRef) {
+            this.elementRef = elementRef;
+            elementRef.nativeElement.setAttribute('slot', 'tab-panel');
+        }
+        return IDTabPanelComponent;
+    }());
+    IDTabPanelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTabPanelComponent, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    IDTabPanelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTabPanelComponent, selector: "id-tab-panel", ngImport: i0__namespace, template: "<ids-tab-panel>\r\n  <ng-content></ng-content>\r\n</ids-tab-panel>" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTabPanelComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'id-tab-panel',
+                        templateUrl: './tab-panel.component.html'
+                    }]
+            }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; } });
+
+    var IDTabComponent = /** @class */ (function () {
+        function IDTabComponent(elementRef) {
+            this.elementRef = elementRef;
+            this.label = '';
+            this.icon = '';
+            this.selected = false;
+            elementRef.nativeElement.setAttribute('slot', 'tab');
+        }
+        return IDTabComponent;
+    }());
+    IDTabComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTabComponent, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    IDTabComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTabComponent, selector: "id-tab", inputs: { label: "label", icon: "icon", selected: "selected" }, ngImport: i0__namespace, template: "<ids-tab\n  [label]=\"label\"\n  [attr.icon]=\"icon\"\n  [attr.selected]=\"selected ? '':null\">\n</ids-tab>" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTabComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'id-tab',
+                        templateUrl: './tab.component.html'
+                    }]
+            }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; }, propDecorators: { label: [{
+                    type: i0.Input
+                }], icon: [{
+                    type: i0.Input
+                }], selected: [{
+                    type: i0.Input
+                }] } });
+
+    var IDTabsModule = /** @class */ (function () {
+        function IDTabsModule() {
+        }
+        return IDTabsModule;
+    }());
+    IDTabsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTabsModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    IDTabsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTabsModule, declarations: [IDTabsComponent,
+            IDTabComponent,
+            IDTabPanelComponent], imports: [i2.CommonModule], exports: [IDTabsComponent,
+            IDTabComponent,
+            IDTabPanelComponent] });
+    IDTabsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTabsModule, imports: [[i2.CommonModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTabsModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [
+                            IDTabsComponent,
+                            IDTabComponent,
+                            IDTabPanelComponent
+                        ],
+                        imports: [i2.CommonModule],
+                        exports: [
+                            IDTabsComponent,
+                            IDTabComponent,
+                            IDTabPanelComponent
+                        ],
+                        schemas: [i0.CUSTOM_ELEMENTS_SCHEMA],
+                    }]
+            }] });
+
     /*
      * Public API Surface of ids-angular
      */
@@ -2106,6 +2194,10 @@
     exports.IDSelectMultipleModule = IDSelectMultipleModule;
     exports.IDSpinnerComponent = IDSpinnerComponent;
     exports.IDSpinnerModule = IDSpinnerModule;
+    exports.IDTabComponent = IDTabComponent;
+    exports.IDTabPanelComponent = IDTabPanelComponent;
+    exports.IDTabsComponent = IDTabsComponent;
+    exports.IDTabsModule = IDTabsModule;
     exports.IDTextareaComponent = IDTextareaComponent;
     exports.IDTextareaModule = IDTextareaModule;
     exports.IDTimeComponent = IDTimeComponent;