@sbb-esta/lyne-elements-dev 0.0.0 → 4.5.1-dev.1771859294

package/development/menu/menu-button/menu-button.component.d.ts

@@ -0,0 +1,20 @@
+import { SbbButtonBaseElement } from '../../core/base-elements.ts';
+declare const SbbMenuButtonElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledMixinType & import('../../core/mixins.ts').SbbDisabledInteractiveMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../common.ts').SbbMenuActionCommonElementMixinType> & typeof SbbButtonBaseElement;
+/**
+ * It displays a button element that can be used in the `sbb-menu` component.
+ *
+ * @slot - Use the unnamed slot to add content to the `sbb-menu-button`.
+ * @slot icon - Use this slot to provide an icon. If `icon-name` is set, a `sbb-icon` will be used.
+ * @cssprop [--sbb-menu-action-outer-horizontal-padding=var(--sbb-spacing-fixed-3x)] - Can be used
+ * to modify horizontal padding.
+ */
+export declare class SbbMenuButtonElement extends SbbMenuButtonElement_base {
+    static readonly role: ElementInternals['role'];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-menu-button': SbbMenuButtonElement;
+    }
+}
+export {};
+//# sourceMappingURL=menu-button.component.d.ts.map

package/development/menu/menu-button/menu-button.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-button.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/menu/menu-button/menu-button.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAInE;;;;;;;GAOG;AACH,qBAEM,oBAAqB,SAAQ,yBAElC;IACC,gBAAgC,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAc;CAC7E;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}

package/development/menu/menu-button/menu-button.component.js

@@ -0,0 +1,25 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from "lit/decorators.js";
+import { SbbButtonBaseElement } from "../../core/base-elements.js";
+import { SbbDisabledTabIndexActionMixin } from "../../core/mixins.js";
+import { SbbMenuActionCommonElementMixin } from "../common.js";
+let SbbMenuButtonElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-menu-button")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbDisabledTabIndexActionMixin(SbbMenuActionCommonElementMixin(SbbButtonBaseElement));
+  _a = class extends _classSuper {
+  }, _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.role = "menuitem", __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbMenuButtonElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvbWVudS9tZW51LWJ1dHRvbi9tZW51LWJ1dHRvbi5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiQnV0dG9uQmFzZUVsZW1lbnQgfSBmcm9tICcuLi8uLi9jb3JlL2Jhc2UtZWxlbWVudHMudHMnO1xuaW1wb3J0IHsgU2JiRGlzYWJsZWRUYWJJbmRleEFjdGlvbk1peGluIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMudHMnO1xuaW1wb3J0IHsgU2JiTWVudUFjdGlvbkNvbW1vbkVsZW1lbnRNaXhpbiB9IGZyb20gJy4uL2NvbW1vbi50cyc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYSBidXR0b24gZWxlbWVudCB0aGF0IGNhbiBiZSB1c2VkIGluIHRoZSBgc2JiLW1lbnVgIGNvbXBvbmVudC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSBgc2JiLW1lbnUtYnV0dG9uYC5cbiAqIEBzbG90IGljb24gLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgYW4gaWNvbi4gSWYgYGljb24tbmFtZWAgaXMgc2V0LCBhIGBzYmItaWNvbmAgd2lsbCBiZSB1c2VkLlxuICogQGNzc3Byb3AgWy0tc2JiLW1lbnUtYWN0aW9uLW91dGVyLWhvcml6b250YWwtcGFkZGluZz12YXIoLS1zYmItc3BhY2luZy1maXhlZC0zeCldIC0gQ2FuIGJlIHVzZWRcbiAqIHRvIG1vZGlmeSBob3Jpem9udGFsIHBhZGRpbmcuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1tZW51LWJ1dHRvbicpXG5jbGFzcyBTYmJNZW51QnV0dG9uRWxlbWVudCBleHRlbmRzIFNiYkRpc2FibGVkVGFiSW5kZXhBY3Rpb25NaXhpbihcbiAgU2JiTWVudUFjdGlvbkNvbW1vbkVsZW1lbnRNaXhpbihTYmJCdXR0b25CYXNlRWxlbWVudCksXG4pIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSByb2xlOiBFbGVtZW50SW50ZXJuYWxzWydyb2xlJ10gPSAnbWVudWl0ZW0nO1xufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLW1lbnUtYnV0dG9uJzogU2JiTWVudUJ1dHRvbkVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztJQWdCTSx3QkFBb0IsTUFBQTs7MEJBRHpCLGNBQWMsaUJBQWlCLENBQUM7Ozs7QUFDRSxNQUFBLGNBQUEsK0JBQ2pDLGdDQUFnQyxvQkFBb0IsQ0FBQztBQUQ1QixFQUFBLG1CQUFRLFlBRWxDO0FBQUE7O0FBRkQsaUJBQUEsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQUdrQyxHQUFBLE9BQWlDLFlBSDdELGtCQUFBLFlBQUEsdUJBQUEsR0FBcUI7OzsifQ==

