@pb33f/cowboy-components 0.7.18 → 0.8.0

package/dist/chunk-FMBD7UC4-D-H9-bHN.js

@@ -0,0 +1,19 @@
+import { _ as e } from "./cowboy-components-BcyXo9oX.js";
+var l = /* @__PURE__ */ e(() => `
+  /* Font Awesome icon styling - consolidated */
+  .label-icon {
+    display: inline-block;
+    height: 1em;
+    overflow: visible;
+    vertical-align: -0.125em;
+  }
+  
+  .node .label-icon path {
+    fill: currentColor;
+    stroke: revert;
+    stroke-width: revert;
+  }
+`, "getIconStyles");
+export {
+  l as g
+};

package/dist/chunk-QN33PNHL-D7uE2r1Y.js

@@ -0,0 +1,19 @@
+import { _ as a, e as w, l as x } from "./cowboy-components-BcyXo9oX.js";
+var d = /* @__PURE__ */ a((e, t, i, r) => {
+  e.attr("class", i);
+  const { width: o, height: h, x: n, y: c } = u(e, t);
+  w(e, h, o, r);
+  const s = l(n, c, o, h, t);
+  e.attr("viewBox", s), x.debug(`viewBox configured: ${s} with padding: ${t}`);
+}, "setupViewPortForSVG"), u = /* @__PURE__ */ a((e, t) => {
+  const i = e.node()?.getBBox() || { width: 0, height: 0, x: 0, y: 0 };
+  return {
+    width: i.width + t * 2,
+    height: i.height + t * 2,
+    x: i.x,
+    y: i.y
+  };
+}, "calculateDimensionsWithPadding"), l = /* @__PURE__ */ a((e, t, i, r, o) => `${e - o} ${t - o} ${i} ${r}`, "createViewBox");
+export {
+  d as s
+};

package/dist/chunk-QZHKN3VN-Cp3sUp7e.js

@@ -0,0 +1,15 @@
+import { _ as s } from "./cowboy-components-BcyXo9oX.js";
+var t, e = (t = class {
+  /**
+   * @param init - Function that creates the default state.
+   */
+  constructor(i) {
+    this.init = i, this.records = this.init();
+  }
+  reset() {
+    this.records = this.init();
+  }
+}, s(t, "ImperativeState"), t);
+export {
+  e as I
+};

package/dist/chunk-TZMSLE5B-BmXGcXo9.js

@@ -0,0 +1,64 @@
+import { _ as n, U as o, j as l } from "./cowboy-components-BcyXo9oX.js";
+var x = /* @__PURE__ */ n((s, t) => {
+  const e = s.append("rect");
+  if (e.attr("x", t.x), e.attr("y", t.y), e.attr("fill", t.fill), e.attr("stroke", t.stroke), e.attr("width", t.width), e.attr("height", t.height), t.name && e.attr("name", t.name), t.rx && e.attr("rx", t.rx), t.ry && e.attr("ry", t.ry), t.attrs !== void 0)
+    for (const r in t.attrs)
+      e.attr(r, t.attrs[r]);
+  return t.class && e.attr("class", t.class), e;
+}, "drawRect"), d = /* @__PURE__ */ n((s, t) => {
+  const e = {
+    x: t.startx,
+    y: t.starty,
+    width: t.stopx - t.startx,
+    height: t.stopy - t.starty,
+    fill: t.fill,
+    stroke: t.stroke,
+    class: "rect"
+  };
+  x(s, e).lower();
+}, "drawBackgroundRect"), g = /* @__PURE__ */ n((s, t) => {
+  const e = t.text.replace(o, " "), r = s.append("text");
+  r.attr("x", t.x), r.attr("y", t.y), r.attr("class", "legend"), r.style("text-anchor", t.anchor), t.class && r.attr("class", t.class);
+  const a = r.append("tspan");
+  return a.attr("x", t.x + t.textMargin * 2), a.text(e), r;
+}, "drawText"), h = /* @__PURE__ */ n((s, t, e, r) => {
+  const a = s.append("image");
+  a.attr("x", t), a.attr("y", e);
+  const i = l.sanitizeUrl(r);
+  a.attr("xlink:href", i);
+}, "drawImage"), m = /* @__PURE__ */ n((s, t, e, r) => {
+  const a = s.append("use");
+  a.attr("x", t), a.attr("y", e);
+  const i = l.sanitizeUrl(r);
+  a.attr("xlink:href", `#${i}`);
+}, "drawEmbeddedImage"), y = /* @__PURE__ */ n(() => ({
+  x: 0,
+  y: 0,
+  width: 100,
+  height: 100,
+  fill: "#EDF2AE",
+  stroke: "#666",
+  anchor: "start",
+  rx: 0,
+  ry: 0
+}), "getNoteRect"), p = /* @__PURE__ */ n(() => ({
+  x: 0,
+  y: 0,
+  width: 100,
+  height: 100,
+  "text-anchor": "start",
+  style: "#666",
+  textMargin: 0,
+  rx: 0,
+  ry: 0,
+  tspan: !0
+}), "getTextObj");
+export {
+  d as a,
+  p as b,
+  m as c,
+  x as d,
+  h as e,
+  g as f,
+  y as g
+};

