igniteui-webcomponents-layouts 7.1.1-beta.2 → 7.1.1-beta.3

package/esm2022/lib/igc-tool-action-button-pair-component.js

@@ -0,0 +1,401 @@
+import { ToolActionButtonGroupDisplayType_$type } from "./ToolActionButtonGroupDisplayType";
+import { IgcToolActionComponent } from "./igc-tool-action-component";
+import { ToolActionButtonPair } from "./ToolActionButtonPair";
+import { getAllPropertyNames, toSpinal, ensureBool, brushToString, stringToBrush, toBrushCollection, fromBrushCollection, brushCollectionToString, ensureEnum, enumToString } from "igniteui-webcomponents-core";
+import { RegisterElementHelper } from "igniteui-webcomponents-core";
+class IgcToolActionButtonPairComponent extends IgcToolActionComponent {
+    createImplementation() {
+        return new ToolActionButtonPair();
+    }
+    /**
+                                 * @hidden
+                                 */
+    get i() {
+        return this._implementation;
+    }
+    constructor() {
+        super();
+    }
+    connectedCallback() {
+        if (super["connectedCallback"]) {
+            super["connectedCallback"]();
+        }
+        if (this.i.connectedCallback) {
+            this.i.connectedCallback();
+        }
+        if (this.updateContentChildren) {
+            this.updateContentChildren();
+        }
+        else if (this._updateAdapters) {
+            this._updateAdapters();
+        }
+        if (!this._attached) {
+            this._attached = true;
+            this._flushQueuedAttributes();
+        }
+    }
+    disconnectedCallback() {
+        if (super["disconnectedCallback"]) {
+            super["disconnectedCallback"]();
+        }
+        if (this.i.disconnectedCallback) {
+            this.i.disconnectedCallback();
+        }
+        if (this._attached) {
+            this._attached = false;
+        }
+    }
+    static { this._observedAttributesIgcToolActionButtonPairComponent = null; }
+    static get observedAttributes() {
+        if (IgcToolActionButtonPairComponent._observedAttributesIgcToolActionButtonPairComponent == null) {
+            let names = getAllPropertyNames(IgcToolActionButtonPairComponent);
+            for (let i = 0; i < names.length; i++) {
+                names[i] = toSpinal(names[i]);
+            }
+            IgcToolActionButtonPairComponent._observedAttributesIgcToolActionButtonPairComponent = names;
+        }
+        return IgcToolActionButtonPairComponent._observedAttributesIgcToolActionButtonPairComponent;
+    }
+    static { this.htmlTagName = "igc-tool-action-button-pair"; }
+    static { this._isElementRegistered = false; }
+    static register() {
+        if (!IgcToolActionButtonPairComponent._isElementRegistered) {
+            IgcToolActionButtonPairComponent._isElementRegistered = true;
+            RegisterElementHelper.registerElement(IgcToolActionButtonPairComponent.htmlTagName, IgcToolActionButtonPairComponent);
+        }
+    }
+    get leftIsSelected() {
+        return this.i.il;
+    }
+    set leftIsSelected(v) {
+        this.i.il = ensureBool(v);
+        this._a("leftIsSelected", this.i.il);
+    }
+    get rightIsSelected() {
+        return this.i.ip;
+    }
+    set rightIsSelected(v) {
+        this.i.ip = ensureBool(v);
+        this._a("rightIsSelected", this.i.ip);
+    }
+    get leftIsDisabled() {
+        return this.i.ik;
+    }
+    set leftIsDisabled(v) {
+        this.i.ik = ensureBool(v);
+        this._a("leftIsDisabled", this.i.ik);
+    }
+    get rightIsDisabled() {
+        return this.i.io;
+    }
+    set rightIsDisabled(v) {
+        this.i.io = ensureBool(v);
+        this._a("rightIsDisabled", this.i.io);
+    }
+    get leftIconName() {
+        return this.i.jg;
+    }
+    set leftIconName(v) {
+        this.i.jg = v;
+    }
+    get leftCommandArgument() {
+        return this.i.ja;
+    }
+    set leftCommandArgument(v) {
+        this.i.ja = v;
+    }
+    get isToggleDisabled() {
+        return this.i.ij;
+    }
+    set isToggleDisabled(v) {
+        this.i.ij = ensureBool(v);
+        this._a("isToggleDisabled", this.i.ij);
+    }
+    get leftIconCollectionName() {
+        return this.i.jc;
+    }
+    set leftIconCollectionName(v) {
+        this.i.jc = v;
+    }
+    /**
+     * Gets or sets the LeftIcon viewbox left.
+    */
+    get leftIconViewBoxLeft() {
+        return this.i.iv;
+    }
+    set leftIconViewBoxLeft(v) {
+        this.i.iv = +v;
+        this._a("leftIconViewBoxLeft", this.i.iv);
+    }
+    /**
+     * Gets or sets the LeftIcon viewbox top.
+    */
+    get leftIconViewBoxTop() {
+        return this.i.iw;
+    }
+    set leftIconViewBoxTop(v) {
+        this.i.iw = +v;
+        this._a("leftIconViewBoxTop", this.i.iw);
+    }
+    /**
+     * Gets or sets the LeftIcon viewbox width.
+    */
+    get leftIconViewBoxWidth() {
+        return this.i.ix;
+    }
+    set leftIconViewBoxWidth(v) {
+        this.i.ix = +v;
+        this._a("leftIconViewBoxWidth", this.i.ix);
+    }
+    /**
+     * Gets or sets the LeftIcon viewbox height.
+    */
+    get leftIconViewBoxHeight() {
+        return this.i.iu;
+    }
+    set leftIconViewBoxHeight(v) {
+        this.i.iu = +v;
+        this._a("leftIconViewBoxHeight", this.i.iu);
+    }
+    /**
+     * Gets or sets the LeftIcon fill color.
+    */
+    get leftIconFill() {
+        return brushToString(this.i.kj);
+    }
+    set leftIconFill(v) {
+        this.i.kj = stringToBrush(v);
+        this._a("leftIconFill", brushToString(this.i.kj));
+    }
+    /**
+     * Gets the actual LeftIcon fill color.
+    */
+    get actualLeftIconFill() {
+        return brushToString(this.i.kf);
+    }
+    set actualLeftIconFill(v) {
+        this.i.kf = stringToBrush(v);
+        this._a("actualLeftIconFill", brushToString(this.i.kf));
+    }
+    /**
+     * Gets or sets the LeftIcon fill colors.
+    */
+    get leftIconFillColors() {
+        return fromBrushCollection(this.i.hz);
+    }
+    set leftIconFillColors(v) {
+        this.i.hz = toBrushCollection(v);
+        this._a("leftIconFillColors", brushCollectionToString(this.i.hz));
+    }
+    /**
+     * Gets or sets the LeftIcon stroke color.
+    */
+    get leftIconStroke() {
+        return brushToString(this.i.kk);
+    }
+    set leftIconStroke(v) {
+        this.i.kk = stringToBrush(v);
+        this._a("leftIconStroke", brushToString(this.i.kk));
+    }
+    /**
+     * Gets the actual LeftIcon stroke color.
+    */
+    get actualLeftIconStroke() {
+        return brushToString(this.i.kg);
+    }
+    set actualLeftIconStroke(v) {
+        this.i.kg = stringToBrush(v);
+        this._a("actualLeftIconStroke", brushToString(this.i.kg));
+    }
+    /**
+     * Gets or sets the LeftIcon stroke colors.
+    */
+    get leftIconStrokeColors() {
+        return fromBrushCollection(this.i.h0);
+    }
+    set leftIconStrokeColors(v) {
+        this.i.h0 = toBrushCollection(v);
+        this._a("leftIconStrokeColors", brushCollectionToString(this.i.h0));
+    }
+    /**
+     * Gets or sets the LeftIcon viewbox width.
+    */
+    get leftIconStrokeWidth() {
+        return this.i.it;
+    }
+    set leftIconStrokeWidth(v) {
+        this.i.it = +v;
+        this._a("leftIconStrokeWidth", this.i.it);
+    }
+    /**
+     * Gets or sets the title of the left button.
+    */
+    get leftTitle() {
+        return this.i.jr;
+    }
+    set leftTitle(v) {
+        this.i.jr = v;
+    }
+    get rightIconName() {
+        return this.i.jz;
+    }
+    set rightIconName(v) {
+        this.i.jz = v;
+    }
+    get rightCommandArgument() {
+        return this.i.jt;
+    }
+    set rightCommandArgument(v) {
+        this.i.jt = v;
+    }
+    get rightIconCollectionName() {
+        return this.i.jv;
+    }
+    set rightIconCollectionName(v) {
+        this.i.jv = v;
+    }
+    /**
+     * Gets or sets the RightIcon viewbox left.
+    */
+    get rightIconViewBoxLeft() {
+        return this.i.i0;
+    }
+    set rightIconViewBoxLeft(v) {
+        this.i.i0 = +v;
+        this._a("rightIconViewBoxLeft", this.i.i0);
+    }
+    /**
+     * Gets or sets the RightIcon viewbox top.
+    */
+    get rightIconViewBoxTop() {
+        return this.i.i1;
+    }
+    set rightIconViewBoxTop(v) {
+        this.i.i1 = +v;
+        this._a("rightIconViewBoxTop", this.i.i1);
+    }
+    /**
+     * Gets or sets the RightIcon viewbox width.
+    */
+    get rightIconViewBoxWidth() {
+        return this.i.i2;
+    }
+    set rightIconViewBoxWidth(v) {
+        this.i.i2 = +v;
+        this._a("rightIconViewBoxWidth", this.i.i2);
+    }
+    /**
+     * Gets or sets the RightIcon viewbox height.
+    */
+    get rightIconViewBoxHeight() {
+        return this.i.iz;
+    }
+    set rightIconViewBoxHeight(v) {
+        this.i.iz = +v;
+        this._a("rightIconViewBoxHeight", this.i.iz);
+    }
+    /**
+     * Gets or sets the RightIcon fill color.
+    */
+    get rightIconFill() {
+        return brushToString(this.i.kl);
+    }
+    set rightIconFill(v) {
+        this.i.kl = stringToBrush(v);
+        this._a("rightIconFill", brushToString(this.i.kl));
+    }
+    /**
+     * Gets the actual RightIcon fill color.
+    */
+    get actualRightIconFill() {
+        return brushToString(this.i.kh);
+    }
+    set actualRightIconFill(v) {
+        this.i.kh = stringToBrush(v);
+        this._a("actualRightIconFill", brushToString(this.i.kh));
+    }
+    /**
+     * Gets or sets the RightIcon fill colors.
+    */
+    get rightIconFillColors() {
+        return fromBrushCollection(this.i.h1);
+    }
+    set rightIconFillColors(v) {
+        this.i.h1 = toBrushCollection(v);
+        this._a("rightIconFillColors", brushCollectionToString(this.i.h1));
+    }
+    /**
+     * Gets or sets the RightIcon stroke color.
+    */
+    get rightIconStroke() {
+        return brushToString(this.i.km);
+    }
+    set rightIconStroke(v) {
+        this.i.km = stringToBrush(v);
+        this._a("rightIconStroke", brushToString(this.i.km));
+    }
+    /**
+     * Gets the actual RightIcon stroke color.
+    */
+    get actualRightIconStroke() {
+        return brushToString(this.i.ki);
+    }
+    set actualRightIconStroke(v) {
+        this.i.ki = stringToBrush(v);
+        this._a("actualRightIconStroke", brushToString(this.i.ki));
+    }
+    /**
+     * Gets or sets the RightIcon stroke colors.
+    */
+    get rightIconStrokeColors() {
+        return fromBrushCollection(this.i.h2);
+    }
+    set rightIconStrokeColors(v) {
+        this.i.h2 = toBrushCollection(v);
+        this._a("rightIconStrokeColors", brushCollectionToString(this.i.h2));
+    }
+    /**
+     * Gets or sets the RightIcon viewbox width.
+    */
+    get rightIconStrokeWidth() {
+        return this.i.iy;
+    }
+    set rightIconStrokeWidth(v) {
+        this.i.iy = +v;
+        this._a("rightIconStrokeWidth", this.i.iy);
+    }
+    /**
+     * Gets or sets the title of the Right button.
+    */
+    get rightTitle() {
+        return this.i.ka;
+    }
+    set rightTitle(v) {
+        this.i.ka = v;
+    }
+    /**
+     * Gets or sets the display type for the button.
+    */
+    get displayType() {
+        return this.i.h3;
+    }
+    set displayType(v) {
+        this.i.h3 = ensureEnum(ToolActionButtonGroupDisplayType_$type, v);
+        this._a("displayType", enumToString(ToolActionButtonGroupDisplayType_$type, this.i.h3));
+    }
+    /**
+     * Gets or sets the button corner radius.
+    */
+    get cornerRadius() {
+        return this.i.iq;
+    }
+    set cornerRadius(v) {
+        this.i.iq = +v;
+        this._a("cornerRadius", this.i.iq);
+    }
+    exportVisualData() {
+        let iv = this.i.cu();
+        return (iv);
+    }
+}
+export { IgcToolActionButtonPairComponent };

