@progressive-development/pd-content 0.5.9 → 0.6.0

package/dist/generated/locale-codes.d.ts

@@ -0,0 +1,14 @@
+/**
+ * The locale code that templates in this source code are written in.
+ */
+export declare const sourceLocale = "dev";
+/**
+ * The other locale codes that this application is localized into. Sorted
+ * lexicographically.
+ */
+export declare const targetLocales: readonly ["be", "de", "en"];
+/**
+ * All valid project locale codes. Sorted lexicographically.
+ */
+export declare const allLocales: readonly ["be", "de", "dev", "en"];
+//# sourceMappingURL=locale-codes.d.ts.map

package/dist/generated/locale-codes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"locale-codes.d.ts","sourceRoot":"","sources":["../../src/generated/locale-codes.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,eAAO,MAAM,YAAY,QAAQ,CAAC;AAElC;;;GAGG;AACH,eAAO,MAAM,aAAa,6BAA8B,CAAC;AAEzD;;GAEG;AACH,eAAO,MAAM,UAAU,oCAAqC,CAAC"}

package/dist/generated/locales/be.d.ts

@@ -0,0 +1,5 @@
+export declare const templates: {
+    "pd.moreInfo.less": string;
+    "pd.moreInfo.more": string;
+};
+//# sourceMappingURL=be.d.ts.map

package/dist/generated/locales/be.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"be.d.ts","sourceRoot":"","sources":["../../../src/generated/locales/be.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS;;;CAGrB,CAAC"}

package/dist/generated/locales/de.d.ts

@@ -0,0 +1,5 @@
+export declare const templates: {
+    "pd.moreInfo.more": string;
+    "pd.moreInfo.less": string;
+};
+//# sourceMappingURL=de.d.ts.map

package/dist/generated/locales/de.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"de.d.ts","sourceRoot":"","sources":["../../../src/generated/locales/de.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS;;;CAGrB,CAAC"}

package/dist/generated/locales/en.d.ts

@@ -0,0 +1,5 @@
+export declare const templates: {
+    "pd.moreInfo.less": string;
+    "pd.moreInfo.more": string;
+};
+//# sourceMappingURL=en.d.ts.map

package/dist/generated/locales/en.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../src/generated/locales/en.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS;;;CAGrB,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+export { PdBoxView } from './pd-box-view.js';
+export { PdCollapse } from './pd-collapse.js';
+export { PdEditContent } from './pd-edit-content.js';
+export { PdMoreInfo } from './pd-more-info.js';
+export { PdResizeContent } from './pd-resize-content.js';
+export type { PdCollapseToggleEventDetail, PdEditLink } from './types.js';
+export { templates as beTemplates } from './generated/locales/be.js';
+export { templates as deTemplates } from './generated/locales/de.js';
+export { templates as enTemplates } from './generated/locales/en.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,YAAY,EAAE,2BAA2B,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE1E,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/index.js

@@ -1,8 +1,8 @@
-import { PdBoxView } from "./src/PdBoxView.js";
-import { PdCollapse } from "./src/PdCollapse.js";
-import { PdEditContent } from "./src/PdEditContent.js";
-import { PdMoreInfo } from "./src/PdMoreInfo.js";
-import { PdResizeContent } from "./src/PdResizeContent.js";
+import { PdBoxView } from "./pd-box-view.js";
+import { PdCollapse } from "./pd-collapse.js";
+import { PdEditContent } from "./pd-edit-content.js";
+import { PdMoreInfo } from "./pd-more-info.js";
+import { PdResizeContent } from "./pd-resize-content.js";
 import { templates } from "./locales/be.js";
 import { templates as templates2 } from "./locales/de.js";
 import { templates as templates3 } from "./locales/en.js";

package/dist/locales/be.d.ts

@@ -0,0 +1,2 @@
+export * from '../generated/locales/be'
+export {}

package/dist/locales/de.d.ts

@@ -0,0 +1,2 @@
+export * from '../generated/locales/de'
+export {}

package/dist/locales/en.d.ts

@@ -0,0 +1,2 @@
+export * from '../generated/locales/en'
+export {}

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

