@inera/ids-angular 8.2.0 → 9.0.0

package/fesm2022/inera-ids-angular-components-button-group.mjs

@@ -1,49 +1,46 @@
 import * as i0 from '@angular/core';
-import { Input, ViewEncapsulation, Component, CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import '@inera/ids-core/components/button-group/register';
+import { booleanAttribute, Input, Component } from '@angular/core';
 
 class IDButtonGroupComponent {
     rtl = false;
     unresponsive = false;
     justify = 'start';
     break = 'm';
+    get hostClasses() {
+        const buttonGroupClass = 'ids-button-group';
+        const getStateClass = (state) => `${buttonGroupClass}--${state}`;
+        const classes = [buttonGroupClass, getStateClass(this.justify)];
+        if (this.rtl)
+            classes.push(getStateClass('rtl'));
+        if (this.unresponsive)
+            classes.push(getStateClass('unresponsive'));
+        if (this.break)
+            classes.push(getStateClass('break-' + this.break));
+        return classes.join(' ');
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDButtonGroupComponent, selector: "id-button-group", inputs: { rtl: "rtl", unresponsive: "unresponsive", justify: "justify", break: "break" }, ngImport: i0, template: "<ids-button-group [break]=\"break\" [justify]=\"justify\" [unresponsive]=\"unresponsive\" [rtl]=\"rtl\">\n  <ng-content></ng-content>\n</ids-button-group>", encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", 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>" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDButtonGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'id-button-group', encapsulation: ViewEncapsulation.None, template: "<ids-button-group [break]=\"break\" [justify]=\"justify\" [unresponsive]=\"unresponsive\" [rtl]=\"rtl\">\n  <ng-content></ng-content>\n</ids-button-group>" }]
+            args: [{ selector: 'id-button-group', standalone: true, host: {
+                        '[class]': 'hostClasses'
+                    }, template: "<ng-content></ng-content>" }]
         }], propDecorators: { rtl: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], unresponsive: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], justify: [{
                 type: Input
             }], break: [{
                 type: Input
             }] } });
 
-class IDButtonGroupModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IDButtonGroupModule, declarations: [IDButtonGroupComponent], exports: [IDButtonGroupComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDButtonGroupModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDButtonGroupModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        IDButtonGroupComponent
-                    ],
-                    exports: [
-                        IDButtonGroupComponent
-                    ],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { IDButtonGroupComponent, IDButtonGroupModule };
+export { IDButtonGroupComponent };
 //# sourceMappingURL=inera-ids-angular-components-button-group.mjs.map

