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

package/development/core/mixins.js

@@ -0,0 +1,148 @@
+import { SbbAnimationCompleteMixin } from "./mixins/animation-complete-mixin.js";
+import { SbbDisabledInteractiveMixin, SbbDisabledMixin, SbbDisabledTabIndexActionMixin } from "./mixins/disabled-mixin.js";
+import { SbbElementInternalsMixin, appendAriaElements, removeAriaElements, ɵstateController } from "./mixins/element-internals-mixin.js";
+import { SbbFormAssociatedCheckboxMixin } from "./mixins/form-associated-checkbox-mixin.js";
+import { SbbFormAssociatedInputMixin } from "./mixins/form-associated-input-mixin.js";
+import { SbbFormAssociatedMixin } from "./mixins/form-associated-mixin.js";
+import { SbbFormAssociatedRadioButtonMixin, radioButtonRegistry } from "./mixins/form-associated-radio-button-mixin.js";
+import { SbbHydrationMixin } from "./mixins/hydration-mixin.js";
+import { SbbNamedSlotListMixin } from "./mixins/named-slot-list-mixin.js";
+import { SbbNegativeMixin } from "./mixins/negative-mixin.js";
+import { SbbPanelMixin } from "./mixins/panel-mixin.js";
+import { SbbRequiredMixin } from "./mixins/required-mixin.js";
+import { SbbReadonlyMixin } from "./mixins/readonly-mixin.js";
+import { SbbSelectionPanelMixin } from "./mixins/selection-panel-mixin.js";
+import { SbbUpdateSchedulerMixin } from "./mixins/update-scheduler-mixin.js";
+import { css } from "lit";
+const panelCommon = css`:host {
+  --sbb-selection-panel-background: var(
+    --sbb-selection-panel-inner-background,
+    var(--sbb-selection-panel-background-default)
+  );
+  --sbb-selection-panel-border-width: var(
+    --sbb-selection-panel-inner-border-width,
+    var(--sbb-selection-panel-border-width-default)
+  );
+  --sbb-selection-panel-animation-duration: var(
+    --sbb-disable-animation-duration,
+    var(--sbb-animation-duration-4x)
+  );
+  display: block;
+  outline: none !important;
+}
+
+:host([size=xs]) {
+  --sbb-selection-panel-checkbox-dimension: var(--sbb-checkbox-dimension-xs);
+  --sbb-selection-panel-input-padding: var(--sbb-selection-panel-input-padding-block-xs)
+    var(--sbb-selection-panel-input-padding-inline-xs);
+}
+
+:host([size=s]) {
+  --sbb-selection-panel-checkbox-dimension: var(--sbb-checkbox-dimension-s);
+  --sbb-selection-panel-input-padding: var(--sbb-selection-panel-input-padding-block-s)
+    var(--sbb-selection-panel-input-padding-inline-s);
+}
+
+:host([size=m]) {
+  --sbb-selection-panel-checkbox-dimension: var(--sbb-checkbox-dimension-m);
+  --sbb-selection-panel-input-padding: var(--sbb-selection-panel-input-padding-block-m)
+    var(--sbb-selection-panel-input-padding-inline-m);
+}
+
+:host([color=milk]) {
+  --sbb-selection-panel-background: var(
+    --sbb-selection-panel-inner-background,
+    var(--sbb-selection-panel-background-milk)
+  );
+}
+
+:host([borderless]:not(:is(:state(checked),[state--checked]))) {
+  --sbb-selection-panel-border-color: var(--sbb-selection-panel-border-color-borderless);
+}
+
+:host(:is(:is(:state(checked),[state--checked])):not(:disabled, [disabled])) {
+  --sbb-selection-panel-border-color: var(--sbb-selection-panel-border-color-checked);
+  --sbb-selection-panel-border-width: var(
+    --sbb-selection-panel-inner-border-width,
+    var(--sbb-selection-panel-border-width-checked)
+  );
+}
+
+:host(:is(:disabled, [disabled])) {
+  --sbb-selection-panel-cursor: var(--sbb-cursor-default);
+}
+
+.sbb-selection-panel {
+  display: block;
+  cursor: var(--sbb-selection-panel-cursor);
+  position: relative;
+  border-radius: var(--sbb-selection-panel-border-radius);
+  box-shadow: inset 0 0 0 var(--sbb-selection-panel-border-width) var(--sbb-selection-panel-border-color);
+  padding: var(--sbb-selection-panel-input-padding);
+  background-color: var(--sbb-selection-panel-background);
+  transition-duration: var(--sbb-selection-panel-animation-duration);
+  transition-timing-function: var(--sbb-animation-easing);
+  transition-property: box-shadow;
+}
+@media (forced-colors: active) {
+  .sbb-selection-panel::after {
+    content: "";
+    display: block;
+    position: absolute;
+    inset: 0;
+    pointer-events: none;
+    border: var(--sbb-selection-panel-border-width) solid var(--sbb-selection-panel-border-color);
+    border-radius: var(--sbb-selection-panel-border-radius);
+  }
+}
+:host(:focus-visible) .sbb-selection-panel {
+  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-selection-panel__badge {
+  user-select: none;
+  pointer-events: none;
+  position: absolute;
+  inset: 0;
+  border-radius: var(--sbb-selection-panel-border-radius);
+  overflow: hidden;
+}
+
+slot[name=suffix] {
+  color: var(--sbb-selection-panel-suffix-color);
+}
+
+slot[name=subtext] {
+  display: block;
+  color: var(--sbb-selection-panel-subtext-color);
+  padding-inline-start: calc(var(--sbb-selection-panel-checkbox-dimension) + var(--sbb-spacing-fixed-2x));
+}
+:host(:not(:is(:state(slotted-subtext),[state--slotted-subtext]))) slot[name=subtext] {
+  display: none;
+}`;
+export {
+  SbbAnimationCompleteMixin,
+  SbbDisabledInteractiveMixin,
+  SbbDisabledMixin,
+  SbbDisabledTabIndexActionMixin,
+  SbbElementInternalsMixin,
+  SbbFormAssociatedCheckboxMixin,
+  SbbFormAssociatedInputMixin,
+  SbbFormAssociatedMixin,
+  SbbFormAssociatedRadioButtonMixin,
+  SbbHydrationMixin,
+  SbbNamedSlotListMixin,
+  SbbNegativeMixin,
+  SbbPanelMixin,
+  SbbReadonlyMixin,
+  SbbRequiredMixin,
+  SbbSelectionPanelMixin,
+  SbbUpdateSchedulerMixin,
+  appendAriaElements,
+  panelCommon as panelCommonStyle,
+  radioButtonRegistry,
+  removeAriaElements,
+  ɵstateController
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWl4aW5zLmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OyJ9

package/development/core/overlay/overlay-option-panel.d.ts

@@ -0,0 +1,12 @@
+import { SbbElementInternalsMixinType } from '../mixins.ts';
+/**
+ * Places the overlay in the correct position.
+ * @param dialog The reference to the dialog element.
+ * @param originElement The reference to the element the dialog is attached to.
+ * @param optionContainer The reference to the option panel.
+ * @param container The element which has the position:fixed applied.
+ * @param element The reference to the component.
+ * @param position The allowed position of the overlay relative to the origin.
+ */
+export declare function setOverlayPosition(dialog: HTMLElement, originElement: HTMLElement, optionContainer: HTMLElement, container: HTMLElement, element: HTMLElement & SbbElementInternalsMixinType, position?: 'auto' | 'above' | 'below'): void;
+//# sourceMappingURL=overlay-option-panel.d.ts.map

package/development/core/overlay/overlay-option-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay-option-panel.d.ts","sourceRoot":"","sources":["../../../../../src/elements/core/overlay/overlay-option-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,4BAA4B,EAAoB,MAAM,cAAc,CAAC;AAInF;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,WAAW,EACnB,aAAa,EAAE,WAAW,EAC1B,eAAe,EAAE,WAAW,EAC5B,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,WAAW,GAAG,4BAA4B,EACnD,QAAQ,GAAE,MAAM,GAAG,OAAO,GAAG,OAAgB,GAC5C,IAAI,CA6BN"}

package/development/core/overlay/overlay-option-panel.js

@@ -0,0 +1,29 @@
+import { ɵstateController as _stateController } from "../mixins.js";
+import { getElementPosition } from "./position.js";
+function setOverlayPosition(dialog, originElement, optionContainer, container, element, position = "auto") {
+  if (!dialog || !originElement) {
+    return;
+  }
+  element.style.setProperty("--sbb-options-panel-width", `${originElement.offsetWidth}px`);
+  element.style.setProperty("--sbb-options-panel-origin-height", `${originElement.offsetHeight}px`);
+  const panelPosition = getElementPosition(optionContainer, originElement, container, {
+    forceBelow: position === "below",
+    forceAbove: position === "above"
+  });
+  element.style.setProperty("--sbb-options-panel-position-x", `${panelPosition.left}px`);
+  element.style.setProperty("--sbb-options-panel-position-y", `${panelPosition.top}px`);
+  element.style.setProperty("--sbb-options-panel-max-height-calculated", panelPosition.maxHeight);
+  const controller = _stateController(element);
+  if (panelPosition.alignment.vertical === "above") {
+    controller.add("options-panel-position-above");
+    controller.delete("options-panel-position-below");
+  } else {
+    controller.add("options-panel-position-below");
+    controller.delete("options-panel-position-above");
+  }
+  originElement.setAttribute("data-options-panel-position", panelPosition.alignment.vertical);
+}
+export {
+  setOverlayPosition
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS1vcHRpb24tcGFuZWwuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9jb3JlL292ZXJsYXkvb3ZlcmxheS1vcHRpb24tcGFuZWwudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHlwZSBTYmJFbGVtZW50SW50ZXJuYWxzTWl4aW5UeXBlLCDJtXN0YXRlQ29udHJvbGxlciB9IGZyb20gJy4uL21peGlucy50cyc7XG5cbmltcG9ydCB7IGdldEVsZW1lbnRQb3NpdGlvbiB9IGZyb20gJy4vcG9zaXRpb24udHMnO1xuXG4vKipcbiAqIFBsYWNlcyB0aGUgb3ZlcmxheSBpbiB0aGUgY29ycmVjdCBwb3NpdGlvbi5cbiAqIEBwYXJhbSBkaWFsb2cgVGhlIHJlZmVyZW5jZSB0byB0aGUgZGlhbG9nIGVsZW1lbnQuXG4gKiBAcGFyYW0gb3JpZ2luRWxlbWVudCBUaGUgcmVmZXJlbmNlIHRvIHRoZSBlbGVtZW50IHRoZSBkaWFsb2cgaXMgYXR0YWNoZWQgdG8uXG4gKiBAcGFyYW0gb3B0aW9uQ29udGFpbmVyIFRoZSByZWZlcmVuY2UgdG8gdGhlIG9wdGlvbiBwYW5lbC5cbiAqIEBwYXJhbSBjb250YWluZXIgVGhlIGVsZW1lbnQgd2hpY2ggaGFzIHRoZSBwb3NpdGlvbjpmaXhlZCBhcHBsaWVkLlxuICogQHBhcmFtIGVsZW1lbnQgVGhlIHJlZmVyZW5jZSB0byB0aGUgY29tcG9uZW50LlxuICogQHBhcmFtIHBvc2l0aW9uIFRoZSBhbGxvd2VkIHBvc2l0aW9uIG9mIHRoZSBvdmVybGF5IHJlbGF0aXZlIHRvIHRoZSBvcmlnaW4uXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBzZXRPdmVybGF5UG9zaXRpb24oXG4gIGRpYWxvZzogSFRNTEVsZW1lbnQsXG4gIG9yaWdpbkVsZW1lbnQ6IEhUTUxFbGVtZW50LFxuICBvcHRpb25Db250YWluZXI6IEhUTUxFbGVtZW50LFxuICBjb250YWluZXI6IEhUTUxFbGVtZW50LFxuICBlbGVtZW50OiBIVE1MRWxlbWVudCAmIFNiYkVsZW1lbnRJbnRlcm5hbHNNaXhpblR5cGUsXG4gIHBvc2l0aW9uOiAnYXV0bycgfCAnYWJvdmUnIHwgJ2JlbG93JyA9ICdhdXRvJyxcbik6IHZvaWQge1xuICBpZiAoIWRpYWxvZyB8fCAhb3JpZ2luRWxlbWVudCkge1xuICAgIHJldHVybjtcbiAgfVxuXG4gIC8vIFNldCB0aGUgd2lkdGggdG8gbWF0Y2ggdGhlIHRyaWdnZXIgZWxlbWVudFxuICBlbGVtZW50LnN0eWxlLnNldFByb3BlcnR5KCctLXNiYi1vcHRpb25zLXBhbmVsLXdpZHRoJywgYCR7b3JpZ2luRWxlbWVudC5vZmZzZXRXaWR0aH1weGApO1xuXG4gIC8vIFNldCB0aGUgb3JpZ2luIGhlaWdodFxuICBlbGVtZW50LnN0eWxlLnNldFByb3BlcnR5KCctLXNiYi1vcHRpb25zLXBhbmVsLW9yaWdpbi1oZWlnaHQnLCBgJHtvcmlnaW5FbGVtZW50Lm9mZnNldEhlaWdodH1weGApO1xuXG4gIC8vIENhbGN1bGF0ZSBhbmQgc2V0IHRoZSBwb3NpdGlvblxuICBjb25zdCBwYW5lbFBvc2l0aW9uID0gZ2V0RWxlbWVudFBvc2l0aW9uKG9wdGlvbkNvbnRhaW5lciwgb3JpZ2luRWxlbWVudCwgY29udGFpbmVyLCB7XG4gICAgZm9yY2VCZWxvdzogcG9zaXRpb24gPT09ICdiZWxvdycsXG4gICAgZm9yY2VBYm92ZTogcG9zaXRpb24gPT09ICdhYm92ZScsXG4gIH0pO1xuXG4gIGVsZW1lbnQuc3R5bGUuc2V0UHJvcGVydHkoJy0tc2JiLW9wdGlvbnMtcGFuZWwtcG9zaXRpb24teCcsIGAke3BhbmVsUG9zaXRpb24ubGVmdH1weGApO1xuICBlbGVtZW50LnN0eWxlLnNldFByb3BlcnR5KCctLXNiYi1vcHRpb25zLXBhbmVsLXBvc2l0aW9uLXknLCBgJHtwYW5lbFBvc2l0aW9uLnRvcH1weGApO1xuICBlbGVtZW50LnN0eWxlLnNldFByb3BlcnR5KCctLXNiYi1vcHRpb25zLXBhbmVsLW1heC1oZWlnaHQtY2FsY3VsYXRlZCcsIHBhbmVsUG9zaXRpb24ubWF4SGVpZ2h0KTtcbiAgY29uc3QgY29udHJvbGxlciA9IMm1c3RhdGVDb250cm9sbGVyKGVsZW1lbnQpO1xuICBpZiAocGFuZWxQb3NpdGlvbi5hbGlnbm1lbnQudmVydGljYWwgPT09ICdhYm92ZScpIHtcbiAgICBjb250cm9sbGVyLmFkZCgnb3B0aW9ucy1wYW5lbC1wb3NpdGlvbi1hYm92ZScpO1xuICAgIGNvbnRyb2xsZXIuZGVsZXRlKCdvcHRpb25zLXBhbmVsLXBvc2l0aW9uLWJlbG93Jyk7XG4gIH0gZWxzZSB7XG4gICAgY29udHJvbGxlci5hZGQoJ29wdGlvbnMtcGFuZWwtcG9zaXRpb24tYmVsb3cnKTtcbiAgICBjb250cm9sbGVyLmRlbGV0ZSgnb3B0aW9ucy1wYW5lbC1wb3NpdGlvbi1hYm92ZScpO1xuICB9XG4gIG9yaWdpbkVsZW1lbnQuc2V0QXR0cmlidXRlKCdkYXRhLW9wdGlvbnMtcGFuZWwtcG9zaXRpb24nLCBwYW5lbFBvc2l0aW9uLmFsaWdubWVudC52ZXJ0aWNhbCk7XG59XG4iXSwibmFtZXMiOlsiybVzdGF0ZUNvbnRyb2xsZXIiXSwibWFwcGluZ3MiOiI7O0FBYU0sU0FBVSxtQkFDZCxRQUNBLGVBQ0EsaUJBQ0EsV0FDQSxTQUNBLFdBQXVDLFFBQU07QUFFN0MsTUFBSSxDQUFDLFVBQVUsQ0FBQyxlQUFlO0FBQzdCO0FBQUEsRUFDRjtBQUdBLFVBQVEsTUFBTSxZQUFZLDZCQUE2QixHQUFHLGNBQWMsV0FBVyxJQUFJO0FBR3ZGLFVBQVEsTUFBTSxZQUFZLHFDQUFxQyxHQUFHLGNBQWMsWUFBWSxJQUFJO0FBR2hHLFFBQU0sZ0JBQWdCLG1CQUFtQixpQkFBaUIsZUFBZSxXQUFXO0FBQUEsSUFDbEYsWUFBWSxhQUFhO0FBQUEsSUFDekIsWUFBWSxhQUFhO0FBQUEsRUFBQSxDQUMxQjtBQUVELFVBQVEsTUFBTSxZQUFZLGtDQUFrQyxHQUFHLGNBQWMsSUFBSSxJQUFJO0FBQ3JGLFVBQVEsTUFBTSxZQUFZLGtDQUFrQyxHQUFHLGNBQWMsR0FBRyxJQUFJO0FBQ3BGLFVBQVEsTUFBTSxZQUFZLDZDQUE2QyxjQUFjLFNBQVM7QUFDOUYsUUFBTSxhQUFhQSxpQkFBaUIsT0FBTztBQUMzQyxNQUFJLGNBQWMsVUFBVSxhQUFhLFNBQVM7QUFDaEQsZUFBVyxJQUFJLDhCQUE4QjtBQUM3QyxlQUFXLE9BQU8sOEJBQThCO0FBQUEsRUFDbEQsT0FBTztBQUNMLGVBQVcsSUFBSSw4QkFBOEI7QUFDN0MsZUFBVyxPQUFPLDhCQUE4QjtBQUFBLEVBQ2xEO0FBQ0EsZ0JBQWMsYUFBYSwrQkFBK0IsY0FBYyxVQUFVLFFBQVE7QUFDNUY7In0=

package/development/core/overlay/overlay-outside-pointer-event-listener.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Listens globally to pointer events that happen outside the overlay area.
+ *
+ * Ref: https://github.com/angular/components/blob/main/src/cdk/overlay/dispatchers/overlay-outside-click-dispatcher.ts
+ */
+export declare class SbbOverlayOutsidePointerEventListener {
+    private _overlays;
+    private _pointerDownEventTarget?;
+    private _abortController?;
+    private _cursorOriginalValue?;
+    connect(overlay: HTMLElement): void;
+    disconnect(overlay: HTMLElement): void;
+    private _addGlobalEventListeners;
+    /** Store pointerdown event target to track origin of click. */
+    private _pointerDownListener;
+    /** Click event listener that will be attached to the body propagate phase. */
+    private _clickListener;
+}
+/** The global instance for listening for outside pointer events. */
+export declare const sbbOverlayOutsidePointerEventListener: SbbOverlayOutsidePointerEventListener;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        overlayOutsidePointer: CustomEvent;
+    }
+}
+//# sourceMappingURL=overlay-outside-pointer-event-listener.d.ts.map

