@sbb-esta/lyne-elements 2.5.1 → 2.7.0

package/train/train.js

@@ -1,126 +1,4 @@
-var G = (e) => {
-  throw TypeError(e);
-};
-var P = (e, a, s) => a.has(e) || G("Cannot " + s);
-var m = (e, a, s) => (P(e, a, "read from private field"), s ? s.call(e) : a.get(e)), g = (e, a, s) => a.has(e) ? G("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(e) : a.set(e, s), n = (e, a, s, o) => (P(e, a, "write to private field"), o ? o.call(e, s) : a.set(e, s), s);
-import { __runInitializers as l, __esDecorate as f } from "tslib";
-import { css as q, LitElement as B, nothing as y } from "lit";
-import { customElement as F, property as L } from "lit/decorators.js";
-import { unsafeStatic as W, html as u } from "lit/static-html.js";
-import { SbbLanguageController as H } from "../core/controllers.js";
-import { forceType as x, omitEmptyConverter as J } from "../core/decorators.js";
-import { EventEmitter as K } from "../core/eventing.js";
-import { i18nTrain as Q, i18nWagonsLabel as R } from "../core/i18n.js";
-import { SbbNamedSlotListMixin as V } from "../core/mixins.js";
-import "../icon.js";
-const X = q`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-train-direction-label-spacing: var(--sbb-spacing-fixed-1x)}.sbb-train{--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);display:flex;flex-direction:column;gap:var(--sbb-train-formation-vertical-gap);position:relative}.sbb-train:before{content:"";display:var(--sbb-train-formation-reserve-spacing-display, none);height:max(var(--sbb-size-icon-ui-small),1em * var(--sbb-typo-line-height-body-text))}.sbb-train__wagons{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;gap:var(--sbb-train-formation-wagon-gap)}.sbb-train__direction-heading{display:flex;position:absolute;width:100%}.sbb-train__direction-sticky-wrapper{position:sticky;inset-inline-start:0;display:inline-flex;align-items:center;gap:var(--sbb-train-direction-label-spacing);max-width:100%}.sbb-train__direction-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbb-train__direction-label-sr{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`;
-let bt = (() => {
-  var b, d, h, _, p, r;
-  let e = [F("sbb-train")], a, s = [], o, w = V(B), z, S = [], $ = [], k, E = [], C = [], I, T = [], D = [], A, j = [], N = [], M, O = [], U = [];
-  var v = (r = class extends w {
-    constructor() {
-      super(...arguments);
-      g(this, b);
-      g(this, d);
-      g(this, h);
-      g(this, _);
-      g(this, p);
-      this.listChildLocalNames = [
-        "sbb-train-wagon",
-        "sbb-train-blocked-passage"
-      ], n(this, b, l(this, S, "")), n(this, d, (l(this, $), l(this, E, "6"))), n(this, h, (l(this, C), l(this, T, ""))), n(this, _, (l(this, D), l(this, j, ""))), n(this, p, (l(this, N), l(this, O, "left"))), this._language = (l(this, U), new H(this)), this._trainSlotChange = new K(this, v.events.trainSlotChange, {
-        bubbles: !0,
-        cancelable: !0
-      });
-    }
-    /** General label for "driving direction". */
-    get directionLabel() {
-      return m(this, b);
-    }
-    set directionLabel(i) {
-      n(this, b, i);
-    }
-    /** Heading level of the direction label, used for screen readers. */
-    get directionLabelLevel() {
-      return m(this, d);
-    }
-    set directionLabelLevel(i) {
-      n(this, d, i);
-    }
-    /** Label for the destination station of the train. */
-    get station() {
-      return m(this, h);
-    }
-    set station(i) {
-      n(this, h, i);
-    }
-    /** Accessibility label for additional information regarding the leaving direction of the train. */
-    get accessibilityLabel() {
-      return m(this, _);
-    }
-    set accessibilityLabel(i) {
-      n(this, _, i);
-    }
-    /** Controls the direction indicator to show the arrow left or right. Default is left.  */
-    get direction() {
-      return m(this, p);
-    }
-    set direction(i) {
-      n(this, p, i);
-    }
-    /**
-     * Create the aria-label text out of the direction label, station and the accessibility label.
-     */
-    _getDirectionAriaLabel() {
-      const i = [Q[this._language.current]];
-      return this.directionLabel && this.station && i.push(`${this.directionLabel} ${this.station}`), this.accessibilityLabel && i.push(this.accessibilityLabel), `${i.join(", ")}.`;
-    }
-    willUpdate(i) {
-      super.willUpdate(i), i.has("listChildren") && this._trainSlotChange.emit();
-    }
-    render() {
-      const i = `h${this.directionLabelLevel}`;
-      return u`
-      <div class="sbb-train">
-        <${W(i)} class="sbb-train__direction-label-sr">
-          ${this._getDirectionAriaLabel()}
-        </${W(i)}>
-        ${this.directionLabel ? u`<div class="sbb-train__direction-heading" aria-hidden="true">
-                <span class="sbb-train__direction-sticky-wrapper">
-                  ${this.direction === "left" ? u`<sbb-icon name="chevron-small-left-small"></sbb-icon>` : y}
-
-                  <span class="sbb-train__direction-label">
-                    ${this.directionLabel} ${this.station}
-                  </span>
-
-                  ${this.direction === "right" ? u`<sbb-icon name="chevron-small-right-small"></sbb-icon>` : y}
-                </span>
-              </div>` : y}
-        ${this.renderList({
-        class: "sbb-train__wagons",
-        ariaLabel: R[this._language.current]
-      })}
-      </div>
-    `;
-    }
-  }, b = new WeakMap(), d = new WeakMap(), h = new WeakMap(), _ = new WeakMap(), p = new WeakMap(), o = r, (() => {
-    const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(w[Symbol.metadata] ?? null) : void 0;
-    z = [x(), L({ attribute: "direction-label", reflect: !0, converter: J })], k = [L({ attribute: "direction-label-level" })], I = [x(), L()], A = [x(), L({ attribute: "accessibility-label" })], M = [L({ reflect: !0 })], f(r, null, z, { kind: "accessor", name: "directionLabel", static: !1, private: !1, access: { has: (t) => "directionLabel" in t, get: (t) => t.directionLabel, set: (t, c) => {
-      t.directionLabel = c;
-    } }, metadata: i }, S, $), f(r, null, k, { kind: "accessor", name: "directionLabelLevel", static: !1, private: !1, access: { has: (t) => "directionLabelLevel" in t, get: (t) => t.directionLabelLevel, set: (t, c) => {
-      t.directionLabelLevel = c;
-    } }, metadata: i }, E, C), f(r, null, I, { kind: "accessor", name: "station", static: !1, private: !1, access: { has: (t) => "station" in t, get: (t) => t.station, set: (t, c) => {
-      t.station = c;
-    } }, metadata: i }, T, D), f(r, null, A, { kind: "accessor", name: "accessibilityLabel", static: !1, private: !1, access: { has: (t) => "accessibilityLabel" in t, get: (t) => t.accessibilityLabel, set: (t, c) => {
-      t.accessibilityLabel = c;
-    } }, metadata: i }, j, N), f(r, null, M, { kind: "accessor", name: "direction", static: !1, private: !1, access: { has: (t) => "direction" in t, get: (t) => t.direction, set: (t, c) => {
-      t.direction = c;
-    } }, metadata: i }, O, U), f(null, a = { value: o }, e, { kind: "class", name: o.name, metadata: i }, null, s), v = o = a.value, i && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
-  })(), r.styles = X, r.events = {
-    trainSlotChange: "trainSlotChange"
-  }, l(o, s), r);
-  return v = o;
-})();
+import { SbbTrainElement as b } from "./train/train.js";
 export {
-  bt as SbbTrainElement
+  b as SbbTrainElement
 };

package/train.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @entrypoint
+ */
 export * from './train/train.js';
 export * from './train/train-blocked-passage.js';
 export * from './train/train-formation.js';

package/train.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"train.d.ts","sourceRoot":"","sources":["../../src/elements/train.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"train.d.ts","sourceRoot":"","sources":["../../src/elements/train.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC"}

package/train.js

@@ -1,4 +1,10 @@
-export * from "./train/train.js";
-export * from "./train/train-blocked-passage.js";
-export * from "./train/train-formation.js";
-export * from "./train/train-wagon.js";
+import { SbbTrainElement as o } from "./train/train/train.js";
+import { SbbTrainBlockedPassageElement as m } from "./train/train-blocked-passage/train-blocked-passage.js";
+import { SbbTrainFormationElement as a } from "./train/train-formation/train-formation.js";
+import { SbbTrainWagonElement as i } from "./train/train-wagon/train-wagon.js";
+export {
+  m as SbbTrainBlockedPassageElement,
+  o as SbbTrainElement,
+  a as SbbTrainFormationElement,
+  i as SbbTrainWagonElement
+};

package/transparent-button-BlbvexCb.js

@@ -0,0 +1,9 @@
+import { css as o } from "lit";
+const t = o`*,:before,:after{box-sizing:border-box}:host{display:inline-block;outline:none!important;--sbb-button-icon-size: var(--sbb-size-icon-ui-small);--sbb-button-shadow-1-offset-y: var(--sbb-shadow-elevation-level-3-shadow-1-offset-y);--sbb-button-shadow-2-offset-y: var(--sbb-shadow-elevation-level-3-shadow-2-offset-y);--sbb-button-shadow-1-blur: var(--sbb-shadow-elevation-level-3-shadow-1-blur);--sbb-button-shadow-2-blur: var(--sbb-shadow-elevation-level-3-shadow-2-blur);--sbb-button-color-disabled-background: var(--sbb-color-milk);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-granite);--sbb-button-border-disabled-style: dashed;--sbb-button-border-width: var(--sbb-border-width-2x);--sbb-button-border-disabled-width: var(--sbb-border-width-1x);--sbb-button-border-radius: var(--sbb-border-radius-infinity);--sbb-button-min-height: var(--sbb-size-element-m);--sbb-button-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-button-transition-easing-function: var(--sbb-animation-easing);--sbb-button-padding-block-min: var(--sbb-spacing-fixed-1x);--sbb-button-padding-inline: var(--sbb-spacing-fixed-8x);--sbb-button-gap: var(--sbb-spacing-fixed-2x);--sbb-button-box-shadow: transparent 0 0;--sbb-button-box-shadow-definition: var(--sbb-shadow-elevation-level-3-shadow-2-offset-x) var(--sbb-button-shadow-2-offset-y) var(--sbb-button-shadow-2-blur) var(--sbb-shadow-elevation-level-3-shadow-2-spread) var(--sbb-button-shadow-2-color), var(--sbb-shadow-elevation-level-3-shadow-1-offset-x) var(--sbb-button-shadow-1-offset-y) var(--sbb-button-shadow-1-blur) var(--sbb-shadow-elevation-level-3-shadow-1-spread) var(--sbb-button-shadow-1-color);--_width: unset;--_border-color: var(--sbb-button-color-default-border);--_background-color: var(--sbb-button-color-default-background);--_color: var(--sbb-button-color-default-text);--_button-inset: 0;--_border: calc(var(--sbb-button-border-width) + var(--sbb-button-border-overlap-fix, 1px)) solid var(--_border-color)}@media (min-width: 52.5rem){:host{--sbb-button-padding-inline: var(--sbb-spacing-fixed-10x)}}@media (forced-colors: active){:host{--sbb-button-color-default-border: CanvasText !important;--sbb-button-color-active-border: Highlight !important;--sbb-button-color-default-background: Canvas !important;--sbb-button-color-hover-background: Canvas !important;--sbb-button-color-active-background: Canvas !important;--sbb-button-color-disabled-background: Canvas !important;--sbb-button-color-disabled-text: GrayText !important;--sbb-button-color-default-text: CanvasText !important;--sbb-button-color-hover-text: CanvasText !important;--sbb-button-color-active-text: CanvasText !important;--sbb-button-border-overlap-fix: 0rem}}@media (forced-colors: active){:host([data-button]){--sbb-button-color-default-text: ButtonText !important;--sbb-button-color-hover-text: ButtonText !important;--sbb-button-color-active-text: ButtonText !important}}@media (forced-colors: active){:host([data-link]){--sbb-button-color-default-text: LinkText !important;--sbb-button-color-hover-text: LinkText !important;--sbb-button-color-active-text: LinkText !important}}:host([negative]){--sbb-button-color-disabled-background: var(--sbb-color-charcoal);--sbb-button-color-disabled-text: var(--sbb-color-aluminium)}:host([size=m]){--sbb-button-min-height: var(--sbb-size-element-s);--sbb-button-padding-inline: var(--sbb-spacing-fixed-5x)}@media (min-width: 52.5rem){:host([size=m]){--sbb-button-padding-inline: var(--sbb-spacing-fixed-8x)}}:host([size=s]){--sbb-button-min-height: var(--sbb-size-element-xs);--sbb-button-padding-inline: var(--sbb-spacing-fixed-4x);--sbb-button-gap: var(--sbb-spacing-fixed-1x)}@media (min-width: 52.5rem){:host([size=s]){--sbb-button-padding-inline: var(--sbb-spacing-fixed-5x)}}:host(:where([data-slot-names~=icon],[icon-name]):not([data-slot-names~=unnamed])){--sbb-button-padding-inline: 0;--_width: var(--sbb-button-min-height)}@media (any-hover: hover){:host(:not([disabled],:disabled,[disabled-interactive],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem;--sbb-button-shadow-1-offset-y: calc( .5 * var(--sbb-shadow-elevation-level-3-shadow-1-offset-y) );--sbb-button-shadow-1-blur: calc(.5 * var(--sbb-shadow-elevation-level-3-shadow-1-blur));--sbb-button-shadow-2-blur: calc(.5 * var(--sbb-shadow-elevation-level-3-shadow-2-blur));--sbb-button-cursor: pointer;--_border-color: var(--sbb-button-color-hover-border);--_color: var(--sbb-button-color-hover-text);--_background-color: var(--sbb-button-color-hover-background);--_button-inset: calc(var(--sbb-button-border-width) * -1)}}@media (forced-colors: active){:host(:not([disabled],:disabled,[disabled-interactive],:active,[data-active]):hover){--sbb-button-color-hover-border: Highlight !important}}:host(:is([disabled],:disabled,[disabled-interactive])){--sbb-button-cursor: default;--_color: var(--sbb-button-color-disabled-text);--_background-color: var(--sbb-button-color-disabled-background);--_border-color: var(--sbb-button-color-disabled-border);--_border: var(--sbb-button-border-disabled-width) var(--sbb-button-border-disabled-style) var(--_border-color)}:host(:not([disabled],:disabled,[disabled-interactive]):is(:active,[data-active])){--_color: var(--sbb-button-color-active-text);--_background-color: var(--sbb-button-color-active-background);--_border-color: var(--sbb-button-color-active-border)}.sbb-action-base{--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700;display:flex;gap:var(--sbb-button-gap);align-items:center;justify-content:center;text-align:left;white-space:nowrap;text-decoration:none;min-height:var(--sbb-button-min-height);outline:none;width:var(--_width);border-radius:var(--sbb-button-border-radius);color:var(--_color);cursor:var(--sbb-button-cursor);-webkit-user-select:none;user-select:none;background-color:var(--_background-color);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:color,background-color;padding-block:var(--sbb-button-padding-block-min);padding-inline:var(--sbb-button-padding-inline);position:relative}.sbb-action-base:before{content:"";position:absolute;inset:var(--_button-inset);border:var(--_border);border-radius:var(--sbb-button-border-radius);pointer-events:none;box-shadow:var(--sbb-button-box-shadow);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:inset,border,box-shadow}:host([data-focus-visible]) .sbb-action-base:before,:host(:focus-visible) .sbb-action-base:before,.sbb-action-base:focus-visible:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}.sbb-button__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(:where([data-slot-names~=icon],[icon-name]):not([data-slot-names~=unnamed])) .sbb-button__label{display:none}.sbb-button__label,::slotted([slot=icon]),sbb-icon{transition:translate var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);translate:0 var(--sbb-button-translate-y-content-hover, 0)}`, r = o`:host{--sbb-button-color-active-background: var(--sbb-color-red150);--sbb-button-color-active-border: var(--sbb-color-red150);--sbb-button-color-active-text: var(--sbb-color-cloud);--sbb-button-color-default-background: var(--sbb-color-red);--sbb-button-color-default-border: var(--sbb-color-red);--sbb-button-color-default-text: var(--sbb-color-white);--sbb-button-color-hover-background: var(--sbb-color-red125);--sbb-button-color-hover-border: var(--sbb-color-red125);--sbb-button-color-hover-text: var(--sbb-color-milk);--sbb-button-shadow-1-color: var(--sbb-color-red-alpha-20);--sbb-button-shadow-2-color: var(--sbb-color-red125-alpha-20)}:host([negative]){--sbb-button-color-active-background: var(--sbb-color-red150);--sbb-button-color-active-border: var(--sbb-color-red150);--sbb-button-color-active-text: var(--sbb-color-cloud);--sbb-button-color-default-background: var(--sbb-color-red);--sbb-button-color-default-border: var(--sbb-color-red);--sbb-button-color-default-text: var(--sbb-color-white);--sbb-button-color-hover-background: var(--sbb-color-red125);--sbb-button-color-hover-border: var(--sbb-color-red125);--sbb-button-color-hover-text: var(--sbb-color-milk);--sbb-button-shadow-1-color: var(--sbb-color-red-alpha-60);--sbb-button-shadow-2-color: var(--sbb-color-red125-alpha-60)}:host(:not([disabled],:disabled,[disabled-interactive],:active,[data-active])){--sbb-button-box-shadow: var(--sbb-button-box-shadow-definition)}`, a = o`:host{--sbb-button-color-active-background: var(--sbb-color-milk);--sbb-button-color-active-border: var(--sbb-color-cloud);--sbb-button-color-active-text: var(--sbb-color-anthracite);--sbb-button-color-default-background: var(--sbb-color-white);--sbb-button-color-default-border: var(--sbb-color-cloud);--sbb-button-color-default-text: var(--sbb-color-charcoal);--sbb-button-color-hover-background: var(--sbb-color-white);--sbb-button-color-hover-border: var(--sbb-color-cloud);--sbb-button-color-hover-text: var(--sbb-color-iron);--sbb-button-shadow-1-color: var(--sbb-color-platinum-alpha-20);--sbb-button-shadow-2-color: var(--sbb-color-cement-alpha-20);--sbb-button-border-overlap-fix: 0rem}:host([negative]){--sbb-button-color-active-background: var(--sbb-color-charcoal);--sbb-button-color-active-border: var(--sbb-color-iron);--sbb-button-color-active-text: var(--sbb-color-graphite);--sbb-button-color-default-background: var(--sbb-color-midnight);--sbb-button-color-default-border: var(--sbb-color-iron);--sbb-button-color-default-text: var(--sbb-color-white);--sbb-button-color-hover-background: var(--sbb-color-midnight);--sbb-button-color-hover-border: var(--sbb-color-iron);--sbb-button-color-hover-text: var(--sbb-color-cloud);--sbb-button-shadow-1-color: var(--sbb-color-black-alpha-30);--sbb-button-shadow-2-color: var(--sbb-color-black-alpha-30)}:host(:not([disabled],:disabled,[disabled-interactive],:active,[data-active])){--sbb-button-box-shadow: var(--sbb-button-box-shadow-definition)}`, s = o`:host{--sbb-button-color-active-background: var(--sbb-color-midnight);--sbb-button-color-active-border: var(--sbb-color-midnight);--sbb-button-color-active-text: var(--sbb-color-cloud);--sbb-button-color-default-background: var(--sbb-color-charcoal);--sbb-button-color-default-border: var(--sbb-color-charcoal);--sbb-button-color-default-text: var(--sbb-color-white);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-hover-border: var(--sbb-color-charcoal);--sbb-button-color-hover-text: var(--sbb-color-milk);--sbb-button-shadow-1-color: var(--sbb-color-platinum-alpha-20);--sbb-button-shadow-2-color: var(--sbb-color-cement-alpha-20)}:host([negative]){--sbb-button-color-active-background: var(--sbb-color-white);--sbb-button-color-active-border: var(--sbb-color-white);--sbb-button-color-active-text: var(--sbb-color-anthracite);--sbb-button-color-default-background: var(--sbb-color-milk);--sbb-button-color-default-border: var(--sbb-color-milk);--sbb-button-color-default-text: var(--sbb-color-midnight);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-hover-border: var(--sbb-color-milk);--sbb-button-color-hover-text: var(--sbb-color-iron);--sbb-button-shadow-1-color: var(--sbb-color-black-alpha-30);--sbb-button-shadow-2-color: var(--sbb-color-black-alpha-30)}:host(:not([disabled],:disabled,[disabled-interactive],:active,[data-active])){--sbb-button-box-shadow: var(--sbb-button-box-shadow-definition)}`, e = o`:host{--sbb-button-color-active-background: var(--sbb-color-cloud);--sbb-button-color-active-border: var(--sbb-color-cloud);--sbb-button-color-active-text: var(--sbb-color-midnight);--sbb-button-color-default-background: transparent;--sbb-button-color-default-border: transparent;--sbb-button-color-default-text: var(--sbb-color-midnight);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-hover-border: var(--sbb-color-milk);--sbb-button-color-hover-text: var(--sbb-color-midnight)}:host([negative]){--sbb-button-color-active-background: var(--sbb-color-iron);--sbb-button-color-active-border: var(--sbb-color-iron);--sbb-button-color-active-text: var(--sbb-color-white);--sbb-button-color-default-background: transparent;--sbb-button-color-default-border: transparent;--sbb-button-color-default-text: var(--sbb-color-white);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-hover-border: var(--sbb-color-charcoal);--sbb-button-color-hover-text: var(--sbb-color-white)}`;
+export {
+  s as a,
+  t as b,
+  r as p,
+  a as s,
+  e as t
+};

package/visual-checkbox/visual-checkbox.js

@@ -0,0 +1,83 @@
+var C = (e) => {
+  throw TypeError(e);
+};
+var I = (e, o, i) => o.has(e) || C("Cannot " + i);
+var h = (e, o, i) => (I(e, o, "read from private field"), i ? i.call(e) : o.get(e)), u = (e, o, i) => o.has(e) ? C("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(e) : o.set(e, i), v = (e, o, i, t) => (I(e, o, "write to private field"), t ? t.call(e, i) : o.set(e, i), i);
+import { __esDecorate as k, __runInitializers as r } from "tslib";
+import { css as j, LitElement as D, nothing as E, html as L } from "lit";
+import { customElement as M, property as m } from "lit/decorators.js";
+import { forceType as T } from "../core/decorators.js";
+import { isLean as $ } from "../core/dom.js";
+import { SbbDisabledMixin as G, SbbNegativeMixin as H } from "../core/mixins.js";
+const O = j`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-visual-checkbox-dimension: var(--sbb-size-icon-ui-small);--sbb-visual-checkbox-background-color: var(--sbb-color-white);--sbb-visual-checkbox-border-color: var(--sbb-color-smoke);--sbb-visual-checkbox-border-style: solid;--sbb-visual-checkbox-border-width: var(--sbb-border-width-1x);--sbb-visual-checkbox-selection-color: var(--sbb-color-red);--sbb-visual-checkbox-cursor: pointer}@media (forced-colors: active){:host{--sbb-visual-checkbox-selection-color: Canvas;--sbb-visual-checkbox-border-width: 0}}:host([size=xs]){--sbb-visual-checkbox-dimension: 1.25rem}:host([negative]){--sbb-visual-checkbox-background-color: var(--sbb-color-midnight);--sbb-visual-checkbox-border-color: var(--sbb-color-smoke);--sbb-visual-checkbox-selection-color: var(--sbb-color-red)}@media (forced-colors: active){:host([negative]){--sbb-visual-checkbox-selection-color: Canvas}}:host([disabled]){--sbb-visual-checkbox-background-color: var(--sbb-color-milk);--sbb-visual-checkbox-border-color: var(--sbb-color-smoke);--sbb-visual-checkbox-border-style: dashed;--sbb-visual-checkbox-selection-color: var(--sbb-color-charcoal);--sbb-visual-checkbox-cursor: default}@media (forced-colors: active){:host([disabled]){--sbb-visual-checkbox-selection-color: Canvas}}:host([disabled][negative]){--sbb-visual-checkbox-background-color: var(--sbb-color-charcoal);--sbb-visual-checkbox-border-color: var(--sbb-color-smoke);--sbb-visual-checkbox-selection-color: var(--sbb-color-white)}@media (forced-colors: active){:host([disabled][negative]){--sbb-visual-checkbox-selection-color: Canvas}}@media (forced-colors: active){:host([indeterminate]){--sbb-visual-checkbox-selection-color: ButtonBorder}}@media (forced-colors: active){:host([indeterminate][disabled]){--sbb-visual-checkbox-selection-color: GrayText}}.sbb-visual-checkbox{position:relative;display:flex;align-items:center;justify-content:center;width:var(--sbb-visual-checkbox-dimension);height:var(--sbb-visual-checkbox-dimension);border-radius:var(--sbb-border-radius-2x);border:var(--sbb-visual-checkbox-border-width) var(--sbb-visual-checkbox-border-style) var(--sbb-visual-checkbox-border-color);background-color:var(--sbb-visual-checkbox-background-color);cursor:var(--sbb-visual-checkbox-cursor)}@media (forced-colors: active){.sbb-visual-checkbox{outline:var(--sbb-border-width-2x) solid ButtonBorder;outline-offset:calc(-1 * var(--sbb-border-width-2x))}:host([checked]:not([indeterminate])) .sbb-visual-checkbox{background-color:HighLight;outline:none}:host([disabled]) .sbb-visual-checkbox{outline-color:GrayText}:host([checked][disabled]:not([indeterminate])) .sbb-visual-checkbox{background-color:GrayText}}.sbb-visual-checkbox__icon{display:inline-flex;width:var(--sbb-visual-checkbox-dimension);height:var(--sbb-visual-checkbox-dimension)}.sbb-visual-checkbox__icon svg{margin:auto}.sbb-visual-checkbox__icon path{stroke:var(--sbb-visual-checkbox-selection-color)}`;
+let Q = (() => {
+  var b, l, n, a;
+  let e = [M("sbb-visual-checkbox")], o, i = [], t, x = G(H(D)), _, f = [], g = [], p, z = [], y = [], w, S = [], B = [];
+  return a = class extends x {
+    constructor() {
+      super(...arguments);
+      u(this, b, r(this, f, !1));
+      u(this, l, (r(this, g), r(this, z, !1)));
+      u(this, n, (r(this, y), r(this, S, $() ? "xs" : "m")));
+      r(this, B);
+    }
+    /** Checked state. */
+    get checked() {
+      return h(this, b);
+    }
+    set checked(c) {
+      v(this, b, c);
+    }
+    /** Indeterminate state. */
+    get indeterminate() {
+      return h(this, l);
+    }
+    set indeterminate(c) {
+      v(this, l, c);
+    }
+    /**
+     * Size of the checkbox, either xs, s or m.
+     * @default 'm' / 'xs' (lean)
+     */
+    get size() {
+      return h(this, n);
+    }
+    set size(c) {
+      v(this, n, c);
+    }
+    render() {
+      return L`
+      <span class="sbb-visual-checkbox">
+        <span class="sbb-visual-checkbox__icon">
+          ${this.checked || this.indeterminate ? L`<svg
+                width=${this.size === "xs" ? "20" : "24"}
+                height=${this.size === "xs" ? "20" : "24"}
+                viewBox="0 0 24 24"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d=${this.indeterminate ? "M9 12H15" : "M8 12.3304L10.4615 15L16 9"}
+                  stroke-width="2"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                />
+              </svg>` : E}
+        </span>
+      </span>
+    `;
+    }
+  }, b = new WeakMap(), l = new WeakMap(), n = new WeakMap(), t = a, (() => {
+    const c = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
+    _ = [T(), m({ reflect: !0, type: Boolean })], p = [T(), m({ reflect: !0, type: Boolean })], w = [m({ reflect: !0 })], k(a, null, _, { kind: "accessor", name: "checked", static: !1, private: !1, access: { has: (s) => "checked" in s, get: (s) => s.checked, set: (s, d) => {
+      s.checked = d;
+    } }, metadata: c }, f, g), k(a, null, p, { kind: "accessor", name: "indeterminate", static: !1, private: !1, access: { has: (s) => "indeterminate" in s, get: (s) => s.indeterminate, set: (s, d) => {
+      s.indeterminate = d;
+    } }, metadata: c }, z, y), k(a, null, w, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (s) => "size" in s, get: (s) => s.size, set: (s, d) => {
+      s.size = d;
+    } }, metadata: c }, S, B), k(null, o = { value: t }, e, { kind: "class", name: t.name, metadata: c }, null, i), t = o.value, c && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: c });
+  })(), a.styles = O, r(t, i), t;
+})();
+export {
+  Q as SbbVisualCheckboxElement
+};