package/dist/classDiagram-2ON5EDUG-9ilqiDEi.js

@@ -0,0 +1,16 @@
+import { s as r, c as s, a as e, C as t } from "./chunk-B4BG7PRW-Vs7GiQMf.js";
+import { _ as l } from "./cowboy-components-BcyXo9oX.js";
+var d = {
+  parser: e,
+  get db() {
+    return new t();
+  },
+  renderer: s,
+  styles: r,
+  init: /* @__PURE__ */ l((a) => {
+    a.class || (a.class = {}), a.class.arrowMarkerAbsolute = a.arrowMarkerAbsolute;
+  }, "init")
+};
+export {
+  d as diagram
+};

package/dist/classDiagram-v2-WZHVMYZB-9ilqiDEi.js

@@ -0,0 +1,16 @@
+import { s as r, c as s, a as e, C as t } from "./chunk-B4BG7PRW-Vs7GiQMf.js";
+import { _ as l } from "./cowboy-components-BcyXo9oX.js";
+var d = {
+  parser: e,
+  get db() {
+    return new t();
+  },
+  renderer: s,
+  styles: r,
+  init: /* @__PURE__ */ l((a) => {
+    a.class || (a.class = {}), a.class.arrowMarkerAbsolute = a.arrowMarkerAbsolute;
+  }, "init")
+};
+export {
+  d as diagram
+};

package/dist/clone-CybyMoa0.js

@@ -0,0 +1,8 @@
+import { b as r } from "./_baseUniq-C5Y4WFmx.js";
+var e = 4;
+function a(o) {
+  return r(o, e);
+}
+export {
+  a as c
+};

package/dist/components/attention-box/attention-box.css.js

@@ -38,6 +38,10 @@ export default css `
         animation-direction: alternate;
     }
 
+    :host-context(html[theme="light"]) .error {
+        animation: none;
+    }
+
     .context {
         border-left: 5px solid var(--font-color-sub1);
     }
@@ -71,6 +75,10 @@ export default css `
         animation-iteration-count: infinite;
         animation-direction: alternate;
     }
