@microsoft/teams.cards 0.2.13 → 2.0.0-preview.0

package/dist/inputs/toggle.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/inputs/toggle.ts"],"names":["InputElement"],"mappings":";;;;AAuCO,MAAM,oBAAoBA,iBAAqC,CAAA;AAAA,EACpE,IAAA;AAAA;AAAA;AAAA;AAAA,EAKA,KAAA;AAAA;AAAA;AAAA;AAAA,EAKA,KAAA;AAAA;AAAA;AAAA;AAAA,EAKA,QAAA;AAAA;AAAA;AAAA;AAAA,EAKA,OAAA;AAAA;AAAA;AAAA;AAAA,EAKA,IAAA;AAAA,EAEA,WAAY,CAAA,KAAA,EAAe,OAA8B,GAAA,EAAI,EAAA;AAC3D,IAAM,KAAA,EAAA;AACN,IAAA,IAAA,CAAK,IAAO,GAAA,cAAA;AACZ,IAAA,IAAA,CAAK,KAAQ,GAAA,KAAA;AACb,IAAA,IAAA,CAAK,YAAY,OAAO,CAAA;AAAA;AAC1B,EAEA,YAAY,KAA2B,EAAA;AACrC,IAAO,MAAA,CAAA,MAAA,CAAO,MAAM,KAAK,CAAA;AACzB,IAAO,OAAA,IAAA;AAAA;AACT,EAEA,UAAU,KAA0D,EAAA;AAClE,IAAA,IAAA,CAAK,KAAQ,GAAA,KAAA;AACb,IAAO,OAAA,IAAA;AAAA;AACT,EAEA,aAAa,KAAwC,EAAA;AACnD,IAAA,IAAA,CAAK,QAAW,GAAA,KAAA;AAChB,IAAO,OAAA,IAAA;AAAA;AACT,EAEA,YAAY,KAAsC,EAAA;AAChD,IAAA,IAAA,CAAK,OAAU,GAAA,KAAA;AACf,IAAO,OAAA,IAAA;AAAA;AACT,EAEA,QAAA,CAAS,QAAQ,IAAM,EAAA;AACrB,IAAA,IAAA,CAAK,IAAO,GAAA,KAAA;AACZ,IAAO,OAAA,IAAA;AAAA;AAEX","file":"toggle.js","sourcesContent":["import { IInputElement, InputElement } from './base';\n\n/**\n * Lets a user choose between two options.\n */\nexport interface IToggleInput extends IInputElement {\n  type: 'Input.Toggle';\n\n  /**\n   * Title for the toggle\n   */\n  title: string;\n\n  /**\n   * The initial selected value. If you want the toggle to be initially on, set this to the value of valueOn‘s value.\n   */\n  value?: 'true' | 'false' | Omit<string, 'true' | 'false'>;\n\n  /**\n   * The value when toggle is off\n   */\n  valueOff?: 'false' | Omit<string, 'false'>;\n\n  /**\n   * The value when toggle is on\n   */\n  valueOn?: 'true' | Omit<string, 'true'>;\n\n  /**\n   * If `true`, allow text to wrap. Otherwise, text is clipped.\n   */\n  wrap?: boolean;\n}\n\nexport type ToggleInputOptions = Omit<IToggleInput, 'type' | 'title'>;\n\n/**\n * Lets a user choose between two options.\n */\nexport class ToggleInput extends InputElement implements IToggleInput {\n  type: 'Input.Toggle';\n\n  /**\n   * Title for the toggle\n   */\n  title: string;\n\n  /**\n   * The initial selected value. If you want the toggle to be initially on, set this to the value of valueOn‘s value.\n   */\n  value?: 'true' | 'false' | Omit<string, 'true' | 'false'>;\n\n  /**\n   * The value when toggle is off\n   */\n  valueOff?: 'false' | Omit<string, 'false'>;\n\n  /**\n   * The value when toggle is on\n   */\n  valueOn?: 'true' | Omit<string, 'true'>;\n\n  /**\n   * If `true`, allow text to wrap. Otherwise, text is clipped.\n   */\n  wrap?: boolean;\n\n  constructor(title: string, options: ToggleInputOptions = {}) {\n    super();\n    this.type = 'Input.Toggle';\n    this.title = title;\n    this.withOptions(options);\n  }\n\n  withOptions(value: ToggleInputOptions) {\n    Object.assign(this, value);\n    return this;\n  }\n\n  withValue(value: 'true' | 'false' | Omit<string, 'true' | 'false'>) {\n    this.value = value;\n    return this;\n  }\n\n  withValueOff(value: 'false' | Omit<string, 'false'>) {\n    this.valueOff = value;\n    return this;\n  }\n\n  withValueOn(value: 'true' | Omit<string, 'true'>) {\n    this.valueOn = value;\n    return this;\n  }\n\n  withWrap(value = true) {\n    this.wrap = value;\n    return this;\n  }\n}\n"]}

package/dist/inputs/toggle.mjs