package/fesm2022/inera-ids-angular-components-button-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-button-group.mjs","sources":["../../../projects/ids-angular/components/button-group/button-group.component.ts","../../../projects/ids-angular/components/button-group/button-group.component.html","../../../projects/ids-angular/components/button-group/button-group.module.ts","../../../projects/ids-angular/components/button-group/inera-ids-angular-components-button-group.ts"],"sourcesContent":["import { Component, Input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'id-button-group',\n  templateUrl: './button-group.component.html',\n  encapsulation: ViewEncapsulation.None,\n})\nexport class IDButtonGroupComponent {\n\n  @Input()\n  rtl:boolean = false;\n\n  @Input()\n  unresponsive:boolean = false;\n\n  @Input()\n  justify: 'start' | 'center' | 'end' = 'start';\n\n  @Input()\n  break: 's' | 'm' = 'm';\n\n}\n","<ids-button-group [break]=\"break\" [justify]=\"justify\" [unresponsive]=\"unresponsive\" [rtl]=\"rtl\">\n  <ng-content></ng-content>\n</ids-button-group>","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\nimport { IDButtonGroupComponent } from './button-group.component';\nimport '@inera/ids-core/components/button-group/register';\n\n@NgModule({\n  declarations: [\n    IDButtonGroupComponent\n  ],\n  exports: [\n    IDButtonGroupComponent\n  ],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class IDButtonGroupModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAOa,sBAAsB,CAAA;IAGjC,GAAG,GAAW,KAAK;IAGnB,YAAY,GAAW,KAAK;IAG5B,OAAO,GAA+B,OAAO;IAG7C,KAAK,GAAc,GAAG;wGAZX,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAtB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sBAAsB,iJCPnC,4JAEmB,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;4FDKN,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBALlC,SAAS;+BACE,iBAAiB,EAAA,aAAA,EAEZ,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,4JAAA,EAAA;8BAKrC,GAAG,EAAA,CAAA;sBADF;gBAID,YAAY,EAAA,CAAA;sBADX;gBAID,OAAO,EAAA,CAAA;sBADN;gBAID,KAAK,EAAA,CAAA;sBADJ;;;MELU,mBAAmB,CAAA;wGAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;yGAAnB,mBAAmB,EAAA,YAAA,EAAA,CAP5B,sBAAsB,CAAA,EAAA,OAAA,EAAA,CAGtB,sBAAsB,CAAA,EAAA,CAAA;yGAIb,mBAAmB,EAAA,CAAA;;4FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAT/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ;AACD,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP;AACD,qBAAA;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;AAClC,iBAAA;;;ACZD;;AAEG;;;;"}
+{"version":3,"file":"inera-ids-angular-components-button-group.mjs","sources":["../../../projects/ids-angular/components/button-group/button-group.component.ts","../../../projects/ids-angular/components/button-group/button-group.component.html","../../../projects/ids-angular/components/button-group/inera-ids-angular-components-button-group.ts"],"sourcesContent":["import { Component, Input, booleanAttribute } from '@angular/core';\n\n@Component({\n  selector: 'id-button-group',\n  templateUrl: './button-group.component.html',\n  standalone: true,\n  host: {\n    '[class]': 'hostClasses'\n  }\n})\nexport class IDButtonGroupComponent {\n\n  @Input({ transform: booleanAttribute }) rtl: boolean = false;\n  @Input({ transform: booleanAttribute }) unresponsive: boolean = false;\n  @Input() justify: 'start' | 'center' | 'end' = 'start';\n  @Input() break: 's' | 'm' = 'm';\n\n  get hostClasses(): string {\n    const buttonGroupClass = 'ids-button-group';\n    const getStateClass = (state: string) => `${buttonGroupClass}--${state}`\n    const classes = [buttonGroupClass, getStateClass(this.justify)];\n\n    if (this.rtl) classes.push(getStateClass('rtl'));\n    if (this.unresponsive) classes.push(getStateClass('unresponsive'));\n    if (this.break) classes.push(getStateClass('break-' + this.break));\n\n    return classes.join(' ');\n  }\n\n}","<ng-content></ng-content>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAUa,sBAAsB,CAAA;IAEO,GAAG,GAAY,KAAK;IACpB,YAAY,GAAY,KAAK;IAC5D,OAAO,GAA+B,OAAO;IAC7C,KAAK,GAAc,GAAG;AAE/B,IAAA,IAAI,WAAW,GAAA;QACb,MAAM,gBAAgB,GAAG,kBAAkB;AAC3C,QAAA,MAAM,aAAa,GAAG,CAAC,KAAa,KAAK,CAAA,EAAG,gBAAgB,CAAA,EAAA,EAAK,KAAK,CAAA,CAAE;AACxE,QAAA,MAAM,OAAO,GAAG,CAAC,gBAAgB,EAAE,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAE/D,IAAI,IAAI,CAAC,GAAG;YAAE,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAChD,IAAI,IAAI,CAAC,YAAY;YAAE,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;QAClE,IAAI,IAAI,CAAC,KAAK;AAAE,YAAA,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;AAElE,QAAA,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;IAC1B;wGAjBW,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAtB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,CAAA,KAAA,EAAA,KAAA,EAEb,gBAAgB,CAAA,EAAA,YAAA,EAAA,CAAA,cAAA,EAAA,cAAA,EAChB,gBAAgB,mHCbtC,2BAAyB,EAAA,CAAA;;4FDUZ,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBARlC,SAAS;+BACE,iBAAiB,EAAA,UAAA,EAEf,IAAI,EAAA,IAAA,EACV;AACJ,wBAAA,SAAS,EAAE;AACZ,qBAAA,EAAA,QAAA,EAAA,2BAAA,EAAA;8BAIuC,GAAG,EAAA,CAAA;sBAA1C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBACE,YAAY,EAAA,CAAA;sBAAnD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAC7B,OAAO,EAAA,CAAA;sBAAf;gBACQ,KAAK,EAAA,CAAA;sBAAb;;;AEfH;;AAEG;;;;"}

package/fesm2022/inera-ids-angular-components-button.mjs

@@ -1,96 +1,147 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Output, Input, ViewEncapsulation, Component, CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import '@inera/ids-core/components/button/register';
-import { CommonModule } from '@angular/common';
+import { inject, ElementRef, Renderer2, ViewContainerRef, Injector, booleanAttribute, Input, Directive } from '@angular/core';
+import { IDSpinnerComponent } from '@inera/ids-angular/components/form/spinner';
 
-class IDButtonComponent {
-    constructor() { }
+class IDButtonDirective {
+    elementRef = inject(ElementRef);
+    renderer = inject(Renderer2);
+    viewContainerRef = inject(ViewContainerRef);
+    injector = inject(Injector);
+    block = false;
     secondary = false;
     fab = false;
     icon = false;
     tertiary = false;
+    submit = false;
+    sBlock = false;
+    mBlock = false;
     toggle = false;
-    block = false;
-    sblock = false;
-    mblock = false;
     active = false;
-    submit = false;
-    loading = false;
     size = "m";
-    disabled = false;
-    type = undefined;
-    color = undefined;
-    //For Dialog
-    trigger = "";
-    // General props
-    srlabel = "";
-    onClicked = new EventEmitter();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", 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", loading: "loading", size: "size", disabled: "disabled", type: "type", color: "color", trigger: "trigger", srlabel: "srlabel" }, outputs: { onClicked: "onClicked" }, host: { classAttribute: "ids-contains-clickable" }, ngImport: i0, template: "<ids-button \n  [secondary]=\"secondary ? 'true' : null\"\n  [attr.fab]=\"fab ? 'true' : null\"\n  [attr.icon]=\"icon ? 'true' : null\"\n  [tertiary]=\"tertiary ? 'true' : null\"\n  [attr.trigger]=\"trigger ? 'true' : null\"\n  [class.ids-dialog-trigger]=\"trigger\"\n  [toggle]=\"toggle ? 'true' : null\"\n  [active]=\"active ? 'true' : null\"\n  [submit]=\"submit ? 'true' : null\"\n  [loading]=\"loading ? 'true' : null\"\n  [disabled]=\"disabled ? 'true' : null\"\n  [block]=\"block ? 'true' : null\"\n  [sblock]=\"sblock ? 'true' : null\"\n  [mblock]=\"mblock ? 'true' : null\"\n  [size]=\"size\"\n  [type]=\"type\"\n  [color]=\"color\"\n  [attr.aria-label]=\"srlabel ? srlabel : null\"\n  (clicked)=\"onClicked.emit($event)\">\n  <ng-content></ng-content>\n</ids-button>", styles: ["id-button{display:contents}\n"], encapsulation: i0.ViewEncapsulation.None });
+    get ariaPressedValue() {
+        if (!this.toggle) {
+            return null;
+        }
+        return this.active;
+    }
+    get baseAndSizeClasses() {
+        const buttonClass = 'ids-button';
+        const sizeClass = `${buttonClass}--${this.size}`;
+        return `${buttonClass} ${sizeClass}`;
+    }
+    // Spinner logic
+    _loading = false;
+    set loading(value) {
+        this._loading = value;
+        if (value) {
+            this.addSpinnerComponent();
+        }
+        else {
+            this.removeSpinnerComponent();
+        }
+    }
+    get loading() {
+        return this._loading;
+    }
+    spinnerComponentRef = null;
+    originalContent = [];
+    ngOnChanges() {
+        this.setSpinnerColor();
+    }
+    setSpinnerColor() {
+        if (this.spinnerComponentRef) {
+            this.spinnerComponentRef.instance.variant = !this.secondary && !this.tertiary ? "3" : "2";
+        }
+    }
+    addSpinnerComponent() {
+        const hostElement = this.elementRef.nativeElement;
+        if (this.spinnerComponentRef) {
+            return;
+        }
+        this.originalContent = Array.from(hostElement.childNodes).filter((node) => node.nodeType === 1);
+        this.originalContent.forEach(node => {
+            this.renderer.setStyle(node, 'display', 'none');
+        });
+        this.spinnerComponentRef = this.viewContainerRef.createComponent(IDSpinnerComponent, {
+            injector: this.injector
+        });
+        this.setSpinnerColor();
+        const spinnerNativeElement = this.spinnerComponentRef.location.nativeElement;
+        this.renderer.appendChild(hostElement, spinnerNativeElement);
+    }
+    removeSpinnerComponent() {
+        if (!this.spinnerComponentRef) {
+            return;
+        }
+        this.spinnerComponentRef.destroy();
+        this.spinnerComponentRef = null;
+        this.originalContent.forEach(node => {
+            this.renderer.setStyle(node, 'display', '');
+        });
+        this.originalContent = [];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.14", 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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "id-button", host: { class: "ids-contains-clickable" }, encapsulation: ViewEncapsulation.None, template: "<ids-button \n  [secondary]=\"secondary ? 'true' : null\"\n  [attr.fab]=\"fab ? 'true' : null\"\n  [attr.icon]=\"icon ? 'true' : null\"\n  [tertiary]=\"tertiary ? 'true' : null\"\n  [attr.trigger]=\"trigger ? 'true' : null\"\n  [class.ids-dialog-trigger]=\"trigger\"\n  [toggle]=\"toggle ? 'true' : null\"\n  [active]=\"active ? 'true' : null\"\n  [submit]=\"submit ? 'true' : null\"\n  [loading]=\"loading ? 'true' : null\"\n  [disabled]=\"disabled ? 'true' : null\"\n  [block]=\"block ? 'true' : null\"\n  [sblock]=\"sblock ? 'true' : null\"\n  [mblock]=\"mblock ? 'true' : null\"\n  [size]=\"size\"\n  [type]=\"type\"\n  [color]=\"color\"\n  [attr.aria-label]=\"srlabel ? srlabel : null\"\n  (clicked)=\"onClicked.emit($event)\">\n  <ng-content></ng-content>\n</ids-button>", styles: ["id-button{display:contents}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { secondary: [{
-                type: Input
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "button[idButton], a[idButton]",
+                    standalone: true,
+                    host: {
+                        '[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',
+                    },
+                }]
+        }], propDecorators: { block: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], secondary: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], fab: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], icon: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], tertiary: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], submit: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], sBlock: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], mBlock: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], toggle: [{
-                type: Input
-            }], block: [{
-                type: Input
-            }], sblock: [{
-                type: Input
-            }], mblock: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], active: [{
-                type: Input
-            }], submit: [{
-                type: Input
-            }], loading: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], size: [{
                 type: Input
-            }], disabled: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }], trigger: [{
-                type: Input
-            }], srlabel: [{
+            }], loading: [{
                 type: Input
-            }], onClicked: [{
-                type: Output
             }] } });
 
