@progressive-development/pd-content 0.6.6 → 0.6.8

package/dist/index.d.ts

@@ -3,7 +3,7 @@ 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 type { PdCollapseToggleEventDetail, PdEditLink, PdCollapseElement, } 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';

package/dist/index.d.ts.map

@@ -1 +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"}
+{"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,EACV,2BAA2B,EAC3B,UAAU,EACV,iBAAiB,GAClB,MAAM,YAAY,CAAC;AAEpB,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/pd-collapse-group.d.ts

@@ -0,0 +1,25 @@
+import { LitElement, CSSResultGroup } from 'lit';
+/**
+ * @element pd-collapse-group
+ *
+ * Gruppiert mehrere <pd-collapse> Elemente.
+ * Stellt sicher, dass immer nur ein Element geöffnet (active) ist.
+ *
+ * @slot default - Erwartet eine Liste von <pd-collapse> Elementen
+ *
+ * @csspart container - Container der Collapse-Gruppe
+ */
+export declare class PdCollapseGroup extends LitElement {
+    static styles: CSSResultGroup;
+    /**
+     * Enthält alle zugewiesenen <pd-collapse>-Elemente
+     */
+    private _assignedCollapses;
+    /**
+     * Registriert Event Listener nach dem ersten Render
+     */
+    firstUpdated(): void;
+    private _onToggleAccordion;
+    render(): import('lit-html').TemplateResult<1>;
+}
+//# sourceMappingURL=pd-collapse-group.d.ts.map

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

@@ -0,0 +1 @@
+{"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,OAAgB,MAAM,EAAE,cAAc,CAWpC;IAEF;;OAEG;IAEH,OAAO,CAAC,kBAAkB,CAAuB;IAEjD;;OAEG;IACM,YAAY;IAQrB,OAAO,CAAC,kBAAkB;IAc1B,MAAM;CAOP"}

package/dist/pd-collapse-group.js

@@ -0,0 +1,63 @@
+import { css, LitElement, html } from "lit";
+import { queryAssignedElements, customElement } from "lit/decorators.js";
+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 PdCollapseGroup = class extends LitElement {
+  /**
+   * Registriert Event Listener nach dem ersten Render
+   */
+  firstUpdated() {
+    this._assignedCollapses.forEach((collapse) => {
+      collapse.addEventListener(
+        "toggle-accordion",
+        (e) => this._onToggleAccordion(e, collapse)
+      );
+    });
+  }
+  _onToggleAccordion(event, targetCollapse) {
+    const customEvent = event;
+    if (customEvent.detail === true) {
+      this._assignedCollapses.forEach((collapse) => {
+        if (collapse !== targetCollapse) {
+          collapse.active = false;
+        }
+      });
+    }
+  }
+  render() {
+    return html`
+      <div class="container" part="container">
+        <slot></slot>
+      </div>
+    `;
+  }
+};
+PdCollapseGroup.styles = [
+  css`
+      :host {
+        display: block;
+      }
+      .container {
+        display: flex;
+        flex-direction: column;
+        gap: var(--pd-collapse-group-gap, 0.5rem);
+      }
+    `
+];
+__decorateClass([
+  queryAssignedElements({ flatten: true })
+], PdCollapseGroup.prototype, "_assignedCollapses", 2);
+PdCollapseGroup = __decorateClass([
+  customElement("pd-collapse-group")
+], PdCollapseGroup);
+export {
+  PdCollapseGroup
+};

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

@@ -0,0 +1,5 @@
+import { Meta, StoryFn } from '@storybook/web-components';
+declare const _default: Meta;
+export default _default;
+export declare const Default: StoryFn;
+//# sourceMappingURL=pd-collapse-group.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"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;AA0BV,eAAO,MAAM,OAAO,SAAoB,CAAC"}

package/dist/types.d.ts

@@ -1,6 +1,4 @@
-/**
- * Typdefinitionen für die PdCollapse Komponente
- */
+import { PdCollapse } from './pd-collapse';
 export interface PdCollapseToggleEventDetail {
     /**
      * Gibt den neuen aktiven Zustand an.
@@ -25,4 +23,5 @@ export interface TabHeader {
     pdIcon?: string;
     otherIcon?: any;
 }
+export type PdCollapseElement = PdCollapse & HTMLElement;
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,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,MAAM,iBAAiB,GAAG,UAAU,GAAG,WAAW,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progressive-development/pd-content",
-  "version": "0.6.6",
+  "version": "0.6.8",
   "description": "Progressive Development content components. ",
   "author": "PD Progressive Development",
   "license": "SEE LICENSE IN LICENSE",
@@ -11,6 +11,7 @@
     ".": "./dist/index.js",
     "./pd-box-view": "./dist/pd-box-view.js",
     "./pd-collapse": "./dist/pd-collapse.js",
+    "./pd-collapse-group": "./dist/pd-collapse-group.js",
     "./pd-edit-content": "./dist/pd-edit-content.js",
     "./pd-more-info": "./dist/pd-more-info.js",
     "./pd-resize-content": "./dist/pd-resize-content.js",