@ptcwebops/ptcw-design 6.2.19 → 6.2.20-beta

package/dist/cjs/ptc-scroll-button.cjs.entry.js

@@ -1,136 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-63ddc79c.js');
-
-const ptcScrollButtonCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}.scroll-btn{position:absolute;top:50%;transform:translate(0%, -50%);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:0px 4px 4px 0px;background:var(--color-gray-12);box-shadow:var(--ptc-shadow-medium);width:36px;height:36px;padding:var(--ptc-element-spacing-02)}.scroll-btn.left{left:0%}.scroll-btn.right{left:100%;transform:translate(-100%, -50%)}.scroll-btn:focus{outline:none}.scroll-btn[tabIndex=\"0\"]:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.scroll-btn icon-asset{width:20px;height:20px}";
-
-const PtcScrollButton = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    //slider!: HTMLElement;
-    this.startX = 0;
-    this.scrollLeft = 0;
-    this.startDragging = (e) => {
-      this.isMouseDown = true;
-      this.isDragging = false;
-      this.containerCards.forEach((card) => {
-        card.disabled = false;
-      });
-      this.startX = e.pageX;
-      this.scrollLeft = this.scrollContainer.scrollLeft;
-    };
-    this.performDragging = (e) => {
-      if (!this.isMouseDown)
-        return;
-      const x = e.pageX - this.scrollContainer.offsetLeft;
-      const walk = x - this.startX;
-      this.isDragging = Math.abs(walk) > 5;
-      this.scrollContainer.scrollLeft = this.scrollLeft - walk;
-      this.containerCards.forEach((card) => {
-        card.disabled = true;
-      });
-    };
-    this.stopDragging = () => {
-      this.isMouseDown = false;
-      this.containerCards.forEach((card) => {
-        card.disabled = false;
-      });
-    };
-    this.handleScroll = () => {
-      this.updateVisibility();
-    };
-    this.handleClick = () => {
-      if (!this.scrollContainer)
-        return;
-      const scrollValue = this.scrollAmount * (this.direction === 'left' || this.direction === 'up' ? -1 : 1);
-      if (this.orientation === 'horizontal') {
-        console.log('hello, left/right scroll click!');
-        this.scrollContainer.scrollBy({
-          left: scrollValue,
-          behavior: 'smooth',
-        });
-      }
-      else if (this.orientation === 'vertical') {
-        this.scrollContainer.scrollBy({
-          top: scrollValue,
-          behavior: 'smooth',
-        });
-      }
-    };
-    this.direction = undefined;
-    this.scrollContainerClass = undefined;
-    this.scrollAmount = 100;
-    this.orientation = 'horizontal';
-    this.trackerId = undefined;
-    this.styles = undefined;
-    this.isVisible = true;
-    this.isDragging = false;
-    this.isMouseDown = false;
-  }
-  componentWillLoad() {
-    this.scrollContainer = document.querySelector(`.${this.scrollContainerClass}`);
-    if (this.scrollContainer) {
-      this.scrollContainer.classList.add('hide-scrollbar');
-      this.updateVisibility(); // Initial visibility check
-      this.scrollContainer.addEventListener('scroll', this.handleScroll);
-    }
-    else {
-      console.error('scrollContainer ele not found');
-    }
-  }
-  componentDidLoad() {
-    this.containerCards = document.querySelectorAll(`.${this.scrollContainerClass} ptc-card-wrapper`);
-    if (this.scrollContainer) {
-      this.enableDragging();
-    }
-  }
-  disconnectedCallback() {
-    if (this.scrollContainer) {
-      this.scrollContainer.removeEventListener('scroll', this.handleScroll);
-      this.disableDragging();
-    }
-  }
-  async initVisibility() {
-    this.updateVisibility();
-  }
-  enableDragging() {
-    this.scrollContainer.addEventListener('mousedown', this.startDragging);
-    this.scrollContainer.addEventListener('mousemove', this.performDragging);
-    ['mouseup', 'mouseleave'].forEach(event => this.scrollContainer.addEventListener(event, this.stopDragging));
-  }
-  disableDragging() {
-    this.scrollContainer.removeEventListener('mousedown', this.startDragging);
-    this.scrollContainer.removeEventListener('mousemove', this.performDragging);
-    ['mouseup', 'mouseleave'].forEach(event => this.scrollContainer.removeEventListener(event, this.stopDragging));
-  }
-  updateVisibility() {
-    if (!this.scrollContainer)
-      return;
-    const { scrollLeft, scrollTop, scrollWidth, scrollHeight, clientWidth, clientHeight } = this.scrollContainer;
-    if (this.orientation === 'horizontal') {
-      if (this.direction === 'left') {
-        this.isVisible = scrollLeft > 0;
-      }
-      else if (this.direction === 'right') {
-        this.isVisible = scrollLeft + clientWidth + 1 < scrollWidth; // "+1" adjustments after adding margin-right 40px
-        // console.log('scorllLeft: ' + scrollLeft + ", scrollWidth: " + scrollWidth + ", clientWidth: " + clientWidth);
-      }
-    }
-    else if (this.orientation === 'vertical') {
-      if (this.direction === 'up') {
-        this.isVisible = scrollTop > 0;
-      }
-      else if (this.direction === 'down') {
-        this.isVisible = scrollTop + clientHeight < scrollHeight;
-      }
-    }
-  }
-  render() {
-    return (index.h(index.Host, { "is-dragging": this.isDragging }, this.styles && index.h("style", null, this.styles), this.isVisible && (index.h("button", { id: this.trackerId, onClick: this.handleClick, class: `scroll-btn ${this.direction}`, "aria-label": this.direction, tabindex: "0" }, this.direction === 'left' && index.h("icon-asset", { name: "left-scroll-arrow", size: "small", color: "white", type: "ptc", "injected-style": "svg:focus{outline:none;}" }), this.direction === 'right' && index.h("icon-asset", { name: "right-scroll-arrow", size: "small", color: "white", type: "ptc", "injected-style": "svg:focus{outline:none;}" }), this.direction === 'up' && '▲', this.direction === 'down' && '▼'))));
-  }
-};
-PtcScrollButton.style = ptcScrollButtonCss;
-
-exports.ptc_scroll_button = PtcScrollButton;