package/esm2022/lib/igc-tool-action-button-pair-module.d.ts

@@ -0,0 +1,3 @@
+export declare class IgcToolActionButtonPairModule {
+    static register(): void;
+}

package/esm2022/lib/igc-tool-action-button-pair-module.js

@@ -0,0 +1,16 @@
+/*
+THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
+https://www.infragistics.com/legal/license/igultimate-la
+https://www.infragistics.com/legal/license/igultimate-eula
+GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE: you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
+*/
+import { IgcToolActionButtonPairComponent } from './igc-tool-action-button-pair-component';
+import { ToolActionButtonPair } from './ToolActionButtonPair';
+import { TypeRegistrar } from "igniteui-webcomponents-core";
+export class IgcToolActionButtonPairModule {
+    static register() {
+        IgcToolActionButtonPairComponent.register();
+        TypeRegistrar.registerCons("IgcToolActionButtonPairComponent", IgcToolActionButtonPairComponent);
+        TypeRegistrar.register("ToolActionButtonPair", ToolActionButtonPair.$type);
+    }
+}

package/esm2022/lib/igc-tool-action-checkbox-component.d.ts

@@ -0,0 +1,71 @@
+import { IgcToolActionComponent } from "./igc-tool-action-component";
+import { ToolActionCheckbox } from "./ToolActionCheckbox";
+export declare class IgcToolActionCheckboxComponent extends IgcToolActionComponent {
+    protected createImplementation(): ToolActionCheckbox;
+    /**
+                                 * @hidden
+                                 */
+    get i(): ToolActionCheckbox;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private static _observedAttributesIgcToolActionCheckboxComponent;
+    static get observedAttributes(): string[];
+    static htmlTagName: string;
+    protected static _isElementRegistered: boolean;
+    static register(): void;
+    /**
+     * Gets or sets if the tool action is checked.
+    */
+    get isChecked(): boolean;
+    set isChecked(v: boolean);
+    /**
+     * Gets or sets a shorthand display text for this checkbox option. Used by
+     * ToolActionCheckboxGroup to
+     * show the selected option if it is set. If your title is long consider setting this to a shorter version
+     * for more compact display.
+    */
+    get shorthandTitle(): string;
+    set shorthandTitle(v: string);
+    /**
+     * Gets or sets the background color of the checkbox when in the unchecked state.
+    */
+    get uncheckedBackgroundColor(): string;
+    set uncheckedBackgroundColor(v: string);
+    /**
+     * Gets the actual background color of the checkbox when in the unchecked state.
+    */
+    get actualUncheckedBackgroundColor(): string;
+    set actualUncheckedBackgroundColor(v: string);
+    /**
+     * Gets or sets the background color of the checkbox when in the checked state.
+    */
+    get checkedBackgroundColor(): string;
+    set checkedBackgroundColor(v: string);
+    /**
+     * Gets the actual background color of the checkbox when in the checked state.
+    */
+    get actualCheckedBackgroundColor(): string;
+    set actualCheckedBackgroundColor(v: string);
+    /**
+     * Gets or sets the border color of the checkbox when in the unchecked state.
+    */
+    get uncheckedBorderColor(): string;
+    set uncheckedBorderColor(v: string);
+    /**
+     * Gets the actual border color of the checkbox when in the unchecked state.
+    */
+    get actualUncheckedBorderColor(): string;
+    set actualUncheckedBorderColor(v: string);
+    /**
+     * Gets or sets the border color of the checkbox when in the checked state.
+    */
+    get checkedBorderColor(): string;
+    set checkedBorderColor(v: string);
+    /**
+     * Gets the actual border color of the checkbox when in the checked state.
+    */
+    get actualCheckedBorderColor(): string;
+    set actualCheckedBorderColor(v: string);
+    exportVisualData(): any;
+}

