@sbb-esta/lyne-elements 4.7.0 → 4.8.0

package/development/visual-checkbox.component-CA6AKLbO.js

@@ -0,0 +1,213 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, html, nothing } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbElement } from "./core/base-elements.js";
+import { forceType } from "./core/decorators.js";
+import { isLean } from "./core/dom.js";
+import { SbbDisabledMixin, SbbNegativeMixin } from "./core/mixins.js";
+import { boxSizingStyles } from "./core/styles.js";
+//#region src/elements/visual-checkbox/visual-checkbox.scss?lit&inline
+var visual_checkbox_default = css`:host {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: var(--sbb-visual-checkbox-dimension);
+  height: var(--sbb-visual-checkbox-dimension);
+  border-radius: var(--sbb-border-radius-2x);
+  background-color: var(--sbb-visual-checkbox-background-color);
+  cursor: var(--sbb-visual-checkbox-cursor);
+  outline: var(--sbb-visual-checkbox-border-width) var(--sbb-visual-checkbox-border-style) var(--sbb-visual-checkbox-border-color);
+  outline-offset: calc(-1 * var(--sbb-visual-checkbox-border-width));
+}
+
+:host([size=xs]) {
+  --sbb-visual-checkbox-dimension: var(--sbb-checkbox-dimension-xs);
+}
+
+:host([size=s]) {
+  --sbb-visual-checkbox-dimension: var(--sbb-checkbox-dimension-s);
+}
+
+:host([size=m]) {
+  --sbb-visual-checkbox-dimension: var(--sbb-checkbox-dimension-m);
+}
+
+:host([negative]) {
+  --sbb-visual-checkbox-background-color: var(--sbb-visual-checkbox-background-color-negative);
+  --sbb-visual-checkbox-selection-color: var(--sbb-visual-checkbox-selection-color-negative);
+}
+
+:host([disabled]) {
+  --sbb-visual-checkbox-background-color: var(--sbb-visual-checkbox-background-color-disabled);
+  --sbb-visual-checkbox-border-style: var(--sbb-visual-checkbox-border-style-disabled);
+  --sbb-visual-checkbox-cursor: var(--sbb-cursor-default);
+  --sbb-visual-checkbox-border-color: var(--sbb-visual-checkbox-border-color-disabled);
+  --sbb-visual-checkbox-selection-color: var(--sbb-visual-checkbox-selection-color-disabled);
+}
+
+:host([disabled][negative]) {
+  --sbb-visual-checkbox-background-color: var(
+    --sbb-visual-checkbox-background-color-negative-disabled
+  );
+  --sbb-visual-checkbox-selection-color: var(
+    --sbb-visual-checkbox-selection-color-disabled-negative
+  );
+}
+
+@media (forced-colors: active) {
+  :host([indeterminate]) {
+    --sbb-visual-checkbox-selection-color: ButtonBorder;
+  }
+  :host([indeterminate][disabled]) {
+    --sbb-visual-checkbox-selection-color: GrayText;
+  }
+  :host([checked]:not([indeterminate])) {
+    --sbb-visual-checkbox-background-color: Highlight;
+    --sbb-visual-checkbox-border-width: 0;
+  }
+  :host([disabled][checked]:not([indeterminate])) {
+    --sbb-visual-checkbox-background-color: GrayText;
+  }
+}
+path {
+  stroke: var(--sbb-visual-checkbox-selection-color);
+}`;
+//#endregion
+//#region src/elements/visual-checkbox/visual-checkbox.component.ts
+/**
+* It visually displays a non-interactive checkbox.
+*/
+var SbbVisualCheckboxElement = (() => {
+	let _classSuper = SbbDisabledMixin(SbbNegativeMixin(SbbElement));
+	let _checked_decorators;
+	let _checked_initializers = [];
+	let _checked_extraInitializers = [];
+	let _indeterminate_decorators;
+	let _indeterminate_initializers = [];
+	let _indeterminate_extraInitializers = [];
+	let _size_decorators;
+	let _size_initializers = [];
+	let _size_extraInitializers = [];
+	return class SbbVisualCheckboxElement extends _classSuper {
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			_checked_decorators = [forceType(), property({
+				reflect: true,
+				type: Boolean
+			})];
+			_indeterminate_decorators = [forceType(), property({
+				reflect: true,
+				type: Boolean
+			})];
+			_size_decorators = [property({ reflect: true })];
+			__esDecorate(this, null, _checked_decorators, {
+				kind: "accessor",
+				name: "checked",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "checked" in obj,
+					get: (obj) => obj.checked,
+					set: (obj, value) => {
+						obj.checked = value;
+					}
+				},
+				metadata: _metadata
+			}, _checked_initializers, _checked_extraInitializers);
+			__esDecorate(this, null, _indeterminate_decorators, {
+				kind: "accessor",
+				name: "indeterminate",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "indeterminate" in obj,
+					get: (obj) => obj.indeterminate,
+					set: (obj, value) => {
+						obj.indeterminate = value;
+					}
+				},
+				metadata: _metadata
+			}, _indeterminate_initializers, _indeterminate_extraInitializers);
+			__esDecorate(this, null, _size_decorators, {
+				kind: "accessor",
+				name: "size",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "size" in obj,
+					get: (obj) => obj.size,
+					set: (obj, value) => {
+						obj.size = value;
+					}
+				},
+				metadata: _metadata
+			}, _size_initializers, _size_extraInitializers);
+			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.elementName = "sbb-visual-checkbox";
+		}
+		static {
+			this.styles = [boxSizingStyles, visual_checkbox_default];
+		}
+		#checked_accessor_storage = __runInitializers(this, _checked_initializers, false);
+		/** Checked state. */
+		get checked() {
+			return this.#checked_accessor_storage;
+		}
+		set checked(value) {
+			this.#checked_accessor_storage = value;
+		}
+		#indeterminate_accessor_storage = (__runInitializers(this, _checked_extraInitializers), __runInitializers(this, _indeterminate_initializers, false));
+		/** Indeterminate state. */
+		get indeterminate() {
+			return this.#indeterminate_accessor_storage;
+		}
+		set indeterminate(value) {
+			this.#indeterminate_accessor_storage = value;
+		}
+		#size_accessor_storage = (__runInitializers(this, _indeterminate_extraInitializers), __runInitializers(this, _size_initializers, isLean() ? "xs" : "m"));
+		/**
+		* Size of the checkbox, either xs, s or m.
+		* @default 'm' / 'xs' (lean)
+		*/
+		get size() {
+			return this.#size_accessor_storage;
+		}
+		set size(value) {
+			this.#size_accessor_storage = value;
+		}
+		render() {
+			return html`
+      ${this.checked || this.indeterminate ? html`<svg
+            viewBox="0 0 24 24"
+            xmlns="http://www.w3.org/2000/svg"
+            width="100%"
+            height="100%"
+          >
+            <path
+              fill="none"
+              d=${this.indeterminate ? "M9 12H15" : "M8 12.3304L10.4615 15L16 9"}
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            />
+          </svg>` : nothing}
+    `;
+		}
+		constructor() {
+			super(...arguments);
+			__runInitializers(this, _size_extraInitializers);
+		}
+	};
+})();
+//#endregion
+export { SbbVisualCheckboxElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlzdWFsLWNoZWNrYm94LmNvbXBvbmVudC1DQTZBS0xiTy5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdmlzdWFsLWNoZWNrYm94L3Zpc3VhbC1jaGVja2JveC5zY3NzP2xpdCZpbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdmlzdWFsLWNoZWNrYm94L3Zpc3VhbC1jaGVja2JveC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgZmxleC1zaHJpbms6IDA7XG4gIHdpZHRoOiB2YXIoLS1zYmItdmlzdWFsLWNoZWNrYm94LWRpbWVuc2lvbik7XG4gIGhlaWdodDogdmFyKC0tc2JiLXZpc3VhbC1jaGVja2JveC1kaW1lbnNpb24pO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItYm9yZGVyLXJhZGl1cy0yeCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi12aXN1YWwtY2hlY2tib3gtYmFja2dyb3VuZC1jb2xvcik7XG4gIGN1cnNvcjogdmFyKC0tc2JiLXZpc3VhbC1jaGVja2JveC1jdXJzb3IpO1xuICBvdXRsaW5lOiB2YXIoLS1zYmItdmlzdWFsLWNoZWNrYm94LWJvcmRlci13aWR0aCkgdmFyKC0tc2JiLXZpc3VhbC1jaGVja2JveC1ib3JkZXItc3R5bGUpXG4gICAgdmFyKC0tc2JiLXZpc3VhbC1jaGVja2JveC1ib3JkZXItY29sb3IpO1xuICBvdXRsaW5lLW9mZnNldDogY2FsYygtMSAqIHZhcigtLXNiYi12aXN1YWwtY2hlY2tib3gtYm9yZGVyLXdpZHRoKSk7XG59XG5cbjpob3N0KFtzaXplPSd4cyddKSB7XG4gIC0tc2JiLXZpc3VhbC1jaGVja2JveC1kaW1lbnNpb246IHZhcigtLXNiYi1jaGVja2JveC1kaW1lbnNpb24teHMpO1xufVxuXG46aG9zdChbc2l6ZT0ncyddKSB7XG4gIC0tc2JiLXZpc3VhbC1jaGVja2JveC1kaW1lbnNpb246IHZhcigtLXNiYi1jaGVja2JveC1kaW1lbnNpb24tcyk7XG59XG5cbjpob3N0KFtzaXplPSdtJ10pIHtcbiAgLS1zYmItdmlzdWFsLWNoZWNrYm94LWRpbWVuc2lvbjogdmFyKC0tc2JiLWNoZWNrYm94LWRpbWVuc2lvbi1tKTtcbn1cblxuOmhvc3QoW25lZ2F0aXZlXSkge1xuICAtLXNiYi12aXN1YWwtY2hlY2tib3gtYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLXZpc3VhbC1jaGVja2JveC1iYWNrZ3JvdW5kLWNvbG9yLW5lZ2F0aXZlKTtcbiAgLS1zYmItdmlzdWFsLWNoZWNrYm94LXNlbGVjdGlvbi1jb2xvcjogdmFyKC0tc2JiLXZpc3VhbC1jaGVja2JveC1zZWxlY3Rpb24tY29sb3ItbmVnYXRpdmUpO1xufVxuXG46aG9zdChbZGlzYWJsZWRdKSB7XG4gIC0tc2JiLXZpc3VhbC1jaGVja2JveC1iYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItdmlzdWFsLWNoZWNrYm94LWJhY2tncm91bmQtY29sb3ItZGlzYWJsZWQpO1xuICAtLXNiYi12aXN1YWwtY2hlY2tib3gtYm9yZGVyLXN0eWxlOiB2YXIoLS1zYmItdmlzdWFsLWNoZWNrYm94LWJvcmRlci1zdHlsZS1kaXNhYmxlZCk7XG4gIC0tc2JiLXZpc3VhbC1jaGVja2JveC1jdXJzb3I6IHZhcigtLXNiYi1jdXJzb3ItZGVmYXVsdCk7XG4gIC0tc2JiLXZpc3VhbC1jaGVja2JveC1ib3JkZXItY29sb3I6IHZhcigtLXNiYi12aXN1YWwtY2hlY2tib3gtYm9yZGVyLWNvbG9yLWRpc2FibGVkKTtcbiAgLS1zYmItdmlzdWFsLWNoZWNrYm94LXNlbGVjdGlvbi1jb2xvcjogdmFyKC0tc2JiLXZpc3VhbC1jaGVja2JveC1zZWxlY3Rpb24tY29sb3ItZGlzYWJsZWQpO1xufVxuXG46aG9zdChbZGlzYWJsZWRdW25lZ2F0aXZlXSkge1xuICAtLXNiYi12aXN1YWwtY2hlY2tib3gtYmFja2dyb3VuZC1jb2xvcjogdmFyKFxuICAgIC0tc2JiLXZpc3VhbC1jaGVja2JveC1iYWNrZ3JvdW5kLWNvbG9yLW5lZ2F0aXZlLWRpc2FibGVkXG4gICk7XG4gIC0tc2JiLXZpc3VhbC1jaGVja2JveC1zZWxlY3Rpb24tY29sb3I6IHZhcihcbiAgICAtLXNiYi12aXN1YWwtY2hlY2tib3gtc2VsZWN0aW9uLWNvbG9yLWRpc2FibGVkLW5lZ2F0aXZlXG4gICk7XG59XG5cbkBpbmNsdWRlIHNiYi5pZi1mb3JjZWQtY29sb3JzIHtcbiAgOmhvc3QoW2luZGV0ZXJtaW5hdGVdKSB7XG4gICAgLS1zYmItdmlzdWFsLWNoZWNrYm94LXNlbGVjdGlvbi1jb2xvcjogQnV0dG9uQm9yZGVyO1xuICB9XG5cbiAgOmhvc3QoW2luZGV0ZXJtaW5hdGVdW2Rpc2FibGVkXSkge1xuICAgIC0tc2JiLXZpc3VhbC1jaGVja2JveC1zZWxlY3Rpb24tY29sb3I6IEdyYXlUZXh0O1xuICB9XG5cbiAgOmhvc3QoW2NoZWNrZWRdOm5vdChbaW5kZXRlcm1pbmF0ZV0pKSB7XG4gICAgLS1zYmItdmlzdWFsLWNoZWNrYm94LWJhY2tncm91bmQtY29sb3I6IEhpZ2hsaWdodDtcbiAgICAtLXNiYi12aXN1YWwtY2hlY2tib3gtYm9yZGVyLXdpZHRoOiAwO1xuICB9XG5cbiAgOmhvc3QoW2Rpc2FibGVkXVtjaGVja2VkXTpub3QoW2luZGV0ZXJtaW5hdGVdKSkge1xuICAgIC0tc2JiLXZpc3VhbC1jaGVja2JveC1iYWNrZ3JvdW5kLWNvbG9yOiBHcmF5VGV4dDtcbiAgfVxufVxuXG5wYXRoIHtcbiAgc3Ryb2tlOiB2YXIoLS1zYmItdmlzdWFsLWNoZWNrYm94LXNlbGVjdGlvbi1jb2xvcik7XG59XG4iLCJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBub3RoaW5nIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgdHlwZSB7IFNiYkNoZWNrYm94U2l6ZSB9IGZyb20gJy4uL2NoZWNrYm94LnB1cmUudHMnO1xuaW1wb3J0IHsgU2JiRWxlbWVudCB9IGZyb20gJy4uL2NvcmUvYmFzZS1lbGVtZW50cy50cyc7XG5pbXBvcnQgeyBmb3JjZVR5cGUgfSBmcm9tICcuLi9jb3JlL2RlY29yYXRvcnMudHMnO1xuaW1wb3J0IHsgaXNMZWFuIH0gZnJvbSAnLi4vY29yZS9kb20udHMnO1xuaW1wb3J0IHsgU2JiRGlzYWJsZWRNaXhpbiwgU2JiTmVnYXRpdmVNaXhpbiB9IGZyb20gJy4uL2NvcmUvbWl4aW5zLnRzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcyB9IGZyb20gJy4uL2NvcmUvc3R5bGVzLnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vdmlzdWFsLWNoZWNrYm94LnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgdmlzdWFsbHkgZGlzcGxheXMgYSBub24taW50ZXJhY3RpdmUgY2hlY2tib3guXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJWaXN1YWxDaGVja2JveEVsZW1lbnQgZXh0ZW5kcyBTYmJEaXNhYmxlZE1peGluKFNiYk5lZ2F0aXZlTWl4aW4oU2JiRWxlbWVudCkpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi12aXN1YWwtY2hlY2tib3gnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCBzdHlsZV07XG5cbiAgLyoqIENoZWNrZWQgc3RhdGUuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlLCB0eXBlOiBCb29sZWFuIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBjaGVja2VkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqIEluZGV0ZXJtaW5hdGUgc3RhdGUuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlLCB0eXBlOiBCb29sZWFuIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBpbmRldGVybWluYXRlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFNpemUgb2YgdGhlIGNoZWNrYm94LCBlaXRoZXIgeHMsIHMgb3IgbS5cbiAgICogQGRlZmF1bHQgJ20nIC8gJ3hzJyAobGVhbilcbiAgICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGFjY2Vzc29yIHNpemU6IFNiYkNoZWNrYm94U2l6ZSA9IGlzTGVhbigpID8gJ3hzJyA6ICdtJztcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgICR7dGhpcy5jaGVja2VkIHx8IHRoaXMuaW5kZXRlcm1pbmF0ZVxuICAgICAgICA/IGh0bWxgPHN2Z1xuICAgICAgICAgICAgdmlld0JveD1cIjAgMCAyNCAyNFwiXG4gICAgICAgICAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgICAgICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgICAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgICBmaWxsPVwibm9uZVwiXG4gICAgICAgICAgICAgIGQ9JHt0aGlzLmluZGV0ZXJtaW5hdGUgPyAnTTkgMTJIMTUnIDogJ004IDEyLjMzMDRMMTAuNDYxNSAxNUwxNiA5J31cbiAgICAgICAgICAgICAgc3Ryb2tlLXdpZHRoPVwiMlwiXG4gICAgICAgICAgICAgIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIlxuICAgICAgICAgICAgICBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvc3ZnPmBcbiAgICAgICAgOiBub3RoaW5nfVxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi12aXN1YWwtY2hlY2tib3gnOiBTYmJWaXN1YWxDaGVja2JveEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUNnQmEsa0NBQXdCO21CQUFTLGlCQUFpQixpQkFBaUIsV0FBVyxDQUFDOzs7Ozs7Ozs7O2NBQS9FLGlDQUFpQyxZQUE4Qzs7OzBCQUt6RixXQUFXLEVBQ1gsU0FBUztJQUFFLFNBQVM7SUFBTSxNQUFNO0lBQVMsQ0FBQyxDQUFBO2dDQUkxQyxXQUFXLEVBQ1gsU0FBUztJQUFFLFNBQVM7SUFBTSxNQUFNO0lBQVMsQ0FBQyxDQUFBO3VCQU8xQyxTQUFTLEVBQUUsU0FBUyxNQUFNLENBQUMsQ0FBQTtBQVg1QixnQkFBQSxNQUFBLE1BQUEscUJBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxhQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQU8sTUFBQSxLQUFBLFVBQUE7QUFBQSxVQUFQLFVBQU87O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSx1QkFBQSwyQkFBQTtBQUt2QixnQkFBQSxNQUFBLE1BQUEsMkJBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxtQkFBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFhLE1BQUEsS0FBQSxVQUFBO0FBQUEsVUFBYixnQkFBYTs7S0FBQTtJQUFBLFVBQUE7SUFBQSxFQUFBLDZCQUFBLGlDQUFBO0FBTUEsZ0JBQUEsTUFBQSxNQUFBLGtCQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFBQSxRQUFBO0lBQUEsU0FBQTtJQUFBLFFBQUE7S0FBQSxNQUFBLFFBQUEsVUFBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFJLE1BQUEsS0FBQSxVQUFBO0FBQUEsVUFBSixPQUFJOztLQUFBO0lBQUEsVUFBQTtJQUFBLEVBQUEsb0JBQUEsd0JBQUE7Ozs7Ozs7OztBQWpCakIsUUFBQSxjQUFzQjs7O0FBQy9CLFFBQUEsU0FBeUIsQ0FBQyxpQkFBaUIsd0JBQU07O0VBS3hFLDRCQUFBLGtCQUFBLE1BQUEsdUJBQW1DLE1BQUs7O0VBQXhDLElBQWdCLFVBQU87QUFBQSxVQUFBLE1BQUE7O0VBQXZCLElBQWdCLFFBQU8sT0FBQTtBQUFBLFNBQUEsMkJBQUE7O0VBS3ZCLG1DQUFBLGtCQUFBLE1BQUEsMkJBQUEsRUFBQSxrQkFBQSxNQUFBLDZCQUF5QyxNQUFLOztFQUE5QyxJQUFnQixnQkFBYTtBQUFBLFVBQUEsTUFBQTs7RUFBN0IsSUFBZ0IsY0FBYSxPQUFBO0FBQUEsU0FBQSxpQ0FBQTs7RUFNQSwwQkFBQSxrQkFBQSxNQUFBLGlDQUFBLEVBQUEsa0JBQUEsTUFBQSxvQkFBd0MsUUFBUSxHQUFHLE9BQU8sSUFBRzs7Ozs7RUFBN0QsSUFBZ0IsT0FBSTtBQUFBLFVBQUEsTUFBQTs7RUFBcEIsSUFBZ0IsS0FBSSxPQUFBO0FBQUEsU0FBQSx3QkFBQTs7RUFFOUIsU0FBTTtBQUN2QixVQUFPLElBQUk7UUFDUCxLQUFLLFdBQVcsS0FBSyxnQkFDbkIsSUFBSTs7Ozs7Ozs7a0JBUUksS0FBSyxnQkFBZ0IsYUFBYSw2QkFBQTs7Ozs7b0JBTTFDLFFBQUEifQ==

package/development/visual-checkbox.d.ts

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

package/development/visual-checkbox.d.ts.map

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

package/development/visual-checkbox.js

@@ -1,5 +1,9 @@
-import { SbbVisualCheckboxElement } from "./visual-checkbox/visual-checkbox.component.js";
-export {
-  SbbVisualCheckboxElement
-};
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlzdWFsLWNoZWNrYm94LmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjsifQ==
+import { t as SbbVisualCheckboxElement } from "./visual-checkbox.component-CA6AKLbO.js";
+import "./visual-checkbox.pure.js";
+//#region src/elements/visual-checkbox.ts
+/** @entrypoint */
+SbbVisualCheckboxElement.define();
+//#endregion
+export { SbbVisualCheckboxElement };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlzdWFsLWNoZWNrYm94LmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy92aXN1YWwtY2hlY2tib3gudHMiXSwic291cmNlc0NvbnRlbnQiOlsiLyoqIEBlbnRyeXBvaW50ICovXG5pbXBvcnQgeyBTYmJWaXN1YWxDaGVja2JveEVsZW1lbnQgfSBmcm9tICcuL3Zpc3VhbC1jaGVja2JveC5wdXJlLnRzJztcblxuZXhwb3J0ICogZnJvbSAnLi92aXN1YWwtY2hlY2tib3gucHVyZS50cyc7XG5cblNiYlZpc3VhbENoZWNrYm94RWxlbWVudC5kZWZpbmUoKTtcbiJdLCJtYXBwaW5ncyI6Ijs7OztBQUtBLHlCQUF5QixRQUFRIn0=

package/development/visual-checkbox.pure.d.ts

@@ -0,0 +1,3 @@
+/** @entrypoint */
+export * from './visual-checkbox/visual-checkbox.component.ts';
+//# sourceMappingURL=visual-checkbox.pure.d.ts.map

package/development/visual-checkbox.pure.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visual-checkbox.pure.d.ts","sourceRoot":"","sources":["../../../src/elements/visual-checkbox.pure.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAClB,cAAc,gDAAgD,CAAC"}

package/development/visual-checkbox.pure.js

@@ -0,0 +1,2 @@
+import { t as SbbVisualCheckboxElement } from "./visual-checkbox.component-CA6AKLbO.js";
+export { SbbVisualCheckboxElement };

package/dialog/dialog/dialog.component.js

@@ -1,148 +1,2 @@
-var w = (e) => {
-  throw TypeError(e);
-};
-var x = (e, a, o) => a.has(e) || w("Cannot " + o);
-var h = (e, a, o) => (x(e, a, "read from private field"), o ? o.call(e) : a.get(e)), g = (e, a, o) => a.has(e) ? w("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(e) : a.set(e, o), b = (e, a, o, s) => (x(e, a, "write to private field"), s ? s.call(e, o) : a.set(e, o), o);
-import { __esDecorate as p, __runInitializers as d } from "tslib";
-import { ResizeController as S } from "@lit-labs/observers/resize-controller.js";
-import { customElement as O, property as E } from "lit/decorators.js";
-import { ref as T } from "lit/directives/ref.js";
-import { html as A } from "lit/static-html.js";
-import { isZeroAnimationDuration as D } from "../../core/dom.js";
-import { boxSizingStyles as z } from "../../core/styles.js";
-import { SbbOverlayBaseElement as I, overlayRefs as R, SbbOverlayCloseEvent as C } from "../../overlay.js";
-import { css as q } from "lit";
-import "../../screen-reader-only.js";
-import { SbbOverlayCloseEvent as X, assignOverlayResult as Y } from "../../overlay/overlay-base-element.js";
-const L = q`:host{--sbb-dialog-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-dialog-padding-block: var(--sbb-spacing-responsive-xs);--sbb-dialog-shadow-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );display:none;position:fixed;inset:var(--sbb-dialog-inset);z-index:var(--sbb-dialog-z-index, var(--sbb-overlay-default-z-index))}@media(min-width:64rem){:host{--sbb-dialog-max-width: min( calc(100vw - var(--sbb-spacing-fixed-30x) * 2), var(--sbb-dialog-max-width-default) )}}:host(:is(:state(top-shadow),[state--top-shadow])){--sbb-dialog-block-start-box-shadow: var(--_sbb-dialog-block-shadow)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){display:block}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]))){--sbb-dialog-pointer-events: all;--sbb-dialog-backdrop-color: var(--sbb-background-color-3)}@media(min-width:64rem){:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]))){--sbb-dialog-backdrop-visibility: visible;--sbb-dialog-backdrop-pointer-events: all}}:host([backdrop=translucent]:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]))){--sbb-dialog-backdrop-color: color-mix(in srgb, var(--sbb-color-black) 50%, transparent)}:host([backdrop=opaque]:not([negative]):is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]))){--sbb-dialog-backdrop-color: var(--sbb-background-color-3)}:host(:not([negative])){--_sbb-dialog-color: var(--sbb-dialog-color);--_sbb-dialog-block-shadow: var(--sbb-dialog-block-shadow);--sbb-dialog-actions-border-color: var(--sbb-background-color-4);--sbb-dialog-background-color: var(--sbb-background-color-1)}:host([negative]){--_sbb-dialog-color: var(--sbb-dialog-color-negative);--_sbb-dialog-block-shadow: var(--sbb-dialog-block-shadow-negative);--sbb-dialog-background-color: var(--sbb-background-color-1-negative);--sbb-dialog-actions-border-color: var(--sbb-background-color-4-negative);--sbb-dialog-backdrop-color: var(--sbb-background-color-3-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host(:is(:state(bottom-shadow),[state--bottom-shadow])){--sbb-dialog-block-end-box-shadow: var(--_sbb-dialog-block-shadow);--sbb-dialog-actions-border-color: transparent}:host(:not(:is(:state(state-closed),[state--state-closed]))){--sbb-dialog-inset: 0}.sbb-dialog__container{pointer-events:var(--sbb-dialog-pointer-events);display:flex;align-items:center;position:fixed;inset:var(--sbb-dialog-inset)}.sbb-dialog__container:before{content:"";visibility:var(--sbb-dialog-backdrop-visibility);pointer-events:var(--sbb-dialog-backdrop-pointer-events);position:fixed;inset:var(--sbb-dialog-inset);background-color:var(--sbb-dialog-backdrop-color);transition-duration:var(--sbb-dialog-animation-duration);transition-timing-function:var(--sbb-dialog-animation-easing);transition-property:background-color,visibility}.sbb-dialog{display:none;position:absolute;inset-inline:0;margin:auto;padding:0;border:none;width:var(--sbb-dialog-width);height:var(--sbb-dialog-height);max-width:var(--sbb-dialog-max-width);max-height:var(--sbb-dialog-max-height);color:var(--_sbb-dialog-color);background-color:var(--sbb-dialog-background-color)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-dialog{display:block;animation-name:open;animation-duration:var(--sbb-dialog-animation-duration);animation-timing-function:ease}:host(:is(:state(state-closing),[state--state-closing])) .sbb-dialog{pointer-events:none;animation-name:close}@media(forced-colors:active){.sbb-dialog{outline:var(--sbb-border-width-1x) solid CanvasText}}@media(min-width:64rem){.sbb-dialog{border-radius:var(--sbb-dialog-border-radius);overflow:hidden;height:auto}}:host(:is(:state(has-intermediate-element),[state--has-intermediate-element])) ::slotted(:first-child),.sbb-dialog__wrapper{width:var(--sbb-dialog-width);height:var(--sbb-dialog-height);max-width:var(--sbb-dialog-max-width);max-height:var(--sbb-dialog-max-height)}:host(:is(:state(has-intermediate-element),[state--has-intermediate-element])) ::slotted(:first-child),:host(:not(:is(:state(has-intermediate-element),[state--has-intermediate-element]))) .sbb-dialog__wrapper{display:grid;grid-template:"title close-button" auto "content content" 1fr "actions actions" auto/1fr auto;gap:0}@keyframes open{0%{opacity:0;translate:0 var(--sbb-spacing-fixed-4x)}to{opacity:1;translate:0}}@keyframes close{0%{opacity:1;translate:0}to{opacity:0;translate:0 var(--sbb-spacing-fixed-4x)}}`;
-let P = 0, M = (() => {
-  var l, r, n;
-  let e = [O("sbb-dialog")], a, o = [], s, v = I, m, u = [], k = [], _, f = [], y = [];
-  return n = class extends v {
-    constructor() {
-      super();
-      g(this, l);
-      g(this, r);
-      b(this, l, d(this, u, "close")), b(this, r, (d(this, k), d(this, f, "opaque"))), this._dialogContentResizeObserver = (d(this, y), new S(this, {
-        target: null,
-        skipInitial: !0,
-        callback: () => setTimeout(() => this._updateOverflowState())
-      })), this._isPointerDownEventOnDialog = !1, this.closeAttribute = "sbb-dialog-close", this.closeTag = "sbb-dialog-close-button", this._pointerDownListener = (t) => {
-        this.backdropAction === "close" && (this._isPointerDownEventOnDialog = !!this._dialogElement && t.composedPath().includes(this._dialogElement));
-      }, this._closeOnBackdropClick = (t) => {
-        this.backdropAction === "close" && !this._isPointerDownEventOnDialog && this._dialogElement && !t.composedPath().includes(this._dialogElement) && this.close();
-      }, this.addEventListener?.("pointerdown", this._pointerDownListener), this.addEventListener?.("pointerup", this._closeOnBackdropClick), this.addEventListener("scroll", () => this._updateOverflowState(), {
-        passive: !0,
-        capture: !0
-      });
-    }
-    /** Backdrop click action. */
-    get backdropAction() {
-      return h(this, l);
-    }
-    set backdropAction(t) {
-      b(this, l, t);
-    }
-    /** Backdrop density. */
-    get backdrop() {
-      return h(this, r);
-    }
-    set backdrop(t) {
-      b(this, r, t);
-    }
-    connectedCallback() {
-      this.id ||= `sbb-dialog-${P++}`, super.connectedCallback();
-    }
-    /** Announce the accessibility label or dialog title for screen readers. */
-    announceTitle() {
-      this.setAriaLiveRefContent(this.accessibilityLabel || this.querySelector("sbb-dialog-title")?.innerText.trim());
-    }
-    isZeroAnimationDuration() {
-      return D(this, "--sbb-dialog-animation-duration");
-    }
-    handleClosing() {
-      const t = this._contentElement();
-      t?.scrollTo(0, 0), this.state = "closed", this.hidePopover?.(), this.inertController.deactivate(), this.skipFocusRestoration || this.lastFocusedElement?.focus(), this.openOverlayController?.abort(), this.focusTrapController.enabled = !1, t && this._dialogContentResizeObserver.hostDisconnected(), this.removeInstanceFromGlobalCollection(), R.length || this.scrollHandler.enableScroll(), this.escapableOverlayController.disconnect(), this.dispatchCloseEvent({
-        returnValue: this.returnValue,
-        closeTarget: this.overlayCloseElement
-      });
-    }
-    handleOpening() {
-      this.state = "opened", this.inertController.activate(), this.focusTrapController.focusInitialElement(), this.focusTrapController.enabled = !0, setTimeout(() => this.announceTitle());
-      const t = this._contentElement();
-      t && this._dialogContentResizeObserver.observe(t), this.dispatchOpenEvent();
-    }
-    firstUpdated(t) {
-      super.firstUpdated(t), this.isOpen && this.announceTitle(), this._syncTitleNegative();
-    }
-    willUpdate(t) {
-      super.willUpdate(t), t.has("negative") && this._syncTitleNegative();
-    }
-    _handleSlotChange() {
-      this._syncTitleNegative(), this._detectIntermediateElement();
-    }
-    _syncTitleNegative() {
-      const t = this.querySelector?.("sbb-dialog-title"), i = this.querySelector?.("sbb-dialog-close-button");
-      t && (t.negative = this.negative), i && (i.negative = this.negative);
-    }
-    _detectIntermediateElement() {
-      const t = this.querySelector(":scope > :is(sbb-dialog-title, sbb-dialog-close-button, sbb-dialog-content, sbb-dialog-actions)") === null;
-      this.toggleState("has-intermediate-element", t);
-    }
-    _updateOverflowState() {
-      const t = this._contentElement();
-      this.toggleState("top-shadow", (t?.scrollTop ?? 0) > 0), this.toggleState("bottom-shadow", (t?.scrollTop ?? 0) + (t?.offsetHeight ?? 0) < (t?.scrollHeight ?? 0));
-    }
-    _contentElement() {
-      return this.querySelector("sbb-dialog-content");
-    }
-    // TODO: remove parameter `detail`
-    dispatchBeforeCloseEvent(t) {
-      return this.dispatchEvent(new C("beforeclose", {
-        cancelable: !0,
-        closeAttribute: this.closeAttribute,
-        closeTarget: this.overlayCloseElement,
-        result: this.returnValue
-      }));
-    }
-    // TODO: remove parameter `detail`
-    dispatchCloseEvent(t) {
-      return this.dispatchEvent(new C("close", {
-        closeAttribute: this.closeAttribute,
-        closeTarget: this.overlayCloseElement,
-        result: this.returnValue
-      }));
-    }
-    render() {
-      return A`
-      <div class="sbb-dialog__container">
-        <div
-          @animationend=${this.onOverlayAnimationEnd}
-          class="sbb-dialog"
-          ${T((t) => this._dialogElement = t)}
-        >
-          <div
-            @click=${(t) => this.closeOnSbbOverlayCloseClick(t)}
-            class="sbb-dialog__wrapper"
-          >
-            <slot @slotchange=${() => this._handleSlotChange()}></slot>
-          </div>
-        </div>
-      </div>
-      <sbb-screen-reader-only aria-live="polite"></sbb-screen-reader-only>
-    `;
-    }
-  }, l = new WeakMap(), r = new WeakMap(), s = n, (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(v[Symbol.metadata] ?? null) : void 0;
-    m = [E({ attribute: "backdrop-action" })], _ = [E({ attribute: "backdrop", reflect: !0 })], p(n, null, m, { kind: "accessor", name: "backdropAction", static: !1, private: !1, access: { has: (i) => "backdropAction" in i, get: (i) => i.backdropAction, set: (i, c) => {
-      i.backdropAction = c;
-    } }, metadata: t }, u, k), p(n, null, _, { kind: "accessor", name: "backdrop", static: !1, private: !1, access: { has: (i) => "backdrop" in i, get: (i) => i.backdrop, set: (i, c) => {
-      i.backdrop = c;
-    } }, metadata: t }, f, y), p(null, a = { value: s }, e, { kind: "class", name: s.name, metadata: t }, null, o), s = a.value, t && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), n.styles = [z, L], d(s, o), s;
-})();
-export {
-  X as SbbDialogCloseEvent,
-  M as SbbDialogElement,
-  Y as assignDialogResult
-};
+import { n as e, r as t, t as n } from "../../dialog.component-CIPresmM.js";
+export { n as SbbDialogCloseEvent, e as SbbDialogElement, t as assignDialogResult };

package/dialog/dialog-actions/dialog-actions.component.js

@@ -1,21 +1,2 @@
-import { __esDecorate as b, __runInitializers as c } from "tslib";
-import { customElement as d } from "lit/decorators.js";
-import { SbbActionGroupElement as r } from "../../action-group.js";
-import { isLean as l } from "../../core/dom/lean-context.js";
-import { css as m } from "lit";
-const u = m`:host{grid-area:actions;padding-inline:var(--sbb-dialog-padding-inline);padding-block:var(--sbb-dialog-padding-block);margin-block-start:auto;background-color:var(--sbb-dialog-background-color);transition:box-shadow var(--sbb-animation-easing) var(--sbb-dialog-shadow-animation-duration);box-shadow:var(--sbb-dialog-block-end-box-shadow, none);position:relative}:host:before{content:"";display:block;position:absolute;align-self:start;border-block-start:var(--sbb-border-width-1x) solid var(--sbb-dialog-actions-border-color);transition:border-color var(--sbb-animation-easing) var(--sbb-dialog-shadow-animation-duration);inset:0 auto auto 0;width:100%}@media(forced-colors:active){:host:before{border-color:CanvasText}}`;
-let k = (() => {
-  var o;
-  let n = [d("sbb-dialog-actions")], i, s = [], a, e = r;
-  return o = class extends e {
-    constructor() {
-      super(), this.buttonSize = l() ? "s" : "m", this.linkSize = l() ? "xs" : "s";
-    }
-  }, a = o, (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
-    b(null, i = { value: a }, n, { kind: "class", name: a.name, metadata: t }, null, s), a = i.value, t && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), o.styles = [r.styles, u], c(a, s), a;
-})();
-export {
-  k as SbbDialogActionsElement
-};
+import { t as e } from "../../dialog-actions.component-QvbasYxg.js";
+export { e as SbbDialogActionsElement };

package/dialog/dialog-actions.js

@@ -1,4 +1,4 @@
-import { SbbDialogActionsElement as t } from "./dialog-actions/dialog-actions.component.js";
-export {
-  t as SbbDialogActionsElement
-};
+import { t as e } from "../dialog-actions.component-QvbasYxg.js";
+e.define(), console.warn("The entrypoint '@sbb-esta/elements/dialog/dialog-actions.js' has been deprecated.\nUse either '@sbb-esta/elements/dialog.js' or '@sbb-esta/elements/dialog.pure.js' instead.");
+//#endregion
+export { e as SbbDialogActionsElement };

package/dialog/dialog-close-button/dialog-close-button.component.js

@@ -1,31 +1,2 @@
-import { __esDecorate as o, __runInitializers as c } from "tslib";
-import { customElement as b } from "lit/decorators.js";
-import { SbbSecondaryButtonElement as n } from "../../button/secondary-button.js";
-import { SbbLanguageController as m } from "../../core/controllers.js";
-import { i18nCloseDialog as u } from "../../core/i18n.js";
-import { css as d } from "lit";
-const g = d`:host{display:block;height:fit-content;grid-area:close-button;margin-inline:var(--sbb-dialog-close-button-margin-inline);inset-inline-end:var(--sbb-dialog-close-button-inset-inline-end);margin-block-start:calc(var(--sbb-dialog-padding-block) + .5 * (var(--sbb-typo-line-height-heading) * var(--_sbb-dialog-title-size, var(--sbb-heading-font-size-4)) - var(--sbb-size-element-xs)))}`;
-let S = (() => {
-  var t;
-  let i = [b("sbb-dialog-close-button")], l, r = [], e, s = n;
-  return t = class extends s {
-    constructor() {
-      super(), this._languageController = new m(this), this.size = "s";
-    }
-    willUpdate(a) {
-      super.willUpdate(a), this.internals.ariaLabel = u[this._languageController.current];
-    }
-    renderTemplate() {
-      return super.renderIconSlot();
-    }
-    renderIconName() {
-      return super.renderIconName() || "cross-small";
-    }
-  }, e = t, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
-    o(null, l = { value: e }, i, { kind: "class", name: e.name, metadata: a }, null, r), e = l.value, a && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), t.styles = [n.styles, g], c(e, r), e;
-})();
-export {
-  S as SbbDialogCloseButtonElement
-};
+import { t as e } from "../../dialog-close-button.component-CeZrvBtz.js";
+export { e as SbbDialogCloseButtonElement };

package/dialog/dialog-close-button.js

@@ -1,4 +1,4 @@
-import { SbbDialogCloseButtonElement as t } from "./dialog-close-button/dialog-close-button.component.js";
-export {
-  t as SbbDialogCloseButtonElement
-};
+import { t as e } from "../dialog-close-button.component-CeZrvBtz.js";
+e.define(), console.warn("The entrypoint '@sbb-esta/elements/dialog/dialog-close-button.js' has been deprecated.\nUse either '@sbb-esta/elements/dialog.js' or '@sbb-esta/elements/dialog.pure.js' instead.");
+//#endregion
+export { e as SbbDialogCloseButtonElement };

package/dialog/dialog-content/dialog-content.component.js

@@ -1,22 +1,2 @@
-import { __esDecorate as n, __runInitializers as c } from "tslib";
-import { css as r, LitElement as b, html as u } from "lit";
-import { customElement as d } from "lit/decorators.js";
-const m = r`:host{display:block;padding-block:var(--sbb-dialog-padding-block);padding-inline:var(--sbb-dialog-padding-inline);grid-area:content;overflow:auto}:host(:focus-visible){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-focus-outline-offset: calc(var(--sbb-focus-outline-width) * -1)}`;
-let g = (() => {
-  var e;
-  let i = [d("sbb-dialog-content")], s, a = [], t, o = b;
-  return e = class extends o {
-    connectedCallback() {
-      super.connectedCallback(), this.classList.add("sbb-scrollbar");
-    }
-    render() {
-      return u`<slot></slot>`;
-    }
-  }, t = e, (() => {
-    const l = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
-    n(null, s = { value: t }, i, { kind: "class", name: t.name, metadata: l }, null, a), t = s.value, l && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: l });
-  })(), e.styles = m, c(t, a), t;
-})();
-export {
-  g as SbbDialogContentElement
-};
+import { t as e } from "../../dialog-content.component-bHJNAgKn.js";
+export { e as SbbDialogContentElement };

