@baloise/ds-core 20.0.0-next.10 → 20.0.0-next.11

package/dist/collection/components/tooltip/test/tooltip.a11y.play.js

@@ -1,32 +0,0 @@
-/*!
- * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
- */
-import { test } from "../../../../../../playwright/src/index";
-test.describe('a11y', () => {
-    test('basic', async ({ page, a11y }) => {
-        await page.mount(`
-      <button id="trigger-basic">Hover over me</button>
-      <ds-tooltip reference="trigger-basic" open>Tooltip content</ds-tooltip>
-    `);
-        await a11y('ds-tooltip');
-    });
-    test('dismissed', async ({ page, a11y }) => {
-        await page.mount(`
-      <button id="trigger-dismissed">Hover over me</button>
-      <ds-tooltip reference="trigger-dismissed">Tooltip content</ds-tooltip>
-    `);
-        await a11y('ds-tooltip');
-    });
-    test.describe('placements', () => {
-        const placements = ['top', 'right', 'bottom', 'left'];
-        placements.forEach(placement => {
-            test(placement, async ({ page, a11y }) => {
-                await page.mount(`
-          <button id="trigger-${placement}">Hover over me</button>
-          <ds-tooltip reference="trigger-${placement}" placement="${placement}" open>Tooltip content</ds-tooltip>
-        `);
-                await a11y('ds-tooltip');
-            });
-        });
-    });
-});

package/dist/collection/components/tooltip/test/tooltip.component.play.js

@@ -1,51 +0,0 @@
-/*!
- * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
- */
-import { DsTooltip, test, expect } from "../../../../../../playwright/src/index";
-test.describe('component', () => {
-    test.beforeEach('Setup', async ({ page }) => {
-        await page.mount(`
-      <button id="my-trigger">Hover over me</button>
-      <ds-tooltip reference="my-trigger">Tooltip content</ds-tooltip>
-    `);
-    });
-    test('should have a default slot', async ({ page }) => {
-        const dsTooltip = new DsTooltip(page.locator('ds-tooltip'));
-        await dsTooltip.assertToContainText('Tooltip content');
-    });
-    test('should be hidden by default', async ({ page }) => {
-        const dsTooltip = new DsTooltip(page.locator('ds-tooltip'));
-        await expect(dsTooltip.el).toHaveAttribute('aria-hidden', 'true');
-    });
-    test('should set aria-describedby on trigger after load', async ({ page }) => {
-        const trigger = page.locator('#my-trigger');
-        await expect(trigger).toHaveAttribute('aria-describedby');
-    });
-    test('should present and emit dsWillAnimate / dsDidAnimate', async ({ page }) => {
-        const dsTooltip = new DsTooltip(page.locator('ds-tooltip'));
-        const willSpy = await dsTooltip.el.spyOnEvent('dsWillAnimate');
-        const didSpy = await dsTooltip.el.spyOnEvent('dsDidAnimate');
-        await dsTooltip.el.evaluate((el) => el.present());
-        expect(willSpy).toHaveReceivedEventTimes(1);
-        expect(didSpy).toHaveReceivedEventTimes(1);
-        await expect(dsTooltip.el).toHaveAttribute('aria-hidden', 'false');
-    });
-    test('should dismiss and emit dsWillAnimate / dsDidAnimate', async ({ page }) => {
-        const dsTooltip = new DsTooltip(page.locator('ds-tooltip'));
-        await dsTooltip.el.evaluate((el) => el.present());
-        const willSpy = await dsTooltip.el.spyOnEvent('dsWillAnimate');
-        const didSpy = await dsTooltip.el.spyOnEvent('dsDidAnimate');
-        await dsTooltip.el.evaluate((el) => el.dismiss());
-        expect(willSpy).toHaveReceivedEventTimes(1);
-        expect(didSpy).toHaveReceivedEventTimes(1);
-        await expect(dsTooltip.el).toHaveAttribute('aria-hidden', 'true');
-    });
-    test('should show on trigger mouseenter and hide on mouseleave', async ({ page }) => {
-        const dsTooltip = new DsTooltip(page.locator('ds-tooltip'));
-        const trigger = page.locator('#my-trigger');
-        await trigger.hover();
-        await expect(dsTooltip.el).toHaveAttribute('aria-hidden', 'false');
-        await page.mouse.move(128, 128);
-        await expect(dsTooltip.el).toHaveAttribute('aria-hidden', 'true');
-    });
-});

package/dist/collection/components/tooltip/test/tooltip.visual.play.js

@@ -1,16 +0,0 @@
-/*!
- * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
- */
-import { expectScreenshot, screenshot, test } from "../../../../../../playwright/src/index";
-const TAG = 'tooltip';
-const VARIANTS = ['basic', 'placement-top', 'placement-right', 'placement-bottom', 'placement-left', 'content-width'];
-const image = screenshot(TAG);
-test.beforeEach('Setup', async ({ page }) => {
-    await page.setupVisualTest(`/components/${TAG}/test/${TAG}.visual.html`);
-});
-VARIANTS.forEach(variant => {
-    test(variant, async ({ page }) => {
-        const el = page.getByTestId(variant);
-        await expectScreenshot(el, image(variant));
-    });
-});

package/dist/collection/components/tooltip/tooltip.host.css

@@ -1 +0,0 @@
-:host{--_tooltip-position: var(--tooltip-position, var(--mod-tooltip-position, static));--_tooltip-top: var(--tooltip-top, var(--mod-tooltip-top));--_tooltip-right: var(--tooltip-right, var(--mod-tooltip-right));--_tooltip-bottom: var(--tooltip-bottom, var(--mod-tooltip-bottom));--_tooltip-left: var(--tooltip-left, var(--mod-tooltip-left));position:var(--_tooltip-position);top:var(--_tooltip-top);right:var(--_tooltip-right);bottom:var(--_tooltip-bottom);left:var(--_tooltip-left);--_tooltip-m: var(--tooltip-m, var(--mod-tooltip-m, 0));--_tooltip-my: var(--tooltip-my, var(--mod-tooltip-my));--_tooltip-mx: var(--tooltip-mx, var(--mod-tooltip-mx));--_tooltip-ml: var(--tooltip-ml, var(--mod-tooltip-ml));--_tooltip-mr: var(--tooltip-mr, var(--mod-tooltip-mr));--_tooltip-mt: var(--tooltip-mt, var(--mod-tooltip-mt));--_tooltip-mb: var(--tooltip-mb, var(--mod-tooltip-mb));margin:var(--_tooltip-m);margin-inline:var(--_tooltip-mx);margin-block:var(--_tooltip-my);margin-left:var(--_tooltip-ml);margin-right:var(--_tooltip-mr);margin-top:var(--_tooltip-mt);margin-bottom:var(--_tooltip-mb);--_tooltip-color-background: var(--tooltip-color-background, var(--mod-tooltip-color-background, var(--ds-tooltip-color-background)));--_tooltip-color-text: var(--tooltip-color-text, var(--mod-tooltip-color-text, var(--ds-tooltip-color-text)));--_tooltip-max-width: var(--tooltip-max-width, var(--mod-tooltip-max-width, auto));--_tooltip-radius: var(--tooltip-radius, var(--mod-tooltip-radius, var(--ds-tooltip-radius)));--_tooltip-shadow: var(--tooltip-shadow, var(--mod-tooltip-shadow, var(--ds-tooltip-shadow)));--_tooltip-px: var(--tooltip-px, var(--mod-tooltip-px, var(--ds-tooltip-padding-x)));--_tooltip-py: var(--tooltip-py, var(--mod-tooltip-py, var(--ds-tooltip-padding-y)));--_tooltip-text-font-family: var(--tooltip-text-font-family, var(--mod-tooltip-text-font-family, var(--ds-tooltip-text-font-family)));--_tooltip-text-font-weight: var(--tooltip-text-font-weight, var(--mod-tooltip-text-font-weight, var(--ds-tooltip-text-font-weight)));--_tooltip-text-font-size: var(--tooltip-text-font-size, var(--mod-tooltip-text-font-size, var(--ds-tooltip-text-font-size)));--_tooltip-text-line-height: var(--tooltip-text-line-height, var(--mod-tooltip-text-line-height, var(--ds-tooltip-text-line-height)));--_tooltip-z-index: var(--tooltip-z-index, var(--mod-tooltip-z-index, var(--ds-tooltip-z-index)))}:host{position:static;display:inline;z-index:var(--_tooltip-z-index)}::slotted(*){all:initial}[part=container]{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px);transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),transform 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms;will-change:opacity,transform;position:fixed;top:0;left:0;box-sizing:border-box;width:max-content;max-width:var(--_tooltip-max-width);background-color:var(--_tooltip-color-background);border-radius:var(--_tooltip-radius);box-shadow:var(--_tooltip-shadow);color:var(--_tooltip-color-text);font-family:var(--_tooltip-text-font-family);font-weight:var(--_tooltip-text-font-weight);font-size:var(--_tooltip-text-font-size);line-height:var(--_tooltip-text-line-height);z-index:var(--_tooltip-z-index)}:host([aria-hidden=false]) [part=container]{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0, 0);transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),transform 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms}[part=container][data-placement=top]{transform:translateY(4px)}[part=container][data-placement=right]{transform:translateX(-4px)}[part=container][data-placement=left]{transform:translateX(4px)}[part=content]{position:relative;padding-block:var(--_tooltip-py);padding-inline:var(--_tooltip-px);overflow-y:auto;max-height:calc(100svh - 8rem)}

