@krollins/blueprint 0.1.11 → 0.1.13

package/dist/components/popover.js

@@ -0,0 +1,597 @@
+import { css as b, LitElement as _, nothing as i, html as a } from "lit";
+import { property as r, state as c, query as u, customElement as g } from "lit/decorators.js";
+import { b as v } from "../shared/boolean-converter-XDGfS9LC.js";
+const m = b`
+  /* Base styles */
+  :host {
+    display: inline-block;
+    position: relative;
+  }
+
+  .popover {
+    position: relative;
+    display: inline-block;
+    font-family: var(--bp-font-family);
+    font-size: var(--bp-font-size-base);
+    color: var(--bp-color-text);
+  }
+
+  /* Trigger */
+  .popover__trigger {
+    display: inline-flex;
+    align-items: center;
+    cursor: pointer;
+    outline: none;
+    user-select: none;
+  }
+
+  .popover__trigger:hover {
+    opacity: 0.8;
+  }
+
+  .popover__trigger:focus-visible {
+    outline: var(--bp-focus-width) var(--bp-focus-style) var(--bp-color-focus);
+    outline-offset: var(--bp-focus-offset);
+    border-radius: var(--bp-border-radius-sm);
+  }
+
+  .popover--disabled .popover__trigger {
+    cursor: not-allowed;
+    opacity: var(--bp-opacity-disabled);
+  }
+
+  /* Panel base */
+  .popover__panel {
+    position: absolute;
+    z-index: var(--bp-z-popover);
+    min-width: 160px;
+    max-width: 320px;
+    max-height: calc(100vh - 80px);
+    background-color: var(--bp-color-surface-elevated);
+    border: var(--bp-border-width) solid var(--bp-color-border);
+    border-radius: var(--bp-border-radius-lg);
+    box-shadow: var(--bp-shadow-lg);
+    opacity: 1;
+    animation: popover-fade-in var(--bp-transition-fast) ease-out;
+  }
+
+  @keyframes popover-fade-in {
+    from {
+      opacity: 0;
+      transform: scale(0.95);
+    }
+    to {
+      opacity: 1;
+      transform: scale(1);
+    }
+  }
+
+  /* Panel placements - Bottom */
+  .popover__panel--bottom,
+  .popover__panel--bottom-start,
+  .popover__panel--bottom-end {
+    top: 100%;
+    margin-top: var(--popover-distance);
+  }
+
+  .popover__panel--bottom {
+    left: 50%;
+    transform: translateX(-50%);
+  }
+
+  .popover__panel--bottom-start {
+    left: 0;
+  }
+
+  .popover__panel--bottom-end {
+    right: 0;
+  }
+
+  /* Panel placements - Top */
+  .popover__panel--top,
+  .popover__panel--top-start,
+  .popover__panel--top-end {
+    bottom: 100%;
+    margin-bottom: var(--popover-distance);
+  }
+
+  .popover__panel--top {
+    left: 50%;
+    transform: translateX(-50%);
+  }
+
+  .popover__panel--top-start {
+    left: 0;
+  }
+
+  .popover__panel--top-end {
+    right: 0;
+  }
+
+  /* Panel placements - Left */
+  .popover__panel--left,
+  .popover__panel--left-start,
+  .popover__panel--left-end {
+    right: 100%;
+    margin-right: var(--popover-distance);
+  }
+
+  .popover__panel--left {
+    top: 50%;
+    transform: translateY(-50%);
+  }
+
+  .popover__panel--left-start {
+    top: 0;
+  }
+
+  .popover__panel--left-end {
+    bottom: 0;
+  }
+
+  /* Panel placements - Right */
+  .popover__panel--right,
+  .popover__panel--right-start,
+  .popover__panel--right-end {
+    left: 100%;
+    margin-left: var(--popover-distance);
+  }
+
+  .popover__panel--right {
+    top: 50%;
+    transform: translateY(-50%);
+  }
+
+  .popover__panel--right-start {
+    top: 0;
+  }
+
+  .popover__panel--right-end {
+    bottom: 0;
+  }
+
+  /* Arrow */
+  .popover__arrow {
+    position: absolute;
+    width: var(--bp-spacing-5);
+    height: var(--bp-spacing-5);
+    background-color: var(--bp-color-surface-elevated);
+    border: var(--bp-border-width) solid var(--bp-color-border);
+    transform: rotate(45deg);
+    z-index: -1;
+  }
+
+  /* Arrow positions - bottom placements */
+  .popover__panel--bottom .popover__arrow,
+  .popover__panel--bottom-start .popover__arrow,
+  .popover__panel--bottom-end .popover__arrow {
+    top: calc(var(--bp-spacing-2) * -1);
+    border-bottom: none;
+    border-right: none;
+  }
+
+  .popover__panel--bottom .popover__arrow {
+    left: 50%;
+    transform: translateX(-50%) rotate(45deg);
+  }
+
+  .popover__panel--bottom-start .popover__arrow {
+    left: var(--bp-spacing-5);
+  }
+
+  .popover__panel--bottom-end .popover__arrow {
+    right: var(--bp-spacing-5);
+  }
+
+  /* Arrow positions - top placements */
+  .popover__panel--top .popover__arrow,
+  .popover__panel--top-start .popover__arrow,
+  .popover__panel--top-end .popover__arrow {
+    bottom: calc(var(--bp-spacing-2) * -1);
+    border-top: none;
+    border-left: none;
+  }
+
+  .popover__panel--top .popover__arrow {
+    left: 50%;
+    transform: translateX(-50%) rotate(45deg);
+  }
+
+  .popover__panel--top-start .popover__arrow {
+    left: var(--bp-spacing-5);
+  }
+
+  .popover__panel--top-end .popover__arrow {
+    right: var(--bp-spacing-5);
+  }
+
+  /* Arrow positions - left placements */
+  .popover__panel--left .popover__arrow,
+  .popover__panel--left-start .popover__arrow,
+  .popover__panel--left-end .popover__arrow {
+    right: calc(var(--bp-spacing-2) * -1);
+    border-left: none;
+    border-bottom: none;
+  }
+
+  .popover__panel--left .popover__arrow {
+    top: 50%;
+    transform: translateY(-50%) rotate(45deg);
+  }
+
+  .popover__panel--left-start .popover__arrow {
+    top: var(--bp-spacing-5);
+  }
+
+  .popover__panel--left-end .popover__arrow {
+    bottom: var(--bp-spacing-5);
+  }
+
+  /* Arrow positions - right placements */
+  .popover__panel--right .popover__arrow,
+  .popover__panel--right-start .popover__arrow,
+  .popover__panel--right-end .popover__arrow {
+    left: calc(var(--bp-spacing-2) * -1);
+    border-right: none;
+    border-top: none;
+  }
+
+  .popover__panel--right .popover__arrow {
+    top: 50%;
+    transform: translateY(-50%) rotate(45deg);
+  }
+
+  .popover__panel--right-start .popover__arrow {
+    top: var(--bp-spacing-5);
+  }
+
+  .popover__panel--right-end .popover__arrow {
+    bottom: var(--bp-spacing-5);
+  }
+
+  /* Header */
+  .popover__header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--bp-spacing-4);
+    padding: var(--bp-spacing-4) var(--bp-spacing-5);
+    border-bottom: var(--bp-border-width) solid var(--bp-color-border);
+  }
+
+  .popover__header ::slotted(*) {
+    margin: 0;
+    font-size: var(--bp-font-size-base);
+    font-weight: var(--bp-font-weight-semibold);
+    color: var(--bp-color-text-strong);
+  }
+
+  /* Body */
+  .popover__body {
+    padding: var(--bp-spacing-4) var(--bp-spacing-5);
+    overflow-y: auto;
+    max-height: calc(100vh - 160px);
+  }
+
+  /* Footer */
+  .popover__footer {
+    display: flex;
+    align-items: center;
+    gap: var(--bp-spacing-4);
+    padding: var(--bp-spacing-4) var(--bp-spacing-5);
+    border-top: var(--bp-border-width) solid var(--bp-color-border);
+  }
+
+  /* Close button */
+  .popover__close {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 44px;
+    height: 44px;
+    padding: 0;
+    margin-left: auto;
+    background: transparent;
+    border: none;
+    border-radius: var(--bp-border-radius-sm);
+    color: var(--bp-color-text-muted);
+    cursor: pointer;
+    transition:
+      background-color var(--bp-transition-fast),
+      color var(--bp-transition-fast),
+      transform var(--bp-transition-fast);
+  }
+
+  .popover__close:hover {
+    background-color: var(--bp-color-surface-subdued);
+    color: var(--bp-color-text);
+  }
+
+  .popover__close:active {
+    background-color: var(--bp-color-surface-pressed);
+    transform: translateY(1px);
+  }
+
+  .popover__close:focus {
+    outline: var(--bp-focus-width) var(--bp-focus-style) var(--bp-color-focus);
+    outline-offset: var(--bp-focus-offset);
+  }
+
+  .popover__close:focus:not(:focus-visible) {
+    outline: none;
+  }
+
+  .popover__close:focus-visible {
+    outline: var(--bp-focus-width) var(--bp-focus-style) var(--bp-color-focus);
+    outline-offset: var(--bp-focus-offset);
+  }
+
+  .popover__close bp-icon {
+    width: var(--bp-spacing-4);
+    height: var(--bp-spacing-4);
+  }
+
+  /* Reduced motion */
+  @media (prefers-reduced-motion: reduce) {
+    .popover__panel {
+      animation: none;
+    }
+
+    .popover__close {
+      transition: none;
+    }
+  }
+`;
+var f = Object.defineProperty, w = Object.getOwnPropertyDescriptor, t = (e, p, l, n) => {
+  for (var s = n > 1 ? void 0 : n ? w(p, l) : p, h = e.length - 1, d; h >= 0; h--)
+    (d = e[h]) && (s = (n ? d(p, l, s) : d(s)) || s);
+  return n && s && f(p, l, s), s;
+};
+let o = class extends _ {
+  constructor() {
+    super(), this.hasHeader = !1, this.hasFooter = !1, this.showTimeout = null, this.hideTimeout = null, this.popoverId = `popover-${Math.random().toString(36).substring(2, 11)}`, this.handleTriggerClick = (e) => {
+      this.disabled || this.trigger !== "click" || (e.stopPropagation(), this.toggle());
+    }, this.handleTriggerKeydown = (e) => {
+      this.disabled || this.trigger === "click" && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.toggle());
+    }, this.handleTriggerMouseEnter = () => {
+      this.disabled || this.trigger !== "hover" || (this.clearTimeouts(), this.showTimeout = window.setTimeout(() => {
+        this.show();
+      }, this.showDelay));
+    }, this.handleTriggerMouseLeave = () => {
+      this.trigger === "hover" && (this.clearTimeouts(), this.hideTimeout = window.setTimeout(() => {
+        this.hide();
+      }, this.hideDelay));
+    }, this.handlePanelMouseEnter = () => {
+      this.trigger === "hover" && this.clearTimeouts();
+    }, this.handlePanelMouseLeave = () => {
+      this.trigger === "hover" && (this.clearTimeouts(), this.hideTimeout = window.setTimeout(() => {
+        this.hide();
+      }, this.hideDelay));
+    }, this.handleTriggerFocus = () => {
+      this.disabled || this.trigger !== "focus" || this.show();
+    }, this.handleTriggerBlur = () => {
+      this.trigger === "focus" && this.hide();
+    }, this.handleDocumentClick = (e) => {
+      if (!this.closeOnOutsideClick || !this.open || this.trigger === "manual") return;
+      e.composedPath().includes(this) || this.hide();
+    }, this.handleDocumentKeydown = (e) => {
+      !this.closeOnEscape || !this.open || e.key === "Escape" && (e.preventDefault(), this.hide(), this.triggerElement?.focus());
+    }, this.handleCloseClick = () => {
+      this.hide();
+    }, this.handleHeaderSlotChange = (e) => {
+      const p = e.target;
+      this.hasHeader = p.assignedNodes({ flatten: !0 }).length > 0;
+    }, this.handleFooterSlotChange = (e) => {
+      const p = e.target;
+      this.hasFooter = p.assignedNodes({ flatten: !0 }).length > 0;
+    }, this.open = !1, this.placement = "bottom", this.trigger = "click", this.arrow = !1, this.showClose = !1, this.closeOnOutsideClick = !0, this.closeOnEscape = !0, this.distance = 8, this.showDelay = 200, this.hideDelay = 200, this.disabled = !1, this.label = "";
+  }
+  connectedCallback() {
+    super.connectedCallback(), document.addEventListener("click", this.handleDocumentClick, {
+      passive: !0
+    }), document.addEventListener("keydown", this.handleDocumentKeydown);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), document.removeEventListener("click", this.handleDocumentClick, {
+      passive: !0
+    }), document.removeEventListener("keydown", this.handleDocumentKeydown), this.clearTimeouts();
+  }
+  /** Show the popover */
+  show() {
+    this.disabled || this.open || (this.clearTimeouts(), this.open = !0, this.dispatchEvent(
+      new CustomEvent("bp-show", { bubbles: !0, composed: !0 })
+    ), this.updateComplete.then(() => {
+      this.dispatchEvent(
+        new CustomEvent("bp-after-show", { bubbles: !0, composed: !0 })
+      );
+    }));
+  }
+  /** Hide the popover */
+  hide() {
+    this.open && (this.clearTimeouts(), this.open = !1, this.dispatchEvent(
+      new CustomEvent("bp-hide", { bubbles: !0, composed: !0 })
+    ), this.updateComplete.then(() => {
+      this.dispatchEvent(
+        new CustomEvent("bp-after-hide", { bubbles: !0, composed: !0 })
+      );
+    }));
+  }
+  /** Toggle the popover open/closed */
+  toggle() {
+    this.open ? this.hide() : this.show();
+  }
+  /**
+   * Clears any pending show/hide timeout operations.
+   * Prevents race conditions with rapid trigger interactions.
+   */
+  clearTimeouts() {
+    this.showTimeout !== null && (window.clearTimeout(this.showTimeout), this.showTimeout = null), this.hideTimeout !== null && (window.clearTimeout(this.hideTimeout), this.hideTimeout = null);
+  }
+  render() {
+    return a`
+      <div
+        class="popover ${this.open ? "popover--open" : ""} ${this.disabled ? "popover--disabled" : ""}"
+      >
+        <div
+          class="popover__trigger"
+          part="trigger"
+          tabindex=${this.disabled ? -1 : 0}
+          role="button"
+          aria-haspopup="dialog"
+          aria-expanded=${this.open}
+          aria-controls=${this.open ? this.popoverId : i}
+          aria-disabled=${this.disabled}
+          @click=${this.handleTriggerClick}
+          @keydown=${this.handleTriggerKeydown}
+          @mouseenter=${this.handleTriggerMouseEnter}
+          @mouseleave=${this.handleTriggerMouseLeave}
+          @focus=${this.handleTriggerFocus}
+          @blur=${this.handleTriggerBlur}
+        >
+          <slot></slot>
+        </div>
+        ${this.open ? a`
+              <div
+                id=${this.popoverId}
+                class="popover__panel popover__panel--${this.placement}"
+                part="panel"
+                role="dialog"
+                aria-label=${this.label || i}
+                aria-modal="false"
+                style="--popover-distance: ${this.distance}px;"
+                @mouseenter=${this.handlePanelMouseEnter}
+                @mouseleave=${this.handlePanelMouseLeave}
+              >
+                ${this.arrow ? a`<div class="popover__arrow" part="arrow"></div>` : i}
+                ${this.hasHeader || this.showClose ? a`
+                      <div class="popover__header" part="header">
+                        <slot
+                          name="header"
+                          @slotchange=${this.handleHeaderSlotChange}
+                        ></slot>
+                        ${this.showClose ? a`
+                              <button
+                                class="popover__close"
+                                part="close-button"
+                                type="button"
+                                aria-label="Close popover"
+                                @click=${this.handleCloseClick}
+                              >
+                                <bp-icon name="close" size="sm"></bp-icon>
+                              </button>
+                            ` : i}
+                      </div>
+                    ` : a`<slot
+                      name="header"
+                      @slotchange=${this.handleHeaderSlotChange}
+                    ></slot>`}
+                <div class="popover__body" part="body">
+                  <slot name="content"></slot>
+                </div>
+                ${this.hasFooter ? a`
+                      <div class="popover__footer" part="footer">
+                        <slot
+                          name="footer"
+                          @slotchange=${this.handleFooterSlotChange}
+                        ></slot>
+                      </div>
+                    ` : a`<slot
+                      name="footer"
+                      @slotchange=${this.handleFooterSlotChange}
+                    ></slot>`}
+              </div>
+            ` : i}
+      </div>
+    `;
+  }
+};
+o.styles = [m];
+t([
+  r({ type: Boolean, reflect: !0 })
+], o.prototype, "open", 2);
+t([
+  r({
+    type: String,
+    reflect: !0,
+    converter: {
+      fromAttribute: (e) => [
+        "top",
+        "top-start",
+        "top-end",
+        "bottom",
+        "bottom-start",
+        "bottom-end",
+        "left",
+        "left-start",
+        "left-end",
+        "right",
+        "right-start",
+        "right-end"
+      ].includes(e) ? e : "bottom"
+    }
+  })
+], o.prototype, "placement", 2);
+t([
+  r({
+    type: String,
+    converter: {
+      fromAttribute: (e) => [
+        "click",
+        "hover",
+        "focus",
+        "manual"
+      ].includes(e) ? e : "click"
+    }
+  })
+], o.prototype, "trigger", 2);
+t([
+  r({ type: Boolean })
+], o.prototype, "arrow", 2);
+t([
+  r({ type: Boolean, attribute: "show-close" })
+], o.prototype, "showClose", 2);
+t([
+  r({
+    converter: v,
+    attribute: "close-on-outside-click",
+    reflect: !0
+  })
+], o.prototype, "closeOnOutsideClick", 2);
+t([
+  r({
+    converter: v,
+    attribute: "close-on-escape",
+    reflect: !0
+  })
+], o.prototype, "closeOnEscape", 2);
+t([
+  r({ type: Number })
+], o.prototype, "distance", 2);
+t([
+  r({ type: Number, attribute: "show-delay" })
+], o.prototype, "showDelay", 2);
+t([
+  r({ type: Number, attribute: "hide-delay" })
+], o.prototype, "hideDelay", 2);
+t([
+  r({ type: Boolean })
+], o.prototype, "disabled", 2);
+t([
+  r({ type: String })
+], o.prototype, "label", 2);
+t([
+  c()
+], o.prototype, "hasHeader", 2);
+t([
+  c()
+], o.prototype, "hasFooter", 2);
+t([
+  u(".popover__trigger")
+], o.prototype, "triggerElement", 2);
+o = t([
+  g("bp-popover")
+], o);
+export {
+  o as BpPopover
+};
+//# sourceMappingURL=popover.js.map