package/dialog/dialog-content.js

@@ -1,4 +1,4 @@
-import { SbbDialogContentElement as t } from "./dialog-content/dialog-content.component.js";
-export {
-  t as SbbDialogContentElement
-};
+import { t as e } from "../dialog-content.component-bHJNAgKn.js";
+e.define(), console.warn("The entrypoint '@sbb-esta/elements/dialog/dialog-content.js' has been deprecated.\nUse either '@sbb-esta/elements/dialog.js' or '@sbb-esta/elements/dialog.pure.js' instead.");
+//#endregion
+export { e as SbbDialogContentElement };

package/dialog/dialog-title/dialog-title.component.js

@@ -1,21 +1,2 @@
-import { __esDecorate as r, __runInitializers as b } from "tslib";
-import { customElement as c } from "lit/decorators.js";
-import { SbbNegativeMixin as d } from "../../core/mixins.js";
-import { SbbTitleBase as l } from "../../title.js";
-import { css as m } from "lit";
-const u = m`:host{display:block;padding-block:var(--sbb-dialog-padding-block);padding-inline:var(--sbb-dialog-padding-inline);-webkit-hyphens:auto;hyphens:auto;grid-area:title;position:relative}:host([negative]){--sbb-title-text-color-normal: var(--sbb-color-3-negative)}:host:after{content:"";display:block;position:absolute;pointer-events:none;inset:0 -10rem 0 0;transition:box-shadow var(--sbb-animation-easing) var(--sbb-dialog-shadow-animation-duration);box-shadow:var(--sbb-dialog-block-start-box-shadow, none)}`;
-let f = (() => {
-  var e;
-  let n = [c("sbb-dialog-title")], i, o = [], t, s = d(l);
-  return e = class extends s {
-    constructor() {
-      super(), this.level = "2", this.visualLevel = "4";
-    }
-  }, t = e, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
-    r(null, i = { value: t }, n, { kind: "class", name: t.name, metadata: a }, null, o), t = i.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), e.styles = [l.styles, u], b(t, o), t;
-})();
-export {
-  f as SbbDialogTitleElement
-};
+import { t as e } from "../../dialog-title.component-BDHYjDn0.js";
+export { e as SbbDialogTitleElement };