package/esm2022/lib/igc-tool-action-checkbox-component.js

@@ -0,0 +1,173 @@
+import { IgcToolActionComponent } from "./igc-tool-action-component";
+import { ToolActionCheckbox } from "./ToolActionCheckbox";
+import { getAllPropertyNames, toSpinal, ensureBool, brushToString, stringToBrush } from "igniteui-webcomponents-core";
+import { RegisterElementHelper } from "igniteui-webcomponents-core";
+class IgcToolActionCheckboxComponent extends IgcToolActionComponent {
+    createImplementation() {
+        return new ToolActionCheckbox();
+    }
+    /**
+                                 * @hidden
+                                 */
+    get i() {
+        return this._implementation;
+    }
+    constructor() {
+        super();
+    }
+    connectedCallback() {
+        if (super["connectedCallback"]) {
+            super["connectedCallback"]();
+        }
+        if (this.i.connectedCallback) {
+            this.i.connectedCallback();
+        }
+        if (this.updateContentChildren) {
+            this.updateContentChildren();
+        }
+        else if (this._updateAdapters) {
+            this._updateAdapters();
+        }
+        if (!this._attached) {
+            this._attached = true;
+            this._flushQueuedAttributes();
+        }
+    }
+    disconnectedCallback() {
+        if (super["disconnectedCallback"]) {
+            super["disconnectedCallback"]();
+        }
+        if (this.i.disconnectedCallback) {
+            this.i.disconnectedCallback();
+        }
+        if (this._attached) {
+            this._attached = false;
+        }
+    }
+    static { this._observedAttributesIgcToolActionCheckboxComponent = null; }
+    static get observedAttributes() {
+        if (IgcToolActionCheckboxComponent._observedAttributesIgcToolActionCheckboxComponent == null) {
+            let names = getAllPropertyNames(IgcToolActionCheckboxComponent);
+            for (let i = 0; i < names.length; i++) {
+                names[i] = toSpinal(names[i]);
+            }
+            IgcToolActionCheckboxComponent._observedAttributesIgcToolActionCheckboxComponent = names;
+        }
+        return IgcToolActionCheckboxComponent._observedAttributesIgcToolActionCheckboxComponent;
+    }
+    static { this.htmlTagName = "igc-tool-action-checkbox"; }
+    static { this._isElementRegistered = false; }
+    static register() {
+        if (!IgcToolActionCheckboxComponent._isElementRegistered) {
+            IgcToolActionCheckboxComponent._isElementRegistered = true;
+            RegisterElementHelper.registerElement(IgcToolActionCheckboxComponent.htmlTagName, IgcToolActionCheckboxComponent);
+        }
+    }
+    /**
+     * Gets or sets if the tool action is checked.
+    */
+    get isChecked() {
+        return this.i.hy;
+    }
+    set isChecked(v) {
+        this.i.hy = ensureBool(v);
+        this._a("isChecked", this.i.hy);
+    }
+    /**
+     * Gets or sets a shorthand display text for this checkbox option. Used by
+     * ToolActionCheckboxGroup to
+     * show the selected option if it is set. If your title is long consider setting this to a shorter version
+     * for more compact display.
+    */
+    get shorthandTitle() {
+        return this.i.h6;
+    }
+    set shorthandTitle(v) {
+        this.i.h6 = v;
+    }
+    /**
+     * Gets or sets the background color of the checkbox when in the unchecked state.
+    */
+    get uncheckedBackgroundColor() {
+        return brushToString(this.i.ij);
+    }
+    set uncheckedBackgroundColor(v) {
+        this.i.ij = stringToBrush(v);
+        this._a("uncheckedBackgroundColor", brushToString(this.i.ij));
+    }
+    /**
+     * Gets the actual background color of the checkbox when in the unchecked state.
+    */
+    get actualUncheckedBackgroundColor() {
+        return brushToString(this.i.ie);
+    }
+    set actualUncheckedBackgroundColor(v) {
+        this.i.ie = stringToBrush(v);
+        this._a("actualUncheckedBackgroundColor", brushToString(this.i.ie));
+    }
+    /**
+     * Gets or sets the background color of the checkbox when in the checked state.
+    */
+    get checkedBackgroundColor() {
+        return brushToString(this.i.ih);
+    }
+    set checkedBackgroundColor(v) {
+        this.i.ih = stringToBrush(v);
+        this._a("checkedBackgroundColor", brushToString(this.i.ih));
+    }
+    /**
+     * Gets the actual background color of the checkbox when in the checked state.
+    */
+    get actualCheckedBackgroundColor() {
+        return brushToString(this.i.ic);
+    }
+    set actualCheckedBackgroundColor(v) {
+        this.i.ic = stringToBrush(v);
+        this._a("actualCheckedBackgroundColor", brushToString(this.i.ic));
+    }
+    /**
+     * Gets or sets the border color of the checkbox when in the unchecked state.
+    */
+    get uncheckedBorderColor() {
+        return brushToString(this.i.ik);
+    }
+    set uncheckedBorderColor(v) {
+        this.i.ik = stringToBrush(v);
+        this._a("uncheckedBorderColor", brushToString(this.i.ik));
+    }
+    /**
+     * Gets the actual border color of the checkbox when in the unchecked state.
+    */
+    get actualUncheckedBorderColor() {
+        return brushToString(this.i.ig);
+    }
+    set actualUncheckedBorderColor(v) {
+        this.i.ig = stringToBrush(v);
+        this._a("actualUncheckedBorderColor", brushToString(this.i.ig));
+    }
+    /**
+     * Gets or sets the border color of the checkbox when in the checked state.
+    */
+    get checkedBorderColor() {
+        return brushToString(this.i.ii);
+    }
+    set checkedBorderColor(v) {
+        this.i.ii = stringToBrush(v);
+        this._a("checkedBorderColor", brushToString(this.i.ii));
+    }
+    /**
+     * Gets the actual border color of the checkbox when in the checked state.
+    */
+    get actualCheckedBorderColor() {
+        return brushToString(this.i.id);
+    }
+    set actualCheckedBorderColor(v) {
+        this.i.id = stringToBrush(v);
+        this._a("actualCheckedBorderColor", brushToString(this.i.id));
+    }
+    exportVisualData() {
+        let iv = this.i.cu();
+        return (iv);
+    }
+}
+export { IgcToolActionCheckboxComponent };

