@kirbydesign/designsystem 8.11.0 → 9.0.0-ionic.0

package/fesm2020/kirbydesign-designsystem-grid.mjs

@@ -1,137 +0,0 @@
-import * as i0 from '@angular/core';
-import { Injectable, Component, HostBinding, Input } from '@angular/core';
-import { Subject } from 'rxjs';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { ScssHelper } from '@kirbydesign/designsystem/helpers/scss';
-import { ComponentLoaderDirective } from '@kirbydesign/designsystem/shared';
-
-class BreakpointHelperService {
-    constructor() {
-        this.orientationChangedSubject = new Subject();
-        this.init();
-    }
-    init() {
-        // TODO JEO: Implement Angular/CDK BreakpointObserver:
-        this.orientationChangedSubject.next();
-    }
-    observe() {
-        return this.orientationChangedSubject.asObservable();
-    }
-    ngOnDestroy() {
-        this.orientationChangedSubject.complete();
-    }
-}
-/** @nocollapse */ BreakpointHelperService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BreakpointHelperService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ BreakpointHelperService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BreakpointHelperService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BreakpointHelperService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return []; } });
-
-class GridCardConfiguration {
-    constructor(component, data, preferredSize) {
-        this.component = component;
-        this.data = data;
-        this.preferredSize = preferredSize;
-    }
-}
-
-const GRID_DEPRICATION_WARNING = 'Deprecation warning: The "kirby-grid" component will be removed in a future release of Kirby designsystem. Consider using kirby-grid, kirby-grid-item css-classes as an alternative solution. See grid docs at https://cookbook.kirby.design/#/home/showcase/grid';
-class GridCard {
-    constructor(configuration, row, col, colSpan) {
-        this.configuration = configuration;
-        this.row = row;
-        this.col = col;
-        this.colSpan = colSpan;
-    }
-}
-class GridComponent {
-    constructor(breakpointHelper) {
-        this.breakpointHelper = breakpointHelper;
-        this.cards = [];
-        console.warn(GRID_DEPRICATION_WARNING);
-    }
-    set cardConfigurations(cardConfigurations) {
-        this.cardConfigs = cardConfigurations;
-        // TODO TRM/JEO Remove this when breakpoint observe something something...
-        this.configureGrid();
-    }
-    configureGrid() {
-        let calculatedMaxColumns = 0;
-        if (this.maxColumns === undefined) {
-            calculatedMaxColumns =
-                this.breakpointHelper.currentScreenWidth >= ScssHelper.BREAKPOINT_SCREEN_L ? 2 : 1;
-        }
-        else {
-            calculatedMaxColumns = this.maxColumns;
-        }
-        this.cards = [];
-        let columnCounter = 0;
-        let currentRow = 0;
-        let currentColumn = 0;
-        this.cardConfigs.forEach((card, index) => {
-            // Cards colspan is added to the column counter
-            columnCounter += card.preferredSize;
-            // If only maxColumns are set to 1, just add all cards with a colspan of 1
-            if (calculatedMaxColumns === 1) {
-                this.cards.push(new GridCard(card, currentRow, currentColumn, 1));
-                currentRow += 1;
-                return;
-            }
-            // If we are below maxColumns, then add the card to the array
-            if (columnCounter <= calculatedMaxColumns) {
-                this.cards.push(new GridCard(card, currentRow, currentColumn, card.preferredSize));
-                // Update currentColumn, so the next card will be placed correctly
-                currentColumn += card.preferredSize;
-            }
-            else {
-                // The new card didn't fit - Calculate remaining columns for previous card
-                const restColumns = calculatedMaxColumns - (columnCounter - card.preferredSize);
-                const prevCard = this.cards[index - 1];
-                // Add the restColumns to the previous cards colspan, to make it span out
-                prevCard.colSpan = restColumns + prevCard.colSpan;
-                // We are now on a new row
-                currentRow += 1;
-                currentColumn = 0;
-                this.cards.push(new GridCard(card, currentRow, currentColumn, card.preferredSize));
-                // Update currentColumn to match the size of the new card and reset columnCounter
-                currentColumn = card.preferredSize;
-                columnCounter = card.preferredSize;
-            }
-            // If we on the last card, make sure it spans all the rest of the columns
-            if (this.cardConfigs.length - 1 === index) {
-                const restColumns = calculatedMaxColumns - columnCounter;
-                const currentCard = this.cards[index];
-                currentCard.colSpan += restColumns;
-            }
-        });
-    }
-    ngOnDestroy() {
-        if (this.breakpointSubscription) {
-            this.breakpointSubscription.unsubscribe();
-        }
-    }
-}
-/** @nocollapse */ GridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: GridComponent, deps: [{ token: BreakpointHelperService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: GridComponent, isStandalone: true, selector: "kirby-grid", inputs: { maxColumns: "maxColumns", cardConfigurations: "cardConfigurations" }, host: { properties: { "attr.max-columns": "this.maxColumns" } }, ngImport: i0, template: "<ng-container *ngFor=\"let card of cards\">\n  <ng-template\n    [kirbyLoadComponent]=\"card.configuration\"\n    [cssClass]=\"'grid-item--col-' + card.colSpan\"\n  ></ng-template>\n</ng-container>\n", styles: [":host{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(var(--kirby-grid-item-min-height, auto),auto);gap:24px;max-width:var(--kirby-page-max-width);margin:0 auto}@media (min-width: 768px){:host[max-columns=\"1\"]{grid-template-columns:repeat(1,1fr)}:host[max-columns=\"2\"]{grid-template-columns:repeat(2,1fr)}:host[max-columns=\"3\"]{grid-template-columns:repeat(3,1fr)}:host[max-columns=\"4\"]{grid-template-columns:repeat(4,1fr)}:host[max-columns=\"5\"]{grid-template-columns:repeat(5,1fr)}:host[max-columns=\"6\"]{grid-template-columns:repeat(6,1fr)}:host[max-columns=\"7\"]{grid-template-columns:repeat(7,1fr)}:host[max-columns=\"8\"]{grid-template-columns:repeat(8,1fr)}:host[max-columns=\"9\"]{grid-template-columns:repeat(9,1fr)}:host[max-columns=\"10\"]{grid-template-columns:repeat(10,1fr)}}@media (min-width: 768px){::ng-deep .grid-item--col-1{grid-column:span 1}}@media (min-width: 768px){::ng-deep .grid-item--col-2{grid-column:span 2}}@media (min-width: 768px){::ng-deep .grid-item--col-3{grid-column:span 3}}@media (min-width: 768px){::ng-deep .grid-item--col-4{grid-column:span 4}}@media (min-width: 768px){::ng-deep .grid-item--col-5{grid-column:span 5}}@media (min-width: 768px){::ng-deep .grid-item--col-6{grid-column:span 6}}@media (min-width: 768px){::ng-deep .grid-item--col-7{grid-column:span 7}}@media (min-width: 768px){::ng-deep .grid-item--col-8{grid-column:span 8}}@media (min-width: 768px){::ng-deep .grid-item--col-9{grid-column:span 9}}@media (min-width: 768px){::ng-deep .grid-item--col-10{grid-column:span 10}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: ComponentLoaderDirective, selector: "[kirbyLoadComponent]", inputs: ["kirbyLoadComponent", "cssClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: GridComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, imports: [CommonModule, ComponentLoaderDirective], selector: 'kirby-grid', template: "<ng-container *ngFor=\"let card of cards\">\n  <ng-template\n    [kirbyLoadComponent]=\"card.configuration\"\n    [cssClass]=\"'grid-item--col-' + card.colSpan\"\n  ></ng-template>\n</ng-container>\n", styles: [":host{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(var(--kirby-grid-item-min-height, auto),auto);gap:24px;max-width:var(--kirby-page-max-width);margin:0 auto}@media (min-width: 768px){:host[max-columns=\"1\"]{grid-template-columns:repeat(1,1fr)}:host[max-columns=\"2\"]{grid-template-columns:repeat(2,1fr)}:host[max-columns=\"3\"]{grid-template-columns:repeat(3,1fr)}:host[max-columns=\"4\"]{grid-template-columns:repeat(4,1fr)}:host[max-columns=\"5\"]{grid-template-columns:repeat(5,1fr)}:host[max-columns=\"6\"]{grid-template-columns:repeat(6,1fr)}:host[max-columns=\"7\"]{grid-template-columns:repeat(7,1fr)}:host[max-columns=\"8\"]{grid-template-columns:repeat(8,1fr)}:host[max-columns=\"9\"]{grid-template-columns:repeat(9,1fr)}:host[max-columns=\"10\"]{grid-template-columns:repeat(10,1fr)}}@media (min-width: 768px){::ng-deep .grid-item--col-1{grid-column:span 1}}@media (min-width: 768px){::ng-deep .grid-item--col-2{grid-column:span 2}}@media (min-width: 768px){::ng-deep .grid-item--col-3{grid-column:span 3}}@media (min-width: 768px){::ng-deep .grid-item--col-4{grid-column:span 4}}@media (min-width: 768px){::ng-deep .grid-item--col-5{grid-column:span 5}}@media (min-width: 768px){::ng-deep .grid-item--col-6{grid-column:span 6}}@media (min-width: 768px){::ng-deep .grid-item--col-7{grid-column:span 7}}@media (min-width: 768px){::ng-deep .grid-item--col-8{grid-column:span 8}}@media (min-width: 768px){::ng-deep .grid-item--col-9{grid-column:span 9}}@media (min-width: 768px){::ng-deep .grid-item--col-10{grid-column:span 10}}\n"] }]
-        }], ctorParameters: function () { return [{ type: BreakpointHelperService }]; }, propDecorators: { maxColumns: [{
-                type: HostBinding,
-                args: ['attr.max-columns']
-            }, {
-                type: Input
-            }], cardConfigurations: [{
-                type: Input
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { BreakpointHelperService, GridCardConfiguration, GridComponent };
-//# sourceMappingURL=kirbydesign-designsystem-grid.mjs.map

package/fesm2020/kirbydesign-designsystem-grid.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"kirbydesign-designsystem-grid.mjs","sources":["../../../../libs/designsystem/grid/src/breakpoint-helper.service.ts","../../../../libs/designsystem/grid/src/grid-card-configuration.ts","../../../../libs/designsystem/grid/src/grid.component.ts","../../../../libs/designsystem/grid/src/grid.component.html","../../../../libs/designsystem/grid/src/kirbydesign-designsystem-grid.ts"],"sourcesContent":["import { Injectable, OnDestroy } from '@angular/core';\nimport { Observable, Subject } from 'rxjs';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class BreakpointHelperService implements OnDestroy {\n  currentScreenWidth: 800;\n  private orientationChangedSubject = new Subject<void>();\n\n  constructor() {\n    this.init();\n  }\n\n  private init() {\n    // TODO JEO: Implement Angular/CDK BreakpointObserver:\n    this.orientationChangedSubject.next();\n  }\n\n  observe(): Observable<void> {\n    return this.orientationChangedSubject.asObservable();\n  }\n\n  ngOnDestroy() {\n    this.orientationChangedSubject.complete();\n  }\n}\n","import { Type } from '@angular/core';\nimport { ComponentConfiguration } from '@kirbydesign/designsystem/shared';\n\nexport class GridCardConfiguration implements ComponentConfiguration {\n  constructor(public component: Type<any>, public data: any, public preferredSize: number) {}\n}\n","import { CommonModule } from '@angular/common';\nimport { Component, HostBinding, Input, OnDestroy } from '@angular/core';\nimport { ScssHelper } from '@kirbydesign/designsystem/helpers/scss';\nimport { ComponentLoaderDirective } from '@kirbydesign/designsystem/shared';\nimport { Subscription } from 'rxjs';\n\nimport { BreakpointHelperService } from './breakpoint-helper.service';\nimport { GridCardConfiguration } from './grid-card-configuration';\n\nconst GRID_DEPRICATION_WARNING =\n  'Deprecation warning: The \"kirby-grid\" component will be removed in a future release of Kirby designsystem. Consider using kirby-grid, kirby-grid-item css-classes as an alternative solution. See grid docs at https://cookbook.kirby.design/#/home/showcase/grid';\n\nclass GridCard {\n  configuration: GridCardConfiguration;\n  row: number;\n  col: number;\n  colSpan: number;\n\n  constructor(configuration: GridCardConfiguration, row: number, col: number, colSpan: number) {\n    this.configuration = configuration;\n    this.row = row;\n    this.col = col;\n    this.colSpan = colSpan;\n  }\n}\n\n@Component({\n  standalone: true,\n  imports: [CommonModule, ComponentLoaderDirective],\n  selector: 'kirby-grid',\n  templateUrl: './grid.component.html',\n  styleUrls: ['./grid.component.scss'],\n})\nexport class GridComponent implements OnDestroy {\n  cardConfigs: GridCardConfiguration[];\n  cards: GridCard[] = [];\n  private breakpointSubscription: Subscription;\n\n  @HostBinding('attr.max-columns')\n  @Input()\n  maxColumns: number;\n\n  @Input()\n  set cardConfigurations(cardConfigurations: GridCardConfiguration[]) {\n    this.cardConfigs = cardConfigurations;\n    // TODO TRM/JEO Remove this when breakpoint observe something something...\n    this.configureGrid();\n  }\n\n  constructor(private breakpointHelper: BreakpointHelperService) {\n    console.warn(GRID_DEPRICATION_WARNING);\n  }\n\n  configureGrid() {\n    let calculatedMaxColumns = 0;\n    if (this.maxColumns === undefined) {\n      calculatedMaxColumns =\n        this.breakpointHelper.currentScreenWidth >= ScssHelper.BREAKPOINT_SCREEN_L ? 2 : 1;\n    } else {\n      calculatedMaxColumns = this.maxColumns;\n    }\n    this.cards = [];\n    let columnCounter = 0;\n    let currentRow = 0;\n    let currentColumn = 0;\n\n    this.cardConfigs.forEach((card, index) => {\n      // Cards colspan is added to the column counter\n      columnCounter += card.preferredSize;\n      // If only maxColumns are set to 1, just add all cards with a colspan of 1\n      if (calculatedMaxColumns === 1) {\n        this.cards.push(new GridCard(card, currentRow, currentColumn, 1));\n        currentRow += 1;\n        return;\n      }\n      // If we are below maxColumns, then add the card to the array\n      if (columnCounter <= calculatedMaxColumns) {\n        this.cards.push(new GridCard(card, currentRow, currentColumn, card.preferredSize));\n        // Update currentColumn, so the next card will be placed correctly\n        currentColumn += card.preferredSize;\n      } else {\n        // The new card didn't fit - Calculate remaining columns for previous card\n        const restColumns = calculatedMaxColumns - (columnCounter - card.preferredSize);\n        const prevCard = this.cards[index - 1];\n        // Add the restColumns to the previous cards colspan, to make it span out\n        prevCard.colSpan = restColumns + prevCard.colSpan;\n        // We are now on a new row\n        currentRow += 1;\n        currentColumn = 0;\n        this.cards.push(new GridCard(card, currentRow, currentColumn, card.preferredSize));\n        // Update currentColumn to match the size of the new card and reset columnCounter\n        currentColumn = card.preferredSize;\n        columnCounter = card.preferredSize;\n      }\n      // If we on the last card, make sure it spans all the rest of the columns\n      if (this.cardConfigs.length - 1 === index) {\n        const restColumns = calculatedMaxColumns - columnCounter;\n        const currentCard = this.cards[index];\n        currentCard.colSpan += restColumns;\n      }\n    });\n  }\n\n  ngOnDestroy() {\n    if (this.breakpointSubscription) {\n      this.breakpointSubscription.unsubscribe();\n    }\n  }\n}\n","<ng-container *ngFor=\"let card of cards\">\n  <ng-template\n    [kirbyLoadComponent]=\"card.configuration\"\n    [cssClass]=\"'grid-item--col-' + card.colSpan\"\n  ></ng-template>\n</ng-container>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1.BreakpointHelperService"],"mappings":"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"}

package/grid/breakpoint-helper.service.d.ts

@@ -1,13 +0,0 @@
-import { OnDestroy } from '@angular/core';
-import { Observable } from 'rxjs';
-import * as i0 from "@angular/core";
-export declare class BreakpointHelperService implements OnDestroy {
-    currentScreenWidth: 800;
-    private orientationChangedSubject;
-    constructor();
-    private init;
-    observe(): Observable<void>;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BreakpointHelperService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<BreakpointHelperService>;
-}

package/grid/grid-card-configuration.d.ts

@@ -1,8 +0,0 @@
-import { Type } from '@angular/core';
-import { ComponentConfiguration } from '@kirbydesign/designsystem/shared';
-export declare class GridCardConfiguration implements ComponentConfiguration {
-    component: Type<any>;
-    data: any;
-    preferredSize: number;
-    constructor(component: Type<any>, data: any, preferredSize: number);
-}

package/grid/grid.component.d.ts

@@ -1,25 +0,0 @@
-import { OnDestroy } from '@angular/core';
-import { BreakpointHelperService } from './breakpoint-helper.service';
-import { GridCardConfiguration } from './grid-card-configuration';
-import * as i0 from "@angular/core";
-declare class GridCard {
-    configuration: GridCardConfiguration;
-    row: number;
-    col: number;
-    colSpan: number;
-    constructor(configuration: GridCardConfiguration, row: number, col: number, colSpan: number);
-}
-export declare class GridComponent implements OnDestroy {
-    private breakpointHelper;
-    cardConfigs: GridCardConfiguration[];
-    cards: GridCard[];
-    private breakpointSubscription;
-    maxColumns: number;
-    set cardConfigurations(cardConfigurations: GridCardConfiguration[]);
-    constructor(breakpointHelper: BreakpointHelperService);
-    configureGrid(): void;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<GridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GridComponent, "kirby-grid", never, { "maxColumns": "maxColumns"; "cardConfigurations": "cardConfigurations"; }, {}, never, never, true, never>;
-}
-export {};

package/grid/index.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@kirbydesign/designsystem/grid" />
-export * from './public_api';

package/grid/public_api.d.ts

@@ -1,3 +0,0 @@
-export * from './breakpoint-helper.service';
-export * from './grid-card-configuration';
-export * from './grid.component';

package/testing-base/lib/components/mock.alert-experimental.component.d.ts

@@ -1,14 +0,0 @@
-import { Observable } from 'rxjs';
-import { ThemeColor } from '@kirbydesign/core';
-import * as i0 from "@angular/core";
-export declare class MockAlertExperimentalComponent {
-    title: string | Observable<string>;
-    message: string & Observable<string>;
-    iconName: string;
-    iconThemeColor: ThemeColor | `${ThemeColor}`;
-    okButton: string;
-    okButtonIsDestructive: boolean;
-    cancelButton: string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MockAlertExperimentalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MockAlertExperimentalComponent, "kirby-alert-experimental", never, { "title": "title"; "message": "message"; "iconName": "iconName"; "iconThemeColor": "iconThemeColor"; "okButton": "okButton"; "okButtonIsDestructive": "okButtonIsDestructive"; "cancelButton": "cancelButton"; }, {}, never, ["*"], false, never>;
-}

package/testing-base/lib/components/mock.grid.component.d.ts

@@ -1,8 +0,0 @@
-import { GridCardConfiguration } from '@kirbydesign/designsystem';
-import * as i0 from "@angular/core";
-export declare class MockGridComponent {
-    maxColumns: number;
-    cardConfigurations: GridCardConfiguration[];
-    static ɵfac: i0.ɵɵFactoryDeclaration<MockGridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MockGridComponent, "kirby-grid", never, { "maxColumns": "maxColumns"; "cardConfigurations": "cardConfigurations"; }, {}, never, ["*"], false, never>;
-}