@@ -0,0 +1,6 @@
+import { LitElement, CSSResultGroup } from 'lit';
+export declare class PdBoxView extends LitElement {
+    static styles: CSSResultGroup;
+    render(): import('lit-html').TemplateResult<1>;
+}
+//# sourceMappingURL=pd-box-view.d.ts.map

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

@@ -0,0 +1 @@
+{"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-box-view.js

@@ -1,4 +1,33 @@
-import { PdBoxView } from "./src/PdBoxView.js";
-if (!customElements.get("pd-box-view")) {
-  window.customElements.define("pd-box-view", PdBoxView);
-}
+import { css, LitElement, html } from "lit";
+import { customElement } from "lit/decorators.js";
+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 = decorator(result) || result;
+  return result;
+};
+let PdBoxView = class extends LitElement {
+  render() {
+    return html` <slot></slot> `;
+  }
+};
+PdBoxView.styles = [
+  css`
+      :host {
+        display: grid;
+        grid-template-columns: repeat(
+          var(--pd-box-columns, 4),
+          minmax(var(--pd-box-min-width, 100px), 1fr)
+        );
+        gap: var(--pd-box-gap, 25px);
+      }
+    `
+];
+PdBoxView = __decorateClass([
+  customElement("pd-box-view")
+], PdBoxView);
+export {
+  PdBoxView
+};

package/dist/pd-collapse.d.ts

@@ -0,0 +1,31 @@
+import { CSSResultGroup, LitElement } from 'lit';
+/**
+ * Ein auf- und zuklappbarer Bereich mit Header und Inhalt.
+ *
+ * @fires toggle-accordion - Wird ausgelöst, wenn der Zustand gewechselt wird (true/false).
+ *
+ * @slot header - Slot für den sichtbaren Headerbereich
+ * @slot content - Slot für den Inhalt, der ein- und ausgeklappt wird
+ */
+export declare class PdCollapse extends LitElement {
+    /**
+     * Gibt an, ob der Bereich geöffnet ist.
+     */
+    active: boolean;
+    /**
+     * Optionales Icon für den Toggle Button (standardmäßig `ICON_TOGGLE_COLLAPSE`)
+     */
+    icon: string;
+    static styles: CSSResultGroup;
+    /**
+     * Öffnet den Collapse-Bereich
+     */
+    open(): void;
+    /**
+     * Schließt den Collapse-Bereich
+     */
+    close(): void;
+    private _onClick;
+    render(): import('lit-html').TemplateResult<1>;
+}
+//# sourceMappingURL=pd-collapse.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pd-collapse.d.ts","sourceRoot":"","sources":["../src/pd-collapse.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5D,OAAO,0CAA0C,CAAC;AAOlD;;;;;;;GAOG;AACH,qBACa,UAAW,SAAQ,UAAU;IACxC;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAgC;IAE5C,OAAgB,MAAM,EAAE,cAAc,CA4EpC;IAEF;;OAEG;IACH,IAAI,IAAI,IAAI;IAIZ;;OAEG;IACH,KAAK,IAAI,IAAI;IAIb,OAAO,CAAC,QAAQ;IAWP,MAAM;CAkBhB"}

package/dist/pd-collapse.js