package/esm2022/lib/igc-tool-action-checkbox-group-component.d.ts

@@ -0,0 +1,35 @@
+import { IgcToolActionComponent } from "./igc-tool-action-component";
+import { ToolActionCheckboxGroup } from "./ToolActionCheckboxGroup";
+export declare class IgcToolActionCheckboxGroupComponent extends IgcToolActionComponent {
+    protected createImplementation(): ToolActionCheckboxGroup;
+    /**
+                                 * @hidden
+                                 */
+    get i(): ToolActionCheckboxGroup;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private static _observedAttributesIgcToolActionCheckboxGroupComponent;
+    static get observedAttributes(): string[];
+    static htmlTagName: string;
+    protected static _isElementRegistered: boolean;
+    static register(): void;
+    /**
+     * Gets or sets the font for the selected checkbox display text.
+     * When null, defaults to the ToolPanel's cell text style with a slightly smaller font size.
+    */
+    get selectedTextStyle(): string;
+    set selectedTextStyle(v: string);
+    /**
+     * Gets or sets the color for the selected checkbox display text.
+     * When null, defaults to a lightened version of the ToolPanel's text color.
+    */
+    get selectedTextColor(): string;
+    set selectedTextColor(v: string);
+    /**
+     * Gets the resolved color for the selected checkbox display text.
+    */
+    get actualSelectedTextColor(): string;
+    set actualSelectedTextColor(v: string);
+    exportVisualData(): any;
+}