@progressive-development/pd-content 0.9.2 → 1.0.0

package/dist/pd-notice-box/PdNoticeBox.d.ts

@@ -0,0 +1,88 @@
+import { CSSResultGroup, LitElement } from 'lit';
+import { NoticeType, NoticeVariant } from '../types.js';
+/**
+ * Notice box component for displaying contextual messages.
+ *
+ * Supports two visual variants:
+ * - **box**: Full-width box with icon, colored background (like Confluence info boxes)
+ * - **sidebar**: Minimal variant with colored left border only
+ *
+ * @tagname pd-notice-box
+ * @summary Contextual notice box for info, note, success, warning, and error messages.
+ *
+ * @slot - Default slot for notice content.
+ *
+ * @cssprop --pd-notice-box-width - Width of the notice box. Default: `100%`.
+ * @cssprop --pd-notice-box-border-radius - Border radius. Default: `--pd-radius-md`.
+ * @cssprop --pd-notice-box-padding - Content padding. Default: `--pd-spacing-sm`.
+ * @cssprop --pd-notice-box-gap - Gap between icon and content. Default: `--pd-spacing-sm`.
+ * @cssprop --pd-notice-box-font-size - Font size. Default: `--pd-default-font-content-size`.
+ * @cssprop --pd-notice-box-title-font-size - Title font size. Default: `--pd-default-font-input-size`.
+ * @cssprop --pd-notice-box-text-col - Text color. Default: `--pd-default-font-content-col`.
+ * @cssprop --pd-notice-box-title-font-weight - Title font weight. Default: `600`.
+ * @cssprop --pd-notice-box-icon-size - Icon size. Default: `24px`.
+ * @cssprop --pd-notice-box-sidebar-width - Left border width for sidebar variant. Default: `4px`.
+ *
+ * Type-specific colors (with defaults from pd-shared-styles):
+ * @cssprop --pd-notice-box-info-col - Info type main color. Default: `--pd-default-info-col`.
+ * @cssprop --pd-notice-box-info-bg-col - Info type background. Default: light blue.
+ * @cssprop --pd-notice-box-note-col - Note type main color. Default: `--pd-default-col` (teal).
+ * @cssprop --pd-notice-box-note-bg-col - Note type background. Default: light teal.
+ * @cssprop --pd-notice-box-success-col - Success type main color. Default: `--pd-default-success-col`.
+ * @cssprop --pd-notice-box-success-bg-col - Success type background. Default: `--pd-default-success-light-col`.
+ * @cssprop --pd-notice-box-warning-col - Warning type main color. Default: `--pd-default-warning-col`.
+ * @cssprop --pd-notice-box-warning-bg-col - Warning type background. Default: light yellow.
+ * @cssprop --pd-notice-box-error-col - Error type main color. Default: `--pd-default-error-col`.
+ * @cssprop --pd-notice-box-error-bg-col - Error type background. Default: `--pd-default-error-light-col`.
+ *
+ * @example
+ * ```html
+ * <!-- Box variant with icon -->
+ * <pd-notice-box type="info" title="Information">
+ *   This is an informational message.
+ * </pd-notice-box>
+ *
+ * <!-- Sidebar variant (no icon) -->
+ * <pd-notice-box type="warning" variant="sidebar" title="Warning">
+ *   This is a warning message.
+ * </pd-notice-box>
+ *
+ * <!-- Custom icon -->
+ * <pd-notice-box type="success" icon="starIcon" title="Success">
+ *   Operation completed!
+ * </pd-notice-box>
+ *
+ * <!-- Without icon -->
+ * <pd-notice-box type="error" hideIcon title="Error">
+ *   Something went wrong.
+ * </pd-notice-box>
+ * ```
+ */
+export declare class PdNoticeBox extends LitElement {
+    /**
+     * The type of notice. Determines the color scheme and default icon.
+     */
+    type: NoticeType;
+    /**
+     * Visual variant of the notice box.
+     * - `box`: Full box with icon and background color
+     * - `sidebar`: Minimal with colored left border
+     */
+    variant: NoticeVariant;
+    /**
+     * Title text displayed prominently at the top.
+     */
+    title: string;
+    /**
+     * Custom icon name to override the default type icon.
+     * Uses pd-icon iconset names.
+     */
+    icon: string;
+    /**
+     * Whether to hide the icon (box variant only).
+     */
+    hideIcon: boolean;
+    static styles: CSSResultGroup;
+    render(): import('lit').TemplateResult<1>;
+}
+//# sourceMappingURL=PdNoticeBox.d.ts.map