@@ -1,55 +0,0 @@
-import { InputElement } from './base';
-
-class ToggleInput extends InputElement {
-  type;
-  /**
-   * Title for the toggle
-   */
-  title;
-  /**
-   * The initial selected value. If you want the toggle to be initially on, set this to the value of valueOn‘s value.
-   */
-  value;
-  /**
-   * The value when toggle is off
-   */
-  valueOff;
-  /**
-   * The value when toggle is on
-   */
-  valueOn;
-  /**
-   * If `true`, allow text to wrap. Otherwise, text is clipped.
-   */
-  wrap;
-  constructor(title, options = {}) {
-    super();
-    this.type = "Input.Toggle";
-    this.title = title;
-    this.withOptions(options);
-  }
-  withOptions(value) {
-    Object.assign(this, value);
-    return this;
-  }
-  withValue(value) {
-    this.value = value;
-    return this;
-  }
-  withValueOff(value) {
-    this.valueOff = value;
-    return this;
-  }
-  withValueOn(value) {
-    this.valueOn = value;
-    return this;
-  }
-  withWrap(value = true) {
-    this.wrap = value;
-    return this;
-  }
-}
-
-export { ToggleInput };
-//# sourceMappingURL=toggle.mjs.map
-//# sourceMappingURL=toggle.mjs.map

package/dist/inputs/toggle.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/inputs/toggle.ts"],"names":[],"mappings":";;AAuCO,MAAM,oBAAoB,YAAqC,CAAA;AAAA,EACpE,IAAA;AAAA;AAAA;AAAA;AAAA,EAKA,KAAA;AAAA;AAAA;AAAA;AAAA,EAKA,KAAA;AAAA;AAAA;AAAA;AAAA,EAKA,QAAA;AAAA;AAAA;AAAA;AAAA,EAKA,OAAA;AAAA;AAAA;AAAA;AAAA,EAKA,IAAA;AAAA,EAEA,WAAY,CAAA,KAAA,EAAe,OAA8B,GAAA,EAAI,EAAA;AAC3D,IAAM,KAAA,EAAA;AACN,IAAA,IAAA,CAAK,IAAO,GAAA,cAAA;AACZ,IAAA,IAAA,CAAK,KAAQ,GAAA,KAAA;AACb,IAAA,IAAA,CAAK,YAAY,OAAO,CAAA;AAAA;AAC1B,EAEA,YAAY,KAA2B,EAAA;AACrC,IAAO,MAAA,CAAA,MAAA,CAAO,MAAM,KAAK,CAAA;AACzB,IAAO,OAAA,IAAA;AAAA;AACT,EAEA,UAAU,KAA0D,EAAA;AAClE,IAAA,IAAA,CAAK,KAAQ,GAAA,KAAA;AACb,IAAO,OAAA,IAAA;AAAA;AACT,EAEA,aAAa,KAAwC,EAAA;AACnD,IAAA,IAAA,CAAK,QAAW,GAAA,KAAA;AAChB,IAAO,OAAA,IAAA;AAAA;AACT,EAEA,YAAY,KAAsC,EAAA;AAChD,IAAA,IAAA,CAAK,OAAU,GAAA,KAAA;AACf,IAAO,OAAA,IAAA;AAAA;AACT,EAEA,QAAA,CAAS,QAAQ,IAAM,EAAA;AACrB,IAAA,IAAA,CAAK,IAAO,GAAA,KAAA;AACZ,IAAO,OAAA,IAAA;AAAA;AAEX","file":"toggle.mjs","sourcesContent":["import { IInputElement, InputElement } from './base';\n\n/**\n * Lets a user choose between two options.\n */\nexport interface IToggleInput extends IInputElement {\n  type: 'Input.Toggle';\n\n  /**\n   * Title for the toggle\n   */\n  title: string;\n\n  /**\n   * The initial selected value. If you want the toggle to be initially on, set this to the value of valueOn‘s value.\n   */\n  value?: 'true' | 'false' | Omit<string, 'true' | 'false'>;\n\n  /**\n   * The value when toggle is off\n   */\n  valueOff?: 'false' | Omit<string, 'false'>;\n\n  /**\n   * The value when toggle is on\n   */\n  valueOn?: 'true' | Omit<string, 'true'>;\n\n  /**\n   * If `true`, allow text to wrap. Otherwise, text is clipped.\n   */\n  wrap?: boolean;\n}\n\nexport type ToggleInputOptions = Omit<IToggleInput, 'type' | 'title'>;\n\n/**\n * Lets a user choose between two options.\n */\nexport class ToggleInput extends InputElement implements IToggleInput {\n  type: 'Input.Toggle';\n\n  /**\n   * Title for the toggle\n   */\n  title: string;\n\n  /**\n   * The initial selected value. If you want the toggle to be initially on, set this to the value of valueOn‘s value.\n   */\n  value?: 'true' | 'false' | Omit<string, 'true' | 'false'>;\n\n  /**\n   * The value when toggle is off\n   */\n  valueOff?: 'false' | Omit<string, 'false'>;\n\n  /**\n   * The value when toggle is on\n   */\n  valueOn?: 'true' | Omit<string, 'true'>;\n\n  /**\n   * If `true`, allow text to wrap. Otherwise, text is clipped.\n   */\n  wrap?: boolean;\n\n  constructor(title: string, options: ToggleInputOptions = {}) {\n    super();\n    this.type = 'Input.Toggle';\n    this.title = title;\n    this.withOptions(options);\n  }\n\n  withOptions(value: ToggleInputOptions) {\n    Object.assign(this, value);\n    return this;\n  }\n\n  withValue(value: 'true' | 'false' | Omit<string, 'true' | 'false'>) {\n    this.value = value;\n    return this;\n  }\n\n  withValueOff(value: 'false' | Omit<string, 'false'>) {\n    this.valueOff = value;\n    return this;\n  }\n\n  withValueOn(value: 'true' | Omit<string, 'true'>) {\n    this.valueOn = value;\n    return this;\n  }\n\n  withWrap(value = true) {\n    this.wrap = value;\n    return this;\n  }\n}\n"]}

