@sbb-esta/lyne-elements 0.0.0 → 0.52.0

package/development/menu/common.js

@@ -0,0 +1,174 @@
+import { css, nothing } from "lit";
+import { property } from "lit/decorators.js";
+import { html } from "lit/static-html.js";
+import { SbbDisabledMixin } from "../core/mixins.js";
+import { SbbIconNameMixin } from "../icon.js";
+const style = css`/**
+ * Better font rendering (on OS X)
+ * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
+ *
+ * Usage:
+ *
+ * .var_dark_on_light {
+ * 	@include font-smoothing;
+ * }
+ * .var_light_on_dark {
+ * 	@include font-smoothing-reset;
+ * }
+ */
+/** This mixin can be used to avoid spacing problems by inserting an invisible space as pseudo element. */
+*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  outline: none !important;
+  --sbb-menu-action-border-radius: var(--sbb-border-radius-infinity);
+  --sbb-menu-action-outer-horizontal-padding: var(--sbb-spacing-fixed-3x);
+  --sbb-menu-action-gap: var(--sbb-spacing-fixed-2x);
+  --sbb-menu-action-cursor: pointer;
+  --sbb-menu-action-color: var(--sbb-color-white);
+  --sbb-menu-action-forced-color-border-color: CanvasText;
+  display: block;
+}
+
+@media (any-hover: hover) {
+  :host(:hover:not([disabled])) {
+    --sbb-menu-background-color: var(--sbb-color-iron);
+    --sbb-menu-action-forced-color-border-color: Highlight;
+  }
+}
+
+:host([disabled]) {
+  --sbb-menu-action-cursor: default;
+  --sbb-menu-action-color: var(--sbb-color-graphite);
+  --sbb-menu-action-forced-color-border-color: GrayText;
+  pointer-events: none;
+  cursor: default;
+}
+@media (forced-colors: active) {
+  :host([disabled]) {
+    --sbb-menu-action-color: GrayText;
+  }
+}
+
+@media (forced-colors: active) {
+  :host([role=button]) {
+    --sbb-menu-action-color: ButtonText;
+  }
+}
+
+:is(.sbb-menu-button, .sbb-menu-link) {
+  text-decoration: none;
+  display: block;
+  width: 100%;
+  color: var(--sbb-menu-action-color);
+  padding: var(--sbb-spacing-fixed-1x) var(--sbb-menu-action-outer-horizontal-padding);
+  cursor: var(--sbb-menu-action-cursor);
+  outline: none;
+}
+
+.sbb-menu-action__content {
+  --sbb-text-font-size: var(--sbb-font-size-text-xs);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  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;
+  align-items: center;
+  gap: var(--sbb-menu-action-gap);
+  padding: var(--sbb-spacing-fixed-1x) var(--sbb-spacing-fixed-2x);
+  border-radius: var(--sbb-menu-action-border-radius);
+  user-select: none;
+  -webkit-tap-highlight-color: transparent;
+  background-color: var(--sbb-menu-background-color);
+}
+:host(:focus-visible:not([data-focus-origin=mouse], [data-focus-origin=touch])) .sbb-menu-action__content, :host(:not([data-focus-origin=mouse], [data-focus-origin=touch])) :focus-visible .sbb-menu-action__content {
+  --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);
+  outline-offset: var(--sbb-focus-outline-offset);
+  outline: var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);
+}
+@media (forced-colors: active) {
+  .sbb-menu-action__content {
+    border: var(--sbb-border-width-2x) solid var(--sbb-menu-action-forced-color-border-color);
+  }
+}
+
+.sbb-menu-action__icon {
+  display: flex;
+  min-width: var(--sbb-size-icon-ui-small);
+  min-height: var(--sbb-size-icon-ui-small);
+}
+
+.sbb-menu-action__label {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+:host([disabled]) .sbb-menu-action__label {
+  text-decoration: line-through;
+}
+
+.sbb-menu-action__amount {
+  --sbb-text-font-size: var(--sbb-font-size-text-xxs);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  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: bold;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding-inline: var(--sbb-spacing-fixed-1x);
+  border-radius: var(--sbb-border-radius-infinity);
+  background-color: var(--sbb-color-red);
+  color: var(--sbb-color-white);
+  min-width: fit-content;
+  margin-inline-start: auto;
+  width: var(--sbb-spacing-fixed-4x);
+  max-height: var(--sbb-spacing-fixed-4x);
+}
+@media (forced-colors: active) {
+  .sbb-menu-action__amount {
+    color: var(--sbb-menu-action-color);
+  }
+}`;
+var __defProp = Object.defineProperty;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = void 0;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = decorator(target, key, result) || result;
+  if (result)
+    __defProp(target, key, result);
+  return result;
+};
+const SbbMenuActionCommonElementMixin = (superClass) => {
+  const _SbbMenuActionCommonElement = class _SbbMenuActionCommonElement extends SbbIconNameMixin(SbbDisabledMixin(superClass)) {
+    renderTemplate() {
+      return html`
+        <span class="sbb-menu-action__content">
+          <span class="sbb-menu-action__icon"> ${super.renderIconSlot()} </span>
+          <span class="sbb-menu-action__label">
+            <slot></slot>
+          </span>
+          ${this.amount && !this.disabled ? html`<span class="sbb-menu-action__amount">${this.amount}</span>` : nothing}
+        </span>
+      `;
+    }
+  };
+  _SbbMenuActionCommonElement.styles = style;
+  let SbbMenuActionCommonElement = _SbbMenuActionCommonElement;
+  __decorateClass([
+    property()
+  ], SbbMenuActionCommonElement.prototype, "amount");
+  return SbbMenuActionCommonElement;
+};
+export {
+  SbbMenuActionCommonElementMixin
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbW9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvbWVudS9jb21tb24vbWVudS1hY3Rpb24tY29tbW9uLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIG5vdGhpbmcsIHR5cGUgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBodG1sIH0gZnJvbSAnbGl0L3N0YXRpYy1odG1sLmpzJztcblxuaW1wb3J0IHR5cGUgeyBTYmJBY3Rpb25CYXNlRWxlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvYmFzZS1lbGVtZW50cy5qcyc7XG5pbXBvcnQge1xuICBTYmJEaXNhYmxlZE1peGluLFxuICB0eXBlIEFic3RyYWN0Q29uc3RydWN0b3IsXG4gIHR5cGUgU2JiRGlzYWJsZWRNaXhpblR5cGUsXG59IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLmpzJztcbmltcG9ydCB7IFNiYkljb25OYW1lTWl4aW4sIHR5cGUgU2JiSWNvbk5hbWVNaXhpblR5cGUgfSBmcm9tICcuLi8uLi9pY29uLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vbWVudS1hY3Rpb24uc2Nzcz9saXQmaW5saW5lJztcblxuZXhwb3J0IGRlY2xhcmUgY2xhc3MgU2JiTWVudUFjdGlvbkNvbW1vbkVsZW1lbnRNaXhpblR5cGVcbiAgaW1wbGVtZW50cyBQYXJ0aWFsPFNiYkRpc2FibGVkTWl4aW5UeXBlPiwgUGFydGlhbDxTYmJJY29uTmFtZU1peGluVHlwZT5cbntcbiAgcHVibGljIGFtb3VudD86IHN0cmluZztcbiAgcHVibGljIGRpc2FibGVkOiBib29sZWFuO1xuICBwdWJsaWMgaWNvbk5hbWU/OiBzdHJpbmc7XG59XG5cbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbmV4cG9ydCBjb25zdCBTYmJNZW51QWN0aW9uQ29tbW9uRWxlbWVudE1peGluID0gPFxuICBUIGV4dGVuZHMgQWJzdHJhY3RDb25zdHJ1Y3RvcjxTYmJBY3Rpb25CYXNlRWxlbWVudD4sXG4+KFxuICBzdXBlckNsYXNzOiBULFxuKTogQWJzdHJhY3RDb25zdHJ1Y3RvcjxTYmJNZW51QWN0aW9uQ29tbW9uRWxlbWVudE1peGluVHlwZT4gJiBUID0+IHtcbiAgYWJzdHJhY3QgY2xhc3MgU2JiTWVudUFjdGlvbkNvbW1vbkVsZW1lbnRcbiAgICBleHRlbmRzIFNiYkljb25OYW1lTWl4aW4oU2JiRGlzYWJsZWRNaXhpbihzdXBlckNsYXNzKSlcbiAgICBpbXBsZW1lbnRzIFBhcnRpYWw8U2JiTWVudUFjdGlvbkNvbW1vbkVsZW1lbnRNaXhpblR5cGU+XG4gIHtcbiAgICBwdWJsaWMgc3RhdGljIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICAgIC8qKiBWYWx1ZSBzaG93biBhcyBiYWRnZSBhdCBjb21wb25lbnQgZW5kLiAqL1xuICAgIEBwcm9wZXJ0eSgpIHB1YmxpYyBhbW91bnQ6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICAgIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXJUZW1wbGF0ZSgpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgICByZXR1cm4gaHRtbGBcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItbWVudS1hY3Rpb25fX2NvbnRlbnRcIj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1tZW51LWFjdGlvbl9faWNvblwiPiAke3N1cGVyLnJlbmRlckljb25TbG90KCl9IDwvc3Bhbj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1tZW51LWFjdGlvbl9fbGFiZWxcIj5cbiAgICAgICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgJHt0aGlzLmFtb3VudCAmJiAhdGhpcy5kaXNhYmxlZFxuICAgICAgICAgICAgPyBodG1sYDxzcGFuIGNsYXNzPVwic2JiLW1lbnUtYWN0aW9uX19hbW91bnRcIj4ke3RoaXMuYW1vdW50fTwvc3Bhbj5gXG4gICAgICAgICAgICA6IG5vdGhpbmd9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIGA7XG4gICAgfVxuICB9XG4gIHJldHVybiBTYmJNZW51QWN0aW9uQ29tbW9uRWxlbWVudCBhcyB1bmtub3duIGFzIEFic3RyYWN0Q29uc3RydWN0b3I8U2JiTWVudUFjdGlvbkNvbW1vbkVsZW1lbnRNaXhpblR5cGU+ICZcbiAgICBUO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQXVCYSxNQUFBLGtDQUFrQyxDQUc3QyxlQUNpRTtBQUNqRSxRQUFlLDhCQUFmLE1BQWUsb0NBQ0wsaUJBQWlCLGlCQUFpQixVQUFVLENBQUMsRUFFdkQ7QUFBQSxJQU1xQixpQkFBaUM7QUFDM0MsYUFBQTtBQUFBO0FBQUEsaURBRW9DLE1BQU0sZ0JBQWdCO0FBQUE7QUFBQTtBQUFBO0FBQUEsWUFJM0QsS0FBSyxVQUFVLENBQUMsS0FBSyxXQUNuQiw2Q0FBNkMsS0FBSyxNQUFNLFlBQ3hELE9BQU87QUFBQTtBQUFBO0FBQUEsSUFHakI7QUFBQSxFQUNGO0FBbEJFLDhCQUFjLFNBQXlCO0FBSnpDLE1BQWUsNkJBQWY7QUFPcUIsa0JBQUE7QUFBQSxJQUFsQixTQUFTO0FBQUEsRUFBQSxHQVBHLDJCQU9NLFdBQUEsUUFBQTtBQWdCZCxTQUFBO0FBRVQ7In0=

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

@@ -0,0 +1,76 @@
+import { CSSResultGroup, TemplateResult } from 'lit';
+import { SbbOpenCloseBaseElement } from '../../core/base-elements.js';
+import { SbbMenuButtonElement } from '../menu-button.js';
+import { SbbMenuLinkElement } from '../menu-link.js';
+
+declare const SbbMenuElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNamedSlotListMixinType<SbbMenuButtonElement | SbbMenuLinkElement>> & typeof SbbOpenCloseBaseElement;
+/**
+ * It displays a contextual menu with one or more action element.
+ *
+ * @slot - Use the unnamed slot to add `sbb-menu-button`/`sbb-menu-link` or other elements to the menu.
+ * @event {CustomEvent<void>} willOpen - Emits whenever the `sbb-menu` starts the opening transition. Can be canceled.
+ * @event {CustomEvent<void>} didOpen - Emits whenever the `sbb-menu` is opened.
+ * @event {CustomEvent<void>} willClose - Emits whenever the `sbb-menu` begins the closing transition. Can be canceled.
+ * @event {CustomEvent<void>} didClose - Emits whenever the `sbb-menu` is closed.
+ * @cssprop [--sbb-menu-z-index=var(--sbb-overlay-default-z-index)] - To specify a custom stack order,
+ * the `z-index` can be overridden by defining this CSS variable. The default `z-index` of the
+ * component is set to `var(--sbb-overlay-default-z-index)` with a value of `1000`.
+ */
+export declare class SbbMenuElement extends SbbMenuElement_base {
+    static styles: CSSResultGroup;
+    protected readonly listChildLocalNames: string[];
+    /**
+     * The element that will trigger the menu overlay.
+     * Accepts both a string (id of an element) or an HTML element.
+     */
+    set trigger(value: string | HTMLElement | null);
+    get trigger(): string | HTMLElement | null;
+    private _trigger;
+    /**
+     * This will be forwarded as aria-label to the inner list.
+     * Used only if the menu automatically renders the actions inside as a list.
+     */
+    listAccessibilityLabel?: string;
+    private _menu;
+    private _triggerElement;
+    private _isPointerDownEventOnMenu;
+    private _menuController;
+    private _windowEventsController;
+    private _abort;
+    private _focusHandler;
+    private _scrollHandler;
+    /**
+     * Opens the menu on trigger click.
+     */
+    open(): void;
+    /**
+     * Closes the menu.
+     */
+    close(): void;
+    /**
+     * Handles click and checks if its target is a sbb-menu-button/sbb-menu-link.
+     */
+    private _onClick;
+    private _handleKeyDown;
+    private _onKeydownEvent;
+    private _removeTriggerClickListener;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _checkListCase;
+    private _configure;
+    private _attachWindowEvents;
+    private _closeOnInteractiveElementClick;
+    private _pointerDownListener;
+    private _closeOnBackdropClick;
+    private _onMenuAnimationEnd;
+    private _setMenuFocus;
+    private _setMenuPosition;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-menu': SbbMenuElement;
+    }
+}
+export {};
+//# sourceMappingURL=menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../../src/elements/menu/menu/menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAYrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAYtE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;;AAkB1D;;;;;;;;;;;GAWG;AACH,qBACa,cAAe,SAAQ,mBAGV;IACxB,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,mBAA4B,mBAAmB,WAAwC;IAEvF;;;OAGG;IACH,IACW,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,EAIpD;IACD,IAAW,OAAO,IAAI,MAAM,GAAG,WAAW,GAAG,IAAI,CAEhD;IACD,OAAO,CAAC,QAAQ,CAAqC;IAErD;;;OAGG;IACyD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAE5F,OAAO,CAAC,KAAK,CAAkB;IAC/B,OAAO,CAAC,eAAe,CAA4B;IACnD,OAAO,CAAC,yBAAyB,CAAkB;IACnD,OAAO,CAAC,eAAe,CAAmB;IAC1C,OAAO,CAAC,uBAAuB,CAAmB;IAClD,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,aAAa,CAAyB;IAC9C,OAAO,CAAC,cAAc,CAA0B;IAEhD;;OAEG;IACI,IAAI,IAAI,IAAI;IAmBnB;;OAEG;IACI,KAAK,IAAI,IAAI;IAapB;;OAEG;IACH,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,cAAc;YAsBR,eAAe;IAY7B,OAAO,CAAC,2BAA2B;IAWnB,iBAAiB,IAAI,IAAI;IAoBzB,oBAAoB,IAAI,IAAI;IAQ5C,OAAO,CAAC,cAAc;IAmBtB,OAAO,CAAC,UAAU;IAsBlB,OAAO,CAAC,mBAAmB;IAwB3B,OAAO,CAAC,+BAA+B;IAQvC,OAAO,CAAC,oBAAoB,CAE1B;IAGF,OAAO,CAAC,qBAAqB,CAI3B;IAMF,OAAO,CAAC,mBAAmB;IA8B3B,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,gBAAgB;cAyBL,MAAM,IAAI,cAAc;CAqB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}

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