package/dist/pd-notice-box/PdNoticeBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PdNoticeBox.d.ts","sourceRoot":"","sources":["../../src/pd-notice-box/PdNoticeBox.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAIrE,OAAO,0CAA0C,CAAC;AAElD,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAa7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AACH,qBAAa,WAAY,SAAQ,UAAU;IACzC;;OAEG;IAEH,IAAI,EAAE,UAAU,CAAU;IAE1B;;;;OAIG;IAEH,OAAO,EAAE,aAAa,CAAS;IAE/B;;OAEG;IAEH,KAAK,SAAM;IAEX;;;OAGG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,QAAQ,UAAS;IAEjB,OAAgB,MAAM,EAAE,cAAc,CA0JpC;IAEO,MAAM;CAsBhB"}

package/dist/pd-notice-box/PdNoticeBox.js

@@ -0,0 +1,224 @@
+import { LitElement, css, nothing, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { pdIcons } from '@progressive-development/pd-icon';
+import '@progressive-development/pd-icon/pd-icon';
+
+var __defProp = Object.defineProperty;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = void 0 ;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (decorator(target, key, result) ) || result;
+  if (result) __defProp(target, key, result);
+  return result;
+};
+const DEFAULT_ICONS = {
+  info: pdIcons.ICON_INFO_FLD,
+  note: pdIcons.ICON_INFO_FLD,
+  success: pdIcons.ICON_CHECKBOX,
+  warning: pdIcons.ICON_WARNING_FLD,
+  error: pdIcons.ICON_ERROR_FLD
+};
+class PdNoticeBox extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.type = "info";
+    this.variant = "box";
+    this.title = "";
+    this.icon = "";
+    this.hideIcon = false;
+  }
+  static {
+    this.styles = [
+      css`
+      :host {
+        /* Layout */
+        --_width: var(--pd-notice-box-width, 100%);
+        --_radius: var(--pd-notice-box-border-radius, var(--pd-radius-md, 8px));
+        --_padding: var(--pd-notice-box-padding, var(--pd-spacing-sm, 12px));
+        --_gap: var(--pd-notice-box-gap, var(--pd-spacing-sm, 12px));
+
+        /* Typography */
+        --_font-size: var(
+          --pd-notice-box-font-size,
+          var(--pd-default-font-content-size, 1rem)
+        );
+        --_title-font-size: var(
+          --pd-notice-box-title-font-size,
+          var(--pd-default-font-input-size, 1.05rem)
+        );
+        --_title-font-weight: var(--pd-notice-box-title-font-weight, 600);
+
+        /* Icon */
+        --_icon-size: var(--pd-notice-box-icon-size, 24px);
+
+        /* Sidebar */
+        --_sidebar-width: var(--pd-notice-box-sidebar-width, 4px);
+
+        /* Type colors - will be overridden per type */
+        --_type-col: var(--pd-default-info-col, #6b86ff);
+        --_type-bg-col: #e8f0ff;
+        --_type-text-col: var(
+          --pd-notice-box-text-col,
+          var(--pd-default-font-content-col, #353738)
+        );
+
+        display: block;
+        width: var(--_width);
+      }
+
+      /* Type-specific color overrides */
+      :host([type="info"]) {
+        --_type-col: var(
+          --pd-notice-box-info-col,
+          var(--pd-default-info-col, #6b86ff)
+        );
+        --_type-bg-col: var(--pd-notice-box-info-bg-col, #e8f0ff);
+      }
+
+      :host([type="note"]) {
+        --_type-col: var(
+          --pd-notice-box-note-col,
+          var(--pd-default-col, #067394)
+        );
+        --_type-bg-col: var(
+          --pd-notice-box-note-bg-col,
+          var(--pd-default-lightest-col, #cde2eb)
+        );
+      }
+
+      :host([type="success"]) {
+        --_type-col: var(
+          --pd-notice-box-success-col,
+          var(--pd-default-success-col, #348b11)
+        );
+        --_type-bg-col: var(
+          --pd-notice-box-success-bg-col,
+          var(--pd-default-success-light-col, #f5ffe8)
+        );
+      }
+
+      :host([type="warning"]) {
+        --_type-col: var(
+          --pd-notice-box-warning-col,
+          var(--pd-default-warning-col, #ffbf00)
+        );
+        --_type-bg-col: var(--pd-notice-box-warning-bg-col, #fff8e0);
+      }
+
+      :host([type="error"]) {
+        --_type-col: var(
+          --pd-notice-box-error-col,
+          var(--pd-default-error-col, #a1141b)
+        );
+        --_type-bg-col: var(
+          --pd-notice-box-error-bg-col,
+          var(--pd-default-error-light-col, #ffe8e8)
+        );
+      }
+
+      /* Box variant */
+      .notice-box {
+        display: flex;
+        align-items: flex-start;
+        gap: var(--_gap);
+        padding: var(--_padding);
+        border-radius: var(--_radius);
+        background-color: var(--_type-bg-col);
+        border: 1px solid var(--_type-col);
+        font-size: var(--_font-size);
+        color: var(--_type-text-col);
+      }
+
+      /* Sidebar variant */
+      :host([variant="sidebar"]) .notice-box {
+        background-color: transparent;
+        border: none;
+        border-left: var(--_sidebar-width) solid var(--_type-col);
+        border-radius: 0;
+        padding-left: var(--_padding);
+      }
+
+      /* Icon wrapper */
+      .icon-wrapper {
+        flex-shrink: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: var(--_icon-size);
+        height: var(--_icon-size);
+      }
+
+      .icon-wrapper pd-icon {
+        --pd-icon-primary-col: var(--_type-col);
+        --pd-icon-col-primary-active: var(--_type-col);
+        width: var(--_icon-size);
+        height: var(--_icon-size);
+      }
+
+      /* Content area */
+      .content {
+        flex: 1;
+        min-width: 0;
+      }
+
+      .title {
+        margin: 0 0 0.25em 0;
+        font-size: var(--_title-font-size);
+        font-weight: var(--_title-font-weight);
+        font-family: var(--pd-default-font-title-family, inherit);
+        color: var(--_type-col);
+        line-height: 1.3;
+      }
+
+      .body {
+        line-height: 1.5;
+      }
+
+      .body ::slotted(*) {
+        margin: 0;
+      }
+
+      .body ::slotted(*:not(:last-child)) {
+        margin-bottom: 0.5em;
+      }
+    `
+    ];
+  }
+  render() {
+    const showIcon = this.variant === "box" && !this.hideIcon;
+    const iconName = this.icon || DEFAULT_ICONS[this.type];
+    return html`
+      <div class="notice-box" role="note" aria-label="${this.type} notice">
+        ${showIcon ? html`
+              <div class="icon-wrapper" aria-hidden="true">
+                <pd-icon icon="${iconName}" class="primary"></pd-icon>
+              </div>
+            ` : nothing}
+        <div class="content">
+          ${this.title ? html`<h4 class="title">${this.title}</h4>` : nothing}
+          <div class="body">
+            <slot></slot>
+          </div>
+        </div>
+      </div>
+    `;
+  }
+}
+__decorateClass([
+  property({ type: String, reflect: true })
+], PdNoticeBox.prototype, "type");
+__decorateClass([
+  property({ type: String, reflect: true })
+], PdNoticeBox.prototype, "variant");
+__decorateClass([
+  property({ type: String })
+], PdNoticeBox.prototype, "title");
+__decorateClass([
+  property({ type: String })
+], PdNoticeBox.prototype, "icon");
+__decorateClass([
+  property({ type: Boolean })
+], PdNoticeBox.prototype, "hideIcon");
+
+export { PdNoticeBox };

