@inera/ids-angular 8.2.0 → 9.0.1

package/fesm2022/inera-ids-angular-components-grid-column.mjs

@@ -1,29 +1,50 @@
 import * as i0 from '@angular/core';
-import { Input, ViewEncapsulation, Component, CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import '@inera/ids-core/components/grid/column/register';
+import { inject, ElementRef, Input, Component } from '@angular/core';
 
 class IDColumnComponent {
-    _elementRef;
-    cols = "";
-    offset = null;
-    m = "";
-    mOffset = null;
-    s = "";
-    sOffset = null;
-    align = "";
-    class = "";
-    style = null;
-    constructor(_elementRef) {
-        this._elementRef = _elementRef;
-        this._elementRef.nativeElement.removeAttribute('style');
+    elementRef = inject(ElementRef);
+    cols = '';
+    offset = '';
+    m = '';
+    mOffset = '';
+    s = '';
+    sOffset = '';
+    align = '';
+    get hostClasses() {
+        const hostEl = this.elementRef.nativeElement;
+        const existing = hostEl.getAttribute('class')?.split(/\s+/) ?? [];
+        const colClass = 'ids-col';
+        const colClasses = [colClass];
+        const add = (state, value) => {
+            if (value) {
+                colClasses.push(`${colClass}--${state}-${value}`);
+            }
+        };
+        if (this.cols) {
+            colClasses.push(`${colClass}--${this.cols}`);
+        }
+        add('offset', this.offset);
+        add('m', this.m);
+        add('m-offset', this.mOffset);
+        add('s', this.s);
+        add('s-offset', this.sOffset);
+        add('align', this.align);
+        return Array.from(new Set([...existing, ...colClasses])).join(' ');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDColumnComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDColumnComponent, selector: "id-col", inputs: { cols: "cols", offset: "offset", m: "m", mOffset: "mOffset", s: "s", sOffset: "sOffset", align: "align", class: "class", style: "style" }, ngImport: i0, template: "<ids-col \n  [attr.cols]=\"cols\"\n  [attr.offset]=\"offset\"\n  [attr.m]=\"m\" \n  [attr.moffset]=\"[mOffset]\"\n  [attr.s]=\"s\" \n  [attr.soffset]=\"[sOffset]\"\n  [attr.align]=\"align\"\n  [attr.style]=\"style\"\n  [attr.class]=\"class\">\n  <ng-content></ng-content>\n</ids-col>", styles: ["id-col{display:contents}\n"], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDColumnComponent, isStandalone: true, selector: "id-col", inputs: { cols: "cols", offset: "offset", m: "m", mOffset: "mOffset", s: "s", sOffset: "sOffset", align: "align" }, host: { properties: { "class": "hostClasses" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDColumnComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'id-col', encapsulation: ViewEncapsulation.None, template: "<ids-col \n  [attr.cols]=\"cols\"\n  [attr.offset]=\"offset\"\n  [attr.m]=\"m\" \n  [attr.moffset]=\"[mOffset]\"\n  [attr.s]=\"s\" \n  [attr.soffset]=\"[sOffset]\"\n  [attr.align]=\"align\"\n  [attr.style]=\"style\"\n  [attr.class]=\"class\">\n  <ng-content></ng-content>\n</ids-col>", styles: ["id-col{display:contents}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { cols: [{
+            args: [{
+                    selector: 'id-col',
+                    template: '<ng-content></ng-content>',
+                    standalone: true,
+                    host: {
+                        '[class]': 'hostClasses',
+                    }
+                }]
+        }], propDecorators: { cols: [{
                 type: Input
             }], offset: [{
                 type: Input
@@ -37,33 +58,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }], align: [{
                 type: Input
-            }], class: [{
-                type: Input
-            }], style: [{
-                type: Input
             }] } });
 
-class IDColumnModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDColumnModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IDColumnModule, declarations: [IDColumnComponent], exports: [IDColumnComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDColumnModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDColumnModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        IDColumnComponent
-                    ],
-                    exports: [
-                        IDColumnComponent
-                    ],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { IDColumnComponent, IDColumnModule };
+export { IDColumnComponent };
 //# sourceMappingURL=inera-ids-angular-components-grid-column.mjs.map

package/fesm2022/inera-ids-angular-components-grid-column.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-grid-column.mjs","sources":["../../../projects/ids-angular/components/grid/column/column.component.ts","../../../projects/ids-angular/components/grid/column/column.component.html","../../../projects/ids-angular/components/grid/column/column.module.ts","../../../projects/ids-angular/components/grid/column/inera-ids-angular-components-grid-column.ts"],"sourcesContent":["import { Component, ElementRef, Input, OnInit, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'id-col',\n  templateUrl: './column.component.html',\n  encapsulation: ViewEncapsulation.None,\n  styles: ['id-col { display: contents; }']\n})\nexport class IDColumnComponent {\n\n  @Input()\n  cols: string = \"\"\n\n  @Input()\n  offset: string | null = null\n\n  @Input()\n  m: string = \"\"\n\n  @Input()\n  mOffset: string | null = null\n  \n  @Input()\n  s: string = \"\"\n\n  @Input()\n  sOffset: string | null = null\n\n  @Input()\n  align: string = \"\"\n\n  @Input()\n  class: string = \"\"\n\n  @Input()\n  style: string | null = null\n\n  constructor (private _elementRef : ElementRef) {\n    this._elementRef.nativeElement.removeAttribute('style');\n  }\n\n}\n","<ids-col \n  [attr.cols]=\"cols\"\n  [attr.offset]=\"offset\"\n  [attr.m]=\"m\" \n  [attr.moffset]=\"[mOffset]\"\n  [attr.s]=\"s\" \n  [attr.soffset]=\"[sOffset]\"\n  [attr.align]=\"align\"\n  [attr.style]=\"style\"\n  [attr.class]=\"class\">\n  <ng-content></ng-content>\n</ids-col>","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\nimport { IDColumnComponent } from './column.component';\nimport '@inera/ids-core/components/grid/column/register';\n\n@NgModule({\n  declarations: [\n    IDColumnComponent\n  ],\n  exports: [\n    IDColumnComponent\n  ],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class IDColumnModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAQa,iBAAiB,CAAA;AA6BP,IAAA,WAAA;IA1BrB,IAAI,GAAW,EAAE;IAGjB,MAAM,GAAkB,IAAI;IAG5B,CAAC,GAAW,EAAE;IAGd,OAAO,GAAkB,IAAI;IAG7B,CAAC,GAAW,EAAE;IAGd,OAAO,GAAkB,IAAI;IAG7B,KAAK,GAAW,EAAE;IAGlB,KAAK,GAAW,EAAE;IAGlB,KAAK,GAAkB,IAAI;AAE3B,IAAA,WAAA,CAAqB,WAAwB,EAAA;QAAxB,IAAA,CAAA,WAAW,GAAX,WAAW;QAC9B,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,eAAe,CAAC,OAAO,CAAC;IACzD;wGA/BW,iBAAiB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,kMCR9B,6RAWU,EAAA,MAAA,EAAA,CAAA,4BAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;4FDHG,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAN7B,SAAS;+BACE,QAAQ,EAAA,aAAA,EAEH,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,6RAAA,EAAA,MAAA,EAAA,CAAA,4BAAA,CAAA,EAAA;+EAMrC,IAAI,EAAA,CAAA;sBADH;gBAID,MAAM,EAAA,CAAA;sBADL;gBAID,CAAC,EAAA,CAAA;sBADA;gBAID,OAAO,EAAA,CAAA;sBADN;gBAID,CAAC,EAAA,CAAA;sBADA;gBAID,OAAO,EAAA,CAAA;sBADN;gBAID,KAAK,EAAA,CAAA;sBADJ;gBAID,KAAK,EAAA,CAAA;sBADJ;gBAID,KAAK,EAAA,CAAA;sBADJ;;;MErBU,cAAc,CAAA;wGAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;yGAAd,cAAc,EAAA,YAAA,EAAA,CAPvB,iBAAiB,CAAA,EAAA,OAAA,EAAA,CAGjB,iBAAiB,CAAA,EAAA,CAAA;yGAIR,cAAc,EAAA,CAAA;;4FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAT1B,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-grid-column.mjs","sources":["../../../projects/ids-angular/components/grid/column/column.component.ts","../../../projects/ids-angular/components/grid/column/inera-ids-angular-components-grid-column.ts"],"sourcesContent":["import { Component, ElementRef, Input, inject } from '@angular/core';\n\n@Component({\n  selector: 'id-col',\n  template: '<ng-content></ng-content>',\n  standalone: true,\n  host: {\n    '[class]': 'hostClasses',\n  }\n})\nexport class IDColumnComponent {\n  private elementRef = inject(ElementRef);\n\n  @Input() cols: string = '';\n  @Input() offset: string = '';\n  @Input() m: string = '';\n  @Input() mOffset: string = '';\n  @Input() s: string = '';\n  @Input() sOffset: string = '';\n  @Input() align: string = '';\n\n  get hostClasses(): string {\n    const hostEl = this.elementRef.nativeElement as HTMLElement;\n    const existing = hostEl.getAttribute('class')?.split(/\\s+/) ?? [];\n    const colClass = 'ids-col';\n    const colClasses: string[] = [colClass];\n\n    const add = (state: string, value?: string) => {\n      if (value) {\n        colClasses.push(`${colClass}--${state}-${value}`);\n      }\n    };\n\n    if (this.cols) {\n      colClasses.push(`${colClass}--${this.cols}`);\n    }\n\n    add('offset', this.offset);\n    add('m', this.m);\n    add('m-offset', this.mOffset);\n    add('s', this.s);\n    add('s-offset', this.sOffset);\n    add('align', this.align);\n\n    return Array.from(new Set([...existing, ...colClasses])).join(' ');\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAUa,iBAAiB,CAAA;AACpB,IAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;IAE9B,IAAI,GAAW,EAAE;IACjB,MAAM,GAAW,EAAE;IACnB,CAAC,GAAW,EAAE;IACd,OAAO,GAAW,EAAE;IACpB,CAAC,GAAW,EAAE;IACd,OAAO,GAAW,EAAE;IACpB,KAAK,GAAW,EAAE;AAE3B,IAAA,IAAI,WAAW,GAAA;AACb,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,aAA4B;AAC3D,QAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE;QACjE,MAAM,QAAQ,GAAG,SAAS;AAC1B,QAAA,MAAM,UAAU,GAAa,CAAC,QAAQ,CAAC;AAEvC,QAAA,MAAM,GAAG,GAAG,CAAC,KAAa,EAAE,KAAc,KAAI;YAC5C,IAAI,KAAK,EAAE;gBACT,UAAU,CAAC,IAAI,CAAC,CAAA,EAAG,QAAQ,CAAA,EAAA,EAAK,KAAK,CAAA,CAAA,EAAI,KAAK,CAAA,CAAE,CAAC;YACnD;AACF,QAAA,CAAC;AAED,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,UAAU,CAAC,IAAI,CAAC,CAAA,EAAG,QAAQ,CAAA,EAAA,EAAK,IAAI,CAAC,IAAI,CAAA,CAAE,CAAC;QAC9C;AAEA,QAAA,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC;AAC1B,QAAA,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC;AAChB,QAAA,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,OAAO,CAAC;AAC7B,QAAA,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC;AAChB,QAAA,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,OAAO,CAAC;AAC7B,QAAA,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC;QAExB,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,QAAQ,EAAE,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;IACpE;wGAnCW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,wOANlB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAM1B,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAR7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,QAAQ;AAClB,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE,aAAa;AACzB;AACF,iBAAA;8BAIU,IAAI,EAAA,CAAA;sBAAZ;gBACQ,MAAM,EAAA,CAAA;sBAAd;gBACQ,CAAC,EAAA,CAAA;sBAAT;gBACQ,OAAO,EAAA,CAAA;sBAAf;gBACQ,CAAC,EAAA,CAAA;sBAAT;gBACQ,OAAO,EAAA,CAAA;sBAAf;gBACQ,KAAK,EAAA,CAAA;sBAAb;;;ACnBH;;AAEG;;;;"}

package/fesm2022/inera-ids-angular-components-grid-container.mjs

@@ -1,44 +1,34 @@
 import * as i0 from '@angular/core';
-import { Input, ViewEncapsulation, Component, CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import '@inera/ids-core/components/grid/container/register';
+import { booleanAttribute, Input, Component } from '@angular/core';
 
 class IDContainerComponent {
     gutterless = false;
-    rowgap = "";
-    constructor() { }
+    rowGap = undefined;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDContainerComponent, selector: "id-container", inputs: { gutterless: "gutterless", rowgap: "rowgap" }, ngImport: i0, template: "<ids-container [attr.gutterless]=\"gutterless ? true : null\"  [attr.rowgap]=\"rowgap\">\n  <ng-content></ng-content>\n</ids-container>\n", encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: IDContainerComponent, isStandalone: true, selector: "id-container", inputs: { gutterless: ["gutterless", "gutterless", booleanAttribute], rowGap: "rowGap" }, host: { properties: { "class.ids-container--gutterless": "gutterless", "style.gap": "rowGap" }, classAttribute: "ids-container" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: "id-container", encapsulation: ViewEncapsulation.None, template: "<ids-container [attr.gutterless]=\"gutterless ? true : null\"  [attr.rowgap]=\"rowgap\">\n  <ng-content></ng-content>\n</ids-container>\n" }]
-        }], ctorParameters: () => [], propDecorators: { gutterless: [{
-                type: Input
-            }], rowgap: [{
-                type: Input
-            }] } });
-
-class IDContainerModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IDContainerModule, declarations: [IDContainerComponent], exports: [IDContainerComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDContainerModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDContainerModule, decorators: [{
-            type: NgModule,
             args: [{
-                    declarations: [
-                        IDContainerComponent
-                    ],
-                    exports: [
-                        IDContainerComponent
-                    ],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    selector: 'id-container',
+                    template: '<ng-content></ng-content>',
+                    standalone: true,
+                    host: {
+                        class: 'ids-container',
+                        '[class.ids-container--gutterless]': 'gutterless',
+                        '[style.gap]': 'rowGap',
+                    },
                 }]
-        }] });
+        }], propDecorators: { gutterless: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], rowGap: [{
+                type: Input
+            }] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { IDContainerComponent, IDContainerModule };
+export { IDContainerComponent };
 //# sourceMappingURL=inera-ids-angular-components-grid-container.mjs.map

