@progressive-development/pd-content 0.7.16 → 0.9.1

package/dist/pd-resize-content.js

@@ -1,64 +1,8 @@
-import { css, LitElement, html } from "lit";
-import { property, state, customElement } from "lit/decorators.js";
-import { installMediaQueryWatcher } from "pwa-helpers/media-query.js";
-import "@progressive-development/pd-dialog/pd-popup";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-let PdResizeContent = class extends LitElement {
-  constructor() {
-    super(...arguments);
-    this.resizeWidth = "1232px";
-    this._hideContent = false;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    installMediaQueryWatcher(
-      `(min-width: ${this.resizeWidth})`,
-      (matches) => {
-        this._hideContent = !matches;
-      }
-    );
-  }
-  render() {
-    return this._hideContent ? html`
-          <pd-popup>
-            <div slot="small-view"><slot name="preview-content"></slot></div>
-            <div slot="content"><slot name="resize-content"></slot></div>
-          </pd-popup>
-        ` : html`<slot name="resize-content"></slot>`;
-  }
-};
-PdResizeContent.styles = css`
-    :host {
-      display: block;
-    }
+import { PdResizeContent } from './pd-resize-content/PdResizeContent.js';
 
-    h3 {
-      color: #084c61;
-      font-family: Oswald;
-    }
+const tag = "pd-resize-content";
+if (!customElements.get(tag)) {
+  customElements.define(tag, PdResizeContent);
+}
 
-    p {
-      color: #084c61;
-    }
-  `;
-__decorateClass([
-  property({ type: String })
-], PdResizeContent.prototype, "resizeWidth", 2);
-__decorateClass([
-  state()
-], PdResizeContent.prototype, "_hideContent", 2);
-PdResizeContent = __decorateClass([
-  customElement("pd-resize-content")
-], PdResizeContent);
-export {
-  PdResizeContent
-};
+export { PdResizeContent };

package/dist/pd-tab/PdTab.d.ts

@@ -0,0 +1,16 @@
+import { LitElement, CSSResultGroup } from 'lit';
+import { TabHeader } from '../types';
+/**
+ * @tagname pd-tab
+ */
+export declare class PdTab extends LitElement {
+    tabs: TabHeader[];
+    defaultTab?: string;
+    _activeTab?: string;
+    static styles: CSSResultGroup;
+    protected update(changedProperties: any): void;
+    render(): import('lit').TemplateResult<1>;
+    reset(): void;
+    private _tabSelected;
+}
+//# sourceMappingURL=PdTab.d.ts.map

package/dist/pd-tab/PdTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PdTab.d.ts","sourceRoot":"","sources":["../../src/pd-tab/PdTab.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAO,cAAc,EAAE,MAAM,KAAK,CAAC;AAO5D,OAAO,0CAA0C,CAAC;AAElD,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC;;GAEG;AACH,qBAAa,KAAM,SAAQ,UAAU;IAEnC,IAAI,EAAE,SAAS,EAAE,CAAM;IAGvB,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,MAAM,CAAC,MAAM,EAmGR,cAAc,CAAC;IAEpB,SAAS,CAAC,MAAM,CAAC,iBAAiB,EAAE,GAAG,GAAG,IAAI;IAQ9C,MAAM;IAgCN,KAAK;IAKL,OAAO,CAAC,YAAY;CAQrB"}

package/dist/pd-tab/PdTab.js