@@ -0,0 +1,20 @@
+import { SbbButtonBaseElement } from '../../core/base-elements.js';
+
+declare const SbbMenuButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../common.js').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 {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-menu-button': SbbMenuButtonElement;
+    }
+}
+export {};
+//# sourceMappingURL=menu-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-button.d.ts","sourceRoot":"","sources":["../../../../../src/elements/menu/menu-button/menu-button.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAInE;;;;;;;GAOG;AACH,qBACa,oBAAqB,SAAQ,yBAEzC;CAAG;AAEJ,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}

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

@@ -0,0 +1,2 @@
+export * from './menu-button/menu-button.js';
+//# 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,cAAc,8BAA8B,CAAC"}

package/development/menu/menu-button.js

@@ -0,0 +1,26 @@
+import { customElement } from "lit/decorators.js";
+import { SbbButtonBaseElement } from "../core/base-elements.js";
+import { SbbDisabledTabIndexActionMixin } from "../core/mixins.js";
+import { SbbMenuActionCommonElementMixin } from "./common.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+let SbbMenuButtonElement = class extends SbbDisabledTabIndexActionMixin(
+  SbbMenuActionCommonElementMixin(SbbButtonBaseElement)
+) {
+};
+SbbMenuButtonElement = __decorateClass([
+  customElement("sbb-menu-button")
+], SbbMenuButtonElement);
+export {
+  SbbMenuButtonElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1idXR0b24uanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9tZW51L21lbnUtYnV0dG9uL21lbnUtYnV0dG9uLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYkJ1dHRvbkJhc2VFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLmpzJztcbmltcG9ydCB7IFNiYkRpc2FibGVkVGFiSW5kZXhBY3Rpb25NaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLmpzJztcbmltcG9ydCB7IFNiYk1lbnVBY3Rpb25Db21tb25FbGVtZW50TWl4aW4gfSBmcm9tICcuLi9jb21tb24uanMnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGEgYnV0dG9uIGVsZW1lbnQgdGhhdCBjYW4gYmUgdXNlZCBpbiB0aGUgYHNiYi1tZW51YCBjb21wb25lbnQuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgY29udGVudCB0byB0aGUgYHNiYi1tZW51LWJ1dHRvbmAuXG4gKiBAc2xvdCBpY29uIC0gVXNlIHRoaXMgc2xvdCB0byBwcm92aWRlIGFuIGljb24uIElmIGBpY29uLW5hbWVgIGlzIHNldCwgYSBgc2JiLWljb25gIHdpbGwgYmUgdXNlZC5cbiAqIEBjc3Nwcm9wIFstLXNiYi1tZW51LWFjdGlvbi1vdXRlci1ob3Jpem9udGFsLXBhZGRpbmc9dmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtM3gpXSAtIENhbiBiZSB1c2VkXG4gKiB0byBtb2RpZnkgaG9yaXpvbnRhbCBwYWRkaW5nLlxuICovXG5AY3VzdG9tRWxlbWVudCgnc2JiLW1lbnUtYnV0dG9uJylcbmV4cG9ydCBjbGFzcyBTYmJNZW51QnV0dG9uRWxlbWVudCBleHRlbmRzIFNiYkRpc2FibGVkVGFiSW5kZXhBY3Rpb25NaXhpbihcbiAgU2JiTWVudUFjdGlvbkNvbW1vbkVsZW1lbnRNaXhpbihTYmJCdXR0b25CYXNlRWxlbWVudCksXG4pIHt9XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItbWVudS1idXR0b24nOiBTYmJNZW51QnV0dG9uRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7OztBQWVPLElBQU0sdUJBQU4sY0FBbUM7QUFBQSxFQUN4QyxnQ0FBZ0Msb0JBQW9CO0FBQ3RELEVBQUU7QUFBQztBQUZVLHVCQUFOLGdCQUFBO0FBQUEsRUFETixjQUFjLGlCQUFpQjtBQUFBLEdBQ25CLG9CQUFBOyJ9

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

@@ -0,0 +1,20 @@
+import { SbbLinkBaseElement } from '../../core/base-elements.js';
+
+declare const SbbMenuLinkElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').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 {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-menu-link': SbbMenuLinkElement;
+    }
+}
+export {};
+//# sourceMappingURL=menu-link.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-link.d.ts","sourceRoot":"","sources":["../../../../../src/elements/menu/menu-link/menu-link.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAGjE;;;;;;;GAOG;AACH,qBACa,kBAAmB,SAAQ,uBAAmD;CAAG;AAE9F,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}

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