package/fesm2022/inera-ids-angular-components-grid-container.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"inera-ids-angular-components-grid-container.mjs","sources":["../../../projects/ids-angular/components/grid/container/container.component.ts","../../../projects/ids-angular/components/grid/container/container.component.html","../../../projects/ids-angular/components/grid/container/container.module.ts","../../../projects/ids-angular/components/grid/container/inera-ids-angular-components-grid-container.ts"],"sourcesContent":["import { Component, Input, ViewEncapsulation } from \"@angular/core\";\n\n@Component({\n  selector: \"id-container\",\n  templateUrl: \"./container.component.html\",\n  encapsulation: ViewEncapsulation.None\n})\nexport class IDContainerComponent {\n  @Input()\n  gutterless: Boolean = false;\n\n  @Input()\n  rowgap: String = \"\";\n\n  constructor() {}\n}\n","<ids-container [attr.gutterless]=\"gutterless ? true : null\"  [attr.rowgap]=\"rowgap\">\n  <ng-content></ng-content>\n</ids-container>\n","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\nimport { IDContainerComponent } from './container.component';\nimport '@inera/ids-core/components/grid/container/register';\n\n@NgModule({\n  declarations: [\n    IDContainerComponent\n  ],\n  exports: [\n    IDContainerComponent\n  ],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class IDContainerModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAOa,oBAAoB,CAAA;IAE/B,UAAU,GAAY,KAAK;IAG3B,MAAM,GAAW,EAAE;AAEnB,IAAA,WAAA,GAAA,EAAe;wGAPJ,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,4GCPjC,2IAGA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;4FDIa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBALhC,SAAS;+BACE,cAAc,EAAA,aAAA,EAET,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,2IAAA,EAAA;wDAIrC,UAAU,EAAA,CAAA;sBADT;gBAID,MAAM,EAAA,CAAA;sBADL;;;MEEU,iBAAiB,CAAA;wGAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;yGAAjB,iBAAiB,EAAA,YAAA,EAAA,CAP1B,oBAAoB,CAAA,EAAA,OAAA,EAAA,CAGpB,oBAAoB,CAAA,EAAA,CAAA;yGAIX,iBAAiB,EAAA,CAAA;;4FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAT7B,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-grid-container.mjs","sources":["../../../projects/ids-angular/components/grid/container/container.component.ts","../../../projects/ids-angular/components/grid/container/inera-ids-angular-components-grid-container.ts"],"sourcesContent":["import { Component, Input, booleanAttribute } from '@angular/core';\n\n@Component({\n  selector: 'id-container',\n  template: '<ng-content></ng-content>',\n  standalone: true,\n  host: {\n    class: 'ids-container',\n    '[class.ids-container--gutterless]': 'gutterless',\n    '[style.gap]': 'rowGap',\n  },\n})\nexport class IDContainerComponent {\n  @Input({ transform: booleanAttribute }) gutterless: boolean = false;\n  @Input() rowGap: string | undefined = undefined;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAYa,oBAAoB,CAAA;IACS,UAAU,GAAY,KAAK;IAC1D,MAAM,GAAuB,SAAS;wGAFpC,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EACX,gBAAgB,CAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iCAAA,EAAA,YAAA,EAAA,WAAA,EAAA,QAAA,EAAA,EAAA,cAAA,EAAA,eAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAT1B,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAQ1B,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAVhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,eAAe;AACtB,wBAAA,mCAAmC,EAAE,YAAY;AACjD,wBAAA,aAAa,EAAE,QAAQ;AACxB,qBAAA;AACF,iBAAA;8BAEyC,UAAU,EAAA,CAAA;sBAAjD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAC7B,MAAM,EAAA,CAAA;sBAAd;;;ACdH;;AAEG;;;;"}

package/fesm2022/inera-ids-angular-components-grid-layout-grid-column.mjs

@@ -0,0 +1,79 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, Input, Component } from '@angular/core';
+
+class IDGridColumnComponent {
+    elementRef = inject(ElementRef);
+    constructor() {
+        this.elementRef.nativeElement.removeAttribute('style');
+    }
+    cols = '12';
+    start;
+    m;
+    mStart;
+    s;
+    sStart;
+    order;
+    mOrder;
+    sOrder;
+    alignSelf;
+    get hostClasses() {
+        const colClass = 'ids-grid-column';
+        const colClasses = [colClass];
+        const setHostClass = (state, value) => {
+            if (value) {
+                colClasses.push(`${colClass}--${state}-${value}`);
+            }
+        };
+        colClasses.push(`${colClass}--${this.cols}`);
+        setHostClass('start', this.start);
+        setHostClass('m', this.m);
+        setHostClass('m-start', this.mStart);
+        setHostClass('s', this.s);
+        setHostClass('s-start', this.sStart);
+        setHostClass('order', this.order);
+        setHostClass('m-order', this.mOrder);
+        setHostClass('s-order', this.sOrder);
+        setHostClass('align', this.alignSelf);
+        return colClasses.join(' ');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDGridColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDGridColumnComponent, isStandalone: true, selector: "id-grid-column", inputs: { cols: "cols", start: "start", m: "m", mStart: "mStart", s: "s", sStart: "sStart", order: "order", mOrder: "mOrder", sOrder: "sOrder", alignSelf: "alignSelf" }, host: { properties: { "class": "hostClasses" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDGridColumnComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-grid-column',
+                    template: '<ng-content></ng-content>',
+                    standalone: true,
+                    host: {
+                        '[class]': 'hostClasses',
+                    }
+                }]
+        }], ctorParameters: () => [], propDecorators: { cols: [{
+                type: Input
+            }], start: [{
+                type: Input
+            }], m: [{
+                type: Input
+            }], mStart: [{
+                type: Input
+            }], s: [{
+                type: Input
+            }], sStart: [{
+                type: Input
+            }], order: [{
+                type: Input
+            }], mOrder: [{
+                type: Input
+            }], sOrder: [{
+                type: Input
+            }], alignSelf: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IDGridColumnComponent };
+//# sourceMappingURL=inera-ids-angular-components-grid-layout-grid-column.mjs.map