package/dist/cjs/validation-messages-33a4f26b.js

@@ -1,126 +0,0 @@
-'use strict';
-
-const ValidationMessages = {
-  de: {
-    required: 'Dieses Feld ist erforderlich.',
-    select: 'Bitte wählen Sie einen Wert.',
-    firstname: 'Bitte überprüfen Sie Ihren Vornamen.',
-    lastname: 'Bitte überprüfen Sie Ihren Nachnamen.',
-    validemail: 'Bitte geben Sie eine gültige E-Mail-Adresse ein.',
-    email: 'Bitte geben Sie eine gültige E-Mail-Adresse ein.',
-    companyemail: 'Bitte geben Sie eine Firmen-E-Mail-Adresse ein.',
-    tel: 'Telefonnummer ist erforderlich.',
-    validtel: 'Bitte geben Sie eine gültige Telefonnummer ein.',
-    confirmemail: "E-Mail-Adressen müssen übereinstimmen."
-  },
-  en: {
-    required: 'This field is required.',
-    select: 'Please select a value.',
-    firstname: 'Please check your firstname.',
-    lastname: 'Please check your lastname.',
-    validemail: 'Please enter a valid email.',
-    email: 'Email is required.',
-    companyemail: 'Please enter a company email.',
-    tel: 'Telephone number is required.',
-    validtel: 'Please enter a valid telephone number',
-    confirmemail: 'Email addresses must match.'
-  },
-  fr: {
-    required: 'Ce champ est obligatoire.',
-    select: 'Veuillez sélectionner une valeur.',
-    firstname: 'Veuillez vérifier votre prénom.',
-    lastname: 'Veuillez vérifier votre nom de famille.',
-    validemail: 'Veuillez saisir une adresse e-mail valide.',
-    email: 'Adresse e-mail requise.',
-    companyemail: 'Veuillez saisir une adresse e-mail professionnelle.',
-    tel: 'Numéro de téléphone requis.',
-    validtel: 'Veuillez saisir un numéro de téléphone valide.',
-    confirmemail: 'Les adresses e-mail doivent correspondre.'
-  },
-  ko: {
-    required: '이 필드는 필수입니다.',
-    select: '값을 선택해 주세요.',
-    firstname: '이름을 확인해 주세요.',
-    lastname: '성을 확인해 주세요.',
-    validemail: '유효한 이메일 주소를 입력해 주세요.',
-    email: '이메일 주소가 필요합니다.',
-    companyemail: '회사 이메일을 입력해 주세요.',
-    tel: '전화번호가 필요합니다.',
-    validtel: '유효한 전화번호를 입력해 주세요.',
-    confirmemail: "이메일 주소가 일치해야 합니다"
-  },
-  pt: {
-    required: 'Este campo é obrigatório.',
-    select: 'Por favor, selecione um valor.',
-    firstname: 'Por favor, verifique seu primeiro nome.',
-    lastname: 'Por favor, verifique seu sobrenome.',
-    validemail: 'Por favor, insira um endereço de e-mail válido.',
-    email: 'Endereço de e-mail é obrigatório.',
-    companyemail: 'Por favor, insira um e-mail da empresa.',
-    tel: 'Número de telefone é obrigatório.',
-    validtel: 'Por favor, insira um número de telefone válido.',
-    confirmemail: 'Os endereços de e-mail devem corresponder.'
-  },
-  cn: {
-    required: '此字段为必填项。',
-    select: '请选择一个值。',
-    firstname: '请检查您的名字。',
-    lastname: '请检查您的姓氏。',
-    validemail: '请输入有效的电子邮件地址。',
-    email: '需要电子邮件地址。',
-    companyemail: '请输入公司电子邮件。',
-    tel: '需要电话号码。',
-    validtel: '请输入有效的电话号码。',
-    confirmemail: '电子邮件地址必须匹配。'
-  },
-  tw: {
-    required: '此欄位為必填。',
-    select: '請選擇一個值。',
-    firstname: '請檢查您的名字。',
-    lastname: '請檢查您的姓氏。',
-    validemail: '請輸入有效的電子郵件地址。',
-    email: '需要電子郵件地址。',
-    companyemail: '請輸入公司電子郵件。',
-    tel: '需要電話號碼。',
-    validtel: '請輸入有效的電話號碼。',
-    confirmemail: '電子郵件地址必須匹配。'
-  },
-  ja: {
-    required: 'このフィールドは必須です。',
-    select: '値を選択してください。',
-    firstname: '名前を確認してください。',
-    lastname: '苗字を確認してください。',
-    validemail: '有効なメールアドレスを入力してください。',
-    email: 'メールアドレスが必要です。',
-    companyemail: '会社のメールアドレスを入力してください。',
-    tel: '電話番号が必要です。',
-    validtel: '有効な電話番号を入力してください。',
-    confirmemail: 'メールアドレスが一致する必要があります。'
-  },
-  it: {
-    required: 'Questo campo è obbligatorio.',
-    select: 'Si prega di selezionare un valore.',
-    firstname: 'Si prega di controllare il proprio nome.',
-    lastname: 'Si prega di controllare il proprio cognome.',
-    validemail: 'Si prega di inserire un indirizzo email valido.',
-    email: "L'indirizzo email è richiesto.",
-    companyemail: "Si prega di inserire un'email aziendale.",
-    tel: 'È richiesto un numero di telefono.',
-    validtel: 'Si prega di inserire un numero di telefono valido.',
-    confirmemail: 'Gli indirizzi email devono corrispondere.'
-  },
-  es: {
-    required: 'Por favor introduce un valor.',
-    select: 'Por favor seleccione un valor.',
-    firstname: 'Por favor verifique su nombre.',
-    lastname: 'Por favor verifique su apellido.',
-    validemail: 'Por favor introduzca un correo válido.',
-    email: "Se requiere un correo electrónico.",
-    companyemail: "Por favor introduzca un correo de empresa.",
-    tel: 'Se requiere un número de teléfono.',
-    validtel: 'Por favor introduzca un número de teléfono válido.',
-    confirmemail: 'Los correos electrónicos deben coincidir.'
-  }
-};
-
-exports.ValidationMessages = ValidationMessages;