package/dist/layouts/area-grid.d.mts

@@ -1,133 +0,0 @@
-import { Spacing } from '../common/spacing.mjs';
-import { TargetWidth } from '../common/target-width.mjs';
-
-/**
- * A layout that divides a container into named areas into which elements can be placed.
- */
-interface IAreaGridLayout {
-    type: 'Layout.AreaGrid';
-    /**
-     * The areas in the grid layout.
-     */
-    areas: IGridArea[];
-    /**
-     * The columns in the grid layout, defined as a percentage of the available width or in pixels using the <number>px format.
-     */
-    columns: (number | string)[];
-    /**
-     * The space between columns.
-     * @default `default`
-     */
-    columnSpacing?: Spacing;
-    /**
-     * The space between rows.
-     * @default `default`
-     */
-    rowSpacing?: Spacing;
-    /**
-     * Controls for which card width the layout should be used.
-     */
-    targetWidth?: TargetWidth;
-}
-type AreaGridLayoutOptions = Omit<IAreaGridLayout, 'type' | 'areas' | 'columns'>;
-/**
- * A layout that divides a container into named areas into which elements can be placed.
- */
-declare class AreaGridLayout implements IAreaGridLayout {
-    type: 'Layout.AreaGrid';
-    /**
-     * The areas in the grid layout.
-     */
-    areas: IGridArea[];
-    /**
-     * The columns in the grid layout, defined as a percentage of the available width or in pixels using the <number>px format.
-     */
-    columns: (number | string)[];
-    /**
-     * The space between columns.
-     * @default `default`
-     */
-    columnSpacing?: Spacing;
-    /**
-     * The space between rows.
-     * @default `default`
-     */
-    rowSpacing?: Spacing;
-    /**
-     * Controls for which card width the layout should be used.
-     */
-    targetWidth?: TargetWidth;
-    constructor(...areas: IGridArea[]);
-    static from(options: Omit<IAreaGridLayout, 'type'>): AreaGridLayout;
-    withColumnSpacing(value: Spacing): this;
-    withRowSpacing(value: Spacing): this;
-    withTargetWidth(value: TargetWidth): this;
-    addAreas(...value: IGridArea[]): this;
-    addColumns(...value: (number | string)[]): this;
-}
-/**
- * Defines an area in a Layout.AreaGrid layout.
- */
-interface IGridArea {
-    /**
-     * The start column index of the area. Column indices start at 1.
-     * @default 1
-     */
-    column?: number;
-    /**
-     * Defines how many columns the area should span.
-     * @default 1
-     */
-    columnSpan?: number;
-    /**
-     * The name of the area. To place an element in this area, set its grid.area property to match the name of the area.
-     */
-    name?: string;
-    /**
-     * The start row index of the area. Row indices start at 1.
-     * @default 1
-     */
-    row?: number;
-    /**
-     * Defines how many rows the area should span.
-     * @default 1
-     */
-    rowSpan?: number;
-}
-/**
- * Defines an area in a Layout.AreaGrid layout.
- */
-declare class GridArea implements IGridArea {
-    /**
-     * The start column index of the area. Column indices start at 1.
-     * @default 1
-     */
-    column?: number;
-    /**
-     * Defines how many columns the area should span.
-     * @default 1
-     */
-    columnSpan?: number;
-    /**
-     * The name of the area. To place an element in this area, set its grid.area property to match the name of the area.
-     */
-    name?: string;
-    /**
-     * The start row index of the area. Row indices start at 1.
-     * @default 1
-     */
-    row?: number;
-    /**
-     * Defines how many rows the area should span.
-     * @default 1
-     */
-    rowSpan?: number;
-    constructor(value?: IGridArea);
-    withColumn(value: number, span?: number): this;
-    withColumnSpan(value: number): this;
-    withName(value: string): this;
-    withRow(value: number, span?: number): this;
-    withRowSpan(value: number): this;
-}
-
-export { AreaGridLayout, type AreaGridLayoutOptions, GridArea, type IAreaGridLayout, type IGridArea };

package/dist/layouts/area-grid.d.ts