package/dist/components/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","sources":["../../source/components/popover/popover.style.ts","../../source/components/popover/popover.ts"],"sourcesContent":["import { css } from 'lit';\r\n\r\nexport const popoverStyles = css`\r\n  /* Base styles */\r\n  :host {\r\n    display: inline-block;\r\n    position: relative;\r\n  }\r\n\r\n  .popover {\r\n    position: relative;\r\n    display: inline-block;\r\n    font-family: var(--bp-font-family);\r\n    font-size: var(--bp-font-size-base);\r\n    color: var(--bp-color-text);\r\n  }\r\n\r\n  /* Trigger */\r\n  .popover__trigger {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    cursor: pointer;\r\n    outline: none;\r\n    user-select: none;\r\n  }\r\n\r\n  .popover__trigger:hover {\r\n    opacity: 0.8;\r\n  }\r\n\r\n  .popover__trigger:focus-visible {\r\n    outline: var(--bp-focus-width) var(--bp-focus-style) var(--bp-color-focus);\r\n    outline-offset: var(--bp-focus-offset);\r\n    border-radius: var(--bp-border-radius-sm);\r\n  }\r\n\r\n  .popover--disabled .popover__trigger {\r\n    cursor: not-allowed;\r\n    opacity: var(--bp-opacity-disabled);\r\n  }\r\n\r\n  /* Panel base */\r\n  .popover__panel {\r\n    position: absolute;\r\n    z-index: var(--bp-z-popover);\r\n    min-width: 160px;\r\n    max-width: 320px;\r\n    max-height: calc(100vh - 80px);\r\n    background-color: var(--bp-color-surface-elevated);\r\n    border: var(--bp-border-width) solid var(--bp-color-border);\r\n    border-radius: var(--bp-border-radius-lg);\r\n    box-shadow: var(--bp-shadow-lg);\r\n    opacity: 1;\r\n    animation: popover-fade-in var(--bp-transition-fast) ease-out;\r\n  }\r\n\r\n  @keyframes popover-fade-in {\r\n    from {\r\n      opacity: 0;\r\n      transform: scale(0.95);\r\n    }\r\n    to {\r\n      opacity: 1;\r\n      transform: scale(1);\r\n    }\r\n  }\r\n\r\n  /* Panel placements - Bottom */\r\n  .popover__panel--bottom,\r\n  .popover__panel--bottom-start,\r\n  .popover__panel--bottom-end {\r\n    top: 100%;\r\n    margin-top: var(--popover-distance);\r\n  }\r\n\r\n  .popover__panel--bottom {\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n  }\r\n\r\n  .popover__panel--bottom-start {\r\n    left: 0;\r\n  }\r\n\r\n  .popover__panel--bottom-end {\r\n    right: 0;\r\n  }\r\n\r\n  /* Panel placements - Top */\r\n  .popover__panel--top,\r\n  .popover__panel--top-start,\r\n  .popover__panel--top-end {\r\n    bottom: 100%;\r\n    margin-bottom: var(--popover-distance);\r\n  }\r\n\r\n  .popover__panel--top {\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n  }\r\n\r\n  .popover__panel--top-start {\r\n    left: 0;\r\n  }\r\n\r\n  .popover__panel--top-end {\r\n    right: 0;\r\n  }\r\n\r\n  /* Panel placements - Left */\r\n  .popover__panel--left,\r\n  .popover__panel--left-start,\r\n  .popover__panel--left-end {\r\n    right: 100%;\r\n    margin-right: var(--popover-distance);\r\n  }\r\n\r\n  .popover__panel--left {\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n  }\r\n\r\n  .popover__panel--left-start {\r\n    top: 0;\r\n  }\r\n\r\n  .popover__panel--left-end {\r\n    bottom: 0;\r\n  }\r\n\r\n  /* Panel placements - Right */\r\n  .popover__panel--right,\r\n  .popover__panel--right-start,\r\n  .popover__panel--right-end {\r\n    left: 100%;\r\n    margin-left: var(--popover-distance);\r\n  }\r\n\r\n  .popover__panel--right {\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n  }\r\n\r\n  .popover__panel--right-start {\r\n    top: 0;\r\n  }\r\n\r\n  .popover__panel--right-end {\r\n    bottom: 0;\r\n  }\r\n\r\n  /* Arrow */\r\n  .popover__arrow {\r\n    position: absolute;\r\n    width: var(--bp-spacing-5);\r\n    height: var(--bp-spacing-5);\r\n    background-color: var(--bp-color-surface-elevated);\r\n    border: var(--bp-border-width) solid var(--bp-color-border);\r\n    transform: rotate(45deg);\r\n    z-index: -1;\r\n  }\r\n\r\n  /* Arrow positions - bottom placements */\r\n  .popover__panel--bottom .popover__arrow,\r\n  .popover__panel--bottom-start .popover__arrow,\r\n  .popover__panel--bottom-end .popover__arrow {\r\n    top: calc(var(--bp-spacing-2) * -1);\r\n    border-bottom: none;\r\n    border-right: none;\r\n  }\r\n\r\n  .popover__panel--bottom .popover__arrow {\r\n    left: 50%;\r\n    transform: translateX(-50%) rotate(45deg);\r\n  }\r\n\r\n  .popover__panel--bottom-start .popover__arrow {\r\n    left: var(--bp-spacing-5);\r\n  }\r\n\r\n  .popover__panel--bottom-end .popover__arrow {\r\n    right: var(--bp-spacing-5);\r\n  }\r\n\r\n  /* Arrow positions - top placements */\r\n  .popover__panel--top .popover__arrow,\r\n  .popover__panel--top-start .popover__arrow,\r\n  .popover__panel--top-end .popover__arrow {\r\n    bottom: calc(var(--bp-spacing-2) * -1);\r\n    border-top: none;\r\n    border-left: none;\r\n  }\r\n\r\n  .popover__panel--top .popover__arrow {\r\n    left: 50%;\r\n    transform: translateX(-50%) rotate(45deg);\r\n  }\r\n\r\n  .popover__panel--top-start .popover__arrow {\r\n    left: var(--bp-spacing-5);\r\n  }\r\n\r\n  .popover__panel--top-end .popover__arrow {\r\n    right: var(--bp-spacing-5);\r\n  }\r\n\r\n  /* Arrow positions - left placements */\r\n  .popover__panel--left .popover__arrow,\r\n  .popover__panel--left-start .popover__arrow,\r\n  .popover__panel--left-end .popover__arrow {\r\n    right: calc(var(--bp-spacing-2) * -1);\r\n    border-left: none;\r\n    border-bottom: none;\r\n  }\r\n\r\n  .popover__panel--left .popover__arrow {\r\n    top: 50%;\r\n    transform: translateY(-50%) rotate(45deg);\r\n  }\r\n\r\n  .popover__panel--left-start .popover__arrow {\r\n    top: var(--bp-spacing-5);\r\n  }\r\n\r\n  .popover__panel--left-end .popover__arrow {\r\n    bottom: var(--bp-spacing-5);\r\n  }\r\n\r\n  /* Arrow positions - right placements */\r\n  .popover__panel--right .popover__arrow,\r\n  .popover__panel--right-start .popover__arrow,\r\n  .popover__panel--right-end .popover__arrow {\r\n    left: calc(var(--bp-spacing-2) * -1);\r\n    border-right: none;\r\n    border-top: none;\r\n  }\r\n\r\n  .popover__panel--right .popover__arrow {\r\n    top: 50%;\r\n    transform: translateY(-50%) rotate(45deg);\r\n  }\r\n\r\n  .popover__panel--right-start .popover__arrow {\r\n    top: var(--bp-spacing-5);\r\n  }\r\n\r\n  .popover__panel--right-end .popover__arrow {\r\n    bottom: var(--bp-spacing-5);\r\n  }\r\n\r\n  /* Header */\r\n  .popover__header {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: var(--bp-spacing-4);\r\n    padding: var(--bp-spacing-4) var(--bp-spacing-5);\r\n    border-bottom: var(--bp-border-width) solid var(--bp-color-border);\r\n  }\r\n\r\n  .popover__header ::slotted(*) {\r\n    margin: 0;\r\n    font-size: var(--bp-font-size-base);\r\n    font-weight: var(--bp-font-weight-semibold);\r\n    color: var(--bp-color-text-strong);\r\n  }\r\n\r\n  /* Body */\r\n  .popover__body {\r\n    padding: var(--bp-spacing-4) var(--bp-spacing-5);\r\n    overflow-y: auto;\r\n    max-height: calc(100vh - 160px);\r\n  }\r\n\r\n  /* Footer */\r\n  .popover__footer {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: var(--bp-spacing-4);\r\n    padding: var(--bp-spacing-4) var(--bp-spacing-5);\r\n    border-top: var(--bp-border-width) solid var(--bp-color-border);\r\n  }\r\n\r\n  /* Close button */\r\n  .popover__close {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 44px;\r\n    height: 44px;\r\n    padding: 0;\r\n    margin-left: auto;\r\n    background: transparent;\r\n    border: none;\r\n    border-radius: var(--bp-border-radius-sm);\r\n    color: var(--bp-color-text-muted);\r\n    cursor: pointer;\r\n    transition:\r\n      background-color var(--bp-transition-fast),\r\n      color var(--bp-transition-fast),\r\n      transform var(--bp-transition-fast);\r\n  }\r\n\r\n  .popover__close:hover {\r\n    background-color: var(--bp-color-surface-subdued);\r\n    color: var(--bp-color-text);\r\n  }\r\n\r\n  .popover__close:active {\r\n    background-color: var(--bp-color-surface-pressed);\r\n    transform: translateY(1px);\r\n  }\r\n\r\n  .popover__close:focus {\r\n    outline: var(--bp-focus-width) var(--bp-focus-style) var(--bp-color-focus);\r\n    outline-offset: var(--bp-focus-offset);\r\n  }\r\n\r\n  .popover__close:focus:not(:focus-visible) {\r\n    outline: none;\r\n  }\r\n\r\n  .popover__close:focus-visible {\r\n    outline: var(--bp-focus-width) var(--bp-focus-style) var(--bp-color-focus);\r\n    outline-offset: var(--bp-focus-offset);\r\n  }\r\n\r\n  .popover__close bp-icon {\r\n    width: var(--bp-spacing-4);\r\n    height: var(--bp-spacing-4);\r\n  }\r\n\r\n  /* Reduced motion */\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .popover__panel {\r\n      animation: none;\r\n    }\r\n\r\n    .popover__close {\r\n      transition: none;\r\n    }\r\n  }\r\n`;\r\n","import { LitElement, html, nothing } from 'lit';\r\nimport { customElement, property, state, query } from 'lit/decorators.js';\r\nimport { popoverStyles } from './popover.style.js';\r\nimport { booleanConverter } from '../../utilities/boolean-converter.js';\r\nimport '../icon/icon.js';\r\n\r\nexport type PopoverPlacement =\r\n  | 'top'\r\n  | 'top-start'\r\n  | 'top-end'\r\n  | 'bottom'\r\n  | 'bottom-start'\r\n  | 'bottom-end'\r\n  | 'left'\r\n  | 'left-start'\r\n  | 'left-end'\r\n  | 'right'\r\n  | 'right-start'\r\n  | 'right-end';\r\n\r\nexport type PopoverTrigger = 'click' | 'hover' | 'focus' | 'manual';\r\n\r\n/**\r\n * A popover component that displays rich content in a floating panel.\r\n * Supports multiple trigger modes: click, hover, focus, or manual control.\r\n *\r\n * @fires bp-show - Fired when the popover opens\r\n * @fires bp-hide - Fired when the popover closes\r\n * @fires bp-after-show - Fired after the popover open animation completes\r\n * @fires bp-after-hide - Fired after the popover close animation completes\r\n *\r\n * @slot - The trigger element that controls the popover\r\n * @slot content - The rich content to display in the popover panel\r\n * @slot header - Optional header content for the popover\r\n * @slot footer - Optional footer content for the popover\r\n *\r\n * @csspart trigger - The trigger wrapper element\r\n * @csspart panel - The popover panel container\r\n * @csspart header - The header section\r\n * @csspart body - The body/content section\r\n * @csspart footer - The footer section\r\n * @csspart arrow - The arrow pointing to the trigger\r\n * @csspart close-button - The close button (when showClose is true)\r\n */\r\n@customElement('bp-popover')\r\nexport class BpPopover extends LitElement {\r\n  /** Whether the popover is currently open */\r\n  @property({ type: Boolean, reflect: true }) declare open: boolean;\r\n\r\n  /** Placement of the popover relative to the trigger */\r\n  @property({\r\n    type: String,\r\n    reflect: true,\r\n    converter: {\r\n      fromAttribute: (value: string | null): PopoverPlacement => {\r\n        const validPlacements: PopoverPlacement[] = [\r\n          'top',\r\n          'top-start',\r\n          'top-end',\r\n          'bottom',\r\n          'bottom-start',\r\n          'bottom-end',\r\n          'left',\r\n          'left-start',\r\n          'left-end',\r\n          'right',\r\n          'right-start',\r\n          'right-end',\r\n        ];\r\n        return validPlacements.includes(value as PopoverPlacement)\r\n          ? (value as PopoverPlacement)\r\n          : 'bottom';\r\n      },\r\n    },\r\n  })\r\n  declare placement: PopoverPlacement;\r\n\r\n  /** How the popover is triggered */\r\n  @property({\r\n    type: String,\r\n    converter: {\r\n      fromAttribute: (value: string | null): PopoverTrigger => {\r\n        const validTriggers: PopoverTrigger[] = [\r\n          'click',\r\n          'hover',\r\n          'focus',\r\n          'manual',\r\n        ];\r\n        return validTriggers.includes(value as PopoverTrigger)\r\n          ? (value as PopoverTrigger)\r\n          : 'click';\r\n      },\r\n    },\r\n  })\r\n  declare trigger: PopoverTrigger;\r\n\r\n  /** Whether to show an arrow pointing to the trigger */\r\n  @property({ type: Boolean }) declare arrow: boolean;\r\n\r\n  /** Whether to show a close button in the popover */\r\n  @property({ type: Boolean, attribute: 'show-close' })\r\n  declare showClose: boolean;\r\n\r\n  /** Whether clicking outside closes the popover */\r\n  @property({\r\n    converter: booleanConverter,\r\n    attribute: 'close-on-outside-click',\r\n    reflect: true,\r\n  })\r\n  declare closeOnOutsideClick: boolean;\r\n\r\n  /** Whether pressing Escape closes the popover */\r\n  @property({\r\n    converter: booleanConverter,\r\n    attribute: 'close-on-escape',\r\n    reflect: true,\r\n  })\r\n  declare closeOnEscape: boolean;\r\n\r\n  /** Distance in pixels between the trigger and the panel */\r\n  @property({ type: Number }) declare distance: number;\r\n\r\n  /** Delay in milliseconds before showing (for hover trigger) */\r\n  @property({ type: Number, attribute: 'show-delay' })\r\n  declare showDelay: number;\r\n\r\n  /** Delay in milliseconds before hiding (for hover trigger) */\r\n  @property({ type: Number, attribute: 'hide-delay' })\r\n  declare hideDelay: number;\r\n\r\n  /** Whether the popover is disabled */\r\n  @property({ type: Boolean }) declare disabled: boolean;\r\n\r\n  /** Accessible label for the popover panel */\r\n  @property({ type: String }) declare label: string;\r\n\r\n  /** Whether the popover has header slot content */\r\n  @state() private hasHeader = false;\r\n\r\n  /** Whether the popover has footer slot content */\r\n  @state() private hasFooter = false;\r\n\r\n  @query('.popover__trigger') private triggerElement!: HTMLElement;\r\n\r\n  private showTimeout: number | null = null;\r\n  private hideTimeout: number | null = null;\r\n  private popoverId = `popover-${Math.random().toString(36).substring(2, 11)}`;\r\n\r\n  static styles = [popoverStyles];\r\n\r\n  constructor() {\r\n    super();\r\n    this.open = false;\r\n    this.placement = 'bottom';\r\n    this.trigger = 'click';\r\n    this.arrow = false;\r\n    this.showClose = false;\r\n    this.closeOnOutsideClick = true;\r\n    this.closeOnEscape = true;\r\n    this.distance = 8;\r\n    this.showDelay = 200;\r\n    this.hideDelay = 200;\r\n    this.disabled = false;\r\n    this.label = '';\r\n  }\r\n\r\n  connectedCallback(): void {\r\n    super.connectedCallback();\r\n    document.addEventListener('click', this.handleDocumentClick, {\r\n      passive: true,\r\n    });\r\n    document.addEventListener('keydown', this.handleDocumentKeydown);\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    super.disconnectedCallback();\r\n    document.removeEventListener('click', this.handleDocumentClick, {\r\n      passive: true,\r\n    } as EventListenerOptions);\r\n    document.removeEventListener('keydown', this.handleDocumentKeydown);\r\n    this.clearTimeouts();\r\n  }\r\n\r\n  /** Show the popover */\r\n  show(): void {\r\n    if (this.disabled || this.open) return;\r\n\r\n    this.clearTimeouts();\r\n    this.open = true;\r\n\r\n    this.dispatchEvent(\r\n      new CustomEvent('bp-show', { bubbles: true, composed: true })\r\n    );\r\n\r\n    this.updateComplete.then(() => {\r\n      this.dispatchEvent(\r\n        new CustomEvent('bp-after-show', { bubbles: true, composed: true })\r\n      );\r\n    });\r\n  }\r\n\r\n  /** Hide the popover */\r\n  hide(): void {\r\n    if (!this.open) return;\r\n\r\n    this.clearTimeouts();\r\n    this.open = false;\r\n\r\n    this.dispatchEvent(\r\n      new CustomEvent('bp-hide', { bubbles: true, composed: true })\r\n    );\r\n\r\n    this.updateComplete.then(() => {\r\n      this.dispatchEvent(\r\n        new CustomEvent('bp-after-hide', { bubbles: true, composed: true })\r\n      );\r\n    });\r\n  }\r\n\r\n  /** Toggle the popover open/closed */\r\n  toggle(): void {\r\n    if (this.open) {\r\n      this.hide();\r\n    } else {\r\n      this.show();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Clears any pending show/hide timeout operations.\r\n   * Prevents race conditions with rapid trigger interactions.\r\n   */\r\n  private clearTimeouts(): void {\r\n    if (this.showTimeout !== null) {\r\n      window.clearTimeout(this.showTimeout);\r\n      this.showTimeout = null;\r\n    }\r\n    if (this.hideTimeout !== null) {\r\n      window.clearTimeout(this.hideTimeout);\r\n      this.hideTimeout = null;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Handles click events on the trigger element.\r\n   * Toggles popover state for click trigger mode.\r\n   * @param event - The mouse click event\r\n   */\r\n  private handleTriggerClick = (event: MouseEvent): void => {\r\n    if (this.disabled || this.trigger !== 'click') return;\r\n    event.stopPropagation();\r\n    this.toggle();\r\n  };\r\n\r\n  /**\r\n   * Handles keyboard events on the trigger element.\r\n   * Toggles popover on Enter or Space key for click trigger mode.\r\n   * @param event - The keyboard event\r\n   */\r\n  private handleTriggerKeydown = (event: KeyboardEvent): void => {\r\n    if (this.disabled) return;\r\n\r\n    if (\r\n      this.trigger === 'click' &&\r\n      (event.key === 'Enter' || event.key === ' ')\r\n    ) {\r\n      event.preventDefault();\r\n      this.toggle();\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Handles mouse enter events on the trigger element.\r\n   * Starts the show delay timer for hover trigger mode.\r\n   */\r\n  private handleTriggerMouseEnter = (): void => {\r\n    if (this.disabled || this.trigger !== 'hover') return;\r\n\r\n    this.clearTimeouts();\r\n    this.showTimeout = window.setTimeout(() => {\r\n      this.show();\r\n    }, this.showDelay);\r\n  };\r\n\r\n  /**\r\n   * Handles mouse leave events on the trigger element.\r\n   * Starts the hide delay timer for hover trigger mode.\r\n   */\r\n  private handleTriggerMouseLeave = (): void => {\r\n    if (this.trigger !== 'hover') return;\r\n\r\n    this.clearTimeouts();\r\n    this.hideTimeout = window.setTimeout(() => {\r\n      this.hide();\r\n    }, this.hideDelay);\r\n  };\r\n\r\n  /**\r\n   * Handles mouse enter events on the popover panel.\r\n   * Prevents the popover from hiding when hovering over panel content in hover trigger mode.\r\n   */\r\n  private handlePanelMouseEnter = (): void => {\r\n    if (this.trigger !== 'hover') return;\r\n    this.clearTimeouts();\r\n  };\r\n\r\n  /**\r\n   * Handles mouse leave events on the popover panel.\r\n   * Starts the hide delay timer when leaving panel in hover trigger mode.\r\n   */\r\n  private handlePanelMouseLeave = (): void => {\r\n    if (this.trigger !== 'hover') return;\r\n\r\n    this.clearTimeouts();\r\n    this.hideTimeout = window.setTimeout(() => {\r\n      this.hide();\r\n    }, this.hideDelay);\r\n  };\r\n\r\n  /**\r\n   * Handles focus events on the trigger element.\r\n   * Shows popover immediately for focus trigger mode.\r\n   */\r\n  private handleTriggerFocus = (): void => {\r\n    if (this.disabled || this.trigger !== 'focus') return;\r\n    this.show();\r\n  };\r\n\r\n  /**\r\n   * Handles blur events on the trigger element.\r\n   * Hides popover immediately for focus trigger mode.\r\n   */\r\n  private handleTriggerBlur = (): void => {\r\n    if (this.trigger !== 'focus') return;\r\n    this.hide();\r\n  };\r\n\r\n  /**\r\n   * Handles click events on the document.\r\n   * Closes popover when clicking outside if closeOnOutsideClick is true.\r\n   * @param event - The mouse click event\r\n   */\r\n  private handleDocumentClick = (event: MouseEvent): void => {\r\n    if (!this.closeOnOutsideClick || !this.open) return;\r\n    if (this.trigger === 'manual') return;\r\n\r\n    const path = event.composedPath();\r\n    if (!path.includes(this)) {\r\n      this.hide();\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Handles keyboard events on the document.\r\n   * Closes popover on Escape key if closeOnEscape is true and returns focus to trigger.\r\n   * @param event - The keyboard event\r\n   */\r\n  private handleDocumentKeydown = (event: KeyboardEvent): void => {\r\n    if (!this.closeOnEscape || !this.open) return;\r\n\r\n    if (event.key === 'Escape') {\r\n      event.preventDefault();\r\n      this.hide();\r\n      this.triggerElement?.focus();\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Handles click events on the close button.\r\n   * Closes the popover immediately.\r\n   */\r\n  private handleCloseClick = (): void => {\r\n    this.hide();\r\n  };\r\n\r\n  /**\r\n   * Handles changes to the header slot.\r\n   * Updates internal state to conditionally render header wrapper.\r\n   * @param event - The slotchange event\r\n   */\r\n  private handleHeaderSlotChange = (event: Event): void => {\r\n    const slot = event.target as HTMLElement & {\r\n      assignedNodes: (options?: { flatten?: boolean }) => Node[];\r\n    };\r\n    this.hasHeader = slot.assignedNodes({ flatten: true }).length > 0;\r\n  };\r\n\r\n  /**\r\n   * Handles changes to the footer slot.\r\n   * Updates internal state to conditionally render footer wrapper.\r\n   * @param event - The slotchange event\r\n   */\r\n  private handleFooterSlotChange = (event: Event): void => {\r\n    const slot = event.target as HTMLElement & {\r\n      assignedNodes: (options?: { flatten?: boolean }) => Node[];\r\n    };\r\n    this.hasFooter = slot.assignedNodes({ flatten: true }).length > 0;\r\n  };\r\n\r\n  render() {\r\n    return html`\r\n      <div\r\n        class=\"popover ${this.open ? 'popover--open' : ''} ${this.disabled\r\n          ? 'popover--disabled'\r\n          : ''}\"\r\n      >\r\n        <div\r\n          class=\"popover__trigger\"\r\n          part=\"trigger\"\r\n          tabindex=${this.disabled ? -1 : 0}\r\n          role=\"button\"\r\n          aria-haspopup=\"dialog\"\r\n          aria-expanded=${this.open}\r\n          aria-controls=${this.open ? this.popoverId : nothing}\r\n          aria-disabled=${this.disabled}\r\n          @click=${this.handleTriggerClick}\r\n          @keydown=${this.handleTriggerKeydown}\r\n          @mouseenter=${this.handleTriggerMouseEnter}\r\n          @mouseleave=${this.handleTriggerMouseLeave}\r\n          @focus=${this.handleTriggerFocus}\r\n          @blur=${this.handleTriggerBlur}\r\n        >\r\n          <slot></slot>\r\n        </div>\r\n        ${this.open\r\n          ? html`\r\n              <div\r\n                id=${this.popoverId}\r\n                class=\"popover__panel popover__panel--${this.placement}\"\r\n                part=\"panel\"\r\n                role=\"dialog\"\r\n                aria-label=${this.label || nothing}\r\n                aria-modal=\"false\"\r\n                style=\"--popover-distance: ${this.distance}px;\"\r\n                @mouseenter=${this.handlePanelMouseEnter}\r\n                @mouseleave=${this.handlePanelMouseLeave}\r\n              >\r\n                ${this.arrow\r\n                  ? html`<div class=\"popover__arrow\" part=\"arrow\"></div>`\r\n                  : nothing}\r\n                ${this.hasHeader || this.showClose\r\n                  ? html`\r\n                      <div class=\"popover__header\" part=\"header\">\r\n                        <slot\r\n                          name=\"header\"\r\n                          @slotchange=${this.handleHeaderSlotChange}\r\n                        ></slot>\r\n                        ${this.showClose\r\n                          ? html`\r\n                              <button\r\n                                class=\"popover__close\"\r\n                                part=\"close-button\"\r\n                                type=\"button\"\r\n                                aria-label=\"Close popover\"\r\n                                @click=${this.handleCloseClick}\r\n                              >\r\n                                <bp-icon name=\"close\" size=\"sm\"></bp-icon>\r\n                              </button>\r\n                            `\r\n                          : nothing}\r\n                      </div>\r\n                    `\r\n                  : html`<slot\r\n                      name=\"header\"\r\n                      @slotchange=${this.handleHeaderSlotChange}\r\n                    ></slot>`}\r\n                <div class=\"popover__body\" part=\"body\">\r\n                  <slot name=\"content\"></slot>\r\n                </div>\r\n                ${this.hasFooter\r\n                  ? html`\r\n                      <div class=\"popover__footer\" part=\"footer\">\r\n                        <slot\r\n                          name=\"footer\"\r\n                          @slotchange=${this.handleFooterSlotChange}\r\n                        ></slot>\r\n                      </div>\r\n                    `\r\n                  : html`<slot\r\n                      name=\"footer\"\r\n                      @slotchange=${this.handleFooterSlotChange}\r\n                    ></slot>`}\r\n              </div>\r\n            `\r\n          : nothing}\r\n      </div>\r\n    `;\r\n  }\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    'bp-popover': BpPopover;\r\n  }\r\n}\r\n"],"names":["popoverStyles","css","BpPopover","LitElement","event","slot","html","nothing","__decorateClass","property","value","booleanConverter","state","query","customElement"],"mappings":";;;AAEO,MAAMA,IAAgBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA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"}