package/dialog/dialog-title.js

@@ -1,4 +1,4 @@
-import { SbbDialogTitleElement as o } from "./dialog-title/dialog-title.component.js";
-export {
-  o as SbbDialogTitleElement
-};
+import { t as e } from "../dialog-title.component-BDHYjDn0.js";
+e.define(), console.warn("The entrypoint '@sbb-esta/elements/dialog/dialog-title.js' has been deprecated.\nUse either '@sbb-esta/elements/dialog.js' or '@sbb-esta/elements/dialog.pure.js' instead.");
+//#endregion
+export { e as SbbDialogTitleElement };

package/dialog/dialog.js

@@ -1,7 +1,4 @@
-import { SbbDialogElement as s } from "./dialog/dialog.component.js";
-import { SbbOverlayCloseEvent as o, assignOverlayResult as t } from "../overlay/overlay-base-element.js";
-export {
-  o as SbbDialogCloseEvent,
-  s as SbbDialogElement,
-  t as assignDialogResult
-};
+import { n as e, r as t, t as n } from "../dialog.component-CIPresmM.js";
+e.define(), console.warn("The entrypoint '@sbb-esta/elements/dialog/dialog.js' has been deprecated.\nUse either '@sbb-esta/elements/dialog.js' or '@sbb-esta/elements/dialog.pure.js' instead.");
+//#endregion
+export { n as SbbDialogCloseEvent, e as SbbDialogElement, t as assignDialogResult };