@@ -1,133 +0,0 @@
-import { Spacing } from '../common/spacing.js';
-import { TargetWidth } from '../common/target-width.js';
-
-/**
- * A layout that divides a container into named areas into which elements can be placed.
- */
-interface IAreaGridLayout {
-    type: 'Layout.AreaGrid';
-    /**
-     * The areas in the grid layout.
-     */
-    areas: IGridArea[];
-    /**
-     * The columns in the grid layout, defined as a percentage of the available width or in pixels using the <number>px format.
-     */
-    columns: (number | string)[];
-    /**
-     * The space between columns.
-     * @default `default`
-     */
-    columnSpacing?: Spacing;
-    /**
-     * The space between rows.
-     * @default `default`
-     */
-    rowSpacing?: Spacing;
-    /**
-     * Controls for which card width the layout should be used.
-     */
-    targetWidth?: TargetWidth;
-}
-type AreaGridLayoutOptions = Omit<IAreaGridLayout, 'type' | 'areas' | 'columns'>;
-/**
- * A layout that divides a container into named areas into which elements can be placed.
- */
-declare class AreaGridLayout implements IAreaGridLayout {
-    type: 'Layout.AreaGrid';
-    /**
-     * The areas in the grid layout.
-     */
-    areas: IGridArea[];
-    /**
-     * The columns in the grid layout, defined as a percentage of the available width or in pixels using the <number>px format.
-     */
-    columns: (number | string)[];
-    /**
-     * The space between columns.
-     * @default `default`
-     */
-    columnSpacing?: Spacing;
-    /**
-     * The space between rows.
-     * @default `default`
-     */
-    rowSpacing?: Spacing;
-    /**
-     * Controls for which card width the layout should be used.
-     */
-    targetWidth?: TargetWidth;
-    constructor(...areas: IGridArea[]);
-    static from(options: Omit<IAreaGridLayout, 'type'>): AreaGridLayout;
-    withColumnSpacing(value: Spacing): this;
-    withRowSpacing(value: Spacing): this;
-    withTargetWidth(value: TargetWidth): this;
-    addAreas(...value: IGridArea[]): this;
-    addColumns(...value: (number | string)[]): this;
-}
-/**
- * Defines an area in a Layout.AreaGrid layout.
- */
-interface IGridArea {
-    /**
-     * The start column index of the area. Column indices start at 1.
-     * @default 1
-     */
-    column?: number;
-    /**
-     * Defines how many columns the area should span.
-     * @default 1
-     */
-    columnSpan?: number;
-    /**
-     * The name of the area. To place an element in this area, set its grid.area property to match the name of the area.
-     */
-    name?: string;
-    /**
-     * The start row index of the area. Row indices start at 1.
-     * @default 1
-     */
-    row?: number;
-    /**
-     * Defines how many rows the area should span.
-     * @default 1
-     */
-    rowSpan?: number;
-}
-/**
- * Defines an area in a Layout.AreaGrid layout.
- */
-declare class GridArea implements IGridArea {
-    /**
-     * The start column index of the area. Column indices start at 1.
-     * @default 1
-     */
-    column?: number;
-    /**
-     * Defines how many columns the area should span.
-     * @default 1
-     */
-    columnSpan?: number;
-    /**
-     * The name of the area. To place an element in this area, set its grid.area property to match the name of the area.
-     */
-    name?: string;
-    /**
-     * The start row index of the area. Row indices start at 1.
-     * @default 1
-     */
-    row?: number;
-    /**
-     * Defines how many rows the area should span.
-     * @default 1
-     */
-    rowSpan?: number;
-    constructor(value?: IGridArea);
-    withColumn(value: number, span?: number): this;
-    withColumnSpan(value: number): this;
-    withName(value: string): this;
-    withRow(value: number, span?: number): this;
-    withRowSpan(value: number): this;
-}
-
-export { AreaGridLayout, type AreaGridLayoutOptions, GridArea, type IAreaGridLayout, type IGridArea };

package/dist/layouts/area-grid.js

@@ -1,113 +0,0 @@
-'use strict';
-
-class AreaGridLayout {
-  type;
-  /**
-   * The areas in the grid layout.
-   */
-  areas;
-  /**
-   * The columns in the grid layout, defined as a percentage of the available width or in pixels using the <number>px format.
-   */
-  columns;
-  /**
-   * The space between columns.
-   * @default `default`
-   */
-  columnSpacing;
-  /**
-   * The space between rows.
-   * @default `default`
-   */
-  rowSpacing;
-  /**
-   * Controls for which card width the layout should be used.
-   */
-  targetWidth;
-  constructor(...areas) {
-    this.type = "Layout.AreaGrid";
-    this.areas = areas;
-    this.columns = [];
-  }
-  static from(options) {
-    const layout = new AreaGridLayout(...options.areas);
-    Object.assign(layout, options);
-    return layout;
-  }
-  withColumnSpacing(value) {
-    this.columnSpacing = value;
-    return this;
-  }
-  withRowSpacing(value) {
-    this.rowSpacing = value;
-    return this;
-  }
-  withTargetWidth(value) {
-    this.targetWidth = value;
-    return this;
-  }
-  addAreas(...value) {
-    this.areas.push(...value);
-    return this;
-  }
-  addColumns(...value) {
-    this.columns.push(...value);
-    return this;
-  }
-}
-class GridArea {
-  /**
-   * The start column index of the area. Column indices start at 1.
-   * @default 1
-   */
-  column;
-  /**
-   * Defines how many columns the area should span.
-   * @default 1
-   */
-  columnSpan;
-  /**
-   * The name of the area. To place an element in this area, set its grid.area property to match the name of the area.
-   */
-  name;
-  /**
-   * The start row index of the area. Row indices start at 1.
-   * @default 1
-   */
-  row;
-  /**
-   * Defines how many rows the area should span.
-   * @default 1
-   */
-  rowSpan;
-  constructor(value = {}) {
-    Object.assign(this, value);
-  }
-  withColumn(value, span) {
-    this.column = value;
-    this.columnSpan = span;
-    return this;
-  }
-  withColumnSpan(value) {
-    this.columnSpan = value;
-    return this;
-  }
-  withName(value) {
-    this.name = value;
-    return this;
-  }
-  withRow(value, span) {
-    this.row = value;
-    this.rowSpan = span;
-    return this;
-  }
-  withRowSpan(value) {
-    this.rowSpan = value;
-    return this;
-  }
-}
-
-exports.AreaGridLayout = AreaGridLayout;
-exports.GridArea = GridArea;
-//# sourceMappingURL=area-grid.js.map
-//# sourceMappingURL=area-grid.js.map