@@ -1,4 +1,151 @@
-import { PdCollapse } from "./src/PdCollapse.js";
-if (!customElements.get("pd-collapse")) {
-  window.customElements.define("pd-collapse", PdCollapse);
-}
+import { css, LitElement, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { pdIcons } from "@progressive-development/pd-icon";
+import "@progressive-development/pd-icon/pd-icon";
+import { PdColorStyles, PdFontStyles } from "@progressive-development/pd-shared-styles";
+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 PdCollapse = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.active = false;
+    this.icon = pdIcons.ICON_TOGGLE_COLLAPSE;
+  }
+  /**
+   * Öffnet den Collapse-Bereich
+   */
+  open() {
+    this.active = true;
+  }
+  /**
+   * Schließt den Collapse-Bereich
+   */
+  close() {
+    this.active = false;
+  }
+  _onClick() {
+    this.active = !this.active;
+    this.dispatchEvent(
+      new CustomEvent("toggle-accordion", {
+        bubbles: true,
+        composed: true,
+        detail: this.active
+      })
+    );
+  }
+  render() {
+    return html`
+      <div
+        class="trigger ${this.active ? "open" : "closed"}"
+        @click=${this._onClick}
+      >
+        <slot name="header"></slot>
+        <pd-icon
+          icon=${this.icon}
+          ?activeIcon=${this.active}
+          class="small primary"
+        ></pd-icon>
+      </div>
+      <div class="content ${this.active ? "open" : "closed"}">
+        <slot name="content"></slot>
+      </div>
+    `;
+  }
+};
+PdCollapse.styles = [
+  PdColorStyles,
+  PdFontStyles,
+  css`
+      :host {
+        display: block;
+        width: 100%;
+        position: relative;
+        overflow: visible;
+      }
+
+      :host .content.open {
+        border: 2px solid var(--pd-default-light-col);
+        background: var(--pd-collapse-content-bg-col, var(--pd-default-bg-col));
+        margin-bottom: 1rem;
+        position: relative;
+        overflow: visible;
+      }
+
+      pd-icon {
+        --pd-icon-stroke-col-active: var(--pd-default-bg-col);
+        --pd-icon-col-active: var(--pd-default-dark-col);
+        --pd-icon-col-hover: var(--pd-default-dark-col);
+        --pd-icon-stroke-col-hover: var(--pd-default-hover-col);
+        --pd-icon-col-active-hover: var(--pd-default-dark-col);
+        --pd-icon-stroke-col-active-hover: var(--pd-default-hover-col);
+      }
+
+      .trigger {
+        background: var(--pd-collapse-bg-col, var(--pd-default-col));
+        font-family: var(--pd-default-font-title-family);
+        font-weight: bold;
+        color: var(--pd-collapse-font-col, var(--pd-default-bg-col));
+        transition-property: box-shadow, background;
+        transition: 0.2s ease-in;
+        cursor: pointer;
+        font-size: var(--pd-collapse-header-font-size, 1rem);
+        padding: 0.5rem;
+        display: flex;
+        justify-content: space-between;
+        box-sizing: border-box;
+        position: relative;
+      }
+
+      ::slotted(.header) {
+        display: flex;
+        align-items: center;
+      }
+
+      .trigger:hover {
+        background: var(--pd-collapse-hover-col, var(--pd-default-dark-col));
+      }
+
+      .trigger.closed {
+        margin-bottom: 1rem;
+      }
+
+      .content {
+        will-change: transform;
+        height: 0;
+        overflow: hidden;
+        transition-property: visibility, transform;
+        transition-duration: 0.2s;
+        visibility: hidden;
+        transform: translate3d(0, -100%, 0);
+        box-sizing: border-box;
+        padding: 0.5em;
+      }
+
+      .content.open {
+        visibility: visible;
+        height: auto;
+        transform: translate3d(0, 0, 0);
+        overflow-y: auto;
+      }
+    `
+];
+__decorateClass([
+  property({ type: Boolean })
+], PdCollapse.prototype, "active", 2);
+__decorateClass([
+  property({ type: String })
+], PdCollapse.prototype, "icon", 2);
+PdCollapse = __decorateClass([
+  customElement("pd-collapse")
+], PdCollapse);
+export {
+  PdCollapse
+};

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

@@ -0,0 +1,29 @@
+import { LitElement, CSSResultGroup } from 'lit';
+import { PdEditContentDataEntry, PdEditLink } from './types';
+export declare class PdEditContent extends LitElement {
+    /**
+     * Aktuelle Schritt-Nummer (z.B. im Wizard)
+     */
+    stepNumber?: number;
+    /**
+     * Titel des Abschnitts
+     */
+    contentTitle: string;
+    /**
+     * Datenobjekte mit Label + Wert
+     */
+    data: Array<PdEditContentDataEntry>;
+    /**
+     * Liste an editierbaren Links mit Icons
+     */
+    editLinks: PdEditLink[];
+    /**
+     * Bearbeitung generell deaktivieren
+     */
+    editDisabled: boolean;
+    static styles: CSSResultGroup;
+    render(): import('lit-html').TemplateResult<1>;
+    private static _getLinkLogo;
+    private _editContent;
+}
+//# sourceMappingURL=pd-edit-content.d.ts.map

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