@@ -0,0 +1,179 @@
+import { LitElement, css, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { PdColorStyles, PdFontStyles } from '@progressive-development/pd-shared-styles';
+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;
+};
+class PdTab extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.tabs = [];
+  }
+  static {
+    this.styles = [
+      PdColorStyles,
+      PdFontStyles,
+      css`
+      :host {
+        display: block;
+      }
+
+      .header-container {
+        display: flex;
+      }
+
+      .tab-header {
+        padding: var(--pd-tab-header-padding, 0.8em 1.5em);
+        background-color: var(--pd-tab-bg-col, var(--pd-default-light-col));
+        font-family: var(--pd-default-font-title-family);
+        color: var(--pd-tab-text-col, var(--pd-default-font-title-col));
+        cursor: pointer;
+        border: 2px solid var(--pd-tab-border-col, #ccc); /* Dünner Rahmen */
+        border-bottom: none; /* Tabs sollen nahtlos an den Inhalt anschließen */
+        border-radius: 8px 8px 0 0; /* Abgerundete obere Ecken */
+        display: inline-block; /* Tabs nebeneinander anzeigen */
+        margin-right: 5px; /* Abstand zwischen Tabs */
+        box-shadow: var(
+          --pd-tab-shadow,
+          0 2px 4px rgba(0, 0, 0, 0.1)
+        ); /* Leichter Schatten für Tiefe */
+        transition:
+          background-color 0.3s,
+          box-shadow 0.3s; /* Weiche Übergänge bei Hover */
+      }
+
+      .tab-header:hover {
+        background-color: var(
+          --pd-tab-bg-hover-col,
+          var(--pd-default-hover-col)
+        );
+        box-shadow: var(
+          --pd-tab-shadow-hover,
+          0 4px 8px rgba(0, 0, 0, 0.2)
+        ); /* Schattenintensität bei Hover erhöhen */
+      }
+
+      .tab-header.active-header {
+        background-color: var(--pd-tab-bg-active-col, var(--pd-default-col));
+        border-bottom: 2px solid
+          var(--pd-tab-border-active-col, var(--pd-default-col));
+        color: var(
+          --pd-tab-active-text-col,
+          var(--pd-default-bg-col)
+        ); /* Textfarbe für aktiven Tab */
+        box-shadow: none; /* Schatten entfernen, wenn Tab aktiv ist */
+      }
+
+      .tab-header.disabled-header {
+        background-color: var(--pd-tab-bg-active-col, var(--pd-default-col));
+        border-bottom: 2px solid
+          var(--pd-tab-border-active-col, var(--pd-default-col));
+        color: var(
+          --pd-tab-active-text-col,
+          var(--pd-default-bg-col)
+        ); /* Textfarbe für aktiven Tab */
+        box-shadow: none; /* Schatten entfernen, wenn Tab aktiv ist */
+      }
+
+      .tab-header.disabled-header {
+        pointer-events: none; /* Deaktiviert die Klickbarkeit */
+        background-color: var(
+          --pd-tab-disabled-bg-col,
+          #f0f0f0
+        ); /* Hellere Farbe für deaktivierte Tabs */
+        color: var(--pd-tab-disabled-text-col, #999); /* Hellere Textfarbe */
+        border-color: var(
+          --pd-tab-disabled-border-col,
+          #ddd
+        ); /* Angepasste Rahmenfarbe */
+        cursor: not-allowed; /* Zeigt an, dass der Tab nicht interaktiv ist */
+        opacity: 0.6; /* Reduziert die Sichtbarkeit für einen "deaktivierten" Look */
+      }
+
+      .tab-header:focus {
+        outline: none; /* Entfernt den Standardfokusrahmen */
+        box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.5); /* Fokusring für Tastaturnavigation */
+      }
+
+      .slot-container {
+        display: none;
+      }
+
+      .active-slot {
+        padding: var(--pd-tab-content-padding, 1em);
+        display: block;
+        border: var(--pd-tab-content-border, 1px solid var(--pd-default-col));
+        border-top: var(
+          --pd-tab-content-border-top,
+          3px solid var(--pd-default-col)
+        );
+      }
+    `
+    ];
+  }
+  update(changedProperties) {
+    if (changedProperties.has("defaultTab") && this.defaultTab) {
+      console.log("PdTab: Set active from default selection", this.defaultTab);
+      this._activeTab = this.defaultTab;
+    }
+    super.update(changedProperties);
+  }
+  render() {
+    return html`
+      <div class="header-container">
+        ${this.tabs.map(
+      (t) => html`
+            <div
+              class="tab-header ${this._activeTab === t.key ? "active-header" : ""} ${t.disabled ? "disabled-header" : ""}"
+              data-key="${t.key}"
+              @click="${this._tabSelected}"
+            >
+              ${t.name}
+            </div>
+          `
+    )}
+      </div>
+      ${this.tabs.map(
+      (t) => html`
+          <div
+            id="${`slot${t.key}`}"
+            class="slot-container ${this._activeTab === t.key ? "active-slot" : ""}"
+          >
+            <slot name="${t.key}"></slot>
+          </div>
+        `
+    )}
+    `;
+  }
+  reset() {
+    this._activeTab = this.defaultTab;
+  }
+  // eslint-disable-next-line class-methods-use-this
+  _tabSelected(e) {
+    this._activeTab = e.target?.dataset?.key;
+    this.dispatchEvent(
+      new CustomEvent("tab-selected", {
+        detail: this._activeTab
+      })
+    );
+  }
+}
+__decorateClass([
+  property({ type: Array })
+], PdTab.prototype, "tabs");
+__decorateClass([
+  property({ type: String })
+], PdTab.prototype, "defaultTab");
+__decorateClass([
+  property({ type: String, state: true })
+], PdTab.prototype, "_activeTab");
+
+export { PdTab };