package/development/core/overlay/overlay-outside-pointer-event-listener.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay-outside-pointer-event-listener.d.ts","sourceRoot":"","sources":["../../../../../src/elements/core/overlay/overlay-outside-pointer-event-listener.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,qBAAa,qCAAqC;IAChD,OAAO,CAAC,SAAS,CAA0B;IAC3C,OAAO,CAAC,uBAAuB,CAAC,CAAc;IAC9C,OAAO,CAAC,gBAAgB,CAAC,CAAkB;IAC3C,OAAO,CAAC,oBAAoB,CAAC,CAAS;IAE/B,OAAO,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI;IAiBnC,UAAU,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI;IAW7C,OAAO,CAAC,wBAAwB;IAkBhC,+DAA+D;IAC/D,OAAO,CAAC,oBAAoB,CAE1B;IAEF,8EAA8E;IAC9E,OAAO,CAAC,cAAc,CAyBpB;CACH;AAED,oEAAoE;AACpE,eAAO,MAAM,qCAAqC,uCAA8C,CAAC;AAEjG,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,2BAA2B;QACnC,qBAAqB,EAAE,WAAW,CAAC;KACpC;CACF"}

package/development/core/overlay/overlay-outside-pointer-event-listener.js

@@ -0,0 +1,61 @@
+import { containsPierceShadowDom, isIOS, isAndroid } from "../dom.js";
+class SbbOverlayOutsidePointerEventListener {
+  constructor() {
+    this._overlays = /* @__PURE__ */ new Set();
+    this._pointerDownListener = (event) => {
+      this._pointerDownEventTarget = event.composedPath()[0];
+    };
+    this._clickListener = (event) => {
+      const target = event.composedPath()[0];
+      const origin = event.type === "click" && this._pointerDownEventTarget ? this._pointerDownEventTarget : target;
+      this._pointerDownEventTarget = void 0;
+      for (const overlay of Array.from(this._overlays).reverse()) {
+        if (containsPierceShadowDom(overlay, target) || containsPierceShadowDom(overlay, origin)) {
+          break;
+        }
+        overlay.dispatchEvent(new CustomEvent("overlayOutsidePointer"));
+      }
+    };
+  }
+  connect(overlay) {
+    if (!this._overlays.size) {
+      this._addGlobalEventListeners();
+      if (isIOS) {
+        this._cursorOriginalValue = document.body.style.cursor;
+        document.body.style.cursor = "pointer";
+      }
+    }
+    this._overlays.add(overlay);
+  }
+  disconnect(overlay) {
+    this._overlays.delete(overlay);
+    if (!this._overlays.size) {
+      this._abortController?.abort();
+      this._abortController = void 0;
+      if (isIOS) {
+        document.body.style.cursor = this._cursorOriginalValue;
+      }
+    }
+  }
+  _addGlobalEventListeners() {
+    const body = document.body;
+    this._abortController = new AbortController();
+    const options = {
+      capture: true,
+      passive: true,
+      signal: this._abortController.signal
+    };
+    body.addEventListener("click", this._clickListener, options);
+    if (!isAndroid && !isIOS) {
+      body.addEventListener("pointerdown", this._pointerDownListener, options);
+      body.addEventListener("auxclick", this._clickListener, options);
+      body.addEventListener("contextmenu", this._clickListener, options);
+    }
+  }
+}
+const sbbOverlayOutsidePointerEventListener = new SbbOverlayOutsidePointerEventListener();
+export {
+  SbbOverlayOutsidePointerEventListener,
+  sbbOverlayOutsidePointerEventListener
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS1vdXRzaWRlLXBvaW50ZXItZXZlbnQtbGlzdGVuZXIuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9jb3JlL292ZXJsYXkvb3ZlcmxheS1vdXRzaWRlLXBvaW50ZXItZXZlbnQtbGlzdGVuZXIudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY29udGFpbnNQaWVyY2VTaGFkb3dEb20sIGlzQW5kcm9pZCwgaXNJT1MgfSBmcm9tICcuLi9kb20udHMnO1xuXG4vKipcbiAqIExpc3RlbnMgZ2xvYmFsbHkgdG8gcG9pbnRlciBldmVudHMgdGhhdCBoYXBwZW4gb3V0c2lkZSB0aGUgb3ZlcmxheSBhcmVhLlxuICpcbiAqIFJlZjogaHR0cHM6Ly9naXRodWIuY29tL2FuZ3VsYXIvY29tcG9uZW50cy9ibG9iL21haW4vc3JjL2Nkay9vdmVybGF5L2Rpc3BhdGNoZXJzL292ZXJsYXktb3V0c2lkZS1jbGljay1kaXNwYXRjaGVyLnRzXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJPdmVybGF5T3V0c2lkZVBvaW50ZXJFdmVudExpc3RlbmVyIHtcbiAgcHJpdmF0ZSBfb3ZlcmxheXMgPSBuZXcgU2V0PEhUTUxFbGVtZW50PigpO1xuICBwcml2YXRlIF9wb2ludGVyRG93bkV2ZW50VGFyZ2V0PzogSFRNTEVsZW1lbnQ7XG4gIHByaXZhdGUgX2Fib3J0Q29udHJvbGxlcj86IEFib3J0Q29udHJvbGxlcjtcbiAgcHJpdmF0ZSBfY3Vyc29yT3JpZ2luYWxWYWx1ZT86IHN0cmluZztcblxuICBwdWJsaWMgY29ubmVjdChvdmVybGF5OiBIVE1MRWxlbWVudCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5fb3ZlcmxheXMuc2l6ZSkge1xuICAgICAgdGhpcy5fYWRkR2xvYmFsRXZlbnRMaXN0ZW5lcnMoKTtcbiAgICAgIGlmIChpc0lPUykge1xuICAgICAgICAvLyBTYWZhcmkgb24gaU9TIGRvZXMgbm90IGdlbmVyYXRlIGNsaWNrIGV2ZW50cyBmb3Igbm9uLWludGVyYWN0aXZlXG4gICAgICAgIC8vIGVsZW1lbnRzLiBIb3dldmVyLCB3ZSB3YW50IHRvIHJlY2VpdmUgYSBjbGljayBmb3IgYW55IGVsZW1lbnQgb3V0c2lkZVxuICAgICAgICAvLyB0aGUgb3ZlcmxheS4gV2UgY2FuIGZvcmNlIGEgXCJjbGlja2FibGVcIiBzdGF0ZSBieSBzZXR0aW5nXG4gICAgICAgIC8vIGBjdXJzb3I6IHBvaW50ZXJgIG9uIHRoZSBkb2N1bWVudCBib2R5LiBTZWU6XG4gICAgICAgIC8vIGh0dHBzOi8vZGV2ZWxvcGVyLm1vemlsbGEub3JnL2VuLVVTL2RvY3MvV2ViL0FQSS9FbGVtZW50L2NsaWNrX2V2ZW50I1NhZmFyaV9Nb2JpbGVcbiAgICAgICAgLy8gaHR0cHM6Ly9kZXZlbG9wZXIuYXBwbGUuY29tL2xpYnJhcnkvYXJjaGl2ZS9kb2N1bWVudGF0aW9uL0FwcGxlQXBwbGljYXRpb25zL1JlZmVyZW5jZS9TYWZhcmlXZWJDb250ZW50L0hhbmRsaW5nRXZlbnRzL0hhbmRsaW5nRXZlbnRzLmh0bWxcbiAgICAgICAgdGhpcy5fY3Vyc29yT3JpZ2luYWxWYWx1ZSA9IGRvY3VtZW50LmJvZHkuc3R5bGUuY3Vyc29yO1xuICAgICAgICBkb2N1bWVudC5ib2R5LnN0eWxlLmN1cnNvciA9ICdwb2ludGVyJztcbiAgICAgIH1cbiAgICB9XG4gICAgdGhpcy5fb3ZlcmxheXMuYWRkKG92ZXJsYXkpO1xuICB9XG5cbiAgcHVibGljIGRpc2Nvbm5lY3Qob3ZlcmxheTogSFRNTEVsZW1lbnQpOiB2b2lkIHtcbiAgICB0aGlzLl9vdmVybGF5cy5kZWxldGUob3ZlcmxheSk7XG4gICAgaWYgKCF0aGlzLl9vdmVybGF5cy5zaXplKSB7XG4gICAgICB0aGlzLl9hYm9ydENvbnRyb2xsZXI/LmFib3J0KCk7XG4gICAgICB0aGlzLl9hYm9ydENvbnRyb2xsZXIgPSB1bmRlZmluZWQ7XG4gICAgICBpZiAoaXNJT1MpIHtcbiAgICAgICAgZG9jdW1lbnQuYm9keS5zdHlsZS5jdXJzb3IgPSB0aGlzLl9jdXJzb3JPcmlnaW5hbFZhbHVlITtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9hZGRHbG9iYWxFdmVudExpc3RlbmVycygpOiB2b2lkIHtcbiAgICBjb25zdCBib2R5ID0gZG9jdW1lbnQuYm9keTtcbiAgICB0aGlzLl9hYm9ydENvbnRyb2xsZXIgPSBuZXcgQWJvcnRDb250cm9sbGVyKCk7XG4gICAgY29uc3Qgb3B0aW9uczogQWRkRXZlbnRMaXN0ZW5lck9wdGlvbnMgPSB7XG4gICAgICBjYXB0dXJlOiB0cnVlLFxuICAgICAgcGFzc2l2ZTogdHJ1ZSxcbiAgICAgIHNpZ25hbDogdGhpcy5fYWJvcnRDb250cm9sbGVyLnNpZ25hbCxcbiAgICB9O1xuICAgIGJvZHkuYWRkRXZlbnRMaXN0ZW5lcignY2xpY2snLCB0aGlzLl9jbGlja0xpc3RlbmVyLCBvcHRpb25zKTtcblxuICAgIC8vIFRoZXNlIGV2ZW50cyBtYWtlcyBzZW5zZSBvbmx5IG9uIGRlc2t0b3AuXG4gICAgaWYgKCFpc0FuZHJvaWQgJiYgIWlzSU9TKSB7XG4gICAgICBib2R5LmFkZEV2ZW50TGlzdGVuZXIoJ3BvaW50ZXJkb3duJywgdGhpcy5fcG9pbnRlckRvd25MaXN0ZW5lciwgb3B0aW9ucyk7XG4gICAgICBib2R5LmFkZEV2ZW50TGlzdGVuZXIoJ2F1eGNsaWNrJywgdGhpcy5fY2xpY2tMaXN0ZW5lciwgb3B0aW9ucyk7XG4gICAgICBib2R5LmFkZEV2ZW50TGlzdGVuZXIoJ2NvbnRleHRtZW51JywgdGhpcy5fY2xpY2tMaXN0ZW5lciwgb3B0aW9ucyk7XG4gICAgfVxuICB9XG5cbiAgLyoqIFN0b3JlIHBvaW50ZXJkb3duIGV2ZW50IHRhcmdldCB0byB0cmFjayBvcmlnaW4gb2YgY2xpY2suICovXG4gIHByaXZhdGUgX3BvaW50ZXJEb3duTGlzdGVuZXIgPSAoZXZlbnQ6IFBvaW50ZXJFdmVudCk6IHZvaWQgPT4ge1xuICAgIHRoaXMuX3BvaW50ZXJEb3duRXZlbnRUYXJnZXQgPSBldmVudC5jb21wb3NlZFBhdGgoKVswXSBhcyBIVE1MRWxlbWVudDtcbiAgfTtcblxuICAvKiogQ2xpY2sgZXZlbnQgbGlzdGVuZXIgdGhhdCB3aWxsIGJlIGF0dGFjaGVkIHRvIHRoZSBib2R5IHByb3BhZ2F0ZSBwaGFzZS4gKi9cbiAgcHJpdmF0ZSBfY2xpY2tMaXN0ZW5lciA9IChldmVudDogTW91c2VFdmVudCk6IHZvaWQgPT4ge1xuICAgIGNvbnN0IHRhcmdldCA9IGV2ZW50LmNvbXBvc2VkUGF0aCgpWzBdIGFzIEhUTUxFbGVtZW50O1xuICAgIC8vIEluIGNhc2Ugb2YgYSBjbGljayBldmVudCwgd2Ugd2FudCB0byBjaGVjayB0aGUgb3JpZ2luIG9mIHRoZSBjbGlja1xuICAgIC8vIChlLmcuIGluIGNhc2Ugd2hlcmUgYSB1c2VyIHN0YXJ0cyBhIGNsaWNrIGluc2lkZSB0aGUgb3ZlcmxheSBhbmRcbiAgICAvLyByZWxlYXNlcyB0aGUgY2xpY2sgb3V0c2lkZSBvZiBpdCkuXG4gICAgLy8gVGhpcyBpcyBkb25lIGJ5IHVzaW5nIHRoZSBldmVudCB0YXJnZXQgb2YgdGhlIHByZWNlZGluZyBwb2ludGVyZG93biBldmVudC5cbiAgICAvLyBFdmVyeSBjbGljayBldmVudCBjYXVzZWQgYnkgYSBwb2ludGVyIGRldmljZSBoYXMgYSBwcmVjZWRpbmcgcG9pbnRlcmRvd25cbiAgICAvLyBldmVudCwgdW5sZXNzIHRoZSBjbGljayB3YXMgcHJvZ3JhbW1hdGljYWxseSB0cmlnZ2VyZWQgKGUuZy4gaW4gYSB1bml0IHRlc3QpLlxuICAgIGNvbnN0IG9yaWdpbiA9XG4gICAgICBldmVudC50eXBlID09PSAnY2xpY2snICYmIHRoaXMuX3BvaW50ZXJEb3duRXZlbnRUYXJnZXRcbiAgICAgICAgPyB0aGlzLl9wb2ludGVyRG93bkV2ZW50VGFyZ2V0XG4gICAgICAgIDogdGFyZ2V0O1xuICAgIC8vIFJlc2V0IHRoZSBzdG9yZWQgcG9pbnRlcmRvd24gZXZlbnQgdGFyZ2V0LCB0byBhdm9pZCBoYXZpbmcgaXQgaW50ZXJmZXJlXG4gICAgLy8gaW4gc3Vic2VxdWVudCBldmVudHMuXG4gICAgdGhpcy5fcG9pbnRlckRvd25FdmVudFRhcmdldCA9IHVuZGVmaW5lZDtcblxuICAgIC8vIFN0YXJ0IGNoZWNraW5nIGZyb20gdGhlIG5ld2VzdCBvdmVybGF5LiBPbmNlIHdlIGZpbmQgYW4gb3ZlcmxheSBmb3Igd2hpY2ggdGhlXG4gICAgLy8gY2xpY2sgaXMgbm90IG91dHNpZGUgaXRzIGFyZWEsIHdlIGJyZWFrIHRoZSBsb29wLlxuICAgIGZvciAoY29uc3Qgb3ZlcmxheSBvZiBBcnJheS5mcm9tKHRoaXMuX292ZXJsYXlzKS5yZXZlcnNlKCkpIHtcbiAgICAgIGlmIChjb250YWluc1BpZXJjZVNoYWRvd0RvbShvdmVybGF5LCB0YXJnZXQpIHx8IGNvbnRhaW5zUGllcmNlU2hhZG93RG9tKG92ZXJsYXksIG9yaWdpbikpIHtcbiAgICAgICAgYnJlYWs7XG4gICAgICB9XG5cbiAgICAgIG92ZXJsYXkuZGlzcGF0Y2hFdmVudChuZXcgQ3VzdG9tRXZlbnQoJ292ZXJsYXlPdXRzaWRlUG9pbnRlcicpKTtcbiAgICB9XG4gIH07XG59XG5cbi8qKiBUaGUgZ2xvYmFsIGluc3RhbmNlIGZvciBsaXN0ZW5pbmcgZm9yIG91dHNpZGUgcG9pbnRlciBldmVudHMuICovXG5leHBvcnQgY29uc3Qgc2JiT3ZlcmxheU91dHNpZGVQb2ludGVyRXZlbnRMaXN0ZW5lciA9IG5ldyBTYmJPdmVybGF5T3V0c2lkZVBvaW50ZXJFdmVudExpc3RlbmVyKCk7XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEdsb2JhbEV2ZW50SGFuZGxlcnNFdmVudE1hcCB7XG4gICAgb3ZlcmxheU91dHNpZGVQb2ludGVyOiBDdXN0b21FdmVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7TUFPYSxzQ0FBcUM7QUFBQSxFQUFsRCxjQUFBO0FBQ1UsU0FBQSxnQ0FBZ0IsSUFBQTtBQW9EaEIsU0FBQSx1QkFBdUIsQ0FBQyxVQUE2QjtBQUMzRCxXQUFLLDBCQUEwQixNQUFNLGFBQUEsRUFBZSxDQUFDO0FBQUEsSUFDdkQ7QUFHUSxTQUFBLGlCQUFpQixDQUFDLFVBQTJCO0FBQ25ELFlBQU0sU0FBUyxNQUFNLGFBQUEsRUFBZSxDQUFDO0FBT3JDLFlBQU0sU0FDSixNQUFNLFNBQVMsV0FBVyxLQUFLLDBCQUMzQixLQUFLLDBCQUNMO0FBR04sV0FBSywwQkFBMEI7QUFJL0IsaUJBQVcsV0FBVyxNQUFNLEtBQUssS0FBSyxTQUFTLEVBQUUsV0FBVztBQUMxRCxZQUFJLHdCQUF3QixTQUFTLE1BQU0sS0FBSyx3QkFBd0IsU0FBUyxNQUFNLEdBQUc7QUFDeEY7QUFBQSxRQUNGO0FBRUEsZ0JBQVEsY0FBYyxJQUFJLFlBQVksdUJBQXVCLENBQUM7QUFBQSxNQUNoRTtBQUFBLElBQ0Y7QUFBQSxFQUNGO0FBQUEsRUE5RVMsUUFBUSxTQUFvQjtBQUNqQyxRQUFJLENBQUMsS0FBSyxVQUFVLE1BQU07QUFDeEIsV0FBSyx5QkFBQTtBQUNMLFVBQUksT0FBTztBQU9ULGFBQUssdUJBQXVCLFNBQVMsS0FBSyxNQUFNO0FBQ2hELGlCQUFTLEtBQUssTUFBTSxTQUFTO0FBQUEsTUFDL0I7QUFBQSxJQUNGO0FBQ0EsU0FBSyxVQUFVLElBQUksT0FBTztBQUFBLEVBQzVCO0FBQUEsRUFFTyxXQUFXLFNBQW9CO0FBQ3BDLFNBQUssVUFBVSxPQUFPLE9BQU87QUFDN0IsUUFBSSxDQUFDLEtBQUssVUFBVSxNQUFNO0FBQ3hCLFdBQUssa0JBQWtCLE1BQUE7QUFDdkIsV0FBSyxtQkFBbUI7QUFDeEIsVUFBSSxPQUFPO0FBQ1QsaUJBQVMsS0FBSyxNQUFNLFNBQVMsS0FBSztBQUFBLE1BQ3BDO0FBQUEsSUFDRjtBQUFBLEVBQ0Y7QUFBQSxFQUVRLDJCQUF3QjtBQUM5QixVQUFNLE9BQU8sU0FBUztBQUN0QixTQUFLLG1CQUFtQixJQUFJLGdCQUFBO0FBQzVCLFVBQU0sVUFBbUM7QUFBQSxNQUN2QyxTQUFTO0FBQUEsTUFDVCxTQUFTO0FBQUEsTUFDVCxRQUFRLEtBQUssaUJBQWlCO0FBQUEsSUFBQTtBQUVoQyxTQUFLLGlCQUFpQixTQUFTLEtBQUssZ0JBQWdCLE9BQU87QUFHM0QsUUFBSSxDQUFDLGFBQWEsQ0FBQyxPQUFPO0FBQ3hCLFdBQUssaUJBQWlCLGVBQWUsS0FBSyxzQkFBc0IsT0FBTztBQUN2RSxXQUFLLGlCQUFpQixZQUFZLEtBQUssZ0JBQWdCLE9BQU87QUFDOUQsV0FBSyxpQkFBaUIsZUFBZSxLQUFLLGdCQUFnQixPQUFPO0FBQUEsSUFDbkU7QUFBQSxFQUNGO0FBa0NEO0FBR00sTUFBTSx3Q0FBd0MsSUFBSSxzQ0FBQTsifQ==

package/development/core/overlay/overlay-trigger-attributes.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Add meaningful aria attributes to trigger elements that are connected to
+ * overlay elements such as menus and dialogs.
+ */
+export declare function setAriaOverlayTriggerAttributes(trigger: HTMLElement, popupType: 'menu' | 'dialog', overlayId: string, state: string): void;
+/**
+ * Remove aria attributes from trigger elements.
+ */
+export declare function removeAriaOverlayTriggerAttributes(trigger: HTMLElement | null | undefined): void;
+/**
+ * Add meaningful aria attributes to trigger element of role='combobox'
+ */
+export declare function setAriaComboBoxAttributes(trigger: HTMLElement, overlayId: string, expanded: boolean, hasPopup?: 'listbox' | 'grid'): void;
+/**
+ * Remove aria attributes from trigger elements.
+ */
+export declare function removeAriaComboBoxAttributes(trigger?: HTMLElement | null): void;
+//# sourceMappingURL=overlay-trigger-attributes.d.ts.map

package/development/core/overlay/overlay-trigger-attributes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay-trigger-attributes.d.ts","sourceRoot":"","sources":["../../../../../src/elements/core/overlay/overlay-trigger-attributes.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,+BAA+B,CAC7C,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,MAAM,GAAG,QAAQ,EAC5B,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,MAAM,GACZ,IAAI,CAQN;AAED;;GAEG;AACH,wBAAgB,kCAAkC,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAQhG;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CACvC,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,OAAO,EACjB,QAAQ,GAAE,SAAS,GAAG,MAAkB,GACvC,IAAI,CAYN;AAED;;GAEG;AACH,wBAAgB,4BAA4B,CAAC,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,IAAI,CAY/E"}

package/development/core/overlay/overlay-trigger-attributes.js

@@ -0,0 +1,47 @@
+function setAriaOverlayTriggerAttributes(trigger, popupType, overlayId, state) {
+  if (!trigger) {
+    return;
+  }
+  trigger.setAttribute("aria-haspopup", popupType);
+  trigger.setAttribute("aria-controls", overlayId);
+  trigger.setAttribute("aria-expanded", `${state === "opening" || state === "opened"}`);
+}
+function removeAriaOverlayTriggerAttributes(trigger) {
+  if (!trigger) {
+    return;
+  }
+  trigger.removeAttribute("aria-haspopup");
+  trigger.removeAttribute("aria-controls");
+  trigger.removeAttribute("aria-expanded");
+}
+function setAriaComboBoxAttributes(trigger, overlayId, expanded, hasPopup = "listbox") {
+  if (!trigger) {
+    return;
+  }
+  trigger.setAttribute("autocomplete", "off");
+  trigger.setAttribute("role", "combobox");
+  trigger.setAttribute("aria-autocomplete", "list");
+  trigger.setAttribute("aria-haspopup", hasPopup);
+  trigger.setAttribute("aria-controls", overlayId);
+  trigger.setAttribute("aria-owns", overlayId);
+  trigger.setAttribute("aria-expanded", `${expanded}`);
+}
+function removeAriaComboBoxAttributes(trigger) {
+  if (!trigger) {
+    return;
+  }
+  trigger.removeAttribute("autocomplete");
+  trigger.removeAttribute("role");
+  trigger.removeAttribute("aria-autocomplete");
+  trigger.removeAttribute("aria-haspopup");
+  trigger.removeAttribute("aria-controls");
+  trigger.removeAttribute("aria-owns");
+  trigger.removeAttribute("aria-expanded");
+}
+export {
+  removeAriaComboBoxAttributes,
+  removeAriaOverlayTriggerAttributes,
+  setAriaComboBoxAttributes,
+  setAriaOverlayTriggerAttributes
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS10cmlnZ2VyLWF0dHJpYnV0ZXMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9jb3JlL292ZXJsYXkvb3ZlcmxheS10cmlnZ2VyLWF0dHJpYnV0ZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBBZGQgbWVhbmluZ2Z1bCBhcmlhIGF0dHJpYnV0ZXMgdG8gdHJpZ2dlciBlbGVtZW50cyB0aGF0IGFyZSBjb25uZWN0ZWQgdG9cbiAqIG92ZXJsYXkgZWxlbWVudHMgc3VjaCBhcyBtZW51cyBhbmQgZGlhbG9ncy5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHNldEFyaWFPdmVybGF5VHJpZ2dlckF0dHJpYnV0ZXMoXG4gIHRyaWdnZXI6IEhUTUxFbGVtZW50LFxuICBwb3B1cFR5cGU6ICdtZW51JyB8ICdkaWFsb2cnLFxuICBvdmVybGF5SWQ6IHN0cmluZyxcbiAgc3RhdGU6IHN0cmluZyxcbik6IHZvaWQge1xuICBpZiAoIXRyaWdnZXIpIHtcbiAgICByZXR1cm47XG4gIH1cblxuICB0cmlnZ2VyLnNldEF0dHJpYnV0ZSgnYXJpYS1oYXNwb3B1cCcsIHBvcHVwVHlwZSk7XG4gIHRyaWdnZXIuc2V0QXR0cmlidXRlKCdhcmlhLWNvbnRyb2xzJywgb3ZlcmxheUlkKTtcbiAgdHJpZ2dlci5zZXRBdHRyaWJ1dGUoJ2FyaWEtZXhwYW5kZWQnLCBgJHtzdGF0ZSA9PT0gJ29wZW5pbmcnIHx8IHN0YXRlID09PSAnb3BlbmVkJ31gKTtcbn1cblxuLyoqXG4gKiBSZW1vdmUgYXJpYSBhdHRyaWJ1dGVzIGZyb20gdHJpZ2dlciBlbGVtZW50cy5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHJlbW92ZUFyaWFPdmVybGF5VHJpZ2dlckF0dHJpYnV0ZXModHJpZ2dlcjogSFRNTEVsZW1lbnQgfCBudWxsIHwgdW5kZWZpbmVkKTogdm9pZCB7XG4gIGlmICghdHJpZ2dlcikge1xuICAgIHJldHVybjtcbiAgfVxuXG4gIHRyaWdnZXIucmVtb3ZlQXR0cmlidXRlKCdhcmlhLWhhc3BvcHVwJyk7XG4gIHRyaWdnZXIucmVtb3ZlQXR0cmlidXRlKCdhcmlhLWNvbnRyb2xzJyk7XG4gIHRyaWdnZXIucmVtb3ZlQXR0cmlidXRlKCdhcmlhLWV4cGFuZGVkJyk7XG59XG5cbi8qKlxuICogQWRkIG1lYW5pbmdmdWwgYXJpYSBhdHRyaWJ1dGVzIHRvIHRyaWdnZXIgZWxlbWVudCBvZiByb2xlPSdjb21ib2JveCdcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHNldEFyaWFDb21ib0JveEF0dHJpYnV0ZXMoXG4gIHRyaWdnZXI6IEhUTUxFbGVtZW50LFxuICBvdmVybGF5SWQ6IHN0cmluZyxcbiAgZXhwYW5kZWQ6IGJvb2xlYW4sXG4gIGhhc1BvcHVwOiAnbGlzdGJveCcgfCAnZ3JpZCcgPSAnbGlzdGJveCcsXG4pOiB2b2lkIHtcbiAgaWYgKCF0cmlnZ2VyKSB7XG4gICAgcmV0dXJuO1xuICB9XG5cbiAgdHJpZ2dlci5zZXRBdHRyaWJ1dGUoJ2F1dG9jb21wbGV0ZScsICdvZmYnKTtcbiAgdHJpZ2dlci5zZXRBdHRyaWJ1dGUoJ3JvbGUnLCAnY29tYm9ib3gnKTtcbiAgdHJpZ2dlci5zZXRBdHRyaWJ1dGUoJ2FyaWEtYXV0b2NvbXBsZXRlJywgJ2xpc3QnKTtcbiAgdHJpZ2dlci5zZXRBdHRyaWJ1dGUoJ2FyaWEtaGFzcG9wdXAnLCBoYXNQb3B1cCk7XG4gIHRyaWdnZXIuc2V0QXR0cmlidXRlKCdhcmlhLWNvbnRyb2xzJywgb3ZlcmxheUlkKTtcbiAgdHJpZ2dlci5zZXRBdHRyaWJ1dGUoJ2FyaWEtb3ducycsIG92ZXJsYXlJZCk7IC8vIEZyb20gQXJpYSAxLjIgdGhpcyBzaG91bGQgbm90IGJlIG5lY2Vzc2FyeSwgYnV0IHNhZmFyaSBzdGlsbCBuZWVkcyBpdFxuICB0cmlnZ2VyLnNldEF0dHJpYnV0ZSgnYXJpYS1leHBhbmRlZCcsIGAke2V4cGFuZGVkfWApO1xufVxuXG4vKipcbiAqIFJlbW92ZSBhcmlhIGF0dHJpYnV0ZXMgZnJvbSB0cmlnZ2VyIGVsZW1lbnRzLlxuICovXG5leHBvcnQgZnVuY3Rpb24gcmVtb3ZlQXJpYUNvbWJvQm94QXR0cmlidXRlcyh0cmlnZ2VyPzogSFRNTEVsZW1lbnQgfCBudWxsKTogdm9pZCB7XG4gIGlmICghdHJpZ2dlcikge1xuICAgIHJldHVybjtcbiAgfVxuXG4gIHRyaWdnZXIucmVtb3ZlQXR0cmlidXRlKCdhdXRvY29tcGxldGUnKTtcbiAgdHJpZ2dlci5yZW1vdmVBdHRyaWJ1dGUoJ3JvbGUnKTtcbiAgdHJpZ2dlci5yZW1vdmVBdHRyaWJ1dGUoJ2FyaWEtYXV0b2NvbXBsZXRlJyk7XG4gIHRyaWdnZXIucmVtb3ZlQXR0cmlidXRlKCdhcmlhLWhhc3BvcHVwJyk7XG4gIHRyaWdnZXIucmVtb3ZlQXR0cmlidXRlKCdhcmlhLWNvbnRyb2xzJyk7XG4gIHRyaWdnZXIucmVtb3ZlQXR0cmlidXRlKCdhcmlhLW93bnMnKTtcbiAgdHJpZ2dlci5yZW1vdmVBdHRyaWJ1dGUoJ2FyaWEtZXhwYW5kZWQnKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJTSxTQUFVLGdDQUNkLFNBQ0EsV0FDQSxXQUNBLE9BQWE7QUFFYixNQUFJLENBQUMsU0FBUztBQUNaO0FBQUEsRUFDRjtBQUVBLFVBQVEsYUFBYSxpQkFBaUIsU0FBUztBQUMvQyxVQUFRLGFBQWEsaUJBQWlCLFNBQVM7QUFDL0MsVUFBUSxhQUFhLGlCQUFpQixHQUFHLFVBQVUsYUFBYSxVQUFVLFFBQVEsRUFBRTtBQUN0RjtBQUtNLFNBQVUsbUNBQW1DLFNBQXVDO0FBQ3hGLE1BQUksQ0FBQyxTQUFTO0FBQ1o7QUFBQSxFQUNGO0FBRUEsVUFBUSxnQkFBZ0IsZUFBZTtBQUN2QyxVQUFRLGdCQUFnQixlQUFlO0FBQ3ZDLFVBQVEsZ0JBQWdCLGVBQWU7QUFDekM7QUFLTSxTQUFVLDBCQUNkLFNBQ0EsV0FDQSxVQUNBLFdBQStCLFdBQVM7QUFFeEMsTUFBSSxDQUFDLFNBQVM7QUFDWjtBQUFBLEVBQ0Y7QUFFQSxVQUFRLGFBQWEsZ0JBQWdCLEtBQUs7QUFDMUMsVUFBUSxhQUFhLFFBQVEsVUFBVTtBQUN2QyxVQUFRLGFBQWEscUJBQXFCLE1BQU07QUFDaEQsVUFBUSxhQUFhLGlCQUFpQixRQUFRO0FBQzlDLFVBQVEsYUFBYSxpQkFBaUIsU0FBUztBQUMvQyxVQUFRLGFBQWEsYUFBYSxTQUFTO0FBQzNDLFVBQVEsYUFBYSxpQkFBaUIsR0FBRyxRQUFRLEVBQUU7QUFDckQ7QUFLTSxTQUFVLDZCQUE2QixTQUE0QjtBQUN2RSxNQUFJLENBQUMsU0FBUztBQUNaO0FBQUEsRUFDRjtBQUVBLFVBQVEsZ0JBQWdCLGNBQWM7QUFDdEMsVUFBUSxnQkFBZ0IsTUFBTTtBQUM5QixVQUFRLGdCQUFnQixtQkFBbUI7QUFDM0MsVUFBUSxnQkFBZ0IsZUFBZTtBQUN2QyxVQUFRLGdCQUFnQixlQUFlO0FBQ3ZDLFVBQVEsZ0JBQWdCLFdBQVc7QUFDbkMsVUFBUSxnQkFBZ0IsZUFBZTtBQUN6QzsifQ==

package/development/core/overlay/overlay.d.ts

@@ -0,0 +1,7 @@
+import { TemplateResult } from 'lit';
+/**
+ * Used to create the "wrapping" effect around the anchor for overlays (es. autocomplete)
+ * Works in conjunction with the 'overlayGapFixCorners()' function in 'overlay.ts'
+ */
+export declare function overlayGapFixCorners(): TemplateResult;
+//# sourceMappingURL=overlay.d.ts.map

package/development/core/overlay/overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../../../src/elements/core/overlay/overlay.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C;;;GAGG;AACH,wBAAgB,oBAAoB,IAAI,cAAc,CASrD"}

package/development/core/overlay/overlay.js

@@ -0,0 +1,15 @@
+import { html } from "lit";
+function overlayGapFixCorners() {
+  return html`
+    <div class="sbb-gap-fix-wrapper">
+      <div class="sbb-gap-fix-corner" id="left"></div>
+    </div>
+    <div class="sbb-gap-fix-wrapper">
+      <div class="sbb-gap-fix-corner" id="right"></div>
+    </div>
+  `;
+}
+export {
+  overlayGapFixCorners
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2NvcmUvb3ZlcmxheS9vdmVybGF5LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCB9IGZyb20gJ2xpdCc7XG5cbi8qKlxuICogVXNlZCB0byBjcmVhdGUgdGhlIFwid3JhcHBpbmdcIiBlZmZlY3QgYXJvdW5kIHRoZSBhbmNob3IgZm9yIG92ZXJsYXlzIChlcy4gYXV0b2NvbXBsZXRlKVxuICogV29ya3MgaW4gY29uanVuY3Rpb24gd2l0aCB0aGUgJ292ZXJsYXlHYXBGaXhDb3JuZXJzKCknIGZ1bmN0aW9uIGluICdvdmVybGF5LnRzJ1xuICovXG5leHBvcnQgZnVuY3Rpb24gb3ZlcmxheUdhcEZpeENvcm5lcnMoKTogVGVtcGxhdGVSZXN1bHQge1xuICByZXR1cm4gaHRtbGBcbiAgICA8ZGl2IGNsYXNzPVwic2JiLWdhcC1maXgtd3JhcHBlclwiPlxuICAgICAgPGRpdiBjbGFzcz1cInNiYi1nYXAtZml4LWNvcm5lclwiIGlkPVwibGVmdFwiPjwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJzYmItZ2FwLWZpeC13cmFwcGVyXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLWdhcC1maXgtY29ybmVyXCIgaWQ9XCJyaWdodFwiPjwvZGl2PlxuICAgIDwvZGl2PlxuICBgO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7U0FPZ0IsdUJBQW9CO0FBQ2xDLFNBQU87QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQVFUOyJ9

package/development/core/overlay/position.d.ts

@@ -0,0 +1,63 @@
+export type ElementRectangle = Pick<HTMLElement, 'scrollHeight' | 'clientHeight' | 'offsetHeight' | 'scrollWidth' | 'clientWidth' | 'offsetWidth'>;
+export interface SbbAlignment {
+    horizontal: 'start' | 'center' | 'end';
+    vertical: 'above' | 'below';
+}
+export interface SbbElementPositionInfos {
+    top: number;
+    left: number;
+    maxHeight: string;
+    alignment: SbbAlignment;
+}
+/**
+ * Gets height and width of an element even if it's hidden (`display: none`).
+ */
+export declare function getElementRectangle(el: HTMLElement): ElementRectangle;
+/**
+ * Determines whether an event is fired on a specific element.
+ */
+export declare function isEventOnElement(element: HTMLElement | null, event: MouseEvent | PointerEvent): boolean;
+/**
+ * Determines the position of an element relative to a trigger element by evaluating
+ * the optimal position based on the available space.
+ *
+ * @param element The element of which to calculate the position.
+ * @param trigger The element relative to which to calculate the position.
+ * @param container The element which has the position:fixed applied.
+ * @param properties Properties to take into account in calculations (optional).
+ * @param properties.verticalOffset The distance to be added between the element and the trigger (optional).
+ * @param properties.horizontalOffset The horizontal offset to be applied to the element (optional).
+ * @param properties.centered Whether the element should be placed in the center by default (optional).
+ * @param properties.responsiveHeight Whether the element calculates its height based on its content (optional).
+ * @returns Returns an object containing the left position, the top position, the maximum height
+ * of the element and the current alignment object.
+ */
+export declare function getElementPosition(element: HTMLElement, trigger: HTMLElement, container: HTMLElement, properties?: {
+    verticalOffset?: number;
+    horizontalOffset?: number;
+    centered?: boolean;
+    responsiveHeight?: boolean;
+    forceAbove?: boolean;
+    forceBelow?: boolean;
+}): SbbElementPositionInfos;
+/**
+ * Determines the position of an element relative to a trigger element by evaluating
+ * the optimal position based on the available space.
+ *
+ * @param element The element of which to calculate the position.
+ * @param trigger The element relative to which to calculate the position.
+ * @param container The element which has the position:fixed applied.
+ * @param properties Properties to take into account in calculations (optional).
+ * @param properties.verticalOffset The distance to be added between the element and the trigger (optional).
+ * @param properties.horizontalOffset The horizontal offset to be applied to the element (optional).
+ * @param properties.responsiveHeight Whether the element calculates its height based on its content (optional).
+ * @returns Returns an object containing the left position, the top position, the maximum height
+ * of the element and the current alignment object.
+ */
+export declare function getElementPositionHorizontal(element: HTMLElement, trigger: HTMLElement, container: HTMLElement, properties?: {
+    verticalOffset?: number;
+    horizontalOffset?: number;
+    responsiveHeight?: boolean;
+    contentSelector?: string;
+}): SbbElementPositionInfos;
+//# sourceMappingURL=position.d.ts.map

package/development/core/overlay/position.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"position.d.ts","sourceRoot":"","sources":["../../../../../src/elements/core/overlay/position.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,WAAW,EACX,cAAc,GAAG,cAAc,GAAG,cAAc,GAAG,aAAa,GAAG,aAAa,GAAG,aAAa,CACjG,CAAC;AAEF,MAAM,WAAW,YAAY;IAC3B,UAAU,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACvC,QAAQ,EAAE,OAAO,GAAG,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,uBAAuB;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,YAAY,CAAC;CACzB;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,EAAE,WAAW,GAAG,gBAAgB,CAoCrE;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,WAAW,GAAG,IAAI,EAC3B,KAAK,EAAE,UAAU,GAAG,YAAY,GAC/B,OAAO,CAYT;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,WAAW,EACtB,UAAU,CAAC,EAAE;IACX,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,GACA,uBAAuB,CAsGzB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,4BAA4B,CAC1C,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,WAAW,EACtB,UAAU,CAAC,EAAE;IACX,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GACA,uBAAuB,CAgEzB"}