package/dist/layouts/area-grid.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/layouts/area-grid.ts"],"names":[],"mappings":";;AAyCO,MAAM,cAA0C,CAAA;AAAA,EACrD,IAAA;AAAA;AAAA;AAAA;AAAA,EAKA,KAAA;AAAA;AAAA;AAAA;AAAA,EAKA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,aAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,UAAA;AAAA;AAAA;AAAA;AAAA,EAKA,WAAA;AAAA,EAEA,eAAe,KAAoB,EAAA;AACjC,IAAA,IAAA,CAAK,IAAO,GAAA,iBAAA;AACZ,IAAA,IAAA,CAAK,KAAQ,GAAA,KAAA;AACb,IAAA,IAAA,CAAK,UAAU,EAAC;AAAA;AAClB,EAEA,OAAO,KAAK,OAAwC,EAAA;AAClD,IAAA,MAAM,MAAS,GAAA,IAAI,cAAe,CAAA,GAAG,QAAQ,KAAK,CAAA;AAClD,IAAO,MAAA,CAAA,MAAA,CAAO,QAAQ,OAAO,CAAA;AAC7B,IAAO,OAAA,MAAA;AAAA;AACT,EAEA,kBAAkB,KAAgB,EAAA;AAChC,IAAA,IAAA,CAAK,aAAgB,GAAA,KAAA;AACrB,IAAO,OAAA,IAAA;AAAA;AACT,EAEA,eAAe,KAAgB,EAAA;AAC7B,IAAA,IAAA,CAAK,UAAa,GAAA,KAAA;AAClB,IAAO,OAAA,IAAA;AAAA;AACT,EAEA,gBAAgB,KAAoB,EAAA;AAClC,IAAA,IAAA,CAAK,WAAc,GAAA,KAAA;AACnB,IAAO,OAAA,IAAA;AAAA;AACT,EAEA,YAAY,KAAoB,EAAA;AAC9B,IAAK,IAAA,CAAA,KAAA,CAAM,IAAK,CAAA,GAAG,KAAK,CAAA;AACxB,IAAO,OAAA,IAAA;AAAA;AACT,EAEA,cAAc,KAA4B,EAAA;AACxC,IAAK,IAAA,CAAA,OAAA,CAAQ,IAAK,CAAA,GAAG,KAAK,CAAA;AAC1B,IAAO,OAAA,IAAA;AAAA;AAEX;AAuCO,MAAM,QAA8B,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKzC,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,UAAA;AAAA;AAAA;AAAA;AAAA,EAKA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAA;AAAA,EAEA,WAAA,CAAY,KAAmB,GAAA,EAAI,EAAA;AACjC,IAAO,MAAA,CAAA,MAAA,CAAO,MAAM,KAAK,CAAA;AAAA;AAC3B,EAEA,UAAA,CAAW,OAAe,IAAe,EAAA;AACvC,IAAA,IAAA,CAAK,MAAS,GAAA,KAAA;AACd,IAAA,IAAA,CAAK,UAAa,GAAA,IAAA;AAClB,IAAO,OAAA,IAAA;AAAA;AACT,EAEA,eAAe,KAAe,EAAA;AAC5B,IAAA,IAAA,CAAK,UAAa,GAAA,KAAA;AAClB,IAAO,OAAA,IAAA;AAAA;AACT,EAEA,SAAS,KAAe,EAAA;AACtB,IAAA,IAAA,CAAK,IAAO,GAAA,KAAA;AACZ,IAAO,OAAA,IAAA;AAAA;AACT,EAEA,OAAA,CAAQ,OAAe,IAAe,EAAA;AACpC,IAAA,IAAA,CAAK,GAAM,GAAA,KAAA;AACX,IAAA,IAAA,CAAK,OAAU,GAAA,IAAA;AACf,IAAO,OAAA,IAAA;AAAA;AACT,EAEA,YAAY,KAAe,EAAA;AACzB,IAAA,IAAA,CAAK,OAAU,GAAA,KAAA;AACf,IAAO,OAAA,IAAA;AAAA;AAEX","file":"area-grid.js","sourcesContent":["import { Spacing, TargetWidth } from '../common';\n\n/**\n * A layout that divides a container into named areas into which elements can be placed.\n */\nexport interface IAreaGridLayout {\n  type: 'Layout.AreaGrid';\n\n  /**\n   * The areas in the grid layout.\n   */\n  areas: IGridArea[];\n\n  /**\n   * The columns in the grid layout, defined as a percentage of the available width or in pixels using the <number>px format.\n   */\n  columns: (number | string)[];\n\n  /**\n   * The space between columns.\n   * @default `default`\n   */\n  columnSpacing?: Spacing;\n\n  /**\n   * The space between rows.\n   * @default `default`\n   */\n  rowSpacing?: Spacing;\n\n  /**\n   * Controls for which card width the layout should be used.\n   */\n  targetWidth?: TargetWidth;\n}\n\nexport type AreaGridLayoutOptions = Omit<IAreaGridLayout, 'type' | 'areas' | 'columns'>;\n\n/**\n * A layout that divides a container into named areas into which elements can be placed.\n */\nexport class AreaGridLayout implements IAreaGridLayout {\n  type: 'Layout.AreaGrid';\n\n  /**\n   * The areas in the grid layout.\n   */\n  areas: IGridArea[];\n\n  /**\n   * The columns in the grid layout, defined as a percentage of the available width or in pixels using the <number>px format.\n   */\n  columns: (number | string)[];\n\n  /**\n   * The space between columns.\n   * @default `default`\n   */\n  columnSpacing?: Spacing;\n\n  /**\n   * The space between rows.\n   * @default `default`\n   */\n  rowSpacing?: Spacing;\n\n  /**\n   * Controls for which card width the layout should be used.\n   */\n  targetWidth?: TargetWidth;\n\n  constructor(...areas: IGridArea[]) {\n    this.type = 'Layout.AreaGrid';\n    this.areas = areas;\n    this.columns = [];\n  }\n\n  static from(options: Omit<IAreaGridLayout, 'type'>) {\n    const layout = new AreaGridLayout(...options.areas);\n    Object.assign(layout, options);\n    return layout;\n  }\n\n  withColumnSpacing(value: Spacing) {\n    this.columnSpacing = value;\n    return this;\n  }\n\n  withRowSpacing(value: Spacing) {\n    this.rowSpacing = value;\n    return this;\n  }\n\n  withTargetWidth(value: TargetWidth) {\n    this.targetWidth = value;\n    return this;\n  }\n\n  addAreas(...value: IGridArea[]) {\n    this.areas.push(...value);\n    return this;\n  }\n\n  addColumns(...value: (number | string)[]) {\n    this.columns.push(...value);\n    return this;\n  }\n}\n\n/**\n * Defines an area in a Layout.AreaGrid layout.\n */\nexport interface IGridArea {\n  /**\n   * The start column index of the area. Column indices start at 1.\n   * @default 1\n   */\n  column?: number;\n\n  /**\n   * Defines how many columns the area should span.\n   * @default 1\n   */\n  columnSpan?: number;\n\n  /**\n   * The name of the area. To place an element in this area, set its grid.area property to match the name of the area.\n   */\n  name?: string;\n\n  /**\n   * The start row index of the area. Row indices start at 1.\n   * @default 1\n   */\n  row?: number;\n\n  /**\n   * Defines how many rows the area should span.\n   * @default 1\n   */\n  rowSpan?: number;\n}\n\n/**\n * Defines an area in a Layout.AreaGrid layout.\n */\nexport class GridArea implements IGridArea {\n  /**\n   * The start column index of the area. Column indices start at 1.\n   * @default 1\n   */\n  column?: number;\n\n  /**\n   * Defines how many columns the area should span.\n   * @default 1\n   */\n  columnSpan?: number;\n\n  /**\n   * The name of the area. To place an element in this area, set its grid.area property to match the name of the area.\n   */\n  name?: string;\n\n  /**\n   * The start row index of the area. Row indices start at 1.\n   * @default 1\n   */\n  row?: number;\n\n  /**\n   * Defines how many rows the area should span.\n   * @default 1\n   */\n  rowSpan?: number;\n\n  constructor(value: IGridArea = {}) {\n    Object.assign(this, value);\n  }\n\n  withColumn(value: number, span?: number) {\n    this.column = value;\n    this.columnSpan = span;\n    return this;\n  }\n\n  withColumnSpan(value: number) {\n    this.columnSpan = value;\n    return this;\n  }\n\n  withName(value: string) {\n    this.name = value;\n    return this;\n  }\n\n  withRow(value: number, span?: number) {\n    this.row = value;\n    this.rowSpan = span;\n    return this;\n  }\n\n  withRowSpan(value: number) {\n    this.rowSpan = value;\n    return this;\n  }\n}\n"]}