package/dist/pd-notice-box/pd-notice-box.d.ts

@@ -0,0 +1,3 @@
+import { PdNoticeBox } from './PdNoticeBox.js';
+export { PdNoticeBox };
+//# sourceMappingURL=pd-notice-box.d.ts.map

package/dist/pd-notice-box/pd-notice-box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pd-notice-box.d.ts","sourceRoot":"","sources":["../../src/pd-notice-box/pd-notice-box.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAO/C,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/pd-notice-box/pd-notice-box.js

@@ -0,0 +1,8 @@
+import { PdNoticeBox } from './PdNoticeBox.js';
+
+const tag = "pd-notice-box";
+if (!customElements.get(tag)) {
+  customElements.define(tag, PdNoticeBox);
+}
+
+export { PdNoticeBox };

package/dist/pd-notice-box/pd-notice-box.stories.d.ts

@@ -0,0 +1,58 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+import { NoticeType, NoticeVariant } from '../types.js';
+/**
+ * Story arguments interface for pd-notice-box component.
+ * Maps to the component's public API.
+ */
+interface PdNoticeBoxArgs {
+    /** Notice type */
+    type: NoticeType;
+    /** Visual variant */
+    variant: NoticeVariant;
+    /** Title text */
+    title: string;
+    /** Custom icon (optional) */
+    icon: string;
+    /** Hide icon */
+    hideIcon: boolean;
+    /** Content text */
+    content: string;
+}
+/**
+ * ## pd-notice-box
+ *
+ * A notice box component for displaying contextual messages like
+ * informational notes, warnings, errors, and success messages.
+ *
+ * ### Features
+ * - Five notice types: info, note, success, warning, error
+ * - Two visual variants: box (with icon and background) or sidebar (minimal with left border)
+ * - Customizable icons: override default icons or hide them completely
+ * - Rich HTML content support via default slot
+ * - Full theme support with extensive CSS Custom Properties
+ *
+ * ### Accessibility
+ * - Uses `role="note"` for semantic meaning
+ * - `aria-label` announces the notice type (e.g. "warning notice")
+ * - Icons are `aria-hidden="true"` (decorative only)
+ * - Color contrast meets WCAG AA standards
+ * - Types are distinguishable by icon and text, not just color
+ */
+declare const meta: Meta<PdNoticeBoxArgs>;
+export default meta;
+type Story = StoryObj<PdNoticeBoxArgs>;
+/** Default info notice with box variant. Interactive via Controls panel. */
+export declare const Default: Story;
+/** All five notice types with box variant at a glance. */
+export declare const AllTypesBox: Story;
+/** All five notice types with sidebar variant. Minimal styling with colored left border. */
+export declare const AllTypesSidebar: Story;
+/** Side-by-side comparison of box and sidebar variants. */
+export declare const VariantComparison: Story;
+/** Icon customization: default icon, custom icon, and no icon. */
+export declare const IconOptions: Story;
+/** Notice box with rich HTML content including lists, code, and links. */
+export declare const RichContent: Story;
+/** CSS Custom Properties -- Branded and Redesigned variants. */
+export declare const CustomStyling: Story;
+//# sourceMappingURL=pd-notice-box.stories.d.ts.map