package/fesm2022/inera-ids-angular-components-grid-layout-grid-column.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"inera-ids-angular-components-grid-layout-grid-column.mjs","sources":["../../../projects/ids-angular/components/grid-layout/grid-column/grid-column.component.ts","../../../projects/ids-angular/components/grid-layout/grid-column/inera-ids-angular-components-grid-layout-grid-column.ts"],"sourcesContent":["import { Component, ElementRef, Input, inject } from '@angular/core';\n\n@Component({\n  selector: 'id-grid-column',\n  template: '<ng-content></ng-content>',\n  standalone: true,\n  host: {\n    '[class]': 'hostClasses',\n  }\n})\nexport class IDGridColumnComponent {\n  private elementRef = inject(ElementRef);\n\n  constructor() {\n    this.elementRef.nativeElement.removeAttribute('style');\n  }\n  @Input() cols: string = '12';\n  @Input() start?: string;\n  @Input() m?: string;\n  @Input() mStart?: string;\n  @Input() s?: string;\n  @Input() sStart?: string;\n  @Input() order?: string;\n  @Input() mOrder?: string;\n  @Input() sOrder?: string;\n  @Input() alignSelf?: 'start' | 'center' | 'end' | 'auto' | 'baseline' | 'stretch';\n\n  get hostClasses(): string {\n    const colClass = 'ids-grid-column';\n    const colClasses = [colClass];\n    const setHostClass = (state: string, value: string | undefined) => {\n      if (value) {\n        colClasses.push(`${colClass}--${state}-${value}`);\n      }\n    };\n    colClasses.push(`${colClass}--${this.cols}`);\n    setHostClass('start', this.start);\n    setHostClass('m', this.m);\n    setHostClass('m-start', this.mStart);\n    setHostClass('s', this.s);\n    setHostClass('s-start', this.sStart);\n    setHostClass('order', this.order);\n    setHostClass('m-order', this.mOrder);\n    setHostClass('s-order', this.sOrder);\n    setHostClass('align', this.alignSelf);\n    return colClasses.join(' ');\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAUa,qBAAqB,CAAA;AACxB,IAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAEvC,IAAA,WAAA,GAAA;QACE,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,eAAe,CAAC,OAAO,CAAC;IACxD;IACS,IAAI,GAAW,IAAI;AACnB,IAAA,KAAK;AACL,IAAA,CAAC;AACD,IAAA,MAAM;AACN,IAAA,CAAC;AACD,IAAA,MAAM;AACN,IAAA,KAAK;AACL,IAAA,MAAM;AACN,IAAA,MAAM;AACN,IAAA,SAAS;AAElB,IAAA,IAAI,WAAW,GAAA;QACb,MAAM,QAAQ,GAAG,iBAAiB;AAClC,QAAA,MAAM,UAAU,GAAG,CAAC,QAAQ,CAAC;AAC7B,QAAA,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,KAAyB,KAAI;YAChE,IAAI,KAAK,EAAE;gBACT,UAAU,CAAC,IAAI,CAAC,CAAA,EAAG,QAAQ,CAAA,EAAA,EAAK,KAAK,CAAA,CAAA,EAAI,KAAK,CAAA,CAAE,CAAC;YACnD;AACF,QAAA,CAAC;QACD,UAAU,CAAC,IAAI,CAAC,CAAA,EAAG,QAAQ,CAAA,EAAA,EAAK,IAAI,CAAC,IAAI,CAAA,CAAE,CAAC;AAC5C,QAAA,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC;AACjC,QAAA,YAAY,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC;AACzB,QAAA,YAAY,CAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC;AACpC,QAAA,YAAY,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC;AACzB,QAAA,YAAY,CAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC;AACpC,QAAA,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC;AACjC,QAAA,YAAY,CAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC;AACpC,QAAA,YAAY,CAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC;AACpC,QAAA,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC;AACrC,QAAA,OAAO,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC;IAC7B;wGApCW,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,sSANtB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAM1B,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBARjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE,aAAa;AACzB;AACF,iBAAA;wDAOU,IAAI,EAAA,CAAA;sBAAZ;gBACQ,KAAK,EAAA,CAAA;sBAAb;gBACQ,CAAC,EAAA,CAAA;sBAAT;gBACQ,MAAM,EAAA,CAAA;sBAAd;gBACQ,CAAC,EAAA,CAAA;sBAAT;gBACQ,MAAM,EAAA,CAAA;sBAAd;gBACQ,KAAK,EAAA,CAAA;sBAAb;gBACQ,MAAM,EAAA,CAAA;sBAAd;gBACQ,MAAM,EAAA,CAAA;sBAAd;gBACQ,SAAS,EAAA,CAAA;sBAAjB;;;ACzBH;;AAEG;;;;"}