package/dist/layouts/area-grid.mjs

@@ -1,110 +0,0 @@
-class AreaGridLayout {
-  type;
-  /**
-   * The areas in the grid layout.
-   */
-  areas;
-  /**
-   * The columns in the grid layout, defined as a percentage of the available width or in pixels using the <number>px format.
-   */
-  columns;
-  /**
-   * The space between columns.
-   * @default `default`
-   */
-  columnSpacing;
-  /**
-   * The space between rows.
-   * @default `default`
-   */
-  rowSpacing;
-  /**
-   * Controls for which card width the layout should be used.
-   */
-  targetWidth;
-  constructor(...areas) {
-    this.type = "Layout.AreaGrid";
-    this.areas = areas;
-    this.columns = [];
-  }
-  static from(options) {
-    const layout = new AreaGridLayout(...options.areas);
-    Object.assign(layout, options);
-    return layout;
-  }
-  withColumnSpacing(value) {
-    this.columnSpacing = value;
-    return this;
-  }
-  withRowSpacing(value) {
-    this.rowSpacing = value;
-    return this;
-  }
-  withTargetWidth(value) {
-    this.targetWidth = value;
-    return this;
-  }
-  addAreas(...value) {
-    this.areas.push(...value);
-    return this;
-  }
-  addColumns(...value) {
-    this.columns.push(...value);
-    return this;
-  }
-}
-class GridArea {
-  /**
-   * The start column index of the area. Column indices start at 1.
-   * @default 1
-   */
-  column;
-  /**
-   * Defines how many columns the area should span.
-   * @default 1
-   */
-  columnSpan;
-  /**
-   * The name of the area. To place an element in this area, set its grid.area property to match the name of the area.
-   */
-  name;
-  /**
-   * The start row index of the area. Row indices start at 1.
-   * @default 1
-   */
-  row;
-  /**
-   * Defines how many rows the area should span.
-   * @default 1
-   */
-  rowSpan;
-  constructor(value = {}) {
-    Object.assign(this, value);
-  }
-  withColumn(value, span) {
-    this.column = value;
-    this.columnSpan = span;
-    return this;
-  }
-  withColumnSpan(value) {
-    this.columnSpan = value;
-    return this;
-  }
-  withName(value) {
-    this.name = value;
-    return this;
-  }
-  withRow(value, span) {
-    this.row = value;
-    this.rowSpan = span;
-    return this;
-  }
-  withRowSpan(value) {
-    this.rowSpan = value;
-    return this;
-  }
-}
-
-export { AreaGridLayout, GridArea };
-//# sourceMappingURL=area-grid.mjs.map
-//# sourceMappingURL=area-grid.mjs.map