@@ -0,0 +1 @@
+{"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-edit-content.js

@@ -1,4 +1,224 @@
-import { PdEditContent } from "./src/PdEditContent.js";
-if (!customElements.get("pd-edit-content")) {
-  window.customElements.define("pd-edit-content", PdEditContent);
-}
+import { html, css, LitElement } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { PdColorStyles, PdFontStyles } from "@progressive-development/pd-shared-styles";
+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;
+};
+const editIcon = html`<svg
+  class="edit"
+  viewBox="0 0 19 19"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <g>
+    <path
+      d="M8.44,7.25C8.348,7.342,8.277,7.447,8.215,7.557L8.174,7.516L8.149,7.69 C8.049,7.925,8.014,8.183,8.042,8.442l-0.399,2.796l2.797-0.399c0.259,0.028,0.517-0.007,0.752-0.107l0.174-0.024l-0.041-0.041 c0.109-0.062,0.215-0.133,0.307-0.225l5.053-5.053l-3.191-3.191L8.44,7.25z"
+      fill="var(--edit-fill-color)"
+    />
+    <path
+      d="M18.183,1.568l-0.87-0.87c-0.641-0.641-1.637-0.684-2.225-0.097l-0.797,0.797l3.191,3.191l0.797-0.798 C18.867,3.205,18.824,2.209,18.183,1.568z"
+      fill="var(--edit-fill-color)"
+    />
+    <path
+      d="M15,9.696V17H2V2h8.953l1.523-1.42c0.162-0.161,0.353-0.221,0.555-0.293 c0.043-0.119,0.104-0.18,0.176-0.287H0v19h17V7.928L15,9.696z"
+      fill="var(--edit-fill-color)"
+    />
+  </g>
+</svg>`;
+let PdEditContent = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.contentTitle = "";
+    this.data = [];
+    this.editLinks = [];
+    this.editDisabled = false;
+  }
+  render() {
+    var _a;
+    return html`
+      <div class="header">
+        ${this.stepNumber ? html`
+              <div class="circle">
+                <span class="step-number">${this.stepNumber}</span>
+              </div>
+            ` : null}
+        <h4>${this.contentTitle}</h4>
+      </div>
+      <div>
+        ${((_a = this.data) == null ? void 0 : _a.length) ? html`
+              <div class="param-data">
+                ${this.data.map(
+      (entry) => html`<div>
+                      <span class="label">${entry.name}</span>
+                      <span class="value">${entry.val}</span>
+                    </div>`
+    )}
+              </div>
+            ` : null}
+        <slot></slot>
+        <div class="link-row">
+          ${!this.editDisabled ? html`
+                <a @click="${this._editContent}">
+                  <div class="link-item">
+                    ${editIcon} Bewerk ${this.contentTitle}
+                  </div>
+                </a>
+              ` : null}
+          ${this.editLinks.map(
+      (link) => html`
+              <a data-link="${link.key}" @click="${this._editContent}">
+                <div class="link-item">
+                  ${PdEditContent._getLinkLogo(link)} ${link.txt}
+                </div>
+              </a>
+            `
+    )}
+        </div>
+      </div>
+    `;
+  }
+  static _getLinkLogo(link) {
+    if (link.icon) return link.icon;
+    if (link.defaultIcon) return editIcon;
+    return "";
+  }
+  _editContent(e) {
+    var _a, _b;
+    const link = (_b = (_a = e.currentTarget) == null ? void 0 : _a.dataset) == null ? void 0 : _b.link;
+    this.dispatchEvent(
+      new CustomEvent("edit-content", {
+        detail: { step: this.stepNumber, link },
+        bubbles: true,
+        composed: true
+      })
+    );
+  }
+};
+PdEditContent.styles = [
+  PdColorStyles,
+  PdFontStyles,
+  css`
+      :host {
+        display: block;
+      }
+
+      h4 {
+        font-family: var(--pd-default-font-title-family);
+        font-size: var(--pd-ec-font-title-size, 1.2em);
+        margin: 0 0 2px 0;
+        line-height: 40px;
+        color: var(--pd-ec-font-title-col, var(--pd-default-bg-col));
+        padding-left: 5px;
+      }
+
+      .header {
+        display: flex;
+        gap: 5px;
+        background-color: var(--pd-ec-bg-col, var(--pd-default-col));
+        align-items: center;
+      }
+
+      .circle {
+        margin-left: 5px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 27px;
+        height: 27px;
+        border-radius: 50%;
+        background-color: var(--pd-ec-font-title-col, var(--pd-default-bg-col));
+      }
+
+      .step-number {
+        font-family: var(--pd-default-font-title-family);
+        font-size: var(--pd-ec-font-title-size, 1.2em);
+        font-weight: var(--pd-ec-nr-font-weight, bold);
+        color: var(--pd-ec-bg-col, var(--pd-default-col));
+      }
+
+      .label {
+        display: inline-block;
+        font-weight: bold;
+        width: 200px;
+        padding-top: 10px;
+      }
+
+      a {
+        cursor: pointer;
+        font-family: var(--pd-default-font-link-family);
+        font-size: var(--pd-default-font-link-size);
+        color: var(--pd-default-font-link-col);
+        --edit-fill-color: var(--pd-default-font-link-col);
+      }
+
+      a:hover {
+        color: var(--pd-default-font-link-col-hover);
+        --edit-fill-color: var(--pd-default-font-link-col-hover);
+      }
+
+      .edit {
+        width: 1.1em;
+      }
+
+      /* 
+        could used as class for given svg icons, workaround class 
+        hard coded for specific icon => maybe use custom properties here, but not for that hack...
+      */
+      .own-edit-icon {
+        width: 2em;
+        margin-top: -10px;
+      }
+
+      .link-row {
+        padding: 5px 0;
+        display: flex;
+        flex-wrap: wrap;
+        gap: 15px;
+      }
+
+      .link-item {
+        display: flex;
+        gap: 2px;
+        white-space: nowrap;
+        align-items: center;
+        pointer-events: none;
+      }
+
+      .param-data {
+        padding-bottom: 10px;
+      }
+
+      @media (max-width: 360px) {
+        .label {
+          width: 130px;
+        }
+      }
+    `
+];
+__decorateClass([
+  property({ type: Number })
+], PdEditContent.prototype, "stepNumber", 2);
+__decorateClass([
+  property({ type: String })
+], PdEditContent.prototype, "contentTitle", 2);
+__decorateClass([
+  property({ type: Array })
+], PdEditContent.prototype, "data", 2);
+__decorateClass([
+  property({ type: Array })
+], PdEditContent.prototype, "editLinks", 2);
+__decorateClass([
+  property({ type: Boolean })
+], PdEditContent.prototype, "editDisabled", 2);
+PdEditContent = __decorateClass([
+  customElement("pd-edit-content")
+], PdEditContent);
+export {
+  PdEditContent
+};

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