package/fesm2022/inera-ids-angular-components-grid-layout-grid-container.mjs

@@ -0,0 +1,42 @@
+import * as i0 from '@angular/core';
+import { booleanAttribute, Input, Component } from '@angular/core';
+
+class IDGridContainerComponent {
+    gutterless = false;
+    width;
+    maxWidth;
+    rowGap;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDGridContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: IDGridContainerComponent, isStandalone: true, selector: "id-grid-container", inputs: { gutterless: ["gutterless", "gutterless", booleanAttribute], width: "width", maxWidth: "maxWidth", rowGap: "rowGap" }, host: { properties: { "class.ids-grid-container--gutterless": "gutterless", "style.width": "width", "style.maxWidth": "maxWidth", "style.rowGap": "rowGap" }, classAttribute: "ids-grid-container" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDGridContainerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-grid-container',
+                    template: '<ng-content></ng-content>',
+                    standalone: true,
+                    host: {
+                        class: 'ids-grid-container',
+                        '[class.ids-grid-container--gutterless]': 'gutterless',
+                        '[style.width]': 'width',
+                        '[style.maxWidth]': 'maxWidth',
+                        '[style.rowGap]': 'rowGap',
+                    },
+                }]
+        }], propDecorators: { gutterless: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], width: [{
+                type: Input
+            }], maxWidth: [{
+                type: Input
+            }], rowGap: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IDGridContainerComponent };
+//# sourceMappingURL=inera-ids-angular-components-grid-layout-grid-container.mjs.map