package/development/menu/menu-button.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @entrypoint
+ */
+export * from './menu-button/menu-button.component.ts';
+//# sourceMappingURL=menu-button.d.ts.map

package/development/menu/menu-button.d.ts.map

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

package/development/menu/menu-button.js

@@ -0,0 +1,5 @@
+import { SbbMenuButtonElement } from "./menu-button/menu-button.component.js";
+export {
+  SbbMenuButtonElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1idXR0b24uanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOyJ9

package/development/menu/menu-link/menu-link.component.d.ts

@@ -0,0 +1,20 @@
+import { SbbLinkBaseElement } from '../../core/base-elements.ts';
+declare const SbbMenuLinkElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledInteractiveMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../common.ts').SbbMenuActionCommonElementMixinType> & typeof SbbLinkBaseElement;
+/**
+ * It displays a link element that can be used in the `sbb-menu` component.
+ *
+ * @slot - Use the unnamed slot to add content to the `sbb-menu-link`.
+ * @slot icon - Use this slot to provide an icon. If `icon-name` is set, a `sbb-icon` will be used.
+ * @cssprop [--sbb-menu-action-outer-horizontal-padding=var(--sbb-spacing-fixed-3x)] - Can be used
+ * to modify horizontal padding.
+ */
+export declare class SbbMenuLinkElement extends SbbMenuLinkElement_base {
+    protected readonly anchorRole = "menuitem";
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-menu-link': SbbMenuLinkElement;
+    }
+}
+export {};
+//# sourceMappingURL=menu-link.component.d.ts.map

package/development/menu/menu-link/menu-link.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-link.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/menu/menu-link/menu-link.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAIjE;;;;;;;GAOG;AACH,qBAEM,kBAAmB,SAAQ,uBAEhC;IACC,mBAA4B,UAAU,cAAc;CACrD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}

package/development/menu/menu-link/menu-link.component.js