-class IDButtonModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IDButtonModule, declarations: [IDButtonComponent], imports: [CommonModule], exports: [IDButtonComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDButtonModule, imports: [CommonModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDButtonModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        IDButtonComponent
-                    ],
-                    exports: [
-                        IDButtonComponent
-                    ],
-                    imports: [CommonModule],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { IDButtonComponent, IDButtonModule };
+export { IDButtonDirective };
 //# sourceMappingURL=inera-ids-angular-components-button.mjs.map

package/fesm2022/inera-ids-angular-components-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-button.mjs","sources":["../../../projects/ids-angular/components/button/button.component.ts","../../../projects/ids-angular/components/button/button.component.html","../../../projects/ids-angular/components/button/button.module.ts","../../../projects/ids-angular/components/button/inera-ids-angular-components-button.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output, ViewEncapsulation } from \"@angular/core\";\n\n@Component({\n  selector: \"id-button\",\n  templateUrl: \"./button.component.html\",\n  styles: [\"id-button { display: contents; }\"],\n  host: { class: \"ids-contains-clickable\" },\n  encapsulation: ViewEncapsulation.None\n})\nexport class IDButtonComponent {\n  constructor() {}\n\n  @Input()\n  secondary: boolean = false;\n  @Input()\n  fab: boolean = false;\n  @Input()\n  icon: boolean = false;\n  @Input()\n  tertiary: boolean = false;\n  @Input()\n  toggle: boolean = false;\n  @Input()\n  block: boolean = false;\n  @Input()\n  sblock: boolean = false;\n  @Input()\n  mblock: boolean = false;\n  @Input()\n  active: boolean = false;\n  @Input()\n  submit: boolean = false;\n  @Input()\n  loading: boolean = false;\n  @Input()\n  size: \"s\" | \"m\" | \"l\" = \"m\";\n  @Input()\n  disabled: boolean = false;\n  @Input()\n  type: string | undefined = undefined;\n  @Input()\n  color: string | undefined = undefined;\n\n  //For Dialog\n  @Input()\n  trigger: string = \"\";\n\n  // General props\n  @Input()\n  srlabel: string = \"\";\n\n  @Output()\n  onClicked: EventEmitter<Event> = new EventEmitter();\n}\n","<ids-button \n  [secondary]=\"secondary ? 'true' : null\"\n  [attr.fab]=\"fab ? 'true' : null\"\n  [attr.icon]=\"icon ? 'true' : null\"\n  [tertiary]=\"tertiary ? 'true' : null\"\n  [attr.trigger]=\"trigger ? 'true' : null\"\n  [class.ids-dialog-trigger]=\"trigger\"\n  [toggle]=\"toggle ? 'true' : null\"\n  [active]=\"active ? 'true' : null\"\n  [submit]=\"submit ? 'true' : null\"\n  [loading]=\"loading ? 'true' : null\"\n  [disabled]=\"disabled ? 'true' : null\"\n  [block]=\"block ? 'true' : null\"\n  [sblock]=\"sblock ? 'true' : null\"\n  [mblock]=\"mblock ? 'true' : null\"\n  [size]=\"size\"\n  [type]=\"type\"\n  [color]=\"color\"\n  [attr.aria-label]=\"srlabel ? srlabel : null\"\n  (clicked)=\"onClicked.emit($event)\">\n  <ng-content></ng-content>\n</ids-button>","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\nimport { IDButtonComponent } from './button.component';\nimport '@inera/ids-core/components/button/register';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  declarations: [\n    IDButtonComponent\n  ],\n  exports: [\n    IDButtonComponent\n  ],\n  imports: [CommonModule],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class IDButtonModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"inera-ids-angular-components-button.mjs","sources":["../../../projects/ids-angular/components/button/button.directive.ts","../../../projects/ids-angular/components/button/inera-ids-angular-components-button.ts"],"sourcesContent":["import { Directive, Input, Renderer2, ElementRef, ViewContainerRef, Injector, ComponentRef, OnChanges, booleanAttribute, inject } from \"@angular/core\";\nimport { IDSpinnerComponent } from \"@inera/ids-angular/components/form/spinner\";\n\n@Directive({\n  selector: \"button[idButton], a[idButton]\",\n  standalone: true,\n  host: {\n    '[class]': 'baseAndSizeClasses',\n    '[class.ids-button--secondary]': 'secondary',\n    '[class.ids-button--tertiary]': 'tertiary',\n    '[class.ids-button--submit]': 'submit',\n    '[class.ids-button--fab]': 'fab',\n    '[class.ids-button--icon]': 'icon',\n    '[class.ids-button--active]': 'active',\n    '[class.ids-button--loading]': 'loading',\n    '[class.ids-button--block]': 'block',\n    '[class.ids-button--s-block]': 'sBlock',\n    '[class.ids-button--m-block]': 'mBlock',\n    '[attr.aria-pressed]': 'ariaPressedValue',\n  },\n})\nexport class IDButtonDirective implements OnChanges {\n\n  private elementRef = inject(ElementRef);\n  private renderer = inject(Renderer2);\n  private viewContainerRef = inject(ViewContainerRef);\n  private injector = inject(Injector);\n\n  @Input({ transform: booleanAttribute }) block: boolean = false;\n  @Input({ transform: booleanAttribute }) secondary: boolean = false;\n  @Input({ transform: booleanAttribute }) fab: boolean = false;\n  @Input({ transform: booleanAttribute }) icon: boolean = false;\n  @Input({ transform: booleanAttribute }) tertiary: boolean = false;\n  @Input({ transform: booleanAttribute }) submit: boolean = false;\n  @Input({ transform: booleanAttribute }) sBlock: boolean = false;\n  @Input({ transform: booleanAttribute }) mBlock: boolean = false;\n  @Input({ transform: booleanAttribute }) toggle: boolean = false;\n  @Input({ transform: booleanAttribute }) active: boolean = false;\n  @Input() size: \"s\" | \"m\" | \"l\" = \"m\";\n\n  get ariaPressedValue(): boolean | null {\n    if (!this.toggle) {\n      return null;\n    }\n    return this.active;\n  }\n\n  get baseAndSizeClasses(): string {\n    const buttonClass = 'ids-button';\n    const sizeClass = `${buttonClass}--${this.size}`;\n    return `${buttonClass} ${sizeClass}`;\n  }\n\n  // Spinner logic\n  private _loading: boolean = false;\n  @Input()\n  set loading(value: boolean) {\n    this._loading = value;\n    if (value) {\n      this.addSpinnerComponent();\n    } else {\n      this.removeSpinnerComponent();\n    }\n  }\n  get loading(): boolean {\n    return this._loading;\n  }\n  private spinnerComponentRef: ComponentRef<IDSpinnerComponent> | null = null;\n  private originalContent: any[] = [];\n\n  ngOnChanges(): void {\n    this.setSpinnerColor();\n  }\n\n  setSpinnerColor(): void {\n    if (this.spinnerComponentRef) {\n      this.spinnerComponentRef.instance.variant = !this.secondary && !this.tertiary ? \"3\" : \"2\";\n    }\n  }\n\n  private addSpinnerComponent(): void {\n    const hostElement = this.elementRef.nativeElement;\n    if (this.spinnerComponentRef) {\n      return;\n    }\n    this.originalContent = Array.from(hostElement.childNodes).filter((node: any) => node.nodeType === 1);\n    this.originalContent.forEach(node => {\n      this.renderer.setStyle(node, 'display', 'none');\n    });\n    this.spinnerComponentRef = this.viewContainerRef.createComponent(IDSpinnerComponent, {\n      injector: this.injector\n    });\n    this.setSpinnerColor();\n    const spinnerNativeElement = this.spinnerComponentRef.location.nativeElement;\n    this.renderer.appendChild(hostElement, spinnerNativeElement);\n  }\n\n  private removeSpinnerComponent(): void {\n    if (!this.spinnerComponentRef) {\n      return;\n    }\n    this.spinnerComponentRef.destroy();\n    this.spinnerComponentRef = null;\n    this.originalContent.forEach(node => {\n      this.renderer.setStyle(node, 'display', '');\n    });\n    this.originalContent = [];\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/inera-ids-angular-components-card.mjs