package/fesm2022/inera-ids-angular-components-grid-layout-grid-container.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"inera-ids-angular-components-grid-layout-grid-container.mjs","sources":["../../../projects/ids-angular/components/grid-layout/grid-container/grid-container.component.ts","../../../projects/ids-angular/components/grid-layout/grid-container/inera-ids-angular-components-grid-layout-grid-container.ts"],"sourcesContent":["import { Component, Input, booleanAttribute } from '@angular/core';\n\n@Component({\n  selector: 'id-grid-container',\n  template: '<ng-content></ng-content>',\n  standalone: true,\n  host: {\n    class: 'ids-grid-container',\n    '[class.ids-grid-container--gutterless]': 'gutterless',\n    '[style.width]': 'width',\n    '[style.maxWidth]': 'maxWidth',\n    '[style.rowGap]': 'rowGap',\n  },\n})\nexport class IDGridContainerComponent {\n  @Input({ transform: booleanAttribute }) gutterless: boolean = false;\n  @Input() width?: string;\n  @Input() maxWidth?: string;\n  @Input() rowGap?: string;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAca,wBAAwB,CAAA;IACK,UAAU,GAAY,KAAK;AAC1D,IAAA,KAAK;AACL,IAAA,QAAQ;AACR,IAAA,MAAM;wGAJJ,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EACf,gBAAgB,CAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,sCAAA,EAAA,YAAA,EAAA,aAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,EAAA,cAAA,EAAA,oBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAX1B,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAU1B,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAZpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,oBAAoB;AAC3B,wBAAA,wCAAwC,EAAE,YAAY;AACtD,wBAAA,eAAe,EAAE,OAAO;AACxB,wBAAA,kBAAkB,EAAE,UAAU;AAC9B,wBAAA,gBAAgB,EAAE,QAAQ;AAC3B,qBAAA;AACF,iBAAA;8BAEyC,UAAU,EAAA,CAAA;sBAAjD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAC7B,KAAK,EAAA,CAAA;sBAAb;gBACQ,QAAQ,EAAA,CAAA;sBAAhB;gBACQ,MAAM,EAAA,CAAA;sBAAd;;;AClBH;;AAEG;;;;"}

