@progressive-development/pd-content 0.5.9 → 0.6.1

package/dist/src/PdMoreInfo.js

@@ -1,77 +0,0 @@
-import { LitElement, css, html } from "lit";
-import { updateWhenLocaleChanges, msg } from "@lit/localize";
-import { PDFontStyles } from "@progressive-development/pd-shared-styles";
-/**
- * @license
- * Copyright (c) 2021 PD Progressive Development UG. All rights reserved.
- */
-class PdMoreInfo extends LitElement {
-  static get styles() {
-    return [
-      PDFontStyles,
-      css`
-      :host {
-        display: block;        
-      }
-
-      p {
-        color: var(--pd-default-font-content-col);
-        font-size: var(--pd-default-font-content-size);        
-      }
-
-      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);        
-      }
-
-      a:hover {
-         color: var(--pd-default-font-link-col-hover);
-       }
-
-    `
-    ];
-  }
-  static get properties() {
-    return {
-      _lessInfo: { type: Boolean }
-    };
-  }
-  constructor() {
-    super();
-    this._lessInfo = true;
-    updateWhenLocaleChanges(this);
-  }
-  render() {
-    if (this._lessInfo) {
-      return html`
-        <p>
-          <slot name="small-view"></slot>
-          <a @click="${this._showMoreInfo}">${msg("Mehr Informationen", { id: "pd.moreInfo.more" })}</a>
-        </p>
-      `;
-    }
-    return html`
-      <p>
-        <slot name="large-view"></slot>
-        <a @click="${this._showLessInfo}">${msg("Text ausblenden", { id: "pd.moreInfo.less" })}</a>
-      </p>
-    `;
-  }
-  _showMoreInfo() {
-    this._lessInfo = false;
-  }
-  _showLessInfo() {
-    this._lessInfo = true;
-    const rect = this.getBoundingClientRect();
-    window.scrollBy({
-      top: rect.top - 150,
-      left: 0,
-      behavior: "smooth"
-    });
-  }
-}
-export {
-  PdMoreInfo
-};

package/dist/src/PdResizeContent.js

@@ -1,67 +0,0 @@
-import { LitElement, css, html } from "lit";
-import { installMediaQueryWatcher } from "pwa-helpers/media-query.js";
-import "@progressive-development/pd-dialog/pd-popup";
-/**
- * @license
- * Copyright (c) 2021 PD Progressive Development UG. All rights reserved.
- */
-class PdResizeContent extends LitElement {
-  /**
-   * Fired when free date clicked => At the moment only for freeDates
-   * @event book-date
-   */
-  /**
-   * Fired when date or ZIP should edited by the user
-   * @event edit-selection
-   */
-  static get styles() {
-    return css`
-      :host {
-        display: block;
-      }
-
-      h3 {
-        color: #084c61;
-        font-family: Oswald;
-      }
-
-      p {
-        color: #084c61;
-      }
-    `;
-  }
-  static get properties() {
-    return {
-      resizeWidth: { type: String },
-      _hideContent: { type: Boolean }
-    };
-  }
-  constructor() {
-    super();
-    this.resizeWidth = "1232px";
-    this._hideContent = false;
-  }
-  firstUpdated() {
-    installMediaQueryWatcher(`(min-width: ${this.resizeWidth})`, (matches) => {
-      if (matches) {
-        this._hideContent = false;
-      } else {
-        this._hideContent = true;
-      }
-    });
-  }
-  render() {
-    if (this._hideContent) {
-      return html`
-        <pd-popup>
-          <div slot="small-view"><slot name="preview-content"></slot></div>
-          <div slot="content"><slot name="resize-content"></slot></div>
-        </pd-popup>
-      `;
-    }
-    return html` <slot name="resize-content"></slot> `;
-  }
-}
-export {
-  PdResizeContent
-};