@@ -0,0 +1,30 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from "lit/decorators.js";
+import { SbbLinkBaseElement } from "../../core/base-elements.js";
+import { SbbDisabledInteractiveMixin } from "../../core/mixins.js";
+import { SbbMenuActionCommonElementMixin } from "../common.js";
+let SbbMenuLinkElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-menu-link")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbDisabledInteractiveMixin(SbbMenuActionCommonElementMixin(SbbLinkBaseElement));
+  _a = class extends _classSuper {
+    constructor() {
+      super(...arguments);
+      this.anchorRole = "menuitem";
+    }
+  }, _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+    __runInitializers(_classThis, _classExtraInitializers);
+  })(), _a;
+  return _classThis;
+})();
+export {
+  SbbMenuLinkElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1saW5rLmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL21lbnUvbWVudS1saW5rL21lbnUtbGluay5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiTGlua0Jhc2VFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLnRzJztcbmltcG9ydCB7IFNiYkRpc2FibGVkSW50ZXJhY3RpdmVNaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLnRzJztcbmltcG9ydCB7IFNiYk1lbnVBY3Rpb25Db21tb25FbGVtZW50TWl4aW4gfSBmcm9tICcuLi9jb21tb24udHMnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGEgbGluayBlbGVtZW50IHRoYXQgY2FuIGJlIHVzZWQgaW4gdGhlIGBzYmItbWVudWAgY29tcG9uZW50LlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIGBzYmItbWVudS1saW5rYC5cbiAqIEBzbG90IGljb24gLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgYW4gaWNvbi4gSWYgYGljb24tbmFtZWAgaXMgc2V0LCBhIGBzYmItaWNvbmAgd2lsbCBiZSB1c2VkLlxuICogQGNzc3Byb3AgWy0tc2JiLW1lbnUtYWN0aW9uLW91dGVyLWhvcml6b250YWwtcGFkZGluZz12YXIoLS1zYmItc3BhY2luZy1maXhlZC0zeCldIC0gQ2FuIGJlIHVzZWRcbiAqIHRvIG1vZGlmeSBob3Jpem9udGFsIHBhZGRpbmcuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1tZW51LWxpbmsnKVxuY2xhc3MgU2JiTWVudUxpbmtFbGVtZW50IGV4dGVuZHMgU2JiRGlzYWJsZWRJbnRlcmFjdGl2ZU1peGluKFxuICBTYmJNZW51QWN0aW9uQ29tbW9uRWxlbWVudE1peGluKFNiYkxpbmtCYXNlRWxlbWVudCksXG4pIHtcbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlYWRvbmx5IGFuY2hvclJvbGUgPSAnbWVudWl0ZW0nO1xufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLW1lbnUtbGluayc6IFNiYk1lbnVMaW5rRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0lBZ0JNLHNCQUFrQixNQUFBOzswQkFEdkIsY0FBYyxlQUFlLENBQUM7Ozs7QUFDRSxNQUFBLGNBQUEsNEJBQy9CLGdDQUFnQyxrQkFBa0IsQ0FBQztBQUQ1QixFQUFBLG1CQUFRLFlBRWhDO0FBQUE7O0FBQzZCLFdBQUEsYUFBYTtBQUFBLElBQzNDO0FBQUE7O0FBSkEsaUJBQUEsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztBQUFNLHNCQUFBLFlBQUEsdUJBQUE7QUFBQSxFQUFBLE1BQW1COzs7In0=

package/development/menu/menu-link.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @entrypoint
+ */
+export * from './menu-link/menu-link.component.ts';
+//# sourceMappingURL=menu-link.d.ts.map

package/development/menu/menu-link.d.ts.map

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

package/development/menu/menu-link.js

@@ -0,0 +1,5 @@
+import { SbbMenuLinkElement } from "./menu-link/menu-link.component.js";
+export {
+  SbbMenuLinkElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1saW5rLmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjsifQ==

package/development/menu/menu.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @entrypoint
+ */
+export * from './menu/menu.component.ts';
+//# sourceMappingURL=menu.d.ts.map

package/development/menu/menu.d.ts.map

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

package/development/menu/menu.js

@@ -0,0 +1,5 @@
+import { SbbMenuElement } from "./menu/menu.component.js";
+export {
+  SbbMenuElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7In0=

package/development/menu.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @entrypoint
+ */
+export * from './menu/menu.ts';
+export * from './menu/menu-button.ts';
+export * from './menu/menu-link.ts';
+export * from './menu/common.ts';
+//# sourceMappingURL=menu.d.ts.map

package/development/menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/elements/menu.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC"}

package/development/menu.js

@@ -0,0 +1,11 @@
+import { SbbMenuElement } from "./menu/menu/menu.component.js";
+import { SbbMenuButtonElement } from "./menu/menu-button/menu-button.component.js";
+import { SbbMenuLinkElement } from "./menu/menu-link/menu-link.component.js";
+import { SbbMenuActionCommonElementMixin } from "./menu/common/menu-action-common.js";
+export {
+  SbbMenuActionCommonElementMixin,
+  SbbMenuButtonElement,
+  SbbMenuElement,
+  SbbMenuLinkElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7In0=

package/development/message/message.component.d.ts

@@ -0,0 +1,21 @@
+import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+/**
+ * It displays a complex message combining a title, an image, an action and some content.
+ *
+ * @slot image - Use this slot to provide an `sbb-image` component.
+ * @slot title - Use this slot to provide an `sbb-title`.
+ * @slot subtitle - Use this slot to provide a subtitle, must be a paragraph.
+ * @slot legend - Use this slot to provide a legend, must be a paragraph.
+ * @slot action - Use this slot to provide an `sbb-secondary-button`.
+ */
+export declare class SbbMessageElement extends LitElement {
+    static styles: CSSResultGroup;
+    private _configureTitle;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-message': SbbMessageElement;
+    }
+}
+//# sourceMappingURL=message.component.d.ts.map

package/development/message/message.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/message/message.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAQvC;;;;;;;;GAQG;AACH,qBAEM,iBAAkB,SAAQ,UAAU;IACxC,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE,OAAO,CAAC,eAAe;cAUJ,MAAM,IAAI,cAAc;CAW5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,aAAa,EAAE,iBAAiB,CAAC;KAClC;CACF"}

package/development/message/message.component.js

@@ -0,0 +1,94 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, LitElement, html } from "lit";
+import { customElement } from "lit/decorators.js";
+import { boxSizingStyles } from "../core/styles.js";
+const style = css`:host {
+  --sbb-message-subtitle-color: var(--sbb-color-granite);
+  --sbb-message-subtitle-color: light-dark(var(--sbb-color-granite), var(--sbb-color-platinum));
+  --sbb-message-image-margin-block: 0 var(--sbb-spacing-responsive-s);
+  --sbb-message-image-border-radius: var(--sbb-border-radius-4x);
+  --sbb-message-legend-margin-block: var(--sbb-spacing-responsive-xxxs) 0;
+  --sbb-message-action-margin-block: var(--sbb-spacing-responsive-xxxs) 0;
+  display: block;
+}
+
+.sbb-message__container {
+  text-align: center;
+}
+
+::slotted(sbb-title[slot=title]) {
+  margin: 0;
+}
+
+::slotted([slot=image]) {
+  display: block;
+  margin-inline: auto !important;
+  margin-block: var(--sbb-message-image-margin-block) !important;
+  width: 100%;
+}
+
+::slotted([slot=subtitle]) {
+  --sbb-text-font-size: var(--sbb-text-font-size-s);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
+  font-size: var(--sbb-text-font-size);
+  color: var(--sbb-message-subtitle-color);
+  margin: 0;
+}
+
+::slotted([slot=legend]) {
+  --sbb-text-font-size: var(--sbb-text-font-size-xs);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
+  font-size: var(--sbb-text-font-size);
+  padding: 0;
+  color: var(--sbb-color-granite);
+  color: light-dark(var(--sbb-color-granite), var(--sbb-color-cement));
+  margin-block: var(--sbb-message-legend-margin-block);
+}
+
+::slotted([slot=action]) {
+  margin-block: var(--sbb-message-action-margin-block);
+}`;
+let SbbMessageElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-message")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = LitElement;
+  _a = class extends _classSuper {
+    _configureTitle(event) {
+      const title = event.target.assignedElements().find((e) => e.localName === "sbb-title");
+      if (title) {
+        customElements.upgrade(title);
+        title.visualLevel = "5";
+      }
+    }
+    render() {
+      return html`
+      <div class="sbb-message__container">
+        <slot name="image"></slot>
+        <slot name="title" @slotchange=${this._configureTitle}></slot>
+        <slot name="subtitle"></slot>
+        <slot name="legend"></slot>
+        <slot name="action"></slot>
+      </div>
+    `;
+    }
+  }, _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = [boxSizingStyles, style], __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbMessageElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVzc2FnZS5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9tZXNzYWdlL21lc3NhZ2UuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwsIExpdEVsZW1lbnQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vY29yZS9zdHlsZXMudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJUaXRsZUVsZW1lbnQgfSBmcm9tICcuLi90aXRsZS50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL21lc3NhZ2Uuc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhIGNvbXBsZXggbWVzc2FnZSBjb21iaW5pbmcgYSB0aXRsZSwgYW4gaW1hZ2UsIGFuIGFjdGlvbiBhbmQgc29tZSBjb250ZW50LlxuICpcbiAqIEBzbG90IGltYWdlIC0gVXNlIHRoaXMgc2xvdCB0byBwcm92aWRlIGFuIGBzYmItaW1hZ2VgIGNvbXBvbmVudC5cbiAqIEBzbG90IHRpdGxlIC0gVXNlIHRoaXMgc2xvdCB0byBwcm92aWRlIGFuIGBzYmItdGl0bGVgLlxuICogQHNsb3Qgc3VidGl0bGUgLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgYSBzdWJ0aXRsZSwgbXVzdCBiZSBhIHBhcmFncmFwaC5cbiAqIEBzbG90IGxlZ2VuZCAtIFVzZSB0aGlzIHNsb3QgdG8gcHJvdmlkZSBhIGxlZ2VuZCwgbXVzdCBiZSBhIHBhcmFncmFwaC5cbiAqIEBzbG90IGFjdGlvbiAtIFVzZSB0aGlzIHNsb3QgdG8gcHJvdmlkZSBhbiBgc2JiLXNlY29uZGFyeS1idXR0b25gLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItbWVzc2FnZScpXG5jbGFzcyBTYmJNZXNzYWdlRWxlbWVudCBleHRlbmRzIExpdEVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCBzdHlsZV07XG5cbiAgcHJpdmF0ZSBfY29uZmlndXJlVGl0bGUoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3QgdGl0bGUgPSAoZXZlbnQudGFyZ2V0IGFzIEhUTUxTbG90RWxlbWVudClcbiAgICAgIC5hc3NpZ25lZEVsZW1lbnRzKClcbiAgICAgIC5maW5kKChlKTogZSBpcyBTYmJUaXRsZUVsZW1lbnQgPT4gZS5sb2NhbE5hbWUgPT09ICdzYmItdGl0bGUnKTtcbiAgICBpZiAodGl0bGUpIHtcbiAgICAgIGN1c3RvbUVsZW1lbnRzLnVwZ3JhZGUodGl0bGUpO1xuICAgICAgdGl0bGUudmlzdWFsTGV2ZWwgPSAnNSc7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLW1lc3NhZ2VfX2NvbnRhaW5lclwiPlxuICAgICAgICA8c2xvdCBuYW1lPVwiaW1hZ2VcIj48L3Nsb3Q+XG4gICAgICAgIDxzbG90IG5hbWU9XCJ0aXRsZVwiIEBzbG90Y2hhbmdlPSR7dGhpcy5fY29uZmlndXJlVGl0bGV9Pjwvc2xvdD5cbiAgICAgICAgPHNsb3QgbmFtZT1cInN1YnRpdGxlXCI+PC9zbG90PlxuICAgICAgICA8c2xvdCBuYW1lPVwibGVnZW5kXCI+PC9zbG90PlxuICAgICAgICA8c2xvdCBuYW1lPVwiYWN0aW9uXCI+PC9zbG90PlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLW1lc3NhZ2UnOiBTYmJNZXNzYWdlRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBb0JNLHFCQUFpQixNQUFBOzswQkFEdEIsY0FBYyxhQUFhLENBQUM7Ozs7b0JBQ0c7QUFBUixFQUFBLG1CQUFRLFlBQVU7QUFBQSxJQUdoQyxnQkFBZ0IsT0FBWTtBQUNsQyxZQUFNLFFBQVMsTUFBTSxPQUNsQixpQkFBQSxFQUNBLEtBQUssQ0FBQyxNQUE0QixFQUFFLGNBQWMsV0FBVztBQUNoRSxVQUFJLE9BQU87QUFDVCx1QkFBZSxRQUFRLEtBQUs7QUFDNUIsY0FBTSxjQUFjO0FBQUEsTUFDdEI7QUFBQSxJQUNGO0FBQUEsSUFFbUIsU0FBTTtBQUN2QixhQUFPO0FBQUE7QUFBQTtBQUFBLHlDQUc4QixLQUFLLGVBQWU7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsSUFNM0Q7QUFBQTs7QUF2QkYsaUJBQUEsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQUN5QixHQUFBLFNBQXlCLENBQUMsaUJBQWlCLEtBQUssR0FEbkUsa0JBQUEsWUFBQSx1QkFBQSxHQUFrQjs7OyJ9

package/development/message.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @entrypoint
+ */
+export * from './message/message.component.ts';
+//# sourceMappingURL=message.d.ts.map

package/development/message.d.ts.map

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

package/development/message.js

@@ -0,0 +1,5 @@
+import { SbbMessageElement } from "./message/message.component.js";
+export {
+  SbbMessageElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVzc2FnZS5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7In0=