package/dist/collection/components/tooltip/tooltip.js

@@ -1,423 +0,0 @@
-/*!
- * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
- */
-import { __decorate, __metadata } from "tslib";
-import { autoUpdate, computePosition, flip, offset, shift } from "@floating-ui/dom";
-import { h, Host } from "@stencil/core";
-import { Logger, dsBrowser, OneOf, Type } from "../../utils/index";
-import { TOOLTIP_PLACEMENTS, } from "./tooltip.interfaces";
-let tooltipIds = 0;
-/**
- * Tooltip displays contextual information when users hover over, focus on, or tap a trigger element.
- *
- * @slot - The tooltip content text.
- * @part container - The floating tooltip container element.
- * @part content - The inner content wrapper element.
- */
-export class Tooltip {
-    constructor() {
-        this.tooltipId = `ds-tooltip-${tooltipIds++}`;
-        /**
-         * Internal presented state
-         */
-        this.presented = false;
-        /**
-         * PUBLIC PROPERTY API
-         * ─────────────────────────────────────────────────────
-         */
-        /**
-         * Id of the reference element. Defaults to the trigger element.
-         */
-        this.reference = '';
-        /**
-         * Preferred placement of the tooltip relative to the trigger.
-         */
-        this.placement = 'bottom';
-        /**
-         * Offset in pixels from the trigger element to the tooltip.
-         */
-        this.offset = 8;
-        /**
-         * Defines the maximum width of the tooltip content in pixels.
-         */
-        this.contentWidth = undefined;
-        /**
-         * When true, the tooltip is shown immediately on load without user interaction.
-         */
-        this.open = false;
-    }
-    createLogger(log) {
-        this.log = log;
-    }
-    contentWidthChanged(newValue) {
-        if (newValue === undefined) {
-            this.el.style.removeProperty('--tooltip-max-width');
-        }
-        else {
-            this.el.style.setProperty('--tooltip-max-width', `${newValue}px`);
-        }
-    }
-    componentDidLoad() {
-        this.contentWidthChanged(this.contentWidth);
-        const trigger = this.triggerElement;
-        if (!trigger)
-            return;
-        trigger.setAttribute('aria-describedby', this.tooltipId);
-        trigger.addEventListener('mouseenter', () => this.present());
-        trigger.addEventListener('focus', () => this.present());
-        trigger.addEventListener('mouseleave', () => this.dismiss());
-        trigger.addEventListener('blur', () => this.dismiss());
-        if (this.open) {
-            this.present();
-        }
-    }
-    disconnectedCallback() {
-        if (this.cleanup) {
-            this.cleanup();
-        }
-        const trigger = this.triggerElement;
-        if (trigger) {
-            trigger.removeAttribute('aria-describedby');
-        }
-    }
-    /**
-     * PUBLIC METHODS
-     * ─────────────────────────────────────────────────────
-     */
-    /**
-     * Shows the tooltip and positions it relative to the trigger element.
-     */
-    async present() {
-        const trigger = this.triggerElement;
-        if (!trigger || !this.containerEl)
-            return false;
-        this.dsWillAnimate.emit(true);
-        this.presented = true;
-        this.cleanup = autoUpdate(trigger, this.containerEl, () => this.update(), {
-            ancestorScroll: true,
-            ancestorResize: true,
-            elementResize: false,
-            layoutShift: true,
-            animationFrame: false,
-        });
-        this.dsDidAnimate.emit(true);
-        return true;
-    }
-    /**
-     * Hides the tooltip and cleans up the position updater.
-     */
-    async dismiss() {
-        if (!this.containerEl)
-            return false;
-        this.dsWillAnimate.emit(false);
-        if (this.cleanup) {
-            this.cleanup();
-            this.cleanup = undefined;
-        }
-        this.presented = false;
-        this.dsDidAnimate.emit(false);
-        return true;
-    }
-    /**
-     * Recomputes the tooltip position using floating-ui.
-     */
-    async update() {
-        const trigger = this.triggerElement;
-        if (!trigger || !this.containerEl)
-            return false;
-        const { x, y, placement } = await computePosition(trigger, this.containerEl, {
-            placement: this.placement,
-            strategy: 'fixed',
-            middleware: [
-                dsBrowser.hasWindow && !window.frameElement ? shift() : undefined,
-                flip(),
-                offset(this.offset),
-            ].filter(Boolean),
-        });
-        Object.assign(this.containerEl.style, {
-            left: `${x}px`,
-            top: `${y}px`,
-        });
-        this.containerEl.dataset['placement'] = placement.split('-')[0];
-        return true;
-    }
-    /**
-     * GETTERS
-     * ─────────────────────────────────────────────────────
-     */
-    get triggerElement() {
-        if (!dsBrowser.hasDocument)
-            return null;
-        return document.querySelector(`[id="${this.reference}"]`);
-    }
-    /**
-     * RENDER
-     * ─────────────────────────────────────────────────────
-     */
-    render() {
-        return (h(Host, { key: 'ee1fa39b825b594dec6890e5317a7132ca3a3412', id: this.tooltipId, role: "tooltip", "aria-hidden": `${!this.presented}` }, h("div", { key: 'b86ae881d8f783abc381eeb0f8ff30e84e66e0e5', part: "container", ref: el => (this.containerEl = el) }, h("div", { key: 'a54a9a371dff7f1ca56ce7ca35c4c13171e6ed10', part: "content", "data-testid": "ds-tooltip-content" }, h("slot", { key: 'db111b89f8b12349c42bbf8c59675785f3fb77f0' })))));
-    }
-    static get is() { return "ds-tooltip"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["tooltip.host.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["tooltip.host.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "reference": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Id of the reference element. Defaults to the trigger element."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "reference",
-                "defaultValue": "''"
-            },
-            "placement": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "TooltipPlacement",
-                    "resolved": "\"bottom\" | \"left\" | \"right\" | \"top\"",
-                    "references": {
-                        "TooltipPlacement": {
-                            "location": "import",
-                            "path": "./tooltip.interfaces",
-                            "id": "src/components/tooltip/tooltip.interfaces.ts::TooltipPlacement",
-                            "referenceLocation": "TooltipPlacement"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Preferred placement of the tooltip relative to the trigger."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "placement",
-                "defaultValue": "'bottom'"
-            },
-            "offset": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Offset in pixels from the trigger element to the tooltip."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "offset",
-                "defaultValue": "8"
-            },
-            "contentWidth": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number | undefined",
-                    "resolved": "number | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Defines the maximum width of the tooltip content in pixels."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "content-width",
-                "defaultValue": "undefined"
-            },
-            "open": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "When true, the tooltip is shown immediately on load without user interaction."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "open",
-                "defaultValue": "false"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "presented": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "dsWillAnimate",
-                "name": "dsWillAnimate",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Emitted before the animation starts."
-                },
-                "complexType": {
-                    "original": "TooltipWillAnimateDetail",
-                    "resolved": "boolean",
-                    "references": {
-                        "TooltipWillAnimateDetail": {
-                            "location": "import",
-                            "path": "./tooltip.interfaces",
-                            "id": "src/components/tooltip/tooltip.interfaces.ts::TooltipWillAnimateDetail",
-                            "referenceLocation": "TooltipWillAnimateDetail"
-                        }
-                    }
-                }
-            }, {
-                "method": "dsDidAnimate",
-                "name": "dsDidAnimate",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Emitted after the animation has finished."
-                },
-                "complexType": {
-                    "original": "TooltipDidAnimateDetail",
-                    "resolved": "boolean",
-                    "references": {
-                        "TooltipDidAnimateDetail": {
-                            "location": "import",
-                            "path": "./tooltip.interfaces",
-                            "id": "src/components/tooltip/tooltip.interfaces.ts::TooltipDidAnimateDetail",
-                            "referenceLocation": "TooltipDidAnimateDetail"
-                        }
-                    }
-                }
-            }];
-    }
-    static get methods() {
-        return {
-            "present": {
-                "complexType": {
-                    "signature": "() => Promise<boolean>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<boolean>"
-                },
-                "docs": {
-                    "text": "Shows the tooltip and positions it relative to the trigger element.",
-                    "tags": []
-                }
-            },
-            "dismiss": {
-                "complexType": {
-                    "signature": "() => Promise<boolean>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<boolean>"
-                },
-                "docs": {
-                    "text": "Hides the tooltip and cleans up the position updater.",
-                    "tags": []
-                }
-            },
-            "update": {
-                "complexType": {
-                    "signature": "() => Promise<boolean>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<boolean>"
-                },
-                "docs": {
-                    "text": "Recomputes the tooltip position using floating-ui.",
-                    "tags": []
-                }
-            }
-        };
-    }
-    static get elementRef() { return "el"; }
-    static get watchers() {
-        return [{
-                "propName": "contentWidth",
-                "methodName": "contentWidthChanged"
-            }];
-    }
-}
-__decorate([
-    Logger('tooltip'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Function]),
-    __metadata("design:returntype", void 0)
-], Tooltip.prototype, "createLogger", null);
-__decorate([
-    Type('string'),
-    __metadata("design:type", String)
-], Tooltip.prototype, "reference", void 0);
-__decorate([
-    OneOf(TOOLTIP_PLACEMENTS),
-    __metadata("design:type", String)
-], Tooltip.prototype, "placement", void 0);
-__decorate([
-    Type('number'),
-    __metadata("design:type", Number)
-], Tooltip.prototype, "offset", void 0);
-__decorate([
-    Type('number'),
-    __metadata("design:type", Object)
-], Tooltip.prototype, "contentWidth", void 0);
-__decorate([
-    Type('boolean'),
-    __metadata("design:type", Boolean)
-], Tooltip.prototype, "open", void 0);