@@ -1,53 +1,64 @@
 import * as i0 from '@angular/core';
-import { Input, Component, CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import '@inera/ids-core/components/card/register';
+import { booleanAttribute, Input, Component, Directive } from '@angular/core';
 
 class IDCardComponent {
-    constructor() { }
-    hideonm = false;
-    hideons = false;
+    hideOnM = false;
+    hideOnS = false;
     fill = false;
-    focuscard = false;
-    bordertop = false;
+    focusCard = false;
+    borderTop = false;
     interactive = false;
     lean = false;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDCardComponent, selector: "id-card", inputs: { hideonm: "hideonm", hideons: "hideons", fill: "fill", focuscard: "focuscard", bordertop: "bordertop", interactive: "interactive", lean: "lean" }, ngImport: i0, template: "<ids-card\n  [hideonm]=\"hideonm\"\n  [hideons]=\"hideons\"\n  [lean]=\"lean\"\n  [interactive]=\"interactive\"\n  [fill]=\"fill\"\n  [focuscard]=\"focuscard\"\n  [bordertop]=\"bordertop\"\n>\n  <ng-content></ng-content>\n</ids-card>\n", styles: [":host{display:block}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", 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-card": "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  <ng-content select=\"[interactive]\"></ng-content>\n</div>" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-card", template: "<ids-card\n  [hideonm]=\"hideonm\"\n  [hideons]=\"hideons\"\n  [lean]=\"lean\"\n  [interactive]=\"interactive\"\n  [fill]=\"fill\"\n  [focuscard]=\"focuscard\"\n  [bordertop]=\"bordertop\"\n>\n  <ng-content></ng-content>\n</ids-card>\n", styles: [":host{display:block}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { hideonm: [{
-                type: Input
-            }], hideons: [{
-                type: Input
+            args: [{ selector: "id-card", standalone: true, host: {
+                        class: "ids-card",
+                        "[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-card]": "focusCard && !borderTop",
+                        "[class.ids-card--fill]": "fill",
+                        "[class.ids-card--lean]": "lean",
+                        "[class.ids-card--interactive]": "interactive"
+                    }, 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  <ng-content select=\"[interactive]\"></ng-content>\n</div>" }]
+        }], propDecorators: { hideOnM: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], hideOnS: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], fill: [{
-                type: Input
-            }], focuscard: [{
-                type: Input
-            }], bordertop: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], focusCard: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], borderTop: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], interactive: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], lean: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }] } });
 