package/visual-checkbox.d.ts

@@ -1,2 +1,5 @@
+/**
+ * @entrypoint
+ */
 export * from './visual-checkbox/visual-checkbox.js';
 //# sourceMappingURL=visual-checkbox.d.ts.map

package/visual-checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"visual-checkbox.d.ts","sourceRoot":"","sources":["../../src/elements/visual-checkbox.ts"],"names":[],"mappings":"AAAA,cAAc,sCAAsC,CAAC"}
+{"version":3,"file":"visual-checkbox.d.ts","sourceRoot":"","sources":["../../src/elements/visual-checkbox.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,sCAAsC,CAAC"}

package/visual-checkbox.js

@@ -1,83 +1,4 @@
-var C = (e) => {
-  throw TypeError(e);
-};
-var I = (e, o, i) => o.has(e) || C("Cannot " + i);
-var h = (e, o, i) => (I(e, o, "read from private field"), i ? i.call(e) : o.get(e)), u = (e, o, i) => o.has(e) ? C("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(e) : o.set(e, i), v = (e, o, i, t) => (I(e, o, "write to private field"), t ? t.call(e, i) : o.set(e, i), i);
-import { __esDecorate as k, __runInitializers as r } from "tslib";
-import { css as j, LitElement as D, nothing as E, html as L } from "lit";
-import { customElement as M, property as m } from "lit/decorators.js";
-import { forceType as T } from "./core/decorators.js";
-import { isLean as $ } from "./core/dom.js";
-import { SbbDisabledMixin as G, SbbNegativeMixin as H } from "./core/mixins.js";
-const O = j`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-visual-checkbox-dimension: var(--sbb-size-icon-ui-small);--sbb-visual-checkbox-background-color: var(--sbb-color-white);--sbb-visual-checkbox-border-color: var(--sbb-color-smoke);--sbb-visual-checkbox-border-style: solid;--sbb-visual-checkbox-border-width: var(--sbb-border-width-1x);--sbb-visual-checkbox-selection-color: var(--sbb-color-red);--sbb-visual-checkbox-cursor: pointer}@media (forced-colors: active){:host{--sbb-visual-checkbox-selection-color: Canvas;--sbb-visual-checkbox-border-width: 0}}:host([size=xs]){--sbb-visual-checkbox-dimension: 1.25rem}:host([negative]){--sbb-visual-checkbox-background-color: var(--sbb-color-midnight);--sbb-visual-checkbox-border-color: var(--sbb-color-smoke);--sbb-visual-checkbox-selection-color: var(--sbb-color-red)}@media (forced-colors: active){:host([negative]){--sbb-visual-checkbox-selection-color: Canvas}}:host([disabled]){--sbb-visual-checkbox-background-color: var(--sbb-color-milk);--sbb-visual-checkbox-border-color: var(--sbb-color-smoke);--sbb-visual-checkbox-border-style: dashed;--sbb-visual-checkbox-selection-color: var(--sbb-color-charcoal);--sbb-visual-checkbox-cursor: default}@media (forced-colors: active){:host([disabled]){--sbb-visual-checkbox-selection-color: Canvas}}:host([disabled][negative]){--sbb-visual-checkbox-background-color: var(--sbb-color-charcoal);--sbb-visual-checkbox-border-color: var(--sbb-color-smoke);--sbb-visual-checkbox-selection-color: var(--sbb-color-white)}@media (forced-colors: active){:host([disabled][negative]){--sbb-visual-checkbox-selection-color: Canvas}}@media (forced-colors: active){:host([indeterminate]){--sbb-visual-checkbox-selection-color: ButtonBorder}}@media (forced-colors: active){:host([indeterminate][disabled]){--sbb-visual-checkbox-selection-color: GrayText}}.sbb-visual-checkbox{position:relative;display:flex;align-items:center;justify-content:center;width:var(--sbb-visual-checkbox-dimension);height:var(--sbb-visual-checkbox-dimension);border-radius:var(--sbb-border-radius-2x);border:var(--sbb-visual-checkbox-border-width) var(--sbb-visual-checkbox-border-style) var(--sbb-visual-checkbox-border-color);background-color:var(--sbb-visual-checkbox-background-color);cursor:var(--sbb-visual-checkbox-cursor)}@media (forced-colors: active){.sbb-visual-checkbox{outline:var(--sbb-border-width-2x) solid ButtonBorder;outline-offset:calc(-1 * var(--sbb-border-width-2x))}:host([checked]:not([indeterminate])) .sbb-visual-checkbox{background-color:HighLight;outline:none}:host([disabled]) .sbb-visual-checkbox{outline-color:GrayText}:host([checked][disabled]:not([indeterminate])) .sbb-visual-checkbox{background-color:GrayText}}.sbb-visual-checkbox__icon{display:inline-flex;width:var(--sbb-visual-checkbox-dimension);height:var(--sbb-visual-checkbox-dimension)}.sbb-visual-checkbox__icon svg{margin:auto}.sbb-visual-checkbox__icon path{stroke:var(--sbb-visual-checkbox-selection-color)}`;
-let Q = (() => {
-  var b, l, n, a;
-  let e = [M("sbb-visual-checkbox")], o, i = [], t, x = G(H(D)), _, f = [], g = [], p, z = [], y = [], w, S = [], B = [];
-  return a = class extends x {
-    constructor() {
-      super(...arguments);
-      u(this, b, r(this, f, !1));
-      u(this, l, (r(this, g), r(this, z, !1)));
-      u(this, n, (r(this, y), r(this, S, $() ? "xs" : "m")));
-      r(this, B);
-    }
-    /** Checked state. */
-    get checked() {
-      return h(this, b);
-    }
-    set checked(c) {
-      v(this, b, c);
-    }
-    /** Indeterminate state. */
-    get indeterminate() {
-      return h(this, l);
-    }
-    set indeterminate(c) {
-      v(this, l, c);
-    }
-    /**
-     * Size of the checkbox, either xs, s or m.
-     * @default 'm' / 'xs' (lean)
-     */
-    get size() {
-      return h(this, n);
-    }
-    set size(c) {
-      v(this, n, c);
-    }
-    render() {
-      return L`
-      <span class="sbb-visual-checkbox">
-        <span class="sbb-visual-checkbox__icon">
-          ${this.checked || this.indeterminate ? L`<svg
-                width=${this.size === "xs" ? "20" : "24"}
-                height=${this.size === "xs" ? "20" : "24"}
-                viewBox="0 0 24 24"
-                fill="none"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d=${this.indeterminate ? "M9 12H15" : "M8 12.3304L10.4615 15L16 9"}
-                  stroke-width="2"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                />
-              </svg>` : E}
-        </span>
-      </span>
-    `;
-    }
-  }, b = new WeakMap(), l = new WeakMap(), n = new WeakMap(), t = a, (() => {
-    const c = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
-    _ = [T(), m({ reflect: !0, type: Boolean })], p = [T(), m({ reflect: !0, type: Boolean })], w = [m({ reflect: !0 })], k(a, null, _, { kind: "accessor", name: "checked", static: !1, private: !1, access: { has: (s) => "checked" in s, get: (s) => s.checked, set: (s, d) => {
-      s.checked = d;
-    } }, metadata: c }, f, g), k(a, null, p, { kind: "accessor", name: "indeterminate", static: !1, private: !1, access: { has: (s) => "indeterminate" in s, get: (s) => s.indeterminate, set: (s, d) => {
-      s.indeterminate = d;
-    } }, metadata: c }, z, y), k(a, null, w, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (s) => "size" in s, get: (s) => s.size, set: (s, d) => {
-      s.size = d;
-    } }, metadata: c }, S, B), k(null, o = { value: t }, e, { kind: "class", name: t.name, metadata: c }, null, i), t = o.value, c && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: c });
-  })(), a.styles = O, r(t, i), t;
-})();
+import { SbbVisualCheckboxElement as o } from "./visual-checkbox/visual-checkbox.js";
 export {
-  Q as SbbVisualCheckboxElement
+  o as SbbVisualCheckboxElement
 };

