@openelement/ui 0.41.0-alpha.1

package/src/open-card.js

@@ -0,0 +1,107 @@
+/** @jsxImportSource @openelement/core */ /**
+ * @openelement/ui - open-card
+ *
+ * Minimal card container with optional header and footer.
+ * Swiss International Style: borders are whispers, not shouts.
+ *
+ * v0.20.0: Migrated from DsdLitElement to DsdElement (Ocean component).
+ * v0.24.1: Migrated from html`` template to JSX (ADR-0057).
+ *
+ * @csspart container - The article wrapper
+ * @csspart body - The card body content area
+ *
+ * Usage:
+ * ```html
+ * <open-card>
+ *   <h3 slot="header">Card Title</h3>
+ *   <p>Card content goes here.</p>
+ * </open-card>
+ *
+ * <open-card variant="elevated">
+ *   <p>Elevated card with shadow.</p>
+ * </open-card>
+ * ```
+ */ import { OpenElement } from '@openelement/element';
+import { StyleSheet } from '@openelement/core/style-sheet';
+export const tagName = 'open-card';
+const sheet = new StyleSheet();
+sheet.replaceSync(`
+  :host {
+    display: block;
+    background:
+      linear-gradient(135deg, color-mix(in srgb, var(--violet-1) 14%, transparent), transparent 48%),
+      var(--bg-card);
+    color: var(--text-primary);
+    border: var(--border-size-1) solid var(--border);
+    border-radius: var(--card-radius);
+    overflow: hidden;
+    transition: border-color var(--ease-3) var(--duration-2), background var(--ease-3) var(--duration-2), box-shadow var(--ease-3) var(--duration-2);
+  }
+
+  :host([variant="elevated"]) {
+    box-shadow: 0 var(--size-2) var(--size-8) color-mix(in srgb, var(--brand) 8%, transparent);
+    border-color: var(--border);
+  }
+
+  :host([variant="elevated"]:hover) {
+    border-color: var(--brand);
+  }
+
+  :host([variant="borderless"]) {
+    border-color: transparent;
+  }
+
+  :host([variant="muted"]) {
+    background: var(--bg-surface);
+  }
+
+  :host([variant="artifact"]) {
+    background: var(--bg-code, var(--gray-11));
+    color: var(--gray-2);
+    border-color: var(--code-border, var(--gray-8));
+  }
+
+  ::slotted([slot="header"]) {
+    padding: var(--size-4) var(--size-5);
+    border-bottom: var(--border-size-1) solid var(--border);
+    font-size: var(--font-size-2);
+    font-weight: var(--font-weight-6);
+    color: var(--text-primary);
+    margin: 0;
+  }
+
+  .card-body {
+    padding: var(--size-5);
+  }
+
+  ::slotted([slot="footer"]) {
+    padding: var(--size-3) var(--size-5);
+    border-top: var(--border-size-1) solid var(--border);
+    font-size: var(--font-size-0);
+    color: var(--text-muted);
+    margin: 0;
+  }
+`);
+export class OpenCard extends OpenElement {
+  static styles = [
+    sheet
+  ];
+  static observedAttributes = [
+    'variant'
+  ];
+  render() {
+    return <article part='container'>
+        <slot name='header'></slot>
+        <div className='card-body' part='body'>
+          <slot></slot>
+        </div>
+        <slot name='footer'></slot>
+      </article>;
+  }
+}
+export default OpenCard;
+// Guard: idempotent across SSR paths
+if (typeof customElements !== 'undefined' && !customElements.get(tagName)) {
+  customElements.define(tagName, OpenCard);
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZpbGU6Ly8vaG9tZS9ydW5uZXIvd29yay9vcGVuZWxlbWVudC9vcGVuZWxlbWVudC9wYWNrYWdlcy91aS9zcmMvb3Blbi1jYXJkLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGpzeEltcG9ydFNvdXJjZSBAb3BlbmVsZW1lbnQvY29yZSAqL1xuLyoqXG4gKiBAb3BlbmVsZW1lbnQvdWkgLSBvcGVuLWNhcmRcbiAqXG4gKiBNaW5pbWFsIGNhcmQgY29udGFpbmVyIHdpdGggb3B0aW9uYWwgaGVhZGVyIGFuZCBmb290ZXIuXG4gKiBTd2lzcyBJbnRlcm5hdGlvbmFsIFN0eWxlOiBib3JkZXJzIGFyZSB3aGlzcGVycywgbm90IHNob3V0cy5cbiAqXG4gKiB2MC4yMC4wOiBNaWdyYXRlZCBmcm9tIERzZExpdEVsZW1lbnQgdG8gRHNkRWxlbWVudCAoT2NlYW4gY29tcG9uZW50KS5cbiAqIHYwLjI0LjE6IE1pZ3JhdGVkIGZyb20gaHRtbGBgIHRlbXBsYXRlIHRvIEpTWCAoQURSLTAwNTcpLlxuICpcbiAqIEBjc3NwYXJ0IGNvbnRhaW5lciAtIFRoZSBhcnRpY2xlIHdyYXBwZXJcbiAqIEBjc3NwYXJ0IGJvZHkgLSBUaGUgY2FyZCBib2R5IGNvbnRlbnQgYXJlYVxuICpcbiAqIFVzYWdlOlxuICogYGBgaHRtbFxuICogPG9wZW4tY2FyZD5cbiAqICAgPGgzIHNsb3Q9XCJoZWFkZXJcIj5DYXJkIFRpdGxlPC9oMz5cbiAqICAgPHA+Q2FyZCBjb250ZW50IGdvZXMgaGVyZS48L3A+XG4gKiA8L29wZW4tY2FyZD5cbiAqXG4gKiA8b3Blbi1jYXJkIHZhcmlhbnQ9XCJlbGV2YXRlZFwiPlxuICogICA8cD5FbGV2YXRlZCBjYXJkIHdpdGggc2hhZG93LjwvcD5cbiAqIDwvb3Blbi1jYXJkPlxuICogYGBgXG4gKi9cblxuaW1wb3J0IHsgT3BlbkVsZW1lbnQgfSBmcm9tICdAb3BlbmVsZW1lbnQvZWxlbWVudCc7XG5pbXBvcnQgeyBTdHlsZVNoZWV0LCB0eXBlIFN0eWxlU2hlZXRMaWtlIH0gZnJvbSAnQG9wZW5lbGVtZW50L2NvcmUvc3R5bGUtc2hlZXQnO1xuZXhwb3J0IGNvbnN0IHRhZ05hbWUgPSAnb3Blbi1jYXJkJztcblxuY29uc3Qgc2hlZXQ6IFN0eWxlU2hlZXRMaWtlID0gbmV3IFN0eWxlU2hlZXQoKTtcbnNoZWV0LnJlcGxhY2VTeW5jKGBcbiAgOmhvc3Qge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGJhY2tncm91bmQ6XG4gICAgICBsaW5lYXItZ3JhZGllbnQoMTM1ZGVnLCBjb2xvci1taXgoaW4gc3JnYiwgdmFyKC0tdmlvbGV0LTEpIDE0JSwgdHJhbnNwYXJlbnQpLCB0cmFuc3BhcmVudCA0OCUpLFxuICAgICAgdmFyKC0tYmctY2FyZCk7XG4gICAgY29sb3I6IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgYm9yZGVyOiB2YXIoLS1ib3JkZXItc2l6ZS0xKSBzb2xpZCB2YXIoLS1ib3JkZXIpO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWNhcmQtcmFkaXVzKTtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciB2YXIoLS1lYXNlLTMpIHZhcigtLWR1cmF0aW9uLTIpLCBiYWNrZ3JvdW5kIHZhcigtLWVhc2UtMykgdmFyKC0tZHVyYXRpb24tMiksIGJveC1zaGFkb3cgdmFyKC0tZWFzZS0zKSB2YXIoLS1kdXJhdGlvbi0yKTtcbiAgfVxuXG4gIDpob3N0KFt2YXJpYW50PVwiZWxldmF0ZWRcIl0pIHtcbiAgICBib3gtc2hhZG93OiAwIHZhcigtLXNpemUtMikgdmFyKC0tc2l6ZS04KSBjb2xvci1taXgoaW4gc3JnYiwgdmFyKC0tYnJhbmQpIDglLCB0cmFuc3BhcmVudCk7XG4gICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1ib3JkZXIpO1xuICB9XG5cbiAgOmhvc3QoW3ZhcmlhbnQ9XCJlbGV2YXRlZFwiXTpob3Zlcikge1xuICAgIGJvcmRlci1jb2xvcjogdmFyKC0tYnJhbmQpO1xuICB9XG5cbiAgOmhvc3QoW3ZhcmlhbnQ9XCJib3JkZXJsZXNzXCJdKSB7XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgfVxuXG4gIDpob3N0KFt2YXJpYW50PVwibXV0ZWRcIl0pIHtcbiAgICBiYWNrZ3JvdW5kOiB2YXIoLS1iZy1zdXJmYWNlKTtcbiAgfVxuXG4gIDpob3N0KFt2YXJpYW50PVwiYXJ0aWZhY3RcIl0pIHtcbiAgICBiYWNrZ3JvdW5kOiB2YXIoLS1iZy1jb2RlLCB2YXIoLS1ncmF5LTExKSk7XG4gICAgY29sb3I6IHZhcigtLWdyYXktMik7XG4gICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1jb2RlLWJvcmRlciwgdmFyKC0tZ3JheS04KSk7XG4gIH1cblxuICA6OnNsb3R0ZWQoW3Nsb3Q9XCJoZWFkZXJcIl0pIHtcbiAgICBwYWRkaW5nOiB2YXIoLS1zaXplLTQpIHZhcigtLXNpemUtNSk7XG4gICAgYm9yZGVyLWJvdHRvbTogdmFyKC0tYm9yZGVyLXNpemUtMSkgc29saWQgdmFyKC0tYm9yZGVyKTtcbiAgICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS0yKTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZm9udC13ZWlnaHQtNik7XG4gICAgY29sb3I6IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgbWFyZ2luOiAwO1xuICB9XG5cbiAgLmNhcmQtYm9keSB7XG4gICAgcGFkZGluZzogdmFyKC0tc2l6ZS01KTtcbiAgfVxuXG4gIDo6c2xvdHRlZChbc2xvdD1cImZvb3RlclwiXSkge1xuICAgIHBhZGRpbmc6IHZhcigtLXNpemUtMykgdmFyKC0tc2l6ZS01KTtcbiAgICBib3JkZXItdG9wOiB2YXIoLS1ib3JkZXItc2l6ZS0xKSBzb2xpZCB2YXIoLS1ib3JkZXIpO1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLTApO1xuICAgIGNvbG9yOiB2YXIoLS10ZXh0LW11dGVkKTtcbiAgICBtYXJnaW46IDA7XG4gIH1cbmApO1xuXG5leHBvcnQgY2xhc3MgT3BlbkNhcmQgZXh0ZW5kcyBPcGVuRWxlbWVudCB7XG4gIHN0YXRpYyBvdmVycmlkZSBzdHlsZXMgPSBbc2hlZXRdO1xuICBzdGF0aWMgb3ZlcnJpZGUgb2JzZXJ2ZWRBdHRyaWJ1dGVzID0gWyd2YXJpYW50J107XG5cbiAgb3ZlcnJpZGUgcmVuZGVyKCk6IFJldHVyblR5cGU8dHlwZW9mIE9wZW5FbGVtZW50LnByb3RvdHlwZS5yZW5kZXI+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPGFydGljbGUgcGFydD0nY29udGFpbmVyJz5cbiAgICAgICAgPHNsb3QgbmFtZT0naGVhZGVyJz48L3Nsb3Q+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPSdjYXJkLWJvZHknIHBhcnQ9J2JvZHknPlxuICAgICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxzbG90IG5hbWU9J2Zvb3Rlcic+PC9zbG90PlxuICAgICAgPC9hcnRpY2xlPlxuICAgICk7XG4gIH1cbn1cblxuZXhwb3J0IGRlZmF1bHQgT3BlbkNhcmQ7XG5cbi8vIEd1YXJkOiBpZGVtcG90ZW50IGFjcm9zcyBTU1IgcGF0aHNcbmlmICh0eXBlb2YgY3VzdG9tRWxlbWVudHMgIT09ICd1bmRlZmluZWQnICYmICFjdXN0b21FbGVtZW50cy5nZXQodGFnTmFtZSkpIHtcbiAgY3VzdG9tRWxlbWVudHMuZGVmaW5lKHRhZ05hbWUsIE9wZW5DYXJkKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSx1Q0FBdUMsR0FDdkM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0NBdUJDLEdBRUQsU0FBUyxXQUFXLFFBQVEsdUJBQXVCO0FBQ25ELFNBQVMsVUFBVSxRQUE2QixnQ0FBZ0M7QUFDaEYsT0FBTyxNQUFNLFVBQVUsWUFBWTtBQUVuQyxNQUFNLFFBQXdCLElBQUk7QUFDbEMsTUFBTSxXQUFXLENBQUMsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUF3RG5CLENBQUM7QUFFRCxPQUFPLE1BQU0saUJBQWlCO0VBQzVCLE9BQWdCLFNBQVM7SUFBQztHQUFNLENBQUM7RUFDakMsT0FBZ0IscUJBQXFCO0lBQUM7R0FBVSxDQUFDO0VBRXhDLFNBQTBEO0lBQ2pFLFFBQ0csUUFBUSxLQUFLLFlBQVk7UUFDeEIsQ0FBQyxLQUFLLEtBQUssV0FBVyxLQUFLO1FBQzNCLENBQUMsSUFBSSxVQUFVLFlBQVksS0FBSyxPQUFPO1VBQ3JDLENBQUMsT0FBTyxLQUFLO1FBQ2YsRUFBRSxJQUFJO1FBQ04sQ0FBQyxLQUFLLEtBQUssV0FBVyxLQUFLO01BQzdCLEVBQUU7RUFFTjtBQUNGO0FBRUEsZUFBZSxTQUFTO0FBRXhCLHFDQUFxQztBQUNyQyxJQUFJLE9BQU8sbUJBQW1CLGVBQWUsQ0FBQyxlQUFlLEdBQUcsQ0FBQyxVQUFVO0VBQ3pFLGVBQWUsTUFBTSxDQUFDLFNBQVM7QUFDakMifQ==

package/src/open-code-block.d.ts

@@ -0,0 +1,44 @@
+/** @jsxImportSource @openelement/core */ /**
+ * @openelement/ui - open-code-block
+ *
+ * Code block with copy button AND syntax highlighting via Prism.
+ *
+ * v0.20.0: Migrated from DsdLitElement to DsdElement (Ocean component).
+ *   - Self-contained Prism highlighting injected into shadow root
+ *   - Copy button uses ElementInternals :state(copied) for CSS feedback
+ *   - DSD renders <slot> for SSR (no JS content fallback)
+ * v0.24.1: Migrated from html`` template to JSX (ADR-0057).
+ *
+ * @csspart copy - The copy button
+ *
+ * Usage:
+ * ```html
+ * <open-code-block>
+ *   <pre><code>const x = 1;</code></pre>
+ * </open-code-block>
+ * ```
+ */ import { OpenElement } from '@openelement/element';
+import { type StyleSheetLike } from '@openelement/core/style-sheet';
+export declare const tagName: 'open-code-block';
+declare const sheet: StyleSheetLike;
+export declare class OpenCodeBlock extends OpenElement {
+  static override styles: [];
+  private _copyState: any;
+  private _copyTimer: any;
+  private _highlightTimer: any;
+  private _highlightedInShadow: any;
+  private _highlightRetries: any;
+  private static MAX_HIGHLIGHT_RETRIES: any;
+  override render(): ReturnType<typeof OpenElement.prototype.render>;
+  override connectedCallback(): void;
+  override onDsdHydrated(): void;
+  override onCsrRendered(): void;
+  override disconnectedCallback(): void;
+  private _prismGlobal: any;
+  private _tryHighlight: any;
+  private _injectHighlighted: any;
+  private _getCodeText: any;
+  private _copy: any;
+  private _updateCopyButtonDOM: any;
+}
+export default OpenCodeBlock;

package/src/open-code-block.js

@@ -0,0 +1,267 @@
+/** @jsxImportSource @openelement/core */ /**
+ * @openelement/ui - open-code-block
+ *
+ * Code block with copy button AND syntax highlighting via Prism.
+ *
+ * v0.20.0: Migrated from DsdLitElement to DsdElement (Ocean component).
+ *   - Self-contained Prism highlighting injected into shadow root
+ *   - Copy button uses ElementInternals :state(copied) for CSS feedback
+ *   - DSD renders <slot> for SSR (no JS content fallback)
+ * v0.24.1: Migrated from html`` template to JSX (ADR-0057).
+ *
+ * @csspart copy - The copy button
+ *
+ * Usage:
+ * ```html
+ * <open-code-block>
+ *   <pre><code>const x = 1;</code></pre>
+ * </open-code-block>
+ * ```
+ */ import { OpenElement } from '@openelement/element';
+import { StyleSheet } from '@openelement/core/style-sheet';
+import { createLogger } from '@openelement/core/logger';
+export const tagName = 'open-code-block';
+const log = createLogger('ui');
+const sheet = new StyleSheet();
+sheet.replaceSync(`
+  :host {
+    display: block;
+    position: relative;
+  }
+
+  pre {
+    margin: 0;
+    padding: var(--size-5);
+    background: var(--bg-code);
+    border: var(--border-size-1) solid var(--code-border);
+    border-radius: var(--radius-3);
+    overflow-x: auto;
+    font-family: var(--font-mono);
+    font-size: var(--font-size-0);
+    line-height: var(--font-lineheight-4);
+    color: var(--text-secondary);
+    scrollbar-width: thin;
+    scrollbar-color: var(--brand-subtle) transparent;
+    white-space: pre-wrap;
+    word-break: break-word;
+  }
+
+  ::slotted(pre) {
+    margin: 0;
+    padding: var(--size-5);
+    background: var(--bg-code);
+    border: var(--border-size-1) solid var(--code-border);
+    border-radius: var(--radius-3);
+    overflow-x: auto;
+    font-family: var(--font-mono);
+    font-size: var(--font-size-0);
+    line-height: var(--font-lineheight-4);
+    color: var(--text-secondary);
+    scrollbar-width: thin;
+    scrollbar-color: var(--brand-subtle) transparent;
+  }
+
+  .lang-badge {
+    position: absolute;
+    top: var(--size-2);
+    left: var(--size-3);
+    font-size: var(--font-size-00);
+    font-weight: var(--font-weight-7);
+    text-transform: uppercase;
+    letter-spacing: var(--font-letterspacing-5);
+    color: var(--text-muted);
+    pointer-events: none;
+  }
+
+  .copy-btn {
+    position: absolute;
+    top: var(--size-2);
+    right: var(--size-2);
+    background: var(--brand-subtle);
+    color: var(--text-muted);
+    padding: var(--size-1) var(--size-3);
+    font-size: var(--font-size-00);
+    font-family: var(--font-sans);
+    font-weight: var(--font-weight-6);
+    border: 0.5px solid transparent;
+    cursor: pointer;
+    border-radius: var(--radius-1);
+    transition: all var(--ease-2) var(--duration-2);
+    z-index: 1;
+    letter-spacing: var(--font-letterspacing-4);
+  }
+
+  .copy-btn:hover {
+    color: var(--text-primary);
+    background: var(--brand-glow);
+    border-color: var(--brand);
+  }
+
+  :host(:state(copied)) .copy-btn {
+    color: #22c55e;
+    border-color: rgba(34,197,94,0.3);
+    background: rgba(34,197,94,0.08);
+  }
+
+  :host(:state(failed)) .copy-btn {
+    color: var(--error);
+    border-color: var(--error);
+  }
+
+  /* Prism token colors (dark theme) */
+  .token.cdata, .token.comment, .token.doctype, .token.prolog { color: #6a737d; }
+  .token.punctuation { color: #8b949e; }
+  .token.namespace { opacity: 0.7; }
+  .token.boolean, .token.constant, .token.deleted, .token.number, .token.property, .token.symbol, .token.tag { color: #79c0ff; }
+  .token.attr-name, .token.builtin, .token.char, .token.inserted, .token.selector, .token.string { color: #a5d6ff; }
+  .token.entity, .token.operator, .token.url, .language-css .token.string, .style .token.string { color: #d2a8ff; }
+  .token.atrule, .token.attr-value, .token.keyword { color: #ff7b72; }
+  .token.class-name, .token.function { color: #d2a8ff; }
+  .token.important, .token.regex, .token.variable { color: #ffa657; }
+  .token.bold, .token.important { font-weight: 700; }
+  .token.italic { font-style: italic; }
+  .token.entity { cursor: help; }
+`);
+export class OpenCodeBlock extends OpenElement {
+  static styles = [
+    sheet
+  ];
+  _copyState = 'idle';
+  _copyTimer;
+  _highlightTimer;
+  _highlightedInShadow = false;
+  _highlightRetries = 0;
+  static MAX_HIGHLIGHT_RETRIES = 120;
+  render() {
+    return <>
+        <slot></slot>
+        <button type='button' className='copy-btn' part='copy' onClick={()=>this._copy()}>
+          Copy
+        </button>
+      </>;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+  }
+  onDsdHydrated() {
+    super.onDsdHydrated();
+    this._tryHighlight();
+  }
+  onCsrRendered() {
+    super.onCsrRendered();
+    this._tryHighlight();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    if (this._copyTimer !== undefined) {
+      clearTimeout(this._copyTimer);
+      this._copyTimer = undefined;
+    }
+    if (this._highlightTimer !== undefined) {
+      clearTimeout(this._highlightTimer);
+      this._highlightTimer = undefined;
+    }
+  }
+  _prismGlobal() {
+    return globalThis.Prism;
+  }
+  _tryHighlight() {
+    const p = this._prismGlobal();
+    if (typeof p === 'undefined') {
+      if (this._highlightRetries++ < OpenCodeBlock.MAX_HIGHLIGHT_RETRIES) {
+        // Exponential backoff: 10, 20, 40, 80, 160, 320, 500ms cap
+        const delay = Math.min(10 * Math.pow(2, Math.min(this._highlightRetries, 6)), 500);
+        this._highlightTimer = globalThis.setTimeout(()=>this._tryHighlight(), delay);
+      }
+      return;
+    }
+    const pre = this.querySelector(':scope > pre') || Array.from(this.children).find((c)=>c.tagName === 'PRE');
+    if (!pre) return;
+    const codeEl = pre.querySelector('code');
+    if (!codeEl) return;
+    let lang = 'typescript';
+    const classes = codeEl.classList;
+    for(let i = 0; i < classes.length; i++){
+      if (classes[i].startsWith('language-')) {
+        lang = classes[i].slice(9);
+        break;
+      }
+    }
+    const raw = codeEl.textContent || '';
+    const grammar = p.languages?.[lang];
+    if (!grammar) {
+      if (this._highlightRetries++ < OpenCodeBlock.MAX_HIGHLIGHT_RETRIES) {
+        const delay = Math.min(20 * Math.pow(2, Math.min(this._highlightRetries, 6)), 1000);
+        this._highlightTimer = globalThis.setTimeout(()=>this._tryHighlight(), delay);
+      }
+      return;
+    }
+    this._highlightRetries = 0;
+    const highlightedHtml = p.highlight(raw, grammar, lang);
+    this._injectHighlighted(highlightedHtml);
+  }
+  _injectHighlighted(html) {
+    if (!this.shadowRoot || this._highlightedInShadow) return;
+    this._highlightedInShadow = true;
+    const slot1 = this.shadowRoot.querySelector('slot');
+    if (!slot1) return;
+    const highlightedPre = document.createElement('pre');
+    const highlightedCode = document.createElement('code');
+    highlightedCode.className = 'language-typescript';
+    highlightedCode.innerHTML = html;
+    highlightedPre.appendChild(highlightedCode);
+    slot1.replaceWith(highlightedPre);
+    const lightPre = this.querySelector('pre');
+    if (lightPre) lightPre.style.display = 'none';
+  }
+  _getCodeText() {
+    if (this.shadowRoot) {
+      const shadowCode = this.shadowRoot.querySelector('pre code');
+      if (shadowCode) return shadowCode.textContent || '';
+    }
+    return this.textContent || '';
+  }
+  async _copy() {
+    try {
+      const text = this._getCodeText();
+      await navigator.clipboard.writeText(text);
+      this._copyState = 'copied';
+      this._internals?.states.add('copied');
+      this._internals?.states.delete('failed');
+      this._updateCopyButtonDOM();
+      this._copyTimer = globalThis.setTimeout(()=>{
+        this._copyState = 'idle';
+        this._internals?.states.delete('copied');
+        this._updateCopyButtonDOM();
+        this._copyTimer = undefined;
+      }, 2000);
+    } catch (e) {
+      log.warn('Clipboard write failed:', e);
+      this._internals?.states.add('failed');
+      this._internals?.states.delete('copied');
+      this._updateCopyButtonDOM();
+      this._copyTimer = globalThis.setTimeout(()=>{
+        this._copyState = 'idle';
+        this._internals?.states.delete('failed');
+        this._updateCopyButtonDOM();
+        this._copyTimer = undefined;
+      }, 2000);
+    }
+  }
+  _updateCopyButtonDOM() {
+    if (!this.shadowRoot) return;
+    const btn = this.shadowRoot.querySelector('button.copy-btn');
+    if (!btn) return;
+    btn.classList.toggle('copied', this._copyState === 'copied');
+    btn.classList.toggle('failed', this._copyState === 'failed');
+    if (this._copyState === 'copied') btn.textContent = 'Copied!';
+    else if (this._copyState === 'failed') btn.textContent = 'Failed';
+    else btn.textContent = 'Copy';
+  }
+}
+export default OpenCodeBlock;
+// Guard: idempotent across SSR paths
+if (typeof customElements !== 'undefined' && !customElements.get(tagName)) {
+  customElements.define(tagName, OpenCodeBlock);
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZpbGU6Ly8vaG9tZS9ydW5uZXIvd29yay9vcGVuZWxlbWVudC9vcGVuZWxlbWVudC9wYWNrYWdlcy91aS9zcmMvb3Blbi1jb2RlLWJsb2NrLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGpzeEltcG9ydFNvdXJjZSBAb3BlbmVsZW1lbnQvY29yZSAqL1xuLyoqXG4gKiBAb3BlbmVsZW1lbnQvdWkgLSBvcGVuLWNvZGUtYmxvY2tcbiAqXG4gKiBDb2RlIGJsb2NrIHdpdGggY29weSBidXR0b24gQU5EIHN5bnRheCBoaWdobGlnaHRpbmcgdmlhIFByaXNtLlxuICpcbiAqIHYwLjIwLjA6IE1pZ3JhdGVkIGZyb20gRHNkTGl0RWxlbWVudCB0byBEc2RFbGVtZW50IChPY2VhbiBjb21wb25lbnQpLlxuICogICAtIFNlbGYtY29udGFpbmVkIFByaXNtIGhpZ2hsaWdodGluZyBpbmplY3RlZCBpbnRvIHNoYWRvdyByb290XG4gKiAgIC0gQ29weSBidXR0b24gdXNlcyBFbGVtZW50SW50ZXJuYWxzIDpzdGF0ZShjb3BpZWQpIGZvciBDU1MgZmVlZGJhY2tcbiAqICAgLSBEU0QgcmVuZGVycyA8c2xvdD4gZm9yIFNTUiAobm8gSlMgY29udGVudCBmYWxsYmFjaylcbiAqIHYwLjI0LjE6IE1pZ3JhdGVkIGZyb20gaHRtbGBgIHRlbXBsYXRlIHRvIEpTWCAoQURSLTAwNTcpLlxuICpcbiAqIEBjc3NwYXJ0IGNvcHkgLSBUaGUgY29weSBidXR0b25cbiAqXG4gKiBVc2FnZTpcbiAqIGBgYGh0bWxcbiAqIDxvcGVuLWNvZGUtYmxvY2s+XG4gKiAgIDxwcmU+PGNvZGU+Y29uc3QgeCA9IDE7PC9jb2RlPjwvcHJlPlxuICogPC9vcGVuLWNvZGUtYmxvY2s+XG4gKiBgYGBcbiAqL1xuXG5pbXBvcnQgeyBPcGVuRWxlbWVudCB9IGZyb20gJ0BvcGVuZWxlbWVudC9lbGVtZW50JztcbmltcG9ydCB7IFN0eWxlU2hlZXQsIHR5cGUgU3R5bGVTaGVldExpa2UgfSBmcm9tICdAb3BlbmVsZW1lbnQvY29yZS9zdHlsZS1zaGVldCc7XG5pbXBvcnQgeyBjcmVhdGVMb2dnZXIgfSBmcm9tICdAb3BlbmVsZW1lbnQvY29yZS9sb2dnZXInO1xuZXhwb3J0IGNvbnN0IHRhZ05hbWUgPSAnb3Blbi1jb2RlLWJsb2NrJztcblxuY29uc3QgbG9nID0gY3JlYXRlTG9nZ2VyKCd1aScpO1xuXG5jb25zdCBzaGVldDogU3R5bGVTaGVldExpa2UgPSBuZXcgU3R5bGVTaGVldCgpO1xuc2hlZXQucmVwbGFjZVN5bmMoYFxuICA6aG9zdCB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB9XG5cbiAgcHJlIHtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogdmFyKC0tc2l6ZS01KTtcbiAgICBiYWNrZ3JvdW5kOiB2YXIoLS1iZy1jb2RlKTtcbiAgICBib3JkZXI6IHZhcigtLWJvcmRlci1zaXplLTEpIHNvbGlkIHZhcigtLWNvZGUtYm9yZGVyKTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpdXMtMyk7XG4gICAgb3ZlcmZsb3cteDogYXV0bztcbiAgICBmb250LWZhbWlseTogdmFyKC0tZm9udC1tb25vKTtcbiAgICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS0wKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZm9udC1saW5laGVpZ2h0LTQpO1xuICAgIGNvbG9yOiB2YXIoLS10ZXh0LXNlY29uZGFyeSk7XG4gICAgc2Nyb2xsYmFyLXdpZHRoOiB0aGluO1xuICAgIHNjcm9sbGJhci1jb2xvcjogdmFyKC0tYnJhbmQtc3VidGxlKSB0cmFuc3BhcmVudDtcbiAgICB3aGl0ZS1zcGFjZTogcHJlLXdyYXA7XG4gICAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgfVxuXG4gIDo6c2xvdHRlZChwcmUpIHtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogdmFyKC0tc2l6ZS01KTtcbiAgICBiYWNrZ3JvdW5kOiB2YXIoLS1iZy1jb2RlKTtcbiAgICBib3JkZXI6IHZhcigtLWJvcmRlci1zaXplLTEpIHNvbGlkIHZhcigtLWNvZGUtYm9yZGVyKTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpdXMtMyk7XG4gICAgb3ZlcmZsb3cteDogYXV0bztcbiAgICBmb250LWZhbWlseTogdmFyKC0tZm9udC1tb25vKTtcbiAgICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS0wKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZm9udC1saW5laGVpZ2h0LTQpO1xuICAgIGNvbG9yOiB2YXIoLS10ZXh0LXNlY29uZGFyeSk7XG4gICAgc2Nyb2xsYmFyLXdpZHRoOiB0aGluO1xuICAgIHNjcm9sbGJhci1jb2xvcjogdmFyKC0tYnJhbmQtc3VidGxlKSB0cmFuc3BhcmVudDtcbiAgfVxuXG4gIC5sYW5nLWJhZGdlIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiB2YXIoLS1zaXplLTIpO1xuICAgIGxlZnQ6IHZhcigtLXNpemUtMyk7XG4gICAgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUtMDApO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoLS1mb250LXdlaWdodC03KTtcbiAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoLS1mb250LWxldHRlcnNwYWNpbmctNSk7XG4gICAgY29sb3I6IHZhcigtLXRleHQtbXV0ZWQpO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB9XG5cbiAgLmNvcHktYnRuIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiB2YXIoLS1zaXplLTIpO1xuICAgIHJpZ2h0OiB2YXIoLS1zaXplLTIpO1xuICAgIGJhY2tncm91bmQ6IHZhcigtLWJyYW5kLXN1YnRsZSk7XG4gICAgY29sb3I6IHZhcigtLXRleHQtbXV0ZWQpO1xuICAgIHBhZGRpbmc6IHZhcigtLXNpemUtMSkgdmFyKC0tc2l6ZS0zKTtcbiAgICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS0wMCk7XG4gICAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtc2Fucyk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigtLWZvbnQtd2VpZ2h0LTYpO1xuICAgIGJvcmRlcjogMC41cHggc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLXJhZGl1cy0xKTtcbiAgICB0cmFuc2l0aW9uOiBhbGwgdmFyKC0tZWFzZS0yKSB2YXIoLS1kdXJhdGlvbi0yKTtcbiAgICB6LWluZGV4OiAxO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoLS1mb250LWxldHRlcnNwYWNpbmctNCk7XG4gIH1cblxuICAuY29weS1idG46aG92ZXIge1xuICAgIGNvbG9yOiB2YXIoLS10ZXh0LXByaW1hcnkpO1xuICAgIGJhY2tncm91bmQ6IHZhcigtLWJyYW5kLWdsb3cpO1xuICAgIGJvcmRlci1jb2xvcjogdmFyKC0tYnJhbmQpO1xuICB9XG5cbiAgOmhvc3QoOnN0YXRlKGNvcGllZCkpIC5jb3B5LWJ0biB7XG4gICAgY29sb3I6ICMyMmM1NWU7XG4gICAgYm9yZGVyLWNvbG9yOiByZ2JhKDM0LDE5Nyw5NCwwLjMpO1xuICAgIGJhY2tncm91bmQ6IHJnYmEoMzQsMTk3LDk0LDAuMDgpO1xuICB9XG5cbiAgOmhvc3QoOnN0YXRlKGZhaWxlZCkpIC5jb3B5LWJ0biB7XG4gICAgY29sb3I6IHZhcigtLWVycm9yKTtcbiAgICBib3JkZXItY29sb3I6IHZhcigtLWVycm9yKTtcbiAgfVxuXG4gIC8qIFByaXNtIHRva2VuIGNvbG9ycyAoZGFyayB0aGVtZSkgKi9cbiAgLnRva2VuLmNkYXRhLCAudG9rZW4uY29tbWVudCwgLnRva2VuLmRvY3R5cGUsIC50b2tlbi5wcm9sb2cgeyBjb2xvcjogIzZhNzM3ZDsgfVxuICAudG9rZW4ucHVuY3R1YXRpb24geyBjb2xvcjogIzhiOTQ5ZTsgfVxuICAudG9rZW4ubmFtZXNwYWNlIHsgb3BhY2l0eTogMC43OyB9XG4gIC50b2tlbi5ib29sZWFuLCAudG9rZW4uY29uc3RhbnQsIC50b2tlbi5kZWxldGVkLCAudG9rZW4ubnVtYmVyLCAudG9rZW4ucHJvcGVydHksIC50b2tlbi5zeW1ib2wsIC50b2tlbi50YWcgeyBjb2xvcjogIzc5YzBmZjsgfVxuICAudG9rZW4uYXR0ci1uYW1lLCAudG9rZW4uYnVpbHRpbiwgLnRva2VuLmNoYXIsIC50b2tlbi5pbnNlcnRlZCwgLnRva2VuLnNlbGVjdG9yLCAudG9rZW4uc3RyaW5nIHsgY29sb3I6ICNhNWQ2ZmY7IH1cbiAgLnRva2VuLmVudGl0eSwgLnRva2VuLm9wZXJhdG9yLCAudG9rZW4udXJsLCAubGFuZ3VhZ2UtY3NzIC50b2tlbi5zdHJpbmcsIC5zdHlsZSAudG9rZW4uc3RyaW5nIHsgY29sb3I6ICNkMmE4ZmY7IH1cbiAgLnRva2VuLmF0cnVsZSwgLnRva2VuLmF0dHItdmFsdWUsIC50b2tlbi5rZXl3b3JkIHsgY29sb3I6ICNmZjdiNzI7IH1cbiAgLnRva2VuLmNsYXNzLW5hbWUsIC50b2tlbi5mdW5jdGlvbiB7IGNvbG9yOiAjZDJhOGZmOyB9XG4gIC50b2tlbi5pbXBvcnRhbnQsIC50b2tlbi5yZWdleCwgLnRva2VuLnZhcmlhYmxlIHsgY29sb3I6ICNmZmE2NTc7IH1cbiAgLnRva2VuLmJvbGQsIC50b2tlbi5pbXBvcnRhbnQgeyBmb250LXdlaWdodDogNzAwOyB9XG4gIC50b2tlbi5pdGFsaWMgeyBmb250LXN0eWxlOiBpdGFsaWM7IH1cbiAgLnRva2VuLmVudGl0eSB7IGN1cnNvcjogaGVscDsgfVxuYCk7XG5cbmV4cG9ydCBjbGFzcyBPcGVuQ29kZUJsb2NrIGV4dGVuZHMgT3BlbkVsZW1lbnQge1xuICBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzID0gW3NoZWV0XTtcblxuICBwcml2YXRlIF9jb3B5U3RhdGU6ICdpZGxlJyB8ICdjb3BpZWQnIHwgJ2ZhaWxlZCcgPSAnaWRsZSc7XG4gIHByaXZhdGUgX2NvcHlUaW1lcjogUmV0dXJuVHlwZTx0eXBlb2Ygc2V0VGltZW91dD4gfCB1bmRlZmluZWQ7XG4gIHByaXZhdGUgX2hpZ2hsaWdodFRpbWVyOiBSZXR1cm5UeXBlPHR5cGVvZiBzZXRUaW1lb3V0PiB8IHVuZGVmaW5lZDtcbiAgcHJpdmF0ZSBfaGlnaGxpZ2h0ZWRJblNoYWRvdyA9IGZhbHNlO1xuICBwcml2YXRlIF9oaWdobGlnaHRSZXRyaWVzID0gMDtcbiAgcHJpdmF0ZSBzdGF0aWMgTUFYX0hJR0hMSUdIVF9SRVRSSUVTID0gMTIwO1xuXG4gIG92ZXJyaWRlIHJlbmRlcigpOiBSZXR1cm5UeXBlPHR5cGVvZiBPcGVuRWxlbWVudC5wcm90b3R5cGUucmVuZGVyPiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDw+XG4gICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgICAgPGJ1dHRvbiB0eXBlPSdidXR0b24nIGNsYXNzTmFtZT0nY29weS1idG4nIHBhcnQ9J2NvcHknIG9uQ2xpY2s9eygpID0+IHRoaXMuX2NvcHkoKX0+XG4gICAgICAgICAgQ29weVxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgIDwvPlxuICAgICk7XG4gIH1cblxuICBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICB9XG5cbiAgb3ZlcnJpZGUgb25Ec2RIeWRyYXRlZCgpOiB2b2lkIHtcbiAgICBzdXBlci5vbkRzZEh5ZHJhdGVkKCk7XG4gICAgdGhpcy5fdHJ5SGlnaGxpZ2h0KCk7XG4gIH1cblxuICBvdmVycmlkZSBvbkNzclJlbmRlcmVkKCk6IHZvaWQge1xuICAgIHN1cGVyLm9uQ3NyUmVuZGVyZWQoKTtcbiAgICB0aGlzLl90cnlIaWdobGlnaHQoKTtcbiAgfVxuXG4gIG92ZXJyaWRlIGRpc2Nvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmRpc2Nvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgaWYgKHRoaXMuX2NvcHlUaW1lciAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICBjbGVhclRpbWVvdXQodGhpcy5fY29weVRpbWVyKTtcbiAgICAgIHRoaXMuX2NvcHlUaW1lciA9IHVuZGVmaW5lZDtcbiAgICB9XG4gICAgaWYgKHRoaXMuX2hpZ2hsaWdodFRpbWVyICE9PSB1bmRlZmluZWQpIHtcbiAgICAgIGNsZWFyVGltZW91dCh0aGlzLl9oaWdobGlnaHRUaW1lcik7XG4gICAgICB0aGlzLl9oaWdobGlnaHRUaW1lciA9IHVuZGVmaW5lZDtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9wcmlzbUdsb2JhbCgpOiB1bmtub3duIHtcbiAgICByZXR1cm4gKGdsb2JhbFRoaXMgYXMgdHlwZW9mIGdsb2JhbFRoaXMgJiB7IFByaXNtPzogdW5rbm93biB9KS5QcmlzbTtcbiAgfVxuXG4gIHByaXZhdGUgX3RyeUhpZ2hsaWdodCgpOiB2b2lkIHtcbiAgICBjb25zdCBwID0gdGhpcy5fcHJpc21HbG9iYWwoKTtcbiAgICBpZiAodHlwZW9mIHAgPT09ICd1bmRlZmluZWQnKSB7XG4gICAgICBpZiAodGhpcy5faGlnaGxpZ2h0UmV0cmllcysrIDwgT3BlbkNvZGVCbG9jay5NQVhfSElHSExJR0hUX1JFVFJJRVMpIHtcbiAgICAgICAgLy8gRXhwb25lbnRpYWwgYmFja29mZjogMTAsIDIwLCA0MCwgODAsIDE2MCwgMzIwLCA1MDBtcyBjYXBcbiAgICAgICAgY29uc3QgZGVsYXkgPSBNYXRoLm1pbigxMCAqIE1hdGgucG93KDIsIE1hdGgubWluKHRoaXMuX2hpZ2hsaWdodFJldHJpZXMsIDYpKSwgNTAwKTtcbiAgICAgICAgdGhpcy5faGlnaGxpZ2h0VGltZXIgPSBnbG9iYWxUaGlzLnNldFRpbWVvdXQoKCkgPT4gdGhpcy5fdHJ5SGlnaGxpZ2h0KCksIGRlbGF5KTtcbiAgICAgIH1cbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCBwcmUgPSB0aGlzLnF1ZXJ5U2VsZWN0b3IoJzpzY29wZSA+IHByZScpIHx8XG4gICAgICBBcnJheS5mcm9tKHRoaXMuY2hpbGRyZW4pLmZpbmQoKGMpID0+IGMudGFnTmFtZSA9PT0gJ1BSRScpO1xuICAgIGlmICghcHJlKSByZXR1cm47XG4gICAgY29uc3QgY29kZUVsID0gcHJlLnF1ZXJ5U2VsZWN0b3IoJ2NvZGUnKTtcbiAgICBpZiAoIWNvZGVFbCkgcmV0dXJuO1xuXG4gICAgbGV0IGxhbmcgPSAndHlwZXNjcmlwdCc7XG4gICAgY29uc3QgY2xhc3NlcyA9IGNvZGVFbC5jbGFzc0xpc3Q7XG4gICAgZm9yIChsZXQgaSA9IDA7IGkgPCBjbGFzc2VzLmxlbmd0aDsgaSsrKSB7XG4gICAgICBpZiAoY2xhc3Nlc1tpXS5zdGFydHNXaXRoKCdsYW5ndWFnZS0nKSkge1xuICAgICAgICBsYW5nID0gY2xhc3Nlc1tpXS5zbGljZSg5KTtcbiAgICAgICAgYnJlYWs7XG4gICAgICB9XG4gICAgfVxuXG4gICAgY29uc3QgcmF3ID0gY29kZUVsLnRleHRDb250ZW50IHx8ICcnO1xuICAgIGNvbnN0IGdyYW1tYXIgPSAocCBhcyBSZWNvcmQ8c3RyaW5nLCBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPj4pLmxhbmd1YWdlcz8uW2xhbmddIGFzXG4gICAgICB8IFJlY29yZDxzdHJpbmcsIHVua25vd24+XG4gICAgICB8IHVuZGVmaW5lZDtcbiAgICBpZiAoIWdyYW1tYXIpIHtcbiAgICAgIGlmICh0aGlzLl9oaWdobGlnaHRSZXRyaWVzKysgPCBPcGVuQ29kZUJsb2NrLk1BWF9ISUdITElHSFRfUkVUUklFUykge1xuICAgICAgICBjb25zdCBkZWxheSA9IE1hdGgubWluKDIwICogTWF0aC5wb3coMiwgTWF0aC5taW4odGhpcy5faGlnaGxpZ2h0UmV0cmllcywgNikpLCAxMDAwKTtcbiAgICAgICAgdGhpcy5faGlnaGxpZ2h0VGltZXIgPSBnbG9iYWxUaGlzLnNldFRpbWVvdXQoKCkgPT4gdGhpcy5fdHJ5SGlnaGxpZ2h0KCksIGRlbGF5KTtcbiAgICAgIH1cbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5faGlnaGxpZ2h0UmV0cmllcyA9IDA7XG4gICAgY29uc3QgaGlnaGxpZ2h0ZWRIdG1sID1cbiAgICAgIChwIGFzIHsgaGlnaGxpZ2h0OiAoY29kZTogc3RyaW5nLCBncmFtbWFyOiB1bmtub3duLCBsYW5nOiBzdHJpbmcpID0+IHN0cmluZyB9KS5oaWdobGlnaHQoXG4gICAgICAgIHJhdyxcbiAgICAgICAgZ3JhbW1hcixcbiAgICAgICAgbGFuZyxcbiAgICAgICk7XG4gICAgdGhpcy5faW5qZWN0SGlnaGxpZ2h0ZWQoaGlnaGxpZ2h0ZWRIdG1sKTtcbiAgfVxuXG4gIHByaXZhdGUgX2luamVjdEhpZ2hsaWdodGVkKGh0bWw6IHN0cmluZyk6IHZvaWQge1xuICAgIGlmICghdGhpcy5zaGFkb3dSb290IHx8IHRoaXMuX2hpZ2hsaWdodGVkSW5TaGFkb3cpIHJldHVybjtcbiAgICB0aGlzLl9oaWdobGlnaHRlZEluU2hhZG93ID0gdHJ1ZTtcblxuICAgIGNvbnN0IHNsb3QgPSB0aGlzLnNoYWRvd1Jvb3QucXVlcnlTZWxlY3Rvcignc2xvdCcpO1xuICAgIGlmICghc2xvdCkgcmV0dXJuO1xuXG4gICAgY29uc3QgaGlnaGxpZ2h0ZWRQcmUgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdwcmUnKTtcbiAgICBjb25zdCBoaWdobGlnaHRlZENvZGUgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdjb2RlJyk7XG4gICAgaGlnaGxpZ2h0ZWRDb2RlLmNsYXNzTmFtZSA9ICdsYW5ndWFnZS10eXBlc2NyaXB0JztcbiAgICBoaWdobGlnaHRlZENvZGUuaW5uZXJIVE1MID0gaHRtbDtcbiAgICBoaWdobGlnaHRlZFByZS5hcHBlbmRDaGlsZChoaWdobGlnaHRlZENvZGUpO1xuICAgIHNsb3QucmVwbGFjZVdpdGgoaGlnaGxpZ2h0ZWRQcmUpO1xuXG4gICAgY29uc3QgbGlnaHRQcmUgPSB0aGlzLnF1ZXJ5U2VsZWN0b3IoJ3ByZScpO1xuICAgIGlmIChsaWdodFByZSkgKGxpZ2h0UHJlIGFzIEhUTUxFbGVtZW50KS5zdHlsZS5kaXNwbGF5ID0gJ25vbmUnO1xuICB9XG5cbiAgcHJpdmF0ZSBfZ2V0Q29kZVRleHQoKTogc3RyaW5nIHtcbiAgICBpZiAodGhpcy5zaGFkb3dSb290KSB7XG4gICAgICBjb25zdCBzaGFkb3dDb2RlID0gdGhpcy5zaGFkb3dSb290LnF1ZXJ5U2VsZWN0b3IoJ3ByZSBjb2RlJyk7XG4gICAgICBpZiAoc2hhZG93Q29kZSkgcmV0dXJuIHNoYWRvd0NvZGUudGV4dENvbnRlbnQgfHwgJyc7XG4gICAgfVxuICAgIHJldHVybiB0aGlzLnRleHRDb250ZW50IHx8ICcnO1xuICB9XG5cbiAgcHJpdmF0ZSBhc3luYyBfY29weSgpOiBQcm9taXNlPHZvaWQ+IHtcbiAgICB0cnkge1xuICAgICAgY29uc3QgdGV4dCA9IHRoaXMuX2dldENvZGVUZXh0KCk7XG4gICAgICBhd2FpdCBuYXZpZ2F0b3IuY2xpcGJvYXJkLndyaXRlVGV4dCh0ZXh0KTtcbiAgICAgIHRoaXMuX2NvcHlTdGF0ZSA9ICdjb3BpZWQnO1xuICAgICAgdGhpcy5faW50ZXJuYWxzPy5zdGF0ZXMuYWRkKCdjb3BpZWQnKTtcbiAgICAgIHRoaXMuX2ludGVybmFscz8uc3RhdGVzLmRlbGV0ZSgnZmFpbGVkJyk7XG4gICAgICB0aGlzLl91cGRhdGVDb3B5QnV0dG9uRE9NKCk7XG4gICAgICB0aGlzLl9jb3B5VGltZXIgPSBnbG9iYWxUaGlzLnNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICB0aGlzLl9jb3B5U3RhdGUgPSAnaWRsZSc7XG4gICAgICAgIHRoaXMuX2ludGVybmFscz8uc3RhdGVzLmRlbGV0ZSgnY29waWVkJyk7XG4gICAgICAgIHRoaXMuX3VwZGF0ZUNvcHlCdXR0b25ET00oKTtcbiAgICAgICAgdGhpcy5fY29weVRpbWVyID0gdW5kZWZpbmVkO1xuICAgICAgfSwgMjAwMCk7XG4gICAgfSBjYXRjaCAoZSkge1xuICAgICAgbG9nLndhcm4oJ0NsaXBib2FyZCB3cml0ZSBmYWlsZWQ6JywgZSk7XG4gICAgICB0aGlzLl9pbnRlcm5hbHM/LnN0YXRlcy5hZGQoJ2ZhaWxlZCcpO1xuICAgICAgdGhpcy5faW50ZXJuYWxzPy5zdGF0ZXMuZGVsZXRlKCdjb3BpZWQnKTtcbiAgICAgIHRoaXMuX3VwZGF0ZUNvcHlCdXR0b25ET00oKTtcbiAgICAgIHRoaXMuX2NvcHlUaW1lciA9IGdsb2JhbFRoaXMuc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIHRoaXMuX2NvcHlTdGF0ZSA9ICdpZGxlJztcbiAgICAgICAgdGhpcy5faW50ZXJuYWxzPy5zdGF0ZXMuZGVsZXRlKCdmYWlsZWQnKTtcbiAgICAgICAgdGhpcy5fdXBkYXRlQ29weUJ1dHRvbkRPTSgpO1xuICAgICAgICB0aGlzLl9jb3B5VGltZXIgPSB1bmRlZmluZWQ7XG4gICAgICB9LCAyMDAwKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF91cGRhdGVDb3B5QnV0dG9uRE9NKCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5zaGFkb3dSb290KSByZXR1cm47XG4gICAgY29uc3QgYnRuID0gdGhpcy5zaGFkb3dSb290LnF1ZXJ5U2VsZWN0b3IoJ2J1dHRvbi5jb3B5LWJ0bicpO1xuICAgIGlmICghYnRuKSByZXR1cm47XG4gICAgYnRuLmNsYXNzTGlzdC50b2dnbGUoJ2NvcGllZCcsIHRoaXMuX2NvcHlTdGF0ZSA9PT0gJ2NvcGllZCcpO1xuICAgIGJ0bi5jbGFzc0xpc3QudG9nZ2xlKCdmYWlsZWQnLCB0aGlzLl9jb3B5U3RhdGUgPT09ICdmYWlsZWQnKTtcbiAgICBpZiAodGhpcy5fY29weVN0YXRlID09PSAnY29waWVkJykgYnRuLnRleHRDb250ZW50ID0gJ0NvcGllZCEnO1xuICAgIGVsc2UgaWYgKHRoaXMuX2NvcHlTdGF0ZSA9PT0gJ2ZhaWxlZCcpIGJ0bi50ZXh0Q29udGVudCA9ICdGYWlsZWQnO1xuICAgIGVsc2UgYnRuLnRleHRDb250ZW50ID0gJ0NvcHknO1xuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IE9wZW5Db2RlQmxvY2s7XG5cbi8vIEd1YXJkOiBpZGVtcG90ZW50IGFjcm9zcyBTU1IgcGF0aHNcbmlmICh0eXBlb2YgY3VzdG9tRWxlbWVudHMgIT09ICd1bmRlZmluZWQnICYmICFjdXN0b21FbGVtZW50cy5nZXQodGFnTmFtZSkpIHtcbiAgY3VzdG9tRWxlbWVudHMuZGVmaW5lKHRhZ05hbWUsIE9wZW5Db2RlQmxvY2spO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHVDQUF1QyxHQUN2Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztDQW1CQyxHQUVELFNBQVMsV0FBVyxRQUFRLHVCQUF1QjtBQUNuRCxTQUFTLFVBQVUsUUFBNkIsZ0NBQWdDO0FBQ2hGLFNBQVMsWUFBWSxRQUFRLDJCQUEyQjtBQUN4RCxPQUFPLE1BQU0sVUFBVSxrQkFBa0I7QUFFekMsTUFBTSxNQUFNLGFBQWE7QUFFekIsTUFBTSxRQUF3QixJQUFJO0FBQ2xDLE1BQU0sV0FBVyxDQUFDLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBa0duQixDQUFDO0FBRUQsT0FBTyxNQUFNLHNCQUFzQjtFQUNqQyxPQUFnQixTQUFTO0lBQUM7R0FBTSxDQUFDO0VBRXpCLGFBQTJDLE9BQU87RUFDbEQsV0FBc0Q7RUFDdEQsZ0JBQTJEO0VBQzNELHVCQUF1QixNQUFNO0VBQzdCLG9CQUFvQixFQUFFO0VBQzlCLE9BQWUsd0JBQXdCLElBQUk7RUFFbEMsU0FBMEQ7SUFDakUsU0FDSTtRQUNBLENBQUMsT0FBTyxLQUFLO1FBQ2IsQ0FBQyxPQUFPLEtBQUssU0FBUyxVQUFVLFdBQVcsS0FBSyxPQUFPLFNBQVMsSUFBTSxJQUFJLENBQUMsS0FBSyxJQUFJOztRQUVwRixFQUFFLE9BQU87TUFDWDtFQUVKO0VBRVMsb0JBQTBCO0lBQ2pDLEtBQUssQ0FBQztFQUNSO0VBRVMsZ0JBQXNCO0lBQzdCLEtBQUssQ0FBQztJQUNOLElBQUksQ0FBQyxhQUFhO0VBQ3BCO0VBRVMsZ0JBQXNCO0lBQzdCLEtBQUssQ0FB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

package/src/open-dialog.d.ts

@@ -0,0 +1,47 @@
+/** @jsxImportSource @openelement/core */ /**
+ * @openelement/ui - open-dialog
+ *
+ * Dialog component using native <dialog> element + popover API.
+ * Per WHATWG HTML Living Standard sections 4.11.4 (dialog) and 6.9.2 (popover).
+ *
+ * v0.20.0: Migrated from DsdLitElement to DsdElement (Ocean component).
+ * v0.24.1: Migrated from html`` template to JSX (ADR-0057).
+ *
+ * @csspart overlay - The dialog backdrop/element
+ * @csspart header -The header bar
+ * @csspart close -The close button
+ * @csspart body -The content area (<slot>)
+ * @csspart footer -The optional footer slot
+ *
+ * Usage:
+ * ```html
+ * <open-dialog>
+ *   <button slot="trigger">Open Dialog</button>
+ *   <div>Dialog content here</div>
+ * </open-dialog>
+ * ```
+ */ import { OpenElement } from '@openelement/element';
+import { type StyleSheetLike } from '@openelement/core/style-sheet';
+export declare const tagName: 'open-dialog';
+declare const sheet: StyleSheetLike;
+export declare class OpenDialog extends OpenElement {
+  static override styles: [];
+  static delegatesFocus: boolean;
+  static override observedAttributes: [string, string];
+  private static _originalInertStates: any;
+  override render(): ReturnType<typeof OpenElement.prototype.render>;
+  override attributeChangedCallback(name: string, old: string | null, val: string | null): void;
+  private _updateStates: any;
+  show(): void;
+  close(): void;
+  toggle(): void;
+  private _syncDialogElement: any;
+  private _syncInert: any;
+  override disconnectedCallback(): void;
+  private _handleClose: any;
+  private _handleCancel: any;
+  private _handleTrigger: any;
+  private _esc: any;
+  private _escAttr: any;
+}
+export default OpenDialog;