-class IDCardModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IDCardModule, declarations: [IDCardComponent], exports: [IDCardComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCardModule });
+class IDCardLinkDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCardLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: IDCardLinkDirective, isStandalone: true, selector: "button[idCardLink], a[idCardLink]", host: { classAttribute: "ids-card--interactive-link" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCardModule, decorators: [{
-            type: NgModule,
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDCardLinkDirective, decorators: [{
+            type: Directive,
             args: [{
-                    declarations: [
-                        IDCardComponent
-                    ],
-                    exports: [
-                        IDCardComponent
-                    ],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    selector: "button[idCardLink], a[idCardLink]",
+                    standalone: true,
+                    host: {
+                        class: 'ids-card--interactive-link'
+                    },
                 }]
         }] });
 
@@ -55,5 +66,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { IDCardComponent, IDCardModule };
+export { IDCardComponent, IDCardLinkDirective };
 //# sourceMappingURL=inera-ids-angular-components-card.mjs.map

package/fesm2022/inera-ids-angular-components-card.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-card.mjs","sources":["../../../projects/ids-angular/components/card/card.component.ts","../../../projects/ids-angular/components/card/card.component.html","../../../projects/ids-angular/components/card/card.module.ts","../../../projects/ids-angular/components/card/inera-ids-angular-components-card.ts"],"sourcesContent":["import { Component, Input } from \"@angular/core\";\n\n@Component({\n  selector: \"id-card\",\n  templateUrl: \"./card.component.html\",\n  styles: [\":host { display: block; }\"]\n})\nexport class IDCardComponent {\n  constructor() {}\n\n  @Input()\n  hideonm: boolean = false;\n\n  @Input()\n  hideons: boolean = false;\n\n  @Input()\n  fill: boolean = false;\n\n  @Input()\n  focuscard: boolean = false;\n\n  @Input()\n  bordertop: boolean = false;\n\n  @Input()\n  interactive: boolean = false;\n\n  @Input()\n  lean: boolean = false;\n}\n","<ids-card\n  [hideonm]=\"hideonm\"\n  [hideons]=\"hideons\"\n  [lean]=\"lean\"\n  [interactive]=\"interactive\"\n  [fill]=\"fill\"\n  [focuscard]=\"focuscard\"\n  [bordertop]=\"bordertop\"\n>\n  <ng-content></ng-content>\n</ids-card>\n","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\nimport { IDCardComponent } from './card.component';\nimport '@inera/ids-core/components/card/register';\n\n@NgModule({\n  declarations: [\n    IDCardComponent\n  ],\n  exports: [\n    IDCardComponent\n  ],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class IDCardModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAOa,eAAe,CAAA;AAC1B,IAAA,WAAA,GAAA,EAAe;IAGf,OAAO,GAAY,KAAK;IAGxB,OAAO,GAAY,KAAK;IAGxB,IAAI,GAAY,KAAK;IAGrB,SAAS,GAAY,KAAK;IAG1B,SAAS,GAAY,KAAK;IAG1B,WAAW,GAAY,KAAK;IAG5B,IAAI,GAAY,KAAK;wGAtBV,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,eAAe,2MCP5B,6OAWA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,CAAA;;4FDJa,eAAe,EAAA,UAAA,EAAA,CAAA;kBAL3B,SAAS;+BACE,SAAS,EAAA,QAAA,EAAA,6OAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA;wDAQnB,OAAO,EAAA,CAAA;sBADN;gBAID,OAAO,EAAA,CAAA;sBADN;gBAID,IAAI,EAAA,CAAA;sBADH;gBAID,SAAS,EAAA,CAAA;sBADR;gBAID,SAAS,EAAA,CAAA;sBADR;gBAID,WAAW,EAAA,CAAA;sBADV;gBAID,IAAI,EAAA,CAAA;sBADH;;;MEfU,YAAY,CAAA;wGAAZ,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;yGAAZ,YAAY,EAAA,YAAA,EAAA,CAPrB,eAAe,CAAA,EAAA,OAAA,EAAA,CAGf,eAAe,CAAA,EAAA,CAAA;yGAIN,YAAY,EAAA,CAAA;;4FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBATxB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ;AACD,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP;AACD,qBAAA;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;AAClC,iBAAA;;;ACZD;;AAEG;;;;"}
+{"version":3,"file":"inera-ids-angular-components-card.mjs","sources":["../../../projects/ids-angular/components/card/card.component.ts","../../../projects/ids-angular/components/card/card.component.html","../../../projects/ids-angular/components/card/card-link.directive.ts","../../../projects/ids-angular/components/card/inera-ids-angular-components-card.ts"],"sourcesContent":["import { Component, Input, booleanAttribute } from \"@angular/core\";\n\n@Component({\n  selector: \"id-card\",\n  standalone: true,\n  templateUrl: \"./card.component.html\",\n  host: {\n    class: \"ids-card\",\n    \"[class.ids-card--hide-on-m]\": \"hideOnM\",\n    \"[class.ids-card--hide-on-s]\": \"hideOnS\",\n    \"[class.ids-card--border-top]\": \"!focusCard && borderTop\",\n    \"[class.ids-card--focus-card]\": \"focusCard && !borderTop\",\n    \"[class.ids-card--fill]\": \"fill\",\n    \"[class.ids-card--lean]\": \"lean\",\n    \"[class.ids-card--interactive]\": \"interactive\"\n  }\n})\nexport class IDCardComponent {\n  @Input({ transform: booleanAttribute }) hideOnM = false;\n  @Input({ transform: booleanAttribute }) hideOnS = false;\n  @Input({ transform: booleanAttribute }) fill = false;\n  @Input({ transform: booleanAttribute }) focusCard = false;\n  @Input({ transform: booleanAttribute }) borderTop = false;\n  @Input({ transform: booleanAttribute }) interactive = false;\n  @Input({ transform: booleanAttribute }) lean = false;\n}","@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  <ng-content select=\"[interactive]\"></ng-content>\n</div>","import { Directive } from \"@angular/core\";\n\n@Directive({\n  selector: \"button[idCardLink], a[idCardLink]\",\n  standalone: true,\n  host: {\n    class:'ids-card--interactive-link'\n  },\n})\nexport class IDCardLinkDirective  {\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}