package/dist/pd-notice-box/pd-notice-box.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pd-notice-box.stories.d.ts","sourceRoot":"","sources":["../../src/pd-notice-box/pd-notice-box.stories.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAGrE,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAM7D;;;GAGG;AACH,UAAU,eAAe;IACvB,kBAAkB;IAClB,IAAI,EAAE,UAAU,CAAC;IACjB,qBAAqB;IACrB,OAAO,EAAE,aAAa,CAAC;IACvB,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,mBAAmB;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB;AAMD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,eAAe,CAiE/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;AAMvC,4EAA4E;AAC5E,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAMF,0DAA0D;AAC1D,eAAO,MAAM,WAAW,EAAE,KAkCzB,CAAC;AAMF,4FAA4F;AAC5F,eAAO,MAAM,eAAe,EAAE,KAuC7B,CAAC;AAMF,2DAA2D;AAC3D,eAAO,MAAM,iBAAiB,EAAE,KA0C/B,CAAC;AAMF,kEAAkE;AAClE,eAAO,MAAM,WAAW,EAAE,KA6CzB,CAAC;AAMF,0EAA0E;AAC1E,eAAO,MAAM,WAAW,EAAE,KA8BzB,CAAC;AAMF,gEAAgE;AAChE,eAAO,MAAM,aAAa,EAAE,KAqG3B,CAAC"}