package/dialog-actions.component-QvbasYxg.js

@@ -0,0 +1,17 @@
+import { css as e } from "lit";
+import { isLean as t } from "./core/dom/lean-context.js";
+import { SbbActionGroupElement as n } from "./action-group.js";
+//#region src/elements/dialog/dialog-actions/dialog-actions.scss?lit&inline
+var r = e`:host{padding-inline:var(--sbb-dialog-padding-inline);padding-block:var(--sbb-dialog-padding-block);background-color:var(--sbb-dialog-background-color);transition:box-shadow var(--sbb-animation-easing) var(--sbb-dialog-shadow-animation-duration);box-shadow:var(--sbb-dialog-block-end-box-shadow,none);grid-area:actions;margin-block-start:auto;position:relative}:host:before{content:"";border-block-start:var(--sbb-border-width-1x) solid var(--sbb-dialog-actions-border-color);transition:border-color var(--sbb-animation-easing) var(--sbb-dialog-shadow-animation-duration);align-self:start;width:100%;display:block;position:absolute;inset:0 auto auto 0}@media (forced-colors:active){:host:before{border-color:canvastext}}`, i = class extends n {
+	static {
+		this.elementName = "sbb-dialog-actions";
+	}
+	static {
+		this.styles = [n.styles, r];
+	}
+	constructor() {
+		super(), this.buttonSize = t() ? "s" : "m", this.linkSize = t() ? "xs" : "s";
+	}
+};
+//#endregion
+export { i as t };