package/dist/pd-tab/pd-tab.d.ts

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

package/dist/pd-tab/pd-tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pd-tab.d.ts","sourceRoot":"","sources":["../../src/pd-tab/pd-tab.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAOnC,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/{stories → pd-tab}/pd-tab.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/web-components';
 declare const meta: {
     title: string;
-    render: (args: import('@storybook/web-components').Args) => import('lit-html').TemplateResult<1>;
+    render: (args: import('@storybook/web-components').Args) => import('lit').TemplateResult<1>;
     argTypes: {
         backgroundColor: {
             control: "color";

package/dist/pd-tab/pd-tab.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pd-tab.stories.d.ts","sourceRoot":"","sources":["../../src/pd-tab/pd-tab.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,aAAa,CAAC;AAGrB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CAqBM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAC"}

package/dist/pd-tab.d.ts

@@ -1,13 +1,2 @@
-import { LitElement, CSSResultGroup } from 'lit';
-import { TabHeader } from './types';
-export declare class PdTab extends LitElement {
-    tabs: TabHeader[];
-    defaultTab?: string;
-    _activeTab?: string;
-    static styles: CSSResultGroup;
-    protected update(changedProperties: any): void;
-    render(): import('lit-html').TemplateResult<1>;
-    reset(): void;
-    private _tabSelected;
-}
-//# sourceMappingURL=pd-tab.d.ts.map
+export * from './pd-tab/pd-tab'
+export {}

package/dist/pd-tab.js

@@ -1,182 +1,8 @@
-import { css, LitElement, html } from "lit";
-import { property, customElement } from "lit/decorators.js";
-import { PdColorStyles, PdFontStyles } from "@progressive-development/pd-shared-styles";
-import "@progressive-development/pd-icon/pd-icon";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-let PdTab = class extends LitElement {
-  constructor() {
-    super(...arguments);
-    this.tabs = [];
-  }
-  update(changedProperties) {
-    if (changedProperties.has("defaultTab") && this.defaultTab) {
-      console.log("PdTab: Set active from default selection", this.defaultTab);
-      this._activeTab = this.defaultTab;
-    }
-    super.update(changedProperties);
-  }
-  render() {
-    return html`
-      <div class="header-container">
-        ${this.tabs.map(
-      (t) => html`
-            <div
-              class="tab-header ${this._activeTab === t.key ? "active-header" : ""} ${t.disabled ? "disabled-header" : ""}"
-              data-key="${t.key}"
-              @click="${this._tabSelected}"
-            >
-              ${t.name}
-            </div>
-          `
-    )}
-      </div>
-      ${this.tabs.map(
-      (t) => html`
-          <div
-            id="${`slot${t.key}`}"
-            class="slot-container ${this._activeTab === t.key ? "active-slot" : ""}"
-          >
-            <slot name="${t.key}"></slot>
-          </div>
-        `
-    )}
-    `;
-  }
-  reset() {
-    this._activeTab = this.defaultTab;
-  }
-  // eslint-disable-next-line class-methods-use-this
-  _tabSelected(e) {
-    var _a, _b;
-    this._activeTab = (_b = (_a = e.target) == null ? void 0 : _a.dataset) == null ? void 0 : _b.key;
-    this.dispatchEvent(
-      new CustomEvent("tab-selected", {
-        detail: this._activeTab
-      })
-    );
-  }
-};
-PdTab.styles = [
-  PdColorStyles,
-  PdFontStyles,
-  css`
-      :host {
-        display: block;
-      }
+import { PdTab } from './pd-tab/PdTab.js';
 
-      .header-container {
-        display: flex;
-      }
+const tag = "pd-tab";
+if (!customElements.get(tag)) {
+  customElements.define(tag, PdTab);
+}
 
-      .tab-header {
-        padding: var(--pd-tab-header-padding, 0.8em 1.5em);
-        background-color: var(--pd-tab-bg-col, var(--pd-default-light-col));
-        font-family: var(--pd-default-font-title-family);
-        color: var(--pd-tab-text-col, var(--pd-default-font-title-col));
-        cursor: pointer;
-        border: 2px solid var(--pd-tab-border-col, #ccc); /* Dünner Rahmen */
-        border-bottom: none; /* Tabs sollen nahtlos an den Inhalt anschließen */
-        border-radius: 8px 8px 0 0; /* Abgerundete obere Ecken */
-        display: inline-block; /* Tabs nebeneinander anzeigen */
-        margin-right: 5px; /* Abstand zwischen Tabs */
-        box-shadow: var(
-          --pd-tab-shadow,
-          0 2px 4px rgba(0, 0, 0, 0.1)
-        ); /* Leichter Schatten für Tiefe */
-        transition:
-          background-color 0.3s,
-          box-shadow 0.3s; /* Weiche Übergänge bei Hover */
-      }
-
-      .tab-header:hover {
-        background-color: var(
-          --pd-tab-bg-hover-col,
-          var(--pd-default-hover-col)
-        );
-        box-shadow: var(
-          --pd-tab-shadow-hover,
-          0 4px 8px rgba(0, 0, 0, 0.2)
-        ); /* Schattenintensität bei Hover erhöhen */
-      }
-
-      .tab-header.active-header {
-        background-color: var(--pd-tab-bg-active-col, var(--pd-default-col));
-        border-bottom: 2px solid
-          var(--pd-tab-border-active-col, var(--pd-default-col));
-        color: var(
-          --pd-tab-active-text-col,
-          var(--pd-default-bg-col)
-        ); /* Textfarbe für aktiven Tab */
-        box-shadow: none; /* Schatten entfernen, wenn Tab aktiv ist */
-      }
-
-      .tab-header.disabled-header {
-        background-color: var(--pd-tab-bg-active-col, var(--pd-default-col));
-        border-bottom: 2px solid
-          var(--pd-tab-border-active-col, var(--pd-default-col));
-        color: var(
-          --pd-tab-active-text-col,
-          var(--pd-default-bg-col)
-        ); /* Textfarbe für aktiven Tab */
-        box-shadow: none; /* Schatten entfernen, wenn Tab aktiv ist */
-      }
-
-      .tab-header.disabled-header {
-        pointer-events: none; /* Deaktiviert die Klickbarkeit */
-        background-color: var(
-          --pd-tab-disabled-bg-col,
-          #f0f0f0
-        ); /* Hellere Farbe für deaktivierte Tabs */
-        color: var(--pd-tab-disabled-text-col, #999); /* Hellere Textfarbe */
-        border-color: var(
-          --pd-tab-disabled-border-col,
-          #ddd
-        ); /* Angepasste Rahmenfarbe */
-        cursor: not-allowed; /* Zeigt an, dass der Tab nicht interaktiv ist */
-        opacity: 0.6; /* Reduziert die Sichtbarkeit für einen "deaktivierten" Look */
-      }
-
-      .tab-header:focus {
-        outline: none; /* Entfernt den Standardfokusrahmen */
-        box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.5); /* Fokusring für Tastaturnavigation */
-      }
-
-      .slot-container {
-        display: none;
-      }
-
-      .active-slot {
-        padding: var(--pd-tab-content-padding, 1em);
-        display: block;
-        border: var(--pd-tab-content-border, 1px solid var(--pd-default-col));
-        border-top: var(
-          --pd-tab-content-border-top,
-          3px solid var(--pd-default-col)
-        );
-      }
-    `
-];
-__decorateClass([
-  property({ type: Array })
-], PdTab.prototype, "tabs", 2);
-__decorateClass([
-  property({ type: String })
-], PdTab.prototype, "defaultTab", 2);
-__decorateClass([
-  property({ type: String, state: true })
-], PdTab.prototype, "_activeTab", 2);
-PdTab = __decorateClass([
-  customElement("pd-tab")
-], PdTab);
-export {
-  PdTab
-};
+export { PdTab };

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,MAAM,WAAW,2BAA2B;IAC1C;;;OAGG;IACH,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,GAAG,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;CACjB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,2BAA2B;IAC1C;;;OAGG;IACH,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,GAAG,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;CACjB"}

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@progressive-development/pd-content",
-  "version": "0.7.16",
+  "version": "0.9.1",
   "description": "Progressive Development content components. ",
   "author": "PD Progressive Development",
   "license": "SEE LICENSE IN LICENSE",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
+  "type": "module",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": "./dist/index.js",
@@ -28,62 +29,40 @@
     "README.md",
     "LICENSE"
   ],
+  "dependencies": {
+    "lit": "^3.3.1",
+    "@lit/localize": "^0.12.2",
+    "hammerjs": "^2.0.8",
+    "pwa-helpers": "^0.9.1",
+    "tslib": "^2.8.1",
+    "@progressive-development/pd-shared-styles": "0.3.0",
+    "@progressive-development/pd-dialog": "0.9.1",
+    "@progressive-development/pd-icon": "0.9.1"
+  },
+  "customElements": "custom-elements.json",
+  "keywords": [
+    "pd",
+    "progressive",
+    "development",
+    "content",
+    "collapse"
+  ],
   "scripts": {
     "analyze": "cem analyze --litelement --exclude dist,demo",
     "start": "vite",
     "build": "vite build",
     "preview": "vite preview",
     "clean": "rm -rf dist",
-    "lint": "eslint --ext .ts,.html src --ignore-path .gitignore && prettier \"**/*.ts\" --check --ignore-path .gitignore",
-    "format": "eslint --ext .ts,.html src --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
+    "clean:all": "rm -rf dist node_modules pnpm-lock.yaml",
+    "lint": "eslint --ext .ts,.html src --ignore-path ../../../.eslintignore && prettier \"**/*.ts\" --check --ignore-path ../../../.eslintignore",
+    "lint:lit": "lit-analyzer",
+    "format": "eslint --ext .ts,.html src --fix --ignore-path ../../../.eslintignore && prettier \"**/*.ts\" --write --ignore-path ../../../.eslintignore",
     "test": "vitest run --coverage",
     "test:watch": "vitest --watch",
-    "check": "npm run lint && npm run build",
-    "prepublishOnly": "npm run clean && npm run check",
+    "check": "pnpm run lint && pnpm run lint:lit && pnpm run build",
     "localizeExtract": "lit-localize extract",
     "localizeBuild": "lit-localize build",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
-  },
-  "dependencies": {
-    "@lit/localize": "^0.12.2",
-    "@progressive-development/pd-dialog": "^0.6.23",
-    "@progressive-development/pd-icon": "^0.7.6",
-    "@progressive-development/pd-shared-styles": "^0.2.5",
-    "hammerjs": "^2.0.8",
-    "lit": "^3.3.0",
-    "pwa-helpers": "^0.9.1"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^1.9.0",
-    "@custom-elements-manifest/analyzer": "^0.4.17",
-    "@lit/localize-tools": "^0.6.10",
-    "@storybook/addon-essentials": "^8.6.14",
-    "@storybook/addon-links": "^8.6.14",
-    "@storybook/blocks": "^8.0.10",
-    "@storybook/test": "^8.6.14",
-    "@storybook/web-components": "^8.0.10",
-    "@storybook/web-components-vite": "^8.6.14",
-    "@types/hammerjs": "^2.0.46",
-    "@typescript-eslint/eslint-plugin": "^8.32.1",
-    "@typescript-eslint/parser": "^8.32.1",
-    "eslint": "^8.57.1",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-storybook": "^0.8.0",
-    "prettier": "^3.5.3",
-    "rollup-plugin-visualizer": "^5.14.0",
-    "storybook": "^8.6.14",
-    "typescript": "^5.8.3",
-    "vite": "^5.4.19",
-    "vite-plugin-dts": "^4.5.4",
-    "vitest": "^2.1.9"
-  },
-  "customElements": "custom-elements.json",
-  "keywords": [
-    "pd",
-    "progressive",
-    "development",
-    "content",
-    "collapse"
-  ]
-}
+  }
+}

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