@@ -0,0 +1,23 @@
+import { LitElement, CSSResultGroup } from 'lit';
+/**
+ * `pd-more-info` Komponente zeigt zuerst einen kompakten Text (Slot `small-view`)
+ * und erlaubt es dem Nutzer, bei Klick weitere Informationen (Slot `large-view`) einzublenden.
+ *
+ * @slot small-view - Der kompakte Textblock für die erste Ansicht
+ * @slot large-view - Der erweiterte Textblock nach Klick auf "Mehr Informationen"
+ *
+ * @cssprop --pd-default-font-content-col - Textfarbe
+ * @cssprop --pd-default-font-content-size - Textgröße
+ * @cssprop --pd-default-font-link-family - Schriftart für Link
+ * @cssprop --pd-default-font-link-size - Schriftgröße für Link
+ * @cssprop --pd-default-font-link-col - Linkfarbe
+ * @cssprop --pd-default-font-link-col-hover - Hoverfarbe für Link
+ */
+export declare class PdMoreInfo extends LitElement {
+    private _lessInfo;
+    static styles: CSSResultGroup;
+    render(): import('lit-html').TemplateResult<1>;
+    private _showMoreInfo;
+    private _showLessInfo;
+}
+//# sourceMappingURL=pd-more-info.d.ts.map

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

@@ -0,0 +1 @@
+{"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"}