@ptcwebops/ptcw-design 5.5.8 → 5.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/blog-detail-content_21.cjs.entry.js +6 -3
- package/dist/cjs/ptc-readmore-char.cjs.entry.js +6 -2
- package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.css +97 -0
- package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.js +5 -2
- package/dist/collection/components/ptc-readmore-char/ptc-readmore-char.css +4 -0
- package/dist/collection/components/ptc-readmore-char/ptc-readmore-char.js +5 -1
- package/dist/custom-elements/index.js +12 -5
- package/dist/esm/blog-detail-content_21.entry.js +6 -3
- package/dist/esm/ptc-readmore-char.entry.js +6 -2
- package/dist/ptcw-design/p-172822b1.entry.js +1 -0
- package/dist/ptcw-design/{p-9204e017.entry.js → p-cf9e00b2.entry.js} +1 -1
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/ptcw-design/p-36fefc72.entry.js +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c83db688.js';
|
|
2
2
|
|
|
3
|
-
const ptcReadmoreCharCss = "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}:host .description{display:inline}:host .truncated-label{cursor:pointer;color:var(--color-hyperlink);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);text-decoration-line:underline;line-height:var(--ptc-line-height-densest)}:host .truncated-label::before{content:\"\";padding-left:8px}";
|
|
3
|
+
const ptcReadmoreCharCss = "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}:host .description{display:inline}:host .truncated-label{cursor:pointer;color:var(--color-hyperlink);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);text-decoration-line:underline;line-height:var(--ptc-line-height-densest)}:host .truncated-label::before{content:\"\";padding-left:8px}:host .truncated-label:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}";
|
|
4
4
|
|
|
5
5
|
const PtcReadmoreChar = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -26,7 +26,11 @@ const PtcReadmoreChar = class {
|
|
|
26
26
|
: '';
|
|
27
27
|
const truncatedContent = contentText.length > this.maxCharacters ? contentText.substring(0, this.maxCharacters) + '...' : contentText;
|
|
28
28
|
const label = this.expanded ? this.readLessText : this.readMoreText;
|
|
29
|
-
return (h(Host, null, h("p", { class: "description" }, this.expanded ? (this.description) : (truncatedContent)), contentText.length > this.maxCharacters && (h("label", { class: "truncated-label", onClick: () => this.toggleExpand()
|
|
29
|
+
return (h(Host, null, h("p", { class: "description" }, this.expanded ? (this.description) : (truncatedContent)), contentText.length > this.maxCharacters && (h("label", { class: "truncated-label", onClick: () => this.toggleExpand(), onKeyDown: (e) => {
|
|
30
|
+
if (e.key === 'Enter') {
|
|
31
|
+
this.toggleExpand();
|
|
32
|
+
}
|
|
33
|
+
}, tabIndex: 0 }, label))));
|
|
30
34
|
}
|
|
31
35
|
get el() { return getElement(this); }
|
|
32
36
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as i,H as h,g as s}from"./p-ac75c7ad.js";const a=class{constructor(i){t(this,i),this.readMoreClicked=e(this,"readMoreClicked",7),this.readMoreRendered=e(this,"readMoreRendered",7),this.expanded=!1,this.maxCharacters=100,this.description=void 0,this.readMoreText="Read More",this.readLessText="Read Less"}toggleExpand(){this.expanded=!this.expanded,this.readMoreClicked.emit(this.expanded)}render(){const t=this.description?this.description.trim():"",e=t.length>this.maxCharacters?t.substring(0,this.maxCharacters)+"...":t,s=this.expanded?this.readLessText:this.readMoreText;return i(h,null,i("p",{class:"description"},this.expanded?this.description:e),t.length>this.maxCharacters&&i("label",{class:"truncated-label",onClick:()=>this.toggleExpand(),onKeyDown:t=>{"Enter"===t.key&&this.toggleExpand()},tabIndex:0},s))}get el(){return s(this)}};a.style='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}:host .description{display:inline}:host .truncated-label{cursor:pointer;color:var(--color-hyperlink);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);text-decoration-line:underline;line-height:var(--ptc-line-height-densest)}:host .truncated-label::before{content:"";padding-left:8px}:host .truncated-label:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}';export{a as ptc_readmore_char}
|