@@ -1 +0,0 @@
-{"version":3,"file":"pd-box-view.d.ts","sourceRoot":"","sources":["../src/pd-box-view.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG5D,qBACa,SAAU,SAAQ,UAAU;IACvC,OAAgB,MAAM,EAAE,cAAc,CAWpC;IAEO,MAAM;CAGhB"}

package/dist/pd-collapse-group.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-collapse-group.d.ts","sourceRoot":"","sources":["../src/pd-collapse-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAI5D;;;;;;;;;GASG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC7C;;OAEG;IACH,OAAO,CAAC,kBAAkB,CAA6C;IAEvE,OAAgB,MAAM,EAAE,cAAc,CAWpC;IAEO,iBAAiB,IAAI,IAAI;IAkBzB,oBAAoB,IAAI,IAAI;IAkBrC,MAAM;IAQN,OAAO,CAAC,WAAW,CAKjB;IAEF,OAAO,CAAC,aAAa,CAKnB;IAEF,OAAO,CAAC,kBAAkB,CAAiC;IAE3D,OAAO,CAAC,SAAS;IAQjB,OAAO,CAAC,yBAAyB;CAOlC"}

package/dist/pd-collapse.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-collapse.d.ts","sourceRoot":"","sources":["../src/pd-collapse.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI5E,OAAO,0CAA0C,CAAC;AAOlD;;;;;;;GAOG;AACH,qBACa,UAAW,SAAQ,UAAU;IACxC;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAgC;IAG5C,SAAS,EAAE,OAAO,CAAS;IAE3B;;OAEG;IAEH,OAAO,UAAS;IAEhB,OAAgB,MAAM,EAAE,cAAc,CA+FpC;IAEO,YAAY,IAAI,IAAI;IAKpB,oBAAoB,IAAI,IAAI;IAK5B,UAAU,CAAC,YAAY,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAMpD,MAAM;IAmBf;;OAEG;IACH,IAAI,MAAM,CAAC,SAAS,EAAE,OAAO,EAe5B;IAED,IAAI,MAAM,IAjBY,OAAO,CAmB5B;IAED,OAAO,CAAC,QAAQ;IAIhB,SAAS,CAAC,oBAAoB,IAAI,IAAI;IAatC,SAAS,CAAC,sBAAsB,IAAI,IAAI;IAaxC,OAAO,CAAC,WAAW,CAAC,CAAS;IAC7B,OAAO,CAAC,cAAc;CAMvB"}

package/dist/pd-edit-content.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-edit-content.d.ts","sourceRoot":"","sources":["../src/pd-edit-content.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAa,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAM5D,OAAO,EAAE,sBAAsB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAuB7D,qBACa,aAAc,SAAQ,UAAU;IAC3C;;OAEG;IAEH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IAEH,YAAY,SAAM;IAElB;;OAEG;IAEH,IAAI,EAAE,KAAK,CAAC,sBAAsB,CAAC,CAAM;IAEzC;;OAEG;IAEH,SAAS,EAAE,UAAU,EAAE,CAAM;IAE7B;;OAEG;IAEH,YAAY,UAAS;IAErB,OAAgB,MAAM,EAAE,cAAc,CAoGpC;IAEO,MAAM;IAmDf,OAAO,CAAC,MAAM,CAAC,YAAY;IAM3B,OAAO,CAAC,YAAY;CAUrB"}

package/dist/pd-more-info.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-more-info.d.ts","sourceRoot":"","sources":["../src/pd-more-info.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAM5D;;;;;;;;;;;;;GAaG;AACH,qBAEa,UAAW,SAAQ,UAAU;IAExC,OAAO,CAAC,SAAS,CAAQ;IAEzB,OAAgB,MAAM,EAAE,cAAc,CAuBpC;IAEO,MAAM;IAoBf,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,aAAa;CAWtB"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"pd-panel-viewer.d.ts","sourceRoot":"","sources":["../src/pd-panel-viewer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAM5C,OAAO,0CAA0C,CAAC;AAIlD,qBACa,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"}

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

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

package/dist/pd-resize-content.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-resize-content.d.ts","sourceRoot":"","sources":["../src/pd-resize-content.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,6CAA6C,CAAC;AAErD;;;;;;;;;GASG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC7C;;OAEG;IAEH,WAAW,SAAY;IAEvB;;OAEG;IAEH,OAAO,CAAC,YAAY,CAAS;IAE7B,MAAM,CAAC,MAAM,0BAaX;IAEF,iBAAiB,IAAI,IAAI;IAUzB,SAAS,CAAC,MAAM;CAUjB"}

package/dist/pd-tab.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-tab.d.ts","sourceRoot":"","sources":["../src/pd-tab.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAO,cAAc,EAAE,MAAM,KAAK,CAAC;AAO5D,OAAO,0CAA0C,CAAC;AAElD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,qBACa,KAAM,SAAQ,UAAU;IAEnC,IAAI,EAAE,SAAS,EAAE,CAAM;IAGvB,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,MAAM,CAAC,MAAM,EAmGR,cAAc,CAAC;IAEpB,SAAS,CAAC,MAAM,CAAC,iBAAiB,EAAE,GAAG,GAAG,IAAI;IAQ9C,MAAM;IAgCN,KAAK;IAKL,OAAO,CAAC,YAAY;CAQrB"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"pd-box-view.stories.d.ts","sourceRoot":"","sources":["../../src/stories/pd-box-view.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,mBAAmB,CAAC;AAE3B,QAAA,MAAM,IAAI;;;;CA6CM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/dist/stories/pd-collapse-group.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-collapse-group.stories.d.ts","sourceRoot":"","sources":["../../src/stories/pd-collapse-group.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAE/D,OAAO,yBAAyB,CAAC;wBAQ5B,IAAI;AANT,wBAMU;AAiCV,eAAO,MAAM,OAAO,SAAoB,CAAC"}

package/dist/stories/pd-collapse.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-collapse.stories.d.ts","sourceRoot":"","sources":["../../src/stories/pd-collapse.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,mBAAmB,CAAC;AAE3B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;CAiBM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAkD7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAoB/B,CAAC"}

package/dist/stories/pd-edit-content.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-edit-content.stories.d.ts","sourceRoot":"","sources":["../../src/stories/pd-edit-content.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAI/D,OAAO,uBAAuB,CAAC;wBAS1B,IAAI;AAPT,wBAOU;AA+FV,eAAO,MAAM,OAAO,cAAoB,CAAC;AASzC,eAAO,MAAM,aAAa,cAAoB,CAAC;AAS/C,eAAO,MAAM,YAAY,cAAoB,CAAC;AAS9C,eAAO,MAAM,iBAAiB,cAAoB,CAAC;AAQnD,eAAO,MAAM,iBAAiB,cAAoB,CAAC;AAenD,eAAO,MAAM,WAAW,4CAsDvB,CAAC;AAGF,eAAO,MAAM,iBAAiB,4CA0B7B,CAAC"}

package/dist/stories/pd-more-info.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pd-more-info.stories.d.ts","sourceRoot":"","sources":["../../src/stories/pd-more-info.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAE/D,OAAO,oBAAoB,CAAC;wBAQvB,IAAI;AANT,wBAMU;AAyCV,eAAO,MAAM,OAAO,SAAoB,CAAC;AAGzC,eAAO,MAAM,eAAe,SAA+B,CAAC"}