package/dist/pd-panel-viewer/PdPanel.d.ts

@@ -1,6 +1,11 @@
 import { LitElement } from 'lit';
 /**
  * @tagname pd-panel
+ *
+ * @slot - Default slot for panel content.
+ *
+ * @cssprop --pd-panel-bg - Panel background color. Default: `#afc1d2`.
+ * @cssprop --pd-panel-border-radius - Panel border radius. Default: `0.2em`.
  */
 export declare class PdPanel extends LitElement {
     static styles: import('lit').CSSResult;

package/dist/pd-panel-viewer/PdPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PdPanel.d.ts","sourceRoot":"","sources":["../../src/pd-panel-viewer/PdPanel.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,UAAU,EAAO,MAAM,KAAK,CAAC;AAE5C;;GAEG;AACH,qBAAa,OAAQ,SAAQ,UAAU;IACrC,MAAM,CAAC,MAAM,0BAsBX;IAEF,MAAM;CAOP"}
+{"version":3,"file":"PdPanel.d.ts","sourceRoot":"","sources":["../../src/pd-panel-viewer/PdPanel.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,UAAU,EAAO,MAAM,KAAK,CAAC;AAE5C;;;;;;;GAOG;AACH,qBAAa,OAAQ,SAAQ,UAAU;IACrC,MAAM,CAAC,MAAM,0BAsBX;IAEF,MAAM;CAOP"}

package/dist/pd-panel-viewer/PdPanelViewer.d.ts

@@ -1,20 +1,71 @@
 import { LitElement } from 'lit';
 /**
  * @tagname pd-panel-viewer
+ *
+ * @slot - Default slot for pd-panel children.
+ *
+ * @event exited - Dispatched on a child panel element when the viewer navigates away from it.
+ * @event entered - Dispatched on a child panel element when the viewer navigates to it.
+ *
+ * @cssprop --pd-panel-viewer-bg-col - Viewer background color. Default: `var(--pd-default-col)`.
+ * @cssprop --pd-panel-width - Max width of the panel viewer. Default: `1170px`.
+ * @cssprop --pd-panel-height - Height of the panel viewer. Default: `60vh`.
+ * @cssprop --pd-panel-overflow - Overflow behavior. Default: `hidden`.
+ * @cssprop --pd-panel-nav-top - Top position of navigation arrows. Default: `calc(50% - 25px)`.
+ * @cssprop --pd-panel-icon-col - Navigation icon color. Default: `var(--pd-on-primary-col)`.
+ * @cssprop --pd-panel-icon-col-hover - Navigation icon hover color. Default: `var(--pd-on-primary-col)`.
+ * @cssprop --pd-panel-icon-col-disabled - Navigation icon disabled color. Default: `var(--pd-default-disabled-col)`.
+ * @cssprop --pd-panel-progress-col - Progress bar background color. Default: `rgba(255, 255, 255, 0.4)`.
+ * @cssprop --pd-panel-progress-watched-col - Progress bar watched segment color. Default: `var(--pd-on-primary-col)`.
  */
 export declare class PdPanelViewer extends LitElement {
     withProgress: boolean;
     deltaCalc: number;
+    /** @ignore */
     _index: number;
-    _panData: any;
+    /** @ignore */
+    _panData: {
+        deltaX?: number;
+        isFinal?: boolean;
+    };
+    /** @ignore */
     _update: {};
+    /** @ignore */
+    private _resizeObserver;
+    /** @ignore */
+    private _pointerStartX;
+    /** @ignore */
+    private _pointerStartY;
+    /** @ignore */
+    private _activePointerId;
+    /** @ignore */
+    private _pointerMoved;
+    /** @ignore */
+    private _dragThreshold;
+    /** @ignore */
+    private _isHorizontalDrag;
     static styles: import('lit').CSSResult;
     get index(): number;
     set index(value: number);
     render(): import('lit').TemplateResult<1>;
     firstUpdated(): void;
-    update(changedProperties: any): void;
+    disconnectedCallback(): void;
+    update(changedProperties: Map<string, unknown>): void;
+    /**
+     * Positions all panels using translate3d + scale based on current index and pan delta.
+     * Handles snap-to-panel decision when pan gesture ends (isFinal).
+     *
+     * Historical note: Layout-Berechnung aus dem original StackBlitz-Beispiel übernommen.
+     * @see https://stackblitz.com/edit/lit-story-viewer?file=story-viewer.ts
+     */
+    private _updateLayout;
     next(): void;
     previous(): void;
+    private _onPointerDown;
+    private _onPointerMove;
+    private _onPointerUp;
+    private _onPointerCancel;
+    private _onNavKeyDown;
+    private _onProgressKeyDown;
 }
 //# sourceMappingURL=PdPanelViewer.d.ts.map

package/dist/pd-panel-viewer/PdPanelViewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PdPanelViewer.d.ts","sourceRoot":"","sources":["../../src/pd-panel-viewer/PdPanelViewer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAM5C,OAAO,0CAA0C,CAAC;AAIlD;;GAEG;AACH,qBAAa,aAAc,SAAQ,UAAU;IAE3C,YAAY,UAAS;IAGrB,SAAS,SAAK;IAGd,MAAM,SAAK;IAIX,QAAQ,EAAE,GAAG,CAAM;IAGnB,OAAO,KAAM;IAEb,MAAM,CAAC,MAAM,0BAkEX;IAEF,IAAI,KAAK,WAER;IAED,IAAI,KAAK,CAAC,KAAK,QAAA,EAId;IAED,MAAM;IAmCN,YAAY;IAoBZ,MAAM,CAAC,iBAAiB,EAAE,GAAG;IAkC7B,IAAI;IASJ,QAAQ;CAOT"}
+{"version":3,"file":"PdPanelViewer.d.ts","sourceRoot":"","sources":["../../src/pd-panel-viewer/PdPanelViewer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAa,UAAU,EAAW,MAAM,KAAK,CAAC;AAKrD,OAAO,0CAA0C,CAAC;AAElD;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,aAAc,SAAQ,UAAU;IAE3C,YAAY,UAAS;IAGrB,SAAS,SAAK;IAEd,cAAc;IAEd,MAAM,SAAK;IAEX,cAAc;IAEd,QAAQ,EAAE;QAAE,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE,CAAM;IAEtD,cAAc;IAEd,OAAO,KAAM;IAEb,cAAc;IACd,OAAO,CAAC,eAAe,CAA+B;IACtD,cAAc;IACd,OAAO,CAAC,cAAc,CAAK;IAC3B,cAAc;IACd,OAAO,CAAC,cAAc,CAAK;IAC3B,cAAc;IACd,OAAO,CAAC,gBAAgB,CAAuB;IAC/C,cAAc;IACd,OAAO,CAAC,aAAa,CAAS;IAC9B,cAAc;IACd,OAAO,CAAC,cAAc,CAAK;IAC3B,cAAc;IACd,OAAO,CAAC,iBAAiB,CAAwB;IAEjD,MAAM,CAAC,MAAM,0BAwFX;IAEF,IAAI,KAAK,WAER;IAED,IAAI,KAAK,CAAC,KAAK,QAAA,EAId;IAED,MAAM;IAiEN,YAAY;IAqBH,oBAAoB;IAc7B,MAAM,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAK9C;;;;;;OAMG;IACH,OAAO,CAAC,aAAa;IAsCrB,IAAI;IASJ,QAAQ;IAUR,OAAO,CAAC,cAAc,CAYpB;IAEF,OAAO,CAAC,cAAc,CAsCpB;IAEF,OAAO,CAAC,YAAY,CAWlB;IAEF,OAAO,CAAC,gBAAgB,CAMtB;IAIF,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,kBAAkB;CAY3B"}