package/dist/design-system/p-0a4c1fa238.entry.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
- */
-import{D as i,J as e,x as t,L as r,M as o,F as s,I as n}from"./p-DYOV_tWc.js";import{_ as a,L as h,a as l}from"./p-C8QRVzNq.js";import{i as f}from"./p-B62ocg4Q.js";import{i as d}from"./p-B4bB-8Lq.js";import{f as c}from"./p-B08yyDMo.js";import{F as u}from"./p-w-N17JIZ.js";import{I as m}from"./p-BRYPu0SP.js";import{T as v}from"./p-DSgT3f2g.js";import{O as p}from"./p-DyWEj7Or.js";import{L as g}from"./p-CJSVPuWq.js";import"./p-DYfTMCkl.js";import"./p-C7I7OlaM.js";const b={de:{increase:"erhöhen",decrease:"verringern"},en:{increase:"increase",decrease:"decrease"},fr:{increase:"augmenter",decrease:"diminuer"},it:{increase:"aumentare",decrease:"diminuire"},nl:{increase:"verhogen",decrease:"verlagen"},es:{increase:"aumentar",decrease:"disminuir"},pl:{increase:"zwiększ",decrease:"zmniejsz"},pt:{increase:"aumentar",decrease:"diminuir"},sv:{increase:"öka",decrease:"minska"},fi:{increase:"kasvata",decrease:"vähennä"}};var w=1e6,y="[big.js] ",x=y+"Invalid ",_=x+"decimal places",k=x+"rounding mode",z=y+"Division by zero",j={},C=void 0,E=/^-?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i;function D(i,e,t,r){var o=i.c;if(t===C&&(t=i.constructor.RM),0!==t&&1!==t&&2!==t&&3!==t)throw Error(k);if(e<1)r=3===t&&(r||!!o[0])||0===e&&(1===t&&o[0]>=5||2===t&&(o[0]>5||5===o[0]&&(r||o[1]!==C))),o.length=1,r?(i.e=i.e-e+1,o[0]=1):o[0]=i.e=0;else if(e<o.length){if(r=1===t&&o[e]>=5||2===t&&(o[e]>5||5===o[e]&&(r||o[e+1]!==C||1&o[e-1]))||3===t&&(r||!!o[0]),o.length=e,r)for(;++o[--e]>9;)if(o[e]=0,0===e){++i.e,o.unshift(1);break}for(e=o.length;!o[--e];)o.pop()}return i}function B(i,e,t){var r=i.e,o=i.c.join(""),s=o.length;if(e)o=o.charAt(0)+(s>1?"."+o.slice(1):"")+(r<0?"e":"e+")+r;else if(r<0){for(;++r;)o="0"+o;o="0."+o}else if(r>0)if(++r>s)for(r-=s;r--;)o+="0";else r<s&&(o=o.slice(0,r)+"."+o.slice(r));else s>1&&(o=o.charAt(0)+"."+o.slice(1));return i.s<0&&t?"-"+o:o}j.abs=function(){var i=new this.constructor(this);return i.s=1,i},j.cmp=function(i){var e,t=this,r=t.c,o=(i=new t.constructor(i)).c,s=t.s,n=i.s,a=t.e,h=i.e;if(!r[0]||!o[0])return r[0]?s:o[0]?-n:0;if(s!=n)return s;if(e=s<0,a!=h)return a>h^e?1:-1;for(n=(a=r.length)<(h=o.length)?a:h,s=-1;++s<n;)if(r[s]!=o[s])return r[s]>o[s]^e?1:-1;return a==h?0:a>h^e?1:-1},j.div=function(i){var e=this,t=e.constructor,r=e.c,o=(i=new t(i)).c,s=e.s==i.s?1:-1,n=t.DP;if(n!==~~n||n<0||n>w)throw Error(_);if(!o[0])throw Error(z);if(!r[0])return i.s=s,i.c=[i.e=0],i;var a,h,l,f,d,c=o.slice(),u=a=o.length,m=r.length,v=r.slice(0,a),p=v.length,g=i,b=g.c=[],y=0,x=n+(g.e=e.e-i.e)+1;for(g.s=s,s=x<0?0:x,c.unshift(0);p++<a;)v.push(0);do{for(l=0;l<10;l++){if(a!=(p=v.length))f=a>p?1:-1;else for(d=-1,f=0;++d<a;)if(o[d]!=v[d]){f=o[d]>v[d]?1:-1;break}if(!(f<0))break;for(h=p==a?o:c;p;){if(v[--p]<h[p]){for(d=p;d&&!v[--d];)v[d]=9;--v[d],v[p]+=10}v[p]-=h[p]}for(;!v[0];)v.shift()}b[y++]=f?l:++l,v[0]&&f?v[p]=r[u]||0:v=[r[u]]}while((u++<m||v[0]!==C)&&s--);return b[0]||1==y||(b.shift(),g.e--,x--),y>x&&D(g,x,t.RM,v[0]!==C),g},j.eq=function(i){return 0===this.cmp(i)},j.gt=function(i){return this.cmp(i)>0},j.gte=function(i){return this.cmp(i)>-1},j.lt=function(i){return this.cmp(i)<0},j.lte=function(i){return this.cmp(i)<1},j.minus=j.sub=function(i){var e,t,r,o,s=this,n=s.constructor,a=s.s,h=(i=new n(i)).s;if(a!=h)return i.s=-h,s.plus(i);var l=s.c.slice(),f=s.e,d=i.c,c=i.e;if(!l[0]||!d[0])return d[0]?i.s=-h:l[0]?i=new n(s):i.s=1,i;if(a=f-c){for((o=a<0)?(a=-a,r=l):(c=f,r=d),r.reverse(),h=a;h--;)r.push(0);r.reverse()}else for(t=((o=l.length<d.length)?l:d).length,a=h=0;h<t;h++)if(l[h]!=d[h]){o=l[h]<d[h];break}if(o&&(r=l,l=d,d=r,i.s=-i.s),(h=(t=d.length)-(e=l.length))>0)for(;h--;)l[e++]=0;for(h=e;t>a;){if(l[--t]<d[t]){for(e=t;e&&!l[--e];)l[e]=9;--l[e],l[t]+=10}l[t]-=d[t]}for(;0===l[--h];)l.pop();for(;0===l[0];)l.shift(),--c;return l[0]||(i.s=1,l=[c=0]),i.c=l,i.e=c,i},j.mod=function(i){var e,t=this,r=t.constructor,o=t.s,s=(i=new r(i)).s;if(!i.c[0])throw Error(z);return t.s=i.s=1,e=1==i.cmp(t),t.s=o,i.s=s,e?new r(t):(o=r.DP,s=r.RM,r.DP=r.RM=0,t=t.div(i),r.DP=o,r.RM=s,this.minus(t.times(i)))},j.neg=function(){var i=new this.constructor(this);return i.s=-i.s,i},j.plus=j.add=function(i){var e,t,r,o=this,s=o.constructor;if(i=new s(i),o.s!=i.s)return i.s=-i.s,o.minus(i);var n=o.e,a=o.c,h=i.e,l=i.c;if(!a[0]||!l[0])return l[0]||(a[0]?i=new s(o):i.s=o.s),i;if(a=a.slice(),e=n-h){for(e>0?(h=n,r=l):(e=-e,r=a),r.reverse();e--;)r.push(0);r.reverse()}for(a.length-l.length<0&&(r=l,l=a,a=r),e=l.length,t=0;e;a[e]%=10)t=(a[--e]=a[e]+l[e]+t)/10|0;for(t&&(a.unshift(t),++h),e=a.length;0===a[--e];)a.pop();return i.c=a,i.e=h,i},j.pow=function(i){var e=this,t=new e.constructor("1"),r=t,o=i<0;if(i!==~~i||i<-1e6||i>1e6)throw Error(x+"exponent");for(o&&(i=-i);1&i&&(r=r.times(e)),i>>=1;)e=e.times(e);return o?t.div(r):r},j.prec=function(i,e){if(i!==~~i||i<1||i>w)throw Error(x+"precision");return D(new this.constructor(this),i,e)},j.round=function(i,e){if(i===C)i=0;else if(i!==~~i||i<-w||i>w)throw Error(_);return D(new this.constructor(this),i+this.e+1,e)},j.sqrt=function(){var i,e,t,r=this,o=r.constructor,s=r.s,n=r.e,a=new o("0.5");if(!r.c[0])return new o(r);if(s<0)throw Error(y+"No square root");0===(s=Math.sqrt(+B(r,!0,!0)))||s===1/0?((e=r.c.join("")).length+n&1||(e+="0"),n=((n+1)/2|0)-(n<0||1&n),i=new o(((s=Math.sqrt(e))==1/0?"5e":(s=s.toExponential()).slice(0,s.indexOf("e")+1))+n)):i=new o(s+""),n=i.e+(o.DP+=4);do{i=a.times((t=i).plus(r.div(t)))}while(t.c.slice(0,n).join("")!==i.c.slice(0,n).join(""));return D(i,(o.DP-=4)+i.e+1,o.RM)},j.times=j.mul=function(i){var e,t=this,r=t.c,o=(i=new(0,t.constructor)(i)).c,s=r.length,n=o.length,a=t.e,h=i.e;if(i.s=t.s==i.s?1:-1,!r[0]||!o[0])return i.c=[i.e=0],i;for(i.e=a+h,s<n&&(e=r,r=o,o=e,h=s,s=n,n=h),e=new Array(h=s+n);h--;)e[h]=0;for(a=n;a--;){for(n=0,h=s+a;h>a;)n=e[h]+o[a]*r[h-a-1]+n,e[h--]=n%10,n=n/10|0;e[h]=n}for(n?++i.e:e.shift(),a=e.length;!e[--a];)e.pop();return i.c=e,i},j.toExponential=function(i,e){var t=this,r=t.c[0];if(i!==C){if(i!==~~i||i<0||i>w)throw Error(_);for(t=D(new t.constructor(t),++i,e);t.c.length<i;)t.c.push(0)}return B(t,!0,!!r)},j.toFixed=function(i,e){var t=this,r=t.c[0];if(i!==C){if(i!==~~i||i<0||i>w)throw Error(_);for(i=i+(t=D(new t.constructor(t),i+t.e+1,e)).e+1;t.c.length<i;)t.c.push(0)}return B(t,!1,!!r)},j.toJSON=j.toString=function(){var i=this,e=i.constructor;return B(i,i.e<=e.NE||i.e>=e.PE,!!i.c[0])},"undefined"!=typeof Symbol&&(j[Symbol.for("nodejs.util.inspect.custom")]=j.toJSON),j.toNumber=function(){var i=+B(this,!0,!0);if(!0===this.constructor.strict&&!this.eq(i.toString()))throw Error(y+"Imprecise conversion");return i},j.toPrecision=function(i,e){var t=this,r=t.constructor,o=t.c[0];if(i!==C){if(i!==~~i||i<1||i>w)throw Error(x+"precision");for(t=D(new r(t),i,e);t.c.length<i;)t.c.push(0)}return B(t,i<=t.e||t.e<=r.NE||t.e>=r.PE,!!o)},j.valueOf=function(){var i=this,e=i.constructor;if(!0===e.strict)throw Error(y+"valueOf disallowed");return B(i,i.e<=e.NE||i.e>=e.PE,!0)};var S=function i(){function e(t){var r=this;if(!(r instanceof e))return t===C&&0===arguments.length?i():new e(t);if(t instanceof e)r.s=t.s,r.e=t.e,r.c=t.c.slice();else{if("string"!=typeof t){if(!0===e.strict&&"bigint"!=typeof t)throw TypeError(x+"value");t=0===t&&1/t<0?"-0":String(t)}!function(i,e){var t,r,o;if(!E.test(e))throw Error(x+"number");for(i.s="-"==e.charAt(0)?(e=e.slice(1),-1):1,(t=e.indexOf("."))>-1&&(e=e.replace(".","")),(r=e.search(/e/i))>0?(t<0&&(t=r),t+=+e.slice(r+1),e=e.substring(0,r)):t<0&&(t=e.length),o=e.length,r=0;r<o&&"0"==e.charAt(r);)++r;if(r==o)i.c=[i.e=0];else{for(;o>0&&"0"==e.charAt(--o););for(i.e=t-r-1,i.c=[],t=0;r<=o;)i.c[t++]=+e.charAt(r++)}}(r,t)}r.constructor=e}return e.prototype=j,e.DP=20,e.RM=1,e.NE=-7,e.PE=21,e.strict=!1,e.roundDown=0,e.roundHalfUp=1,e.roundHalfEven=2,e.roundUp=3,e}();function F(i,e,t){return Number.isNaN(i)||i<e?e:i>t?t:i}const T=class{constructor(o){i(this,o),this.dsInput=e(this,"dsInput"),this.dsChange=e(this,"dsChange"),this.dsIncrease=e(this,"dsIncrease"),this.dsDecrease=e(this,"dsDecrease"),this.dsFocus=e(this,"dsFocus"),this.dsBlur=e(this,"dsBlur"),o.$hostElement$["s-ei"]?this.internals=o.$hostElement$["s-ei"]:(this.internals=o.$hostElement$.attachInternals(),o.$hostElement$["s-ei"]=this.internals),this.inheritedAttributes={},this.initialValue=0,this.stepWarned=!1,this.counterId="ds-counter-"+I++,this.decreaseHasFocus=!1,this.increaseHasFocus=!1,this.language=t.language,this.region=t.region,this.value=0,this.name=this.counterId,this.label="",this.description="",this.color="primary",this.invalid=!1,this.invalidText="",this.min=0,this.max=10,this.step=1,this.debounce=0,this.disabled=!1,this.readonly=!1,this.required=!0,this.autoInvalidOff=!1,this.handleIncrease=()=>{if(this.disabled||this.readonly)return;const i=(e=this.value,t=this.effectiveStep(),new S(e).plus(t).toNumber());var e,t;i>this.max||(this.commit(i),this.dsIncrease.emit(i))},this.handleDecrease=()=>{if(this.disabled||this.readonly)return;const i=(e=this.value,t=this.effectiveStep(),new S(e).minus(t).toNumber());var e,t;i<this.min||(this.commit(i),this.dsDecrease.emit(i))},this.handleKeyDown=i=>{this.disabled||this.readonly||("ArrowUp"===i.key?(i.preventDefault(),this.handleIncrease()):"ArrowDown"===i.key&&(i.preventDefault(),this.handleDecrease()))},this.handleFocusDecrease=i=>{this.decreaseHasFocus=!0,this.handleFocus(i)},this.handleFocusIncrease=i=>{this.increaseHasFocus=!0,this.handleFocus(i)},this.handleFocus=i=>{i.stopPropagation(),this.disabled||this.readonly||this.dsFocus.emit()},this.handleBlurDecrease=i=>{i.stopPropagation(),this.decreaseHasFocus=!1,r((()=>this.handleBlur()))},this.handleBlurIncrease=i=>{i.stopPropagation(),this.increaseHasFocus=!1,r((()=>this.handleBlur()))},this.handleBlur=()=>{this.decreaseHasFocus||this.increaseHasFocus||this.disabled||this.readonly||this.dsBlur.emit()}}createLogger(i){this.log=i}valueChanged(){if(d(this.value))return void(this.value=F(this.min,this.min,this.max));const i=F(this.value,this.min,this.max);i===this.value?this.syncFormValue(this.value):this.value=i}minChanged(){this.clampToRange()}maxChanged(){this.clampToRange()}debounceChanged(){this.dsChange=o(this.dsChange,this.debounce)}connectedCallback(){this.debounceChanged(),this.value=F(this.value,this.min,this.max),this.initialValue=this.value,this.syncFormValue(this.value)}componentWillLoad(){this.inheritedAttributes=f(this.el,["aria-label","tabindex","title"])}listenToClick(i){(this.disabled||this.readonly)&&i.target===this.el&&(i.preventDefault(),i.stopPropagation())}listenToReset(i){const e=i.target;(null==e?void 0:e.contains(this.el))&&(this.value=this.initialValue)}async configChanged(i){this.language=i.language,this.region=i.region}async setFocus(){var i,e;const t=this.disabled||this.readonly||this.value>=this.max?this.decreaseButtonEl:this.increaseButtonEl;null===(e=null===(i=null==t?void 0:t.shadowRoot)||void 0===i?void 0:i.querySelector("button"))||void 0===e||e.focus()}async getInputElement(){return this.disabled||this.readonly||this.value>=this.max?this.decreaseButtonEl:this.increaseButtonEl}clampToRange(){const i=F(this.value,this.min,this.max);i!==this.value&&(this.value=i)}syncFormValue(i){this.internals.setFormValue(String(i))}effectiveStep(){return!Number.isFinite(this.step)||this.step<=0?(this.stepWarned||(console.warn(`[ds-counter] \`step\` must be a positive number, got ${this.step}. Falling back to 1.`),this.stepWarned=!0),1):this.step}commit(i){this.value=i,this.dsInput.emit(i),this.dsChange.emit(i)}render(){const i=b[this.language].decrease,e=b[this.language].increase,t=this.disabled||this.readonly||this.value<=this.min,r=this.disabled||this.readonly||this.value>=this.max;return s(u,{key:"ebfd77152d34cbe93df3299a8523bfd580b11339",disabled:this.disabled||this.readonly,color:this.color,invalid:this.invalid,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},s("div",Object.assign({key:"278eaf87f2e994a8cb4a77ca2ab48c20e59829a7",id:"counter",part:"counter",onKeyDown:this.handleKeyDown},this.inheritedAttributes),s("ds-button",{key:"c41090975dfc3590cbc08ca8e5b60fdbc7140f35",ref:i=>this.decreaseButtonEl=i,part:"decrease","data-testid":"ds-counter-decrease",color:this.invalid?"danger":"danger"===this.color||"warning"===this.color||"success"===this.color?this.color:"secondary",size:"sm",square:!0,icon:"minus",a11yLabel:i,a11yTitle:i,disabled:t,onClick:this.handleDecrease,onDsFocus:this.handleFocusDecrease,onDsBlur:this.handleBlurDecrease}),s("span",{key:"79d7407db378bdc18c4c2cfffc77e92f60ef3352",part:"value","data-testid":"ds-counter-value"},c(this.value)),s("ds-button",{key:"084f967ddaf523be0fc36b50721a5439f70dfac5",ref:i=>this.increaseButtonEl=i,part:"increase","data-testid":"ds-counter-increase",color:this.invalid?"danger":"danger"===this.color||"warning"===this.color||"success"===this.color?this.color:"secondary",size:"sm",square:!0,icon:"plus",a11yLabel:e,a11yTitle:e,disabled:r,onClick:this.handleIncrease,onDsFocus:this.handleFocusIncrease,onDsBlur:this.handleBlurIncrease})))}static get formAssociated(){return!0}get el(){return n(this)}static get watchers(){return{value:[{valueChanged:0}],min:[{minChanged:0}],max:[{maxChanged:0}],debounce:[{debounceChanged:0}]}}};a([h("counter"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],T.prototype,"createLogger",null),a([v("number"),l("design:type",Number)],T.prototype,"value",void 0),a([v("string"),l("design:type",String)],T.prototype,"name",void 0),a([v("string"),l("design:type",String)],T.prototype,"label",void 0),a([v("string"),l("design:type",String)],T.prototype,"description",void 0),a([p(m),l("design:type",String)],T.prototype,"color",void 0),a([v("boolean"),l("design:type",Boolean)],T.prototype,"invalid",void 0),a([v("string"),l("design:type",String)],T.prototype,"invalidText",void 0),a([v("number"),l("design:type",Number)],T.prototype,"min",void 0),a([v("number"),l("design:type",Number)],T.prototype,"max",void 0),a([v("number"),l("design:type",Number)],T.prototype,"step",void 0),a([v("number"),l("design:type",Number)],T.prototype,"debounce",void 0),a([v("boolean"),l("design:type",Boolean)],T.prototype,"disabled",void 0),a([v("boolean"),l("design:type",Boolean)],T.prototype,"readonly",void 0),a([v("boolean"),l("design:type",Boolean)],T.prototype,"required",void 0),a([v("boolean"),l("design:type",Boolean)],T.prototype,"autoInvalidOff",void 0),a([g(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],T.prototype,"configChanged",null);let I=0;T.style=":host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_counter-gap:var(--counter-gap, var(--mod-counter-gap, 0.5rem));--_counter-value-min-width:var(--counter-value-min-width, var(--mod-counter-value-min-width, 3rem));--_counter-value-font-weight:var(--counter-value-font-weight, var(--mod-counter-value-font-weight, var(--ds-alias-text-weight-bold)));--_counter-value-font-family:var(--counter-value-font-family, var(--mod-counter-value-font-family, var(--ds-alias-text-family-text)));--_counter-value-color:var(--counter-value-color, var(--mod-counter-value-color, var(--ds-form-default-label-color)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host{display:block}:host #counter{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:var(--_counter-gap)}:host [part=value]{min-width:var(--_counter-value-min-width);text-align:center;font-weight:var(--_counter-value-font-weight);font-family:var(--_counter-value-font-family);color:var(--_counter-value-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.is-danger){--mod-form-description-color:var(--ds-form-danger-description-color);--mod-counter-value-color:var(--ds-alias-text-color-danger)}:host(.is-success){--mod-form-description-color:var(--ds-form-success-description-color)}:host(.is-warning){--mod-form-description-color:var(--ds-form-warning-description-color)}:host(.is-disabled){--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-counter-value-color:var(--ds-form-disabled-label-color)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #counter,:host(.is-disabled) [part=value]{pointer-events:none;cursor:default}";export{T as ds_counter}

package/dist/design-system/p-0efa6b85e8.entry.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
- */
-import{D as o,J as e,F as c,G as r,I as a}from"./p-DYOV_tWc.js";import{_ as l,L as i,a as d}from"./p-C8QRVzNq.js";import{i as s}from"./p-B62ocg4Q.js";import{h as b}from"./p-B9D2VplI.js";import{C as t,a as h,b as n}from"./p-CdOIXQj9.js";import{T as v}from"./p-DSgT3f2g.js";import{R as k}from"./p-BK97Jg7L.js";import{O as x}from"./p-DyWEj7Or.js";import"./p-B4bB-8Lq.js";const g=class{constructor(c){o(this,c),this.dsFocus=e(this,"dsFocus"),this.dsBlur=e(this,"dsBlur"),this.dsChange=e(this,"dsChange"),c.$hostElement$["s-ei"]?this.internals=c.$hostElement$["s-ei"]:(this.internals=c.$hostElement$.attachInternals(),c.$hostElement$["s-ei"]=this.internals),this.inputId="ds-cb-"+u++,this.inheritAttributes={},this.focused=!1,this.name=this.inputId,this.label="",this.labelPosition="right",this.value="on",this.checked=!1,this.initialValue=!1,this.disabled=!1,this.readonly=!1,this.required=!1,this.autoInvalidOff=!1,this.invalid=!1,this.tile=!1,this.hideTrigger=!1,this.cols=1,this.colsTablet=1,this.colsMobile=1,this.handleChange=o=>{this.checked=o.target.checked,this.dsChange.emit(this.checked),this.internals.setFormValue(this.checked?this.value:null)},this.handleClick=o=>{var e,c,r;this.disabled||this.readonly||o.target.href||o.composedPath()[0]!==this.nativeInput&&(o.preventDefault(),(null===(c=(e=o.target).closest)||void 0===c?void 0:c.call(e,'[slot="hint"]'))||(null===(r=this.nativeInput)||void 0===r||r.focus(),this.checked=!this.checked,this.dsChange.emit(this.checked),this.internals.setFormValue(this.checked?this.value:null)))},this.handleFocus=o=>{this.disabled||this.readonly||(this.focused=!0,this.dsFocus.emit(o))},this.handleBlur=o=>{this.disabled||this.readonly||(this.focused=!1,this.dsBlur.emit(o))}}createLogger(o){this.log=o}connectedCallback(){this.initialValue=this.checked,this.internals.setFormValue(this.checked?this.value:null)}componentWillLoad(){this.internals.setFormValue(this.checked?this.value:null),this.inheritAttributes=s(this.el,["aria-label","tabindex","title"])}listenToReset(o){const e=o.target;(null==e?void 0:e.contains(this.el))&&(this.checked=this.initialValue)}hasHint(){return null!==this.el.querySelector('[slot="hint"]')}render(){return c(r,{key:"7dc441b7f630f5a0b91719a2281ee341d15e3e52","aria-disabled":this.disabled?"true":null,"aria-checked":`${this.checked}`,"aria-invalid":this.invalid?"true":null,class:{"is-disabled":this.disabled||this.readonly,"is-invalid":this.invalid,"is-checked":this.checked,"is-tile":this.tile,[`has-tile-${this.tileColor}`]:this.tile&&b(this.tileColor),"hide-trigger":this.tile&&this.hideTrigger,"has-label-left":"left"===this.labelPosition,"has-label-top":"top"===this.labelPosition,[`has-cols-${this.cols}`]:this.tile&&this.cols>1,[`has-cols-${this.colsTablet}-tablet`]:this.tile&&this.colsTablet>1,[`has-cols-${this.colsMobile}-mobile`]:this.tile&&this.colsMobile>1},onClick:this.handleClick},c("label",{key:"ace06ccccb4e95be76d73821ad2db66d4f2ca899",id:"label",part:"label"},c("input",Object.assign({key:"2e32e208e7b8c37d01fd8a24783ff93c2ad42267",type:"checkbox",part:"input",id:this.inputId,name:this.name,value:this.value,checked:this.checked,disabled:this.disabled||this.readonly,required:this.required,"aria-invalid":this.invalid?"true":null,onChange:o=>this.handleChange(o),onFocus:this.handleFocus,onBlur:this.handleBlur,ref:o=>this.nativeInput=o},this.inheritAttributes)),c("div",{key:"866ea48e894130680479c89be08af5caf2c914a7",id:"slot",part:"slot"},c("slot",{key:"ef8b3e60f98a2fc29b241b8075cbdddc2810a1aa"},this.label)),this.hasHint()&&c("div",{key:"da68dd08802ef6a60c85a45a35b8198c605df3b7",id:"hint",part:"hint"},c("slot",{key:"5f1f53934c6b651139f722f8ba0ad664b7f847e3",name:"hint"}))))}static get formAssociated(){return!0}get el(){return a(this)}};l([i("checkbox"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],g.prototype,"createLogger",null),l([v("string"),d("design:type",String)],g.prototype,"name",void 0),l([v("string"),d("design:type",String)],g.prototype,"label",void 0),l([k(),x(t),d("design:type",String)],g.prototype,"labelPosition",void 0),l([v("string"),d("design:type",Object)],g.prototype,"value",void 0),l([v("boolean"),d("design:type",Boolean)],g.prototype,"checked",void 0),l([v("boolean"),d("design:type",Boolean)],g.prototype,"disabled",void 0),l([v("boolean"),d("design:type",Boolean)],g.prototype,"readonly",void 0),l([v("boolean"),d("design:type",Boolean)],g.prototype,"required",void 0),l([v("boolean"),d("design:type",Boolean)],g.prototype,"autoInvalidOff",void 0),l([v("boolean"),d("design:type",Boolean)],g.prototype,"invalid",void 0),l([x(h),d("design:type",String)],g.prototype,"tileColor",void 0),l([v("boolean"),d("design:type",Boolean)],g.prototype,"tile",void 0),l([v("boolean"),d("design:type",Boolean)],g.prototype,"hideTrigger",void 0),l([x(n),d("design:type",Number)],g.prototype,"cols",void 0),l([x(n),d("design:type",Number)],g.prototype,"colsTablet",void 0),l([x(n),d("design:type",Number)],g.prototype,"colsMobile",void 0);let u=0;g.style=":host{--_checkbox-gap:var(--checkbox-gap, var(--mod-checkbox-gap, 0.5rem));--_checkbox-min-height:var(--checkbox-min-height, var(--mod-checkbox-min-height, 3rem));--_checkbox-label-base-color:var(--checkbox-label-base-color, var(--mod-checkbox-label-base-color, inherit));--_checkbox-label-hover-color:var(--checkbox-label-hover-color, var(--mod-checkbox-label-hover-color, var(--ds-global-color-sky-5)));--_checkbox-label-active-color:var(--checkbox-label-active-color, var(--mod-checkbox-label-active-color, var(--ds-global-color-primary-6)));--_checkbox-label-disabled-color:var(--checkbox-label-disabled-color, var(--mod-checkbox-label-disabled-color, var(--ds-checkbox-label-color-disabled)));--_checkbox-size:var(--checkbox-size, var(--mod-checkbox-size, 1.5rem));--_checkbox-border-width:var(--checkbox-border-width, var(--mod-checkbox-border-width, var(--ds-alias-border-width-base)));--_checkbox-radius:var(--checkbox-radius, var(--mod-checkbox-radius, var(--ds-alias-radius-base)));--_checkbox-tile-radius:var(--checkbox-tile-radius, var(--mod-checkbox-tile-radius, var(--ds-alias-radius-base)));--_checkbox-tile-p:var(--checkbox-tile-p, var(--mod-checkbox-tile-p, 1rem));--_checkbox-tile-border-width:var(--checkbox-tile-border-width, var(--mod-checkbox-tile-border-width, var(--ds-alias-border-width-base)));--_checkbox-tile-base-background-color:var(--checkbox-tile-base-background-color, var(--mod-checkbox-tile-base-background-color, inherit));--_checkbox-tile-base-border-color:var(--checkbox-tile-base-border-color, var(--mod-checkbox-tile-base-border-color, var(--ds-global-color-grey-3)));--_checkbox-tile-hover-background-color:var(--checkbox-tile-hover-background-color, var(--mod-checkbox-tile-hover-background-color, var(--ds-global-color-grey-0)));--_checkbox-tile-hover-border-color:var(--checkbox-tile-hover-border-color, var(--mod-checkbox-tile-hover-border-color, var(--ds-global-color-sky-5)));--_checkbox-tile-active-background-color:var(--checkbox-tile-active-background-color, var(--mod-checkbox-tile-active-background-color, var(--ds-global-color-grey-0)));--_checkbox-tile-active-border-color:var(--checkbox-tile-active-border-color, var(--mod-checkbox-tile-active-border-color, var(--ds-global-color-primary-6)));--_checkbox-unchecked-base-color-background:var(--checkbox-unchecked-base-color-background, var(--mod-checkbox-unchecked-base-color-background, transparent));--_checkbox-unchecked-base-color-border:var(--checkbox-unchecked-base-color-border, var(--mod-checkbox-unchecked-base-color-border, var(--ds-global-color-primary-5)));--_checkbox-unchecked-hover-color-background:var(--checkbox-unchecked-hover-color-background, var(--mod-checkbox-unchecked-hover-color-background, var(--ds-global-color-grey-1)));--_checkbox-unchecked-hover-color-border:var(--checkbox-unchecked-hover-color-border, var(--mod-checkbox-unchecked-hover-color-border, var(--ds-global-color-sky-5)));--_checkbox-unchecked-active-color-background:var(--checkbox-unchecked-active-color-background, var(--mod-checkbox-unchecked-active-color-background, var(--ds-global-color-grey-2)));--_checkbox-unchecked-active-color-border:var(--checkbox-unchecked-active-color-border, var(--mod-checkbox-unchecked-active-color-border, var(--ds-global-color-primary-6)));--_checkbox-unchecked-disabled-color-background:var(--checkbox-unchecked-disabled-color-background, var(--mod-checkbox-unchecked-disabled-color-background, var(--ds-checkbox-unchecked-color-disabled-background)));--_checkbox-checked-base-color-background:var(--checkbox-checked-base-color-background, var(--mod-checkbox-checked-base-color-background, var(--ds-global-color-primary-5)));--_checkbox-checked-base-color-border:var(--checkbox-checked-base-color-border, var(--mod-checkbox-checked-base-color-border, var(--ds-global-color-primary-5)));--_checkbox-checked-base-color-icon:var(--checkbox-checked-base-color-icon, var(--mod-checkbox-checked-base-color-icon, var(--ds-global-color-white)));--_checkbox-checked-hover-color-background:var(--checkbox-checked-hover-color-background, var(--mod-checkbox-checked-hover-color-background, var(--ds-global-color-sky-5)));--_checkbox-checked-hover-color-border:var(--checkbox-checked-hover-color-border, var(--mod-checkbox-checked-hover-color-border, var(--ds-global-color-sky-5)));--_checkbox-checked-active-color-background:var(--checkbox-checked-active-color-background, var(--mod-checkbox-checked-active-color-background, var(--ds-global-color-primary-6)));--_checkbox-checked-active-color-border:var(--checkbox-checked-active-color-border, var(--mod-checkbox-checked-active-color-border, var(--ds-global-color-primary-6)))}:host{display:inline-block;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;outline:none}label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:var(--_checkbox-gap);cursor:pointer;user-select:none;color:var(--_checkbox-label-base-color);font-family:var(--ds-alias-text-family-text);line-height:var(--ds-alias-text-line-height-text);padding-top:.25rem;padding-bottom:.25rem;min-height:var(--_checkbox-min-height)}@media (hover: hover)and (pointer: fine){label:hover{color:var(--_checkbox-label-hover-color)}}label:active{color:var(--_checkbox-label-active-color)}:host input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex:none;flex:none;display:-ms-inline-flexbox;display:inline-flex;width:var(--_checkbox-size);height:var(--_checkbox-size);background:var(--_checkbox-unchecked-base-color-background);border:var(--_checkbox-border-width) solid var(--_checkbox-unchecked-base-color-border);border-radius:var(--_checkbox-radius);vertical-align:top;cursor:pointer;outline:none;-webkit-transition:background .3s ease-in-out,border-color .3s ease-in-out;transition:background .3s ease-in-out,border-color .3s ease-in-out}:host input[type=checkbox]:disabled{cursor:default}@media (hover: hover)and (pointer: fine){:host input[type=checkbox]:focus-visible{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}:host input[type=checkbox]:not(:disabled):hover,:host:hover input[type=checkbox]:not(:disabled):not(:checked){background:var(--_checkbox-unchecked-hover-color-background);border-color:var(--_checkbox-unchecked-hover-color-border)}:host input[type=checkbox]:not(:disabled):active,:host:active input[type=checkbox]:not(:disabled):not(:checked){background:var(--_checkbox-unchecked-active-color-background);border-color:var(--_checkbox-unchecked-active-color-border)}:host input[type=checkbox]:checked{background:var(--_checkbox-checked-base-color-background);border-color:var(--_checkbox-checked-base-color-border)}:host input[type=checkbox]:checked:not(:disabled):hover,:host:hover input[type=checkbox]:checked:not(:disabled){background:var(--_checkbox-checked-hover-color-background);border-color:var(--_checkbox-checked-hover-color-border)}:host input[type=checkbox]:checked:not(:disabled):active,:host:active input[type=checkbox]:checked:not(:disabled){background:var(--_checkbox-checked-active-color-background);border-color:var(--_checkbox-checked-active-color-border)}:host input[type=checkbox]::after{display:block;content:\"\";width:100%;height:100%;-webkit-mask-size:70%;mask-size:70%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out;opacity:0;-webkit-transform:translateY(-0.5rem);transform:translateY(-0.5rem)}:host input[type=checkbox]:checked::after{background-color:var(--_checkbox-checked-base-color-icon);opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\")}:host(.is-invalid:not(.is-disabled)){--mod-checkbox-label-base-color:var(--ds-global-color-danger-4);--mod-checkbox-label-hover-color:var(--ds-global-color-danger-5);--mod-checkbox-label-active-color:var(--ds-global-color-danger-6);--mod-checkbox-unchecked-base-color-background:transparent;--mod-checkbox-unchecked-base-color-border:var(--ds-alias-border-color-danger);--mod-checkbox-unchecked-hover-color-background:var(--ds-global-color-grey-2);--mod-checkbox-unchecked-hover-color-border:var(--ds-alias-border-color-danger-hover);--mod-checkbox-unchecked-active-color-background:var(--ds-global-color-grey-2);--mod-checkbox-unchecked-active-color-border:var(--ds-alias-border-color-danger-active);--mod-checkbox-checked-base-color-background:var(--ds-alias-border-color-danger);--mod-checkbox-checked-base-color-border:var(--ds-alias-border-color-danger);--mod-checkbox-checked-hover-color-background:var(--ds-alias-border-color-danger-hover);--mod-checkbox-checked-hover-color-border:var(--ds-alias-border-color-danger-hover);--mod-checkbox-checked-active-color-background:var(--ds-alias-border-color-danger-active);--mod-checkbox-checked-active-color-border:var(--ds-alias-border-color-danger-active)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-checkbox-label-base-color:var(--_checkbox-label-disabled-color);--mod-checkbox-label-hover-color:var(--_checkbox-label-disabled-color);--mod-checkbox-label-active-color:var(--_checkbox-label-disabled-color);--mod-checkbox-unchecked-base-color-background:var(--_checkbox-unchecked-disabled-color-background);--mod-checkbox-unchecked-base-color-border:var(--ds-alias-border-color-disabled);--mod-checkbox-checked-base-color-background:var(--ds-alias-border-color-disabled);--mod-checkbox-checked-base-color-border:var(--ds-alias-border-color-disabled)}:host(.has-label-left) label{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.has-label-top) label{-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.is-tile){display:block;-ms-flex:0 0 100%;flex:0 0 100%}:host(.is-tile) label{position:relative;width:100%;height:100%;padding:var(--_checkbox-tile-p);border-style:solid;border-width:var(--_checkbox-tile-border-width);border-radius:var(--_checkbox-tile-radius);border-color:var(--_checkbox-tile-base-border-color);background:var(--_checkbox-tile-base-background-color)}@media (hover: hover)and (pointer: fine){:host(.is-tile) label:hover{border-color:var(--_checkbox-tile-hover-border-color);background:var(--_checkbox-tile-hover-background-color)}}:host(.is-tile) label:active{border-color:var(--_checkbox-tile-active-border-color);background:var(--_checkbox-tile-active-background-color)}:host(.is-tile.is-checked){--mod-checkbox-tile-base-border-color:var(--_checkbox-checked-base-color-background)}:host(.is-tile.hide-trigger) input[type=checkbox]{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}@media (hover: hover)and (pointer: fine){:host(.is-tile.hide-trigger) label:has(input[type=checkbox]:focus-visible){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}#hint{display:contents}:host(.is-tile) #hint{display:block;position:absolute;top:var(--_checkbox-tile-p);right:var(--_checkbox-tile-p)}:host(.is-tile.hide-trigger.is-checked){--mod-checkbox-tile-base-background-color:var(--ds-global-color-primary-1);--mod-checkbox-tile-hover-background-color:var(--ds-global-color-primary-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-primary-1)}:host(.is-tile.has-tile-green.is-checked){--mod-checkbox-tile-base-background-color:var(--ds-global-color-green-1);--mod-checkbox-tile-hover-background-color:var(--ds-global-color-green-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-green-1)}:host(.is-tile.has-tile-red.is-checked){--mod-checkbox-tile-base-background-color:var(--ds-global-color-red-1);--mod-checkbox-tile-hover-background-color:var(--ds-global-color-red-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-red-1)}:host(.is-tile.has-tile-yellow.is-checked){--mod-checkbox-tile-base-background-color:var(--ds-global-color-yellow-1);--mod-checkbox-tile-hover-background-color:var(--ds-global-color-yellow-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-yellow-1)}:host(.is-tile.has-tile-purple.is-checked){--mod-checkbox-tile-base-background-color:var(--ds-global-color-purple-1);--mod-checkbox-tile-hover-background-color:var(--ds-global-color-purple-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-purple-1)}:host(.is-tile.has-tile-green){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-green-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-green-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-green-level3);--mod-brand-icon-color-background:var(--ds-brand-icon-color-green-background)}:host(.is-tile.has-tile-red){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-red-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-red-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-red-level3);--mod-brand-icon-color-background:var(--ds-brand-icon-color-red-background)}:host(.is-tile.has-tile-yellow){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-yellow-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-yellow-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-yellow-level3);--mod-brand-icon-color-background:var(--ds-brand-icon-color-yellow-background)}:host(.is-tile.has-tile-purple){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-purple-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-purple-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-purple-level3);--mod-brand-icon-color-background:var(--ds-brand-icon-color-purple-background)}:host(.is-tile.is-disabled){--icon-brand-color:var(--ds-global-color-grey-5)}:host(.is-tile.is-invalid){--mod-checkbox-tile-hover-background-color:var(--ds-global-color-danger-1);--mod-checkbox-tile-active-background-color:var(--ds-global-color-danger-1);--mod-checkbox-tile-hover-border-color:var(--ds-global-color-danger-5);--mod-checkbox-tile-active-border-color:var(--ds-global-color-danger-6)}:host(.is-tile.is-invalid) label{--icon-brand-color:var(--ds-global-color-danger-4)}@media (hover: hover)and (pointer: fine){:host(.is-tile.is-invalid) label:hover{--icon-brand-color:var(--ds-global-color-danger-5)}}:host(.is-tile.is-invalid) label:active{--icon-brand-color:var(--ds-global-color-danger-6)}@media screen and (min-width: 769px){:host(.is-tile.has-cols-2){-ms-flex:0 0 calc(50% - var(--ds-device-space-base)*1/2);flex:0 0 calc(50% - var(--ds-device-space-base)*1/2)}:host(.is-tile.has-cols-3){-ms-flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3)}:host(.is-tile.has-cols-4){-ms-flex:0 0 calc(25% - var(--ds-device-space-base)*3/4);flex:0 0 calc(25% - var(--ds-device-space-base)*3/4)}}@media screen and (max-width: 768px){:host(.is-tile.has-cols-2-mobile){-ms-flex:0 0 calc(50% - var(--ds-device-space-base)*1/2);flex:0 0 calc(50% - var(--ds-device-space-base)*1/2)}:host(.is-tile.has-cols-3-mobile){-ms-flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3)}:host(.is-tile.has-cols-4-mobile){-ms-flex:0 0 calc(25% - var(--ds-device-space-base)*3/4);flex:0 0 calc(25% - var(--ds-device-space-base)*3/4)}}@media screen and (min-width: 769px){:host(.is-tile.has-cols-2-tablet){-ms-flex:0 0 calc(50% - var(--ds-device-space-base)*1/2);flex:0 0 calc(50% - var(--ds-device-space-base)*1/2)}:host(.is-tile.has-cols-3-tablet){-ms-flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3)}:host(.is-tile.has-cols-4-tablet){-ms-flex:0 0 calc(25% - var(--ds-device-space-base)*3/4);flex:0 0 calc(25% - var(--ds-device-space-base)*3/4)}}@media screen and (min-width: 1024px){:host(.is-tile.has-cols-2-desktop){-ms-flex:0 0 calc(50% - var(--ds-device-space-base)*1/2);flex:0 0 calc(50% - var(--ds-device-space-base)*1/2)}:host(.is-tile.has-cols-3-desktop){-ms-flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3);flex:0 0 calc(33.3333333333% - var(--ds-device-space-base)*2/3)}:host(.is-tile.has-cols-4-desktop){-ms-flex:0 0 calc(25% - var(--ds-device-space-base)*3/4);flex:0 0 calc(25% - var(--ds-device-space-base)*3/4)}}";export{g as ds_checkbox}