package/core/testing/private.d.ts

@@ -1,11 +0,0 @@
-export * from './private/a11y-tree-snapshot.js';
-export * from './private/describe-each.js';
-export * from './private/describe-viewports.js';
-export * from './private/dispatch-events.js';
-export * from './private/event-objects.js';
-export * from './private/fixture.js';
-export * from './private/keys.js';
-export * from './private/load-asset-as-base64.js';
-export * from './private/type-in-element.js';
-export * from './private/visual-regression-snapshot.js';
-//# sourceMappingURL=private.d.ts.map

package/core/testing/private.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"private.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/testing/private.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iCAAiC,CAAC;AAChD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yCAAyC,CAAC"}

package/core/testing/test-setup-ssr.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=test-setup-ssr.d.ts.map

package/core/testing/test-setup-ssr.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"test-setup-ssr.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/testing/test-setup-ssr.ts"],"names":[],"mappings":""}

package/core/testing/test-setup.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=test-setup.d.ts.map

package/core/testing/test-setup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"test-setup.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/testing/test-setup.ts"],"names":[],"mappings":""}

package/development/core/testing/private.d.ts

@@ -1,11 +0,0 @@
-export * from './private/a11y-tree-snapshot.js';
-export * from './private/describe-each.js';
-export * from './private/describe-viewports.js';
-export * from './private/dispatch-events.js';
-export * from './private/event-objects.js';
-export * from './private/fixture.js';
-export * from './private/keys.js';
-export * from './private/load-asset-as-base64.js';
-export * from './private/type-in-element.js';
-export * from './private/visual-regression-snapshot.js';
-//# sourceMappingURL=private.d.ts.map

package/development/core/testing/private.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"private.d.ts","sourceRoot":"","sources":["../../../../../src/elements/core/testing/private.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iCAAiC,CAAC;AAChD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yCAAyC,CAAC"}

package/development/core/testing/test-setup-ssr.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=test-setup-ssr.d.ts.map

package/development/core/testing/test-setup-ssr.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"test-setup-ssr.d.ts","sourceRoot":"","sources":["../../../../../src/elements/core/testing/test-setup-ssr.ts"],"names":[],"mappings":""}

package/development/core/testing/test-setup.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=test-setup.d.ts.map

package/development/core/testing/test-setup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"test-setup.d.ts","sourceRoot":"","sources":["../../../../../src/elements/core/testing/test-setup.ts"],"names":[],"mappings":""}