package/fesm2022/inera-ids-angular-components-grid-layout-grid-row.mjs

@@ -0,0 +1,50 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, booleanAttribute, Input, Component } from '@angular/core';
+
+class IDGridRowComponent {
+    elementRef = inject(ElementRef);
+    constructor() {
+        this.elementRef.nativeElement.removeAttribute('style');
+    }
+    rowAlign;
+    noGap = false;
+    get hostClasses() {
+        const colClass = 'ids-grid-row';
+        const colClasses = [colClass];
+        const setHostClass = (state, value) => {
+            if (value) {
+                colClasses.push(`${colClass}--${state}-${value}`);
+            }
+        };
+        setHostClass('align', this.rowAlign);
+        if (this.noGap) {
+            colClasses.push(`${colClass}--no-gap`);
+        }
+        return colClasses.join(' ');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDGridRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: IDGridRowComponent, isStandalone: true, selector: "id-grid-row", inputs: { rowAlign: "rowAlign", noGap: ["noGap", "noGap", booleanAttribute] }, host: { properties: { "class": "hostClasses" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDGridRowComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-grid-row',
+                    template: '<ng-content></ng-content>',
+                    standalone: true,
+                    host: {
+                        '[class]': 'hostClasses',
+                    }
+                }]
+        }], ctorParameters: () => [], propDecorators: { rowAlign: [{
+                type: Input
+            }], noGap: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IDGridRowComponent };
+//# sourceMappingURL=inera-ids-angular-components-grid-layout-grid-row.mjs.map