@@ -0,0 +1,2 @@
+export * from './menu-link/menu-link.js';
+//# 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,cAAc,0BAA0B,CAAC"}

package/development/menu/menu-link.js

@@ -0,0 +1,23 @@
+import { customElement } from "lit/decorators.js";
+import { SbbLinkBaseElement } from "../core/base-elements.js";
+import { SbbMenuActionCommonElementMixin } from "./common.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+let SbbMenuLinkElement = class extends SbbMenuActionCommonElementMixin(SbbLinkBaseElement) {
+};
+SbbMenuLinkElement = __decorateClass([
+  customElement("sbb-menu-link")
+], SbbMenuLinkElement);
+export {
+  SbbMenuLinkElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1saW5rLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvbWVudS9tZW51LWxpbmsvbWVudS1saW5rLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYkxpbmtCYXNlRWxlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvYmFzZS1lbGVtZW50cy5qcyc7XG5pbXBvcnQgeyBTYmJNZW51QWN0aW9uQ29tbW9uRWxlbWVudE1peGluIH0gZnJvbSAnLi4vY29tbW9uLmpzJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhIGxpbmsgZWxlbWVudCB0aGF0IGNhbiBiZSB1c2VkIGluIHRoZSBgc2JiLW1lbnVgIGNvbXBvbmVudC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSBgc2JiLW1lbnUtbGlua2AuXG4gKiBAc2xvdCBpY29uIC0gVXNlIHRoaXMgc2xvdCB0byBwcm92aWRlIGFuIGljb24uIElmIGBpY29uLW5hbWVgIGlzIHNldCwgYSBgc2JiLWljb25gIHdpbGwgYmUgdXNlZC5cbiAqIEBjc3Nwcm9wIFstLXNiYi1tZW51LWFjdGlvbi1vdXRlci1ob3Jpem9udGFsLXBhZGRpbmc9dmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtM3gpXSAtIENhbiBiZSB1c2VkXG4gKiB0byBtb2RpZnkgaG9yaXpvbnRhbCBwYWRkaW5nLlxuICovXG5AY3VzdG9tRWxlbWVudCgnc2JiLW1lbnUtbGluaycpXG5leHBvcnQgY2xhc3MgU2JiTWVudUxpbmtFbGVtZW50IGV4dGVuZHMgU2JiTWVudUFjdGlvbkNvbW1vbkVsZW1lbnRNaXhpbihTYmJMaW5rQmFzZUVsZW1lbnQpIHt9XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItbWVudS1saW5rJzogU2JiTWVudUxpbmtFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7QUFjTyxJQUFNLHFCQUFOLGNBQWlDLGdDQUFnQyxrQkFBa0IsRUFBRTtBQUFDO0FBQWhGLHFCQUFOLGdCQUFBO0FBQUEsRUFETixjQUFjLGVBQWU7QUFBQSxHQUNqQixrQkFBQTsifQ==

package/development/menu/menu.d.ts

@@ -0,0 +1,2 @@
+export * from './menu/menu.js';
+//# 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,cAAc,gBAAgB,CAAC"}