package/dialog-close-button.component-CeZrvBtz.js

@@ -0,0 +1,27 @@
+import { css as e } from "lit";
+import { SbbLanguageController as t } from "./core/controllers.js";
+import { i18nCloseDialog as n } from "./core/i18n.js";
+import { SbbSecondaryButtonElement as r } from "./button/secondary-button.js";
+//#region src/elements/dialog/dialog-close-button/dialog-close-button.scss?lit&inline
+var i = e`:host{height:fit-content;margin-inline:var(--sbb-dialog-close-button-margin-inline);grid-area:close-button;margin-block-start:calc(var(--sbb-dialog-padding-block) + .5 * (var(--sbb-typo-line-height-heading) * var(--_sbb-dialog-title-size,var(--sbb-heading-font-size-4)) - var(--sbb-size-element-xs)));display:block;inset-inline-end:var(--sbb-dialog-close-button-inset-inline-end)}`, a = class extends r {
+	static {
+		this.elementName = "sbb-dialog-close-button";
+	}
+	static {
+		this.styles = [r.styles, i];
+	}
+	constructor() {
+		super(), this._languageController = new t(this), this.size = "s";
+	}
+	willUpdate(e) {
+		super.willUpdate(e), this.internals.ariaLabel = n[this._languageController.current];
+	}
+	renderTemplate() {
+		return super.renderIconSlot();
+	}
+	renderIconName() {
+		return super.renderIconName() || "cross-small";
+	}
+};
+//#endregion
+export { a as t };