package/fesm2022/inera-ids-angular-components-grid-layout-grid-row.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"inera-ids-angular-components-grid-layout-grid-row.mjs","sources":["../../../projects/ids-angular/components/grid-layout/grid-row/grid-row.component.ts","../../../projects/ids-angular/components/grid-layout/grid-row/inera-ids-angular-components-grid-layout-grid-row.ts"],"sourcesContent":["import { Component, ElementRef, Input, booleanAttribute, inject } from '@angular/core';\n\n@Component({\n  selector: 'id-grid-row',\n  template: '<ng-content></ng-content>',\n  standalone: true,\n  host: {\n    '[class]': 'hostClasses',\n  }\n})\nexport class IDGridRowComponent {\n  private elementRef = inject(ElementRef);\n\n  constructor() {\n    this.elementRef.nativeElement.removeAttribute('style');\n  }\n  @Input() rowAlign?: 'start' | 'center' | 'end' | 'baseline' | 'stretch';\n\n  @Input({ transform: booleanAttribute }) noGap: boolean = false;\n\n  get hostClasses(): string {\n    const colClass = 'ids-grid-row';\n    const colClasses = [colClass];\n    const setHostClass = (state: string, value: string | undefined) => {\n      if (value) {\n        colClasses.push(`${colClass}--${state}-${value}`);\n      }\n    };\n\n    setHostClass('align', this.rowAlign);\n\n    if (this.noGap) {\n      colClasses.push(`${colClass}--no-gap`);\n    }\n    return colClasses.join(' ');\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAUa,kBAAkB,CAAA;AACrB,IAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAEvC,IAAA,WAAA,GAAA;QACE,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,eAAe,CAAC,OAAO,CAAC;IACxD;AACS,IAAA,QAAQ;IAEuB,KAAK,GAAY,KAAK;AAE9D,IAAA,IAAI,WAAW,GAAA;QACb,MAAM,QAAQ,GAAG,cAAc;AAC/B,QAAA,MAAM,UAAU,GAAG,CAAC,QAAQ,CAAC;AAC7B,QAAA,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,KAAyB,KAAI;YAChE,IAAI,KAAK,EAAE;gBACT,UAAU,CAAC,IAAI,CAAC,CAAA,EAAG,QAAQ,CAAA,EAAA,EAAK,KAAK,CAAA,CAAA,EAAI,KAAK,CAAA,CAAE,CAAC;YACnD;AACF,QAAA,CAAC;AAED,QAAA,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC;AAEpC,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;AACd,YAAA,UAAU,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAA,QAAA,CAAU,CAAC;QACxC;AACA,QAAA,OAAO,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC;IAC7B;wGAzBW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,KAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAQT,gBAAgB,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,aAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAd1B,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAM1B,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAR9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE,aAAa;AACzB;AACF,iBAAA;wDAOU,QAAQ,EAAA,CAAA;sBAAhB;gBAEuC,KAAK,EAAA,CAAA;sBAA5C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;;AClBxC;;AAEG;;;;"}

package/fesm2022/inera-ids-angular-components-grid-layout.mjs

@@ -0,0 +1,153 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, Input, Component, booleanAttribute } from '@angular/core';
+
+class IDGridColumnComponent {
+    elementRef = inject(ElementRef);
+    constructor() {
+        this.elementRef.nativeElement.removeAttribute('style');
+    }
+    cols = '12';
+    start;
+    m;
+    mStart;
+    s;
+    sStart;
+    order;
+    mOrder;
+    sOrder;
+    alignSelf;
+    get hostClasses() {
+        const colClass = 'ids-grid-column';
+        const colClasses = [colClass];
+        const setHostClass = (state, value) => {
+            if (value) {
+                colClasses.push(`${colClass}--${state}-${value}`);
+            }
+        };
+        colClasses.push(`${colClass}--${this.cols}`);
+        setHostClass('start', this.start);
+        setHostClass('m', this.m);
+        setHostClass('m-start', this.mStart);
+        setHostClass('s', this.s);
+        setHostClass('s-start', this.sStart);
+        setHostClass('order', this.order);
+        setHostClass('m-order', this.mOrder);
+        setHostClass('s-order', this.sOrder);
+        setHostClass('align', this.alignSelf);
+        return colClasses.join(' ');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDGridColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IDGridColumnComponent, isStandalone: true, selector: "id-grid-column", inputs: { cols: "cols", start: "start", m: "m", mStart: "mStart", s: "s", sStart: "sStart", order: "order", mOrder: "mOrder", sOrder: "sOrder", alignSelf: "alignSelf" }, host: { properties: { "class": "hostClasses" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDGridColumnComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-grid-column',
+                    template: '<ng-content></ng-content>',
+                    standalone: true,
+                    host: {
+                        '[class]': 'hostClasses',
+                    }
+                }]
+        }], ctorParameters: () => [], propDecorators: { cols: [{
+                type: Input
+            }], start: [{
+                type: Input
+            }], m: [{
+                type: Input
+            }], mStart: [{
+                type: Input
+            }], s: [{
+                type: Input
+            }], sStart: [{
+                type: Input
+            }], order: [{
+                type: Input
+            }], mOrder: [{
+                type: Input
+            }], sOrder: [{
+                type: Input
+            }], alignSelf: [{
+                type: Input
+            }] } });
+
+class IDGridRowComponent {
+    elementRef = inject(ElementRef);
+    constructor() {
+        this.elementRef.nativeElement.removeAttribute('style');
+    }
+    rowAlign;
+    noGap = false;
+    get hostClasses() {
+        const colClass = 'ids-grid-row';
+        const colClasses = [colClass];
+        const setHostClass = (state, value) => {
+            if (value) {
+                colClasses.push(`${colClass}--${state}-${value}`);
+            }
+        };
+        setHostClass('align', this.rowAlign);
+        if (this.noGap) {
+            colClasses.push(`${colClass}--no-gap`);
+        }
+        return colClasses.join(' ');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDGridRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: IDGridRowComponent, isStandalone: true, selector: "id-grid-row", inputs: { rowAlign: "rowAlign", noGap: ["noGap", "noGap", booleanAttribute] }, host: { properties: { "class": "hostClasses" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDGridRowComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-grid-row',
+                    template: '<ng-content></ng-content>',
+                    standalone: true,
+                    host: {
+                        '[class]': 'hostClasses',
+                    }
+                }]
+        }], ctorParameters: () => [], propDecorators: { rowAlign: [{
+                type: Input
+            }], noGap: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }] } });
+
+class IDGridContainerComponent {
+    gutterless = false;
+    width;
+    maxWidth;
+    rowGap;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDGridContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: IDGridContainerComponent, isStandalone: true, selector: "id-grid-container", inputs: { gutterless: ["gutterless", "gutterless", booleanAttribute], width: "width", maxWidth: "maxWidth", rowGap: "rowGap" }, host: { properties: { "class.ids-grid-container--gutterless": "gutterless", "style.width": "width", "style.maxWidth": "maxWidth", "style.rowGap": "rowGap" }, classAttribute: "ids-grid-container" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IDGridContainerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'id-grid-container',
+                    template: '<ng-content></ng-content>',
+                    standalone: true,
+                    host: {
+                        class: 'ids-grid-container',
+                        '[class.ids-grid-container--gutterless]': 'gutterless',
+                        '[style.width]': 'width',
+                        '[style.maxWidth]': 'maxWidth',
+                        '[style.rowGap]': 'rowGap',
+                    },
+                }]
+        }], propDecorators: { gutterless: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], width: [{
+                type: Input
+            }], maxWidth: [{
+                type: Input
+            }], rowGap: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IDGridColumnComponent, IDGridContainerComponent, IDGridRowComponent };
+//# sourceMappingURL=inera-ids-angular-components-grid-layout.mjs.map