+
+    :host-context(html[theme="light"]) .warning {
+        animation: none;
+    }
     
     @keyframes errorGlow {
         from {

package/dist/components/auth/login-button.js

@@ -51,7 +51,7 @@ let LoginButton = class LoginButton extends LitElement {
     }
     anonView() {
         let action = html ` <sl-button @click="${this.openAuthModal}">
-            <sl-icon name="key" slot="prefix" style="font-size: 1rem"></sl-icon>
+            <sl-icon name="key" slot="prefix" style="font-size: 1rem" aria-hidden="true"></sl-icon>
             ${this.buttonLabel}
         </sl-button>`;
         if (this.textLink) {

package/dist/components/auth/login-panel.d.ts

@@ -1,10 +1,14 @@
 import { LitElement } from "lit";
 import { AuthController } from "../../controllers/auth-controller.js";
+import './oauth-login.js';
+import { OAuthLogin } from "./oauth-login";
 export declare class LoginPanel extends LitElement {
     static styles: import("lit").CSSResult[];
     title: string;
     redirect: string;
     controller: AuthController;
+    animatebox: boolean;
+    oauthLogin: OAuthLogin;
     constructor();
     willUpdate(): void;
     render(): import("lit-html").TemplateResult<1> | undefined;

package/dist/components/auth/login-panel.js

@@ -5,21 +5,23 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, LitElement } from "lit";
-import { customElement, property } from "lit/decorators.js";
+import { customElement, property, query } from "lit/decorators.js";
 import loginButtonCss from "./login-button.css.js";
+import './oauth-login.js';
 let LoginPanel = class LoginPanel extends LitElement {
     constructor() {
         super();
         this.title = 'authenticate';
         this.redirect = '/';
+        this.animatebox = false;
     }
     willUpdate() {
-        if (this.redirect !== '' && this.controller.urlCapture == '') {
+        if (this.controller && this.redirect !== '' && this.controller.urlCapture == '') {
             this.controller.urlCapture = this.redirect;
         }
     }
     render() {
-        if (this.controller.authenticated) {
+        if (this.controller && this.controller.authenticated) {
             if (this.redirect && this.redirect !== '') {
                 window.location.href = this.redirect;
                 return;
@@ -27,7 +29,7 @@ let LoginPanel = class LoginPanel extends LitElement {
             return html ``;
         }
         return html `
-            <pb33f-oauth-login title="${this.title}"></pb33f-oauth-login>
+            <pb33f-oauth-login title="${this.title}" .animateBox=${this.animatebox}></pb33f-oauth-login>
             `;
     }
 };
@@ -41,6 +43,12 @@ __decorate([
 __decorate([
     property()
 ], LoginPanel.prototype, "controller", void 0);
+__decorate([
+    property({ type: Boolean })
+], LoginPanel.prototype, "animatebox", void 0);
+__decorate([
+    query('pb33f-oauth-login')
+], LoginPanel.prototype, "oauthLogin", void 0);
 LoginPanel = __decorate([
     customElement('pb33f-login-panel')
 ], LoginPanel);

package/dist/components/auth/oauth-login.css.js

@@ -21,6 +21,10 @@ export default css `
         text-shadow: 0 0 10px var(--secondary-color);
         backdrop-filter: blur(2px);
     }
+
+    :host-context(html[theme="light"]) .auth-title {
+        text-shadow: none;
+    }
     
     .auth-provider-choice {
         height: 180px;

package/dist/components/auth/oauth-login.d.ts

@@ -15,7 +15,9 @@ export declare class OAuthLogin extends LitElement {
     buttonAnimation: SlAnimation;
     githubButton: SlButton;
     electricBox: ElectricBox;
+    private loginTimeout?;
     constructor();
+    disconnectedCallback(): void;
     githubLogin(): void;
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/components/auth/oauth-login.js

@@ -21,6 +21,12 @@ let OAuthLogin = class OAuthLogin extends LitElement {
         this.orbs = true;
         this.animateBox = false;
     }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        if (this.loginTimeout !== undefined) {
+            clearTimeout(this.loginTimeout);
+        }
+    }
     githubLogin() {
         this.mintravel = 800;
         this.maxtravel = 1200;
@@ -29,7 +35,10 @@ let OAuthLogin = class OAuthLogin extends LitElement {
         this.githubButton.style.animation = 'spinFade 1s ease-out forwards';
         this.githubButton.disabled = true;
         this.instruction = 'hold on, accessing the grid...';
-        setTimeout(() => {
+        if (this.loginTimeout !== undefined) {
+            clearTimeout(this.loginTimeout);
+        }
+        this.loginTimeout = window.setTimeout(() => {
             this.dispatchEvent(new CustomEvent(AuthenticationGithubRequested, {
                 bubbles: true,
                 composed: true,
@@ -56,7 +65,7 @@ let OAuthLogin = class OAuthLogin extends LitElement {
                             <span class="select-provider">${this.instruction}</span>
                      
                             <sl-button @click="${this.githubLogin}" id="github-button">
-                                <sl-icon name="github" slot="prefix"></sl-icon>
+                                <sl-icon name="github" slot="prefix" aria-hidden="true"></sl-icon>
                                 GitHub
                             </sl-button>
                           
@@ -90,7 +99,7 @@ __decorate([
     state()
 ], OAuthLogin.prototype, "orbs", void 0);
 __decorate([
-    state()
+    property({ type: Boolean })
 ], OAuthLogin.prototype, "animateBox", void 0);
 __decorate([
     query('#button-anim')

package/dist/components/brokerable.d.ts

@@ -0,0 +1,21 @@
+import { LitElement } from "lit";
+/**
+ * abstract base class that provides broker ID functionality to components.
+ * this class extends LitElement and provides a common getBrokerId() method
+ * that searches for TheDoctor instance to retrieve the broker connection ID.
+ */
+export declare abstract class Brokerable extends LitElement {
+    private _cachedBrokerId;
+    /**
+     * gets the broker ID from TheDoctor instance.
+     * caches the result to avoid repeated DOM queries.
+     * searches ancestors first (O(log n)) before falling back to full DOM scan (O(n)).
+     * @returns the broker connection ID if available, undefined otherwise
+     */
+    protected getBrokerId(): string | undefined;
+    /**
+     * invalidates the cached broker ID.
+     * call this if the broker connection changes and needs to be re-fetched.
+     */
+    protected invalidateBrokerCache(): void;
+}

package/dist/components/brokerable.js

@@ -0,0 +1,39 @@
+import { LitElement } from "lit";
+/**
+ * abstract base class that provides broker ID functionality to components.
+ * this class extends LitElement and provides a common getBrokerId() method
+ * that searches for TheDoctor instance to retrieve the broker connection ID.
+ */
+export class Brokerable extends LitElement {
+    constructor() {
+        super(...arguments);
+        this._cachedBrokerId = null;
+    }
+    /**
+     * gets the broker ID from TheDoctor instance.
+     * caches the result to avoid repeated DOM queries.
+     * searches ancestors first (O(log n)) before falling back to full DOM scan (O(n)).
+     * @returns the broker connection ID if available, undefined otherwise
+     */
+    getBrokerId() {
+        // return cached value if available
+        if (this._cachedBrokerId !== null) {
+            return this._cachedBrokerId;
+        }
+        // check ancestors first to avoid full DOM scan in common case
+        let doc = this.closest('pb33f-doctor');
+        if (!doc) {
+            // fall back to full DOM search if not found in ancestors
+            doc = document.querySelector('pb33f-doctor');
+        }
+        this._cachedBrokerId = doc?.brokerController?.brokerConnectionId;
+        return this._cachedBrokerId;
+    }
+    /**
+     * invalidates the cached broker ID.
+     * call this if the broker connection changes and needs to be re-fetched.
+     */
+    invalidateBrokerCache() {
+        this._cachedBrokerId = null;
+    }
+}

package/dist/components/bundle-toolbar/bundle-toolbar.css.js

@@ -0,0 +1,110 @@
+import { css } from "lit";
+export default css `
+    :host {
+        display: block;
+    }
+
+    .bundle-toolbar {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: 8px;
+        padding: 10px 2px; 
+        margin-bottom: 5px;
+        border-bottom: 1px dashed var(--secondary-color-dimmer);
+        background-color: var(--background-color);
+    }
+
+    .bundle-button {
+        float: left;
+        color: var(--warn-color);
+        border: 1px solid var(--warn-color);
+        animation: bundle-pulse 1.5s infinite;
+        height: 22px;
+        margin-right: 20px;
+        background-color: var(--background-color);
+    }
+
+    .bundle-button::part(base) {
+        padding: 0 8px;
+        border: none;
+        background: transparent;
+        min-height: unset;
+        margin-top: 0;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: var(--warn-color);
+        font-size: 0.75rem;
+    }
+
+    .bundle-button::part(label) {
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+    }
+
+    .bundle-button:hover {
+        animation: none;
+        background-color: var(--warn-color);
+    }
+
+    .bundle-button:hover::part(base) {
+        background: transparent;
+        color: var(--background-color);
+    }
+
+    .bundle-button:active {
+        border-color: var(--warn-color);
+    }
+
+    .bundle-button:active::part(base) {
+        border: none;
+        background: transparent;
+    }
+
+    .bundle-button:disabled,
+    .bundle-button[disabled] {
+        animation: none;
+        opacity: 0.6;
+        cursor: not-allowed;
+    }
+
+    .bundle-button:disabled::part(base),
+    .bundle-button[disabled]::part(base) {
+        color: var(--warn-color);
+    }
+
+    @keyframes bundle-pulse {
+        0% {
+            box-shadow: 0 0 0 0 var(--warn-color);
+        }
+        100% {
+            box-shadow: 0 0 0 8px transparent;
+        }
+    }
+
+    .action-buttons {
+        float: right;
+        margin-right: 5px;
+    }
+
+    .action-button {
+        font-size: 1rem;
+        color: var(--primary-color);
+    }
+
+    .action-button::part(base) {
+        padding: 2px;
+    }
+
+    .action-button::part(base):hover {
+        color: var(--font-color);
+    }
+
+    sl-spinner {
+        font-size: 0.75rem;
+        --indicator-color: var(--warn-color);
+        --track-color: transparent;
+    }
+`;

package/dist/components/bundle-toolbar/bundle-toolbar.d.ts

@@ -0,0 +1,21 @@
+import { LitElement } from 'lit';
+import '@shoelace-style/shoelace/dist/components/button/button.js';
+import '@shoelace-style/shoelace/dist/components/icon-button/icon-button.js';
+import '@shoelace-style/shoelace/dist/components/tooltip/tooltip.js';
+import '@shoelace-style/shoelace/dist/components/spinner/spinner.js';
+import '../premium-gate/premium-gate.js';
+export declare class BundleToolbar extends LitElement {
+    static styles: import("lit").CSSResult[];
+    isBundled: boolean;
+    loading: boolean;
+    private handleBundleClick;
+    private handleDownload;
+    private handleCopy;
+    private renderActionButtons;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'pb33f-bundle-toolbar': BundleToolbar;
+    }
+}

package/dist/components/bundle-toolbar/bundle-toolbar.js

@@ -0,0 +1,93 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, nothing } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import '@shoelace-style/shoelace/dist/components/button/button.js';
+import '@shoelace-style/shoelace/dist/components/icon-button/icon-button.js';
+import '@shoelace-style/shoelace/dist/components/tooltip/tooltip.js';
+import '@shoelace-style/shoelace/dist/components/spinner/spinner.js';
+import '../premium-gate/premium-gate.js';
+import buttonCss from '../../css/button.css.js';
+import bundleToolbarCss from './bundle-toolbar.css.js';
+import tooltipCss from '../../css/tooltip.css.js';
+import { BundleRequested, BundleDownloadRequested, BundleCopyRequested } from '../../events/doctor.js';
+let BundleToolbar = class BundleToolbar extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.isBundled = false;
+        this.loading = false;
+    }
+    handleBundleClick() {
+        this.dispatchEvent(new CustomEvent(BundleRequested, {
+            bubbles: true,
+            composed: true
+        }));
+    }
+    handleDownload() {
+        this.dispatchEvent(new CustomEvent(BundleDownloadRequested, {
+            bubbles: true,
+            composed: true
+        }));
+    }
+    handleCopy() {
+        this.dispatchEvent(new CustomEvent(BundleCopyRequested, {
+            bubbles: true,
+            composed: true
+        }));
+    }
+    renderActionButtons() {
+        return html `
+            <div class="action-buttons">
+                <sl-icon-button
+                        name="download"
+                        class="action-button"
+                        @click="${this.handleDownload}"
+                        aria-label="Download bundled specification">
+                </sl-icon-button>
+                <sl-icon-button
+                        name="clipboard"
+                        class="action-button"
+                        @click="${this.handleCopy}"
+                        aria-label="Copy bundled specification to clipboard">
+                </sl-icon-button>
+            </div>
+        `;
+    }
+    render() {
+        const buttonLabel = this.isBundled ? 'RE-BUNDLE SPEC' : 'BUNDLE SPEC';
+        return html `
+            <div class="bundle-toolbar">
+                <pb33f-premium-gate
+                    require-credits="1"
+                    feature-name="Bundle OpenAPI Spec"
+                    feature-explanation="Bundling combines all external references into a single file, making it easier to share and work with your OpenAPI specification.">
+                    <sl-button
+                        size="small"
+                        class="bundle-button"
+                        ?disabled="${this.loading}"
+                        aria-label="Bundle the OpenAPI specification into a single file"
+                        aria-busy="${this.loading}"
+                        @click="${this.handleBundleClick}">
+                        ${this.loading ? html `<sl-spinner></sl-spinner>` : buttonLabel}
+                    </sl-button>
+                    ${this.isBundled ? this.renderActionButtons() : nothing}
+                </pb33f-premium-gate>
+            </div>
+        `;
+    }
+};
+BundleToolbar.styles = [buttonCss, bundleToolbarCss, tooltipCss];
+__decorate([
+    property({ type: Boolean })
+], BundleToolbar.prototype, "isBundled", void 0);
+__decorate([
+    property({ type: Boolean })
+], BundleToolbar.prototype, "loading", void 0);
+BundleToolbar = __decorate([
+    customElement('pb33f-bundle-toolbar')
+], BundleToolbar);
+export { BundleToolbar };

package/dist/components/changelog/changelog.css.js

@@ -34,6 +34,8 @@ export default css `
     h1, h2, h3, h4, h5, h6, strong, b {
         font-family: var(--font-stack-bold), monospace;
         font-weight: normal;
+        text-transform: uppercase;
+        letter-spacing: 0.02em;
     }
     
     i {

package/dist/components/changelog/changelog.d.ts

@@ -8,7 +8,9 @@ export declare class ChangelogComponent extends LitElement {
     summaries: ReleaseSummary[];
     private error;
     private _linked;
+    private openTimeout?;
     constructor();
+    disconnectedCallback(): void;
     connectedCallback(): void;
     extractHash(): void;
     fetchChangelogSummary(): Promise<any>;

package/dist/components/changelog/changelog.js

@@ -18,6 +18,12 @@ let ChangelogComponent = class ChangelogComponent extends LitElement {
         super();
         this.apiURL = 'https://api.pb33f.io/release-notes/';
     }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        if (this.openTimeout !== undefined) {
+            clearTimeout(this.openTimeout);
+        }
+    }
     connectedCallback() {
         super.connectedCallback();
         this.fetchChangelogSummary()
@@ -96,7 +102,10 @@ let ChangelogComponent = class ChangelogComponent extends LitElement {
                     </pb33f-timeline-item-ch>`);
             }
             if (selectedDetails) {
-                setTimeout(() => {
+                if (this.openTimeout !== undefined) {
+                    clearTimeout(this.openTimeout);
+                }
+                this.openTimeout = window.setTimeout(() => {
                     selectedDetails?.open();
                 });
             }