package/dist/layouts/area-grid.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/layouts/area-grid.ts"],"names":[],"mappings":"AAyCO,MAAM,cAA0C,CAAA;AAAA,EACrD,IAAA;AAAA;AAAA;AAAA;AAAA,EAKA,KAAA;AAAA;AAAA;AAAA;AAAA,EAKA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,aAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,UAAA;AAAA;AAAA;AAAA;AAAA,EAKA,WAAA;AAAA,EAEA,eAAe,KAAoB,EAAA;AACjC,IAAA,IAAA,CAAK,IAAO,GAAA,iBAAA;AACZ,IAAA,IAAA,CAAK,KAAQ,GAAA,KAAA;AACb,IAAA,IAAA,CAAK,UAAU,EAAC;AAAA;AAClB,EAEA,OAAO,KAAK,OAAwC,EAAA;AAClD,IAAA,MAAM,MAAS,GAAA,IAAI,cAAe,CAAA,GAAG,QAAQ,KAAK,CAAA;AAClD,IAAO,MAAA,CAAA,MAAA,CAAO,QAAQ,OAAO,CAAA;AAC7B,IAAO,OAAA,MAAA;AAAA;AACT,EAEA,kBAAkB,KAAgB,EAAA;AAChC,IAAA,IAAA,CAAK,aAAgB,GAAA,KAAA;AACrB,IAAO,OAAA,IAAA;AAAA;AACT,EAEA,eAAe,KAAgB,EAAA;AAC7B,IAAA,IAAA,CAAK,UAAa,GAAA,KAAA;AAClB,IAAO,OAAA,IAAA;AAAA;AACT,EAEA,gBAAgB,KAAoB,EAAA;AAClC,IAAA,IAAA,CAAK,WAAc,GAAA,KAAA;AACnB,IAAO,OAAA,IAAA;AAAA;AACT,EAEA,YAAY,KAAoB,EAAA;AAC9B,IAAK,IAAA,CAAA,KAAA,CAAM,IAAK,CAAA,GAAG,KAAK,CAAA;AACxB,IAAO,OAAA,IAAA;AAAA;AACT,EAEA,cAAc,KAA4B,EAAA;AACxC,IAAK,IAAA,CAAA,OAAA,CAAQ,IAAK,CAAA,GAAG,KAAK,CAAA;AAC1B,IAAO,OAAA,IAAA;AAAA;AAEX;AAuCO,MAAM,QAA8B,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKzC,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,UAAA;AAAA;AAAA;AAAA;AAAA,EAKA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAA;AAAA,EAEA,WAAA,CAAY,KAAmB,GAAA,EAAI,EAAA;AACjC,IAAO,MAAA,CAAA,MAAA,CAAO,MAAM,KAAK,CAAA;AAAA;AAC3B,EAEA,UAAA,CAAW,OAAe,IAAe,EAAA;AACvC,IAAA,IAAA,CAAK,MAAS,GAAA,KAAA;AACd,IAAA,IAAA,CAAK,UAAa,GAAA,IAAA;AAClB,IAAO,OAAA,IAAA;AAAA;AACT,EAEA,eAAe,KAAe,EAAA;AAC5B,IAAA,IAAA,CAAK,UAAa,GAAA,KAAA;AAClB,IAAO,OAAA,IAAA;AAAA;AACT,EAEA,SAAS,KAAe,EAAA;AACtB,IAAA,IAAA,CAAK,IAAO,GAAA,KAAA;AACZ,IAAO,OAAA,IAAA;AAAA;AACT,EAEA,OAAA,CAAQ,OAAe,IAAe,EAAA;AACpC,IAAA,IAAA,CAAK,GAAM,GAAA,KAAA;AACX,IAAA,IAAA,CAAK,OAAU,GAAA,IAAA;AACf,IAAO,OAAA,IAAA;AAAA;AACT,EAEA,YAAY,KAAe,EAAA;AACzB,IAAA,IAAA,CAAK,OAAU,GAAA,KAAA;AACf,IAAO,OAAA,IAAA;AAAA;AAEX","file":"area-grid.mjs","sourcesContent":["import { Spacing, TargetWidth } from '../common';\n\n/**\n * A layout that divides a container into named areas into which elements can be placed.\n */\nexport interface IAreaGridLayout {\n  type: 'Layout.AreaGrid';\n\n  /**\n   * The areas in the grid layout.\n   */\n  areas: IGridArea[];\n\n  /**\n   * The columns in the grid layout, defined as a percentage of the available width or in pixels using the <number>px format.\n   */\n  columns: (number | string)[];\n\n  /**\n   * The space between columns.\n   * @default `default`\n   */\n  columnSpacing?: Spacing;\n\n  /**\n   * The space between rows.\n   * @default `default`\n   */\n  rowSpacing?: Spacing;\n\n  /**\n   * Controls for which card width the layout should be used.\n   */\n  targetWidth?: TargetWidth;\n}\n\nexport type AreaGridLayoutOptions = Omit<IAreaGridLayout, 'type' | 'areas' | 'columns'>;\n\n/**\n * A layout that divides a container into named areas into which elements can be placed.\n */\nexport class AreaGridLayout implements IAreaGridLayout {\n  type: 'Layout.AreaGrid';\n\n  /**\n   * The areas in the grid layout.\n   */\n  areas: IGridArea[];\n\n  /**\n   * The columns in the grid layout, defined as a percentage of the available width or in pixels using the <number>px format.\n   */\n  columns: (number | string)[];\n\n  /**\n   * The space between columns.\n   * @default `default`\n   */\n  columnSpacing?: Spacing;\n\n  /**\n   * The space between rows.\n   * @default `default`\n   */\n  rowSpacing?: Spacing;\n\n  /**\n   * Controls for which card width the layout should be used.\n   */\n  targetWidth?: TargetWidth;\n\n  constructor(...areas: IGridArea[]) {\n    this.type = 'Layout.AreaGrid';\n    this.areas = areas;\n    this.columns = [];\n  }\n\n  static from(options: Omit<IAreaGridLayout, 'type'>) {\n    const layout = new AreaGridLayout(...options.areas);\n    Object.assign(layout, options);\n    return layout;\n  }\n\n  withColumnSpacing(value: Spacing) {\n    this.columnSpacing = value;\n    return this;\n  }\n\n  withRowSpacing(value: Spacing) {\n    this.rowSpacing = value;\n    return this;\n  }\n\n  withTargetWidth(value: TargetWidth) {\n    this.targetWidth = value;\n    return this;\n  }\n\n  addAreas(...value: IGridArea[]) {\n    this.areas.push(...value);\n    return this;\n  }\n\n  addColumns(...value: (number | string)[]) {\n    this.columns.push(...value);\n    return this;\n  }\n}\n\n/**\n * Defines an area in a Layout.AreaGrid layout.\n */\nexport interface IGridArea {\n  /**\n   * The start column index of the area. Column indices start at 1.\n   * @default 1\n   */\n  column?: number;\n\n  /**\n   * Defines how many columns the area should span.\n   * @default 1\n   */\n  columnSpan?: number;\n\n  /**\n   * The name of the area. To place an element in this area, set its grid.area property to match the name of the area.\n   */\n  name?: string;\n\n  /**\n   * The start row index of the area. Row indices start at 1.\n   * @default 1\n   */\n  row?: number;\n\n  /**\n   * Defines how many rows the area should span.\n   * @default 1\n   */\n  rowSpan?: number;\n}\n\n/**\n * Defines an area in a Layout.AreaGrid layout.\n */\nexport class GridArea implements IGridArea {\n  /**\n   * The start column index of the area. Column indices start at 1.\n   * @default 1\n   */\n  column?: number;\n\n  /**\n   * Defines how many columns the area should span.\n   * @default 1\n   */\n  columnSpan?: number;\n\n  /**\n   * The name of the area. To place an element in this area, set its grid.area property to match the name of the area.\n   */\n  name?: string;\n\n  /**\n   * The start row index of the area. Row indices start at 1.\n   * @default 1\n   */\n  row?: number;\n\n  /**\n   * Defines how many rows the area should span.\n   * @default 1\n   */\n  rowSpan?: number;\n\n  constructor(value: IGridArea = {}) {\n    Object.assign(this, value);\n  }\n\n  withColumn(value: number, span?: number) {\n    this.column = value;\n    this.columnSpan = span;\n    return this;\n  }\n\n  withColumnSpan(value: number) {\n    this.columnSpan = value;\n    return this;\n  }\n\n  withName(value: string) {\n    this.name = value;\n    return this;\n  }\n\n  withRow(value: number, span?: number) {\n    this.row = value;\n    this.rowSpan = span;\n    return this;\n  }\n\n  withRowSpan(value: number) {\n    this.rowSpan = value;\n    return this;\n  }\n}\n"]}