package/fesm2022/inera-ids-angular-components-grid-layout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"inera-ids-angular-components-grid-layout.mjs","sources":["../../../projects/ids-angular/components/grid-layout/grid-column/grid-column.component.ts","../../../projects/ids-angular/components/grid-layout/grid-row/grid-row.component.ts","../../../projects/ids-angular/components/grid-layout/grid-container/grid-container.component.ts","../../../projects/ids-angular/components/grid-layout/inera-ids-angular-components-grid-layout.ts"],"sourcesContent":["import { Component, ElementRef, Input, inject } from '@angular/core';\n\n@Component({\n  selector: 'id-grid-column',\n  template: '<ng-content></ng-content>',\n  standalone: true,\n  host: {\n    '[class]': 'hostClasses',\n  }\n})\nexport class IDGridColumnComponent {\n  private elementRef = inject(ElementRef);\n\n  constructor() {\n    this.elementRef.nativeElement.removeAttribute('style');\n  }\n  @Input() cols: string = '12';\n  @Input() start?: string;\n  @Input() m?: string;\n  @Input() mStart?: string;\n  @Input() s?: string;\n  @Input() sStart?: string;\n  @Input() order?: string;\n  @Input() mOrder?: string;\n  @Input() sOrder?: string;\n  @Input() alignSelf?: 'start' | 'center' | 'end' | 'auto' | 'baseline' | 'stretch';\n\n  get hostClasses(): string {\n    const colClass = 'ids-grid-column';\n    const colClasses = [colClass];\n    const setHostClass = (state: string, value: string | undefined) => {\n      if (value) {\n        colClasses.push(`${colClass}--${state}-${value}`);\n      }\n    };\n    colClasses.push(`${colClass}--${this.cols}`);\n    setHostClass('start', this.start);\n    setHostClass('m', this.m);\n    setHostClass('m-start', this.mStart);\n    setHostClass('s', this.s);\n    setHostClass('s-start', this.sStart);\n    setHostClass('order', this.order);\n    setHostClass('m-order', this.mOrder);\n    setHostClass('s-order', this.sOrder);\n    setHostClass('align', this.alignSelf);\n    return colClasses.join(' ');\n  }\n}\n","import { Component, ElementRef, Input, booleanAttribute, inject } from '@angular/core';\n\n@Component({\n  selector: 'id-grid-row',\n  template: '<ng-content></ng-content>',\n  standalone: true,\n  host: {\n    '[class]': 'hostClasses',\n  }\n})\nexport class IDGridRowComponent {\n  private elementRef = inject(ElementRef);\n\n  constructor() {\n    this.elementRef.nativeElement.removeAttribute('style');\n  }\n  @Input() rowAlign?: 'start' | 'center' | 'end' | 'baseline' | 'stretch';\n\n  @Input({ transform: booleanAttribute }) noGap: boolean = false;\n\n  get hostClasses(): string {\n    const colClass = 'ids-grid-row';\n    const colClasses = [colClass];\n    const setHostClass = (state: string, value: string | undefined) => {\n      if (value) {\n        colClasses.push(`${colClass}--${state}-${value}`);\n      }\n    };\n\n    setHostClass('align', this.rowAlign);\n\n    if (this.noGap) {\n      colClasses.push(`${colClass}--no-gap`);\n    }\n    return colClasses.join(' ');\n  }\n}\n","import { Component, Input, booleanAttribute } from '@angular/core';\n\n@Component({\n  selector: 'id-grid-container',\n  template: '<ng-content></ng-content>',\n  standalone: true,\n  host: {\n    class: 'ids-grid-container',\n    '[class.ids-grid-container--gutterless]': 'gutterless',\n    '[style.width]': 'width',\n    '[style.maxWidth]': 'maxWidth',\n    '[style.rowGap]': 'rowGap',\n  },\n})\nexport class IDGridContainerComponent {\n  @Input({ transform: booleanAttribute }) gutterless: boolean = false;\n  @Input() width?: string;\n  @Input() maxWidth?: string;\n  @Input() rowGap?: string;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}