npm - @ptcwebops/ptcw-design - Versions diffs - 7.0.7-upgrade → 7.0.9-upgrade - Mend

@ptcwebops/ptcw-design 7.0.7-upgrade → 7.0.9-upgrade

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.

Files changed (1014) hide show

package/dist/esm/ptc-title.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ptc-title.entry.js","sources":["src/components/atoms/ptc-title/ptc-title.scss?tag=ptc-title&encapsulation=scoped","src/components/atoms/ptc-title/ptc-title.tsx"],"sourcesContent":["@use \"mixins\" as ;\r\ndiv {\r\n\t&.center {\r\n\t\ttext-align: center;\r\n\t\t&.dotted {\r\n\t\t\th1,\r\n\t\t\th2,\r\n\t\t\th3,\r\n\t\t\th4,\r\n\t\t\th5,\r\n\t\t\th6 {\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tleft: 50%;\r\n\t\t\t\t\ttransform: translateX(-50%);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.left {\r\n\t\ttext-align: left;\r\n\t\twidth: 100%;\r\n\t\t&.dotted {\r\n\t\t\th1,\r\n\t\t\th2,\r\n\t\t\th3,\r\n\t\t\th4,\r\n\t\t\th5,\r\n\t\t\th6 {\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tleft: 0%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.right {\r\n\t\ttext-align: right;\r\n\t\t&.dotted {\r\n\t\t\th1,\r\n\t\t\th2,\r\n\t\t\th3,\r\n\t\t\th4,\r\n\t\t\th5,\r\n\t\t\th6 {\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tright: 0%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.inherit {\r\n\t\ttext-align: inherit;\r\n\t}\r\n\t&.dotted {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\t&::before {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\t//left: 0;\r\n\t\t\t\ttop: -6px;\r\n\t\t\t\twidth: 30%;\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tborder-top: 3px dashed var(--color-green-07);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.solid {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tpadding-top: 12px;\r\n\t\t\t&::before {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 0.7px;\r\n\t\t\t\tbackground-color: var(--color-gray-03);\r\n\t\t\t\topacity: 0.9;\r\n\t\t\t\tleft: 0px;\r\n\t\t\t\ttop: 0;\r\n\t\t\t}\r\n\t\t\t&::after {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\twidth: 56px;\r\n\t\t\t\theight: 2px;\r\n\t\t\t\tbackground-color: var(--color-green-07);\r\n\t\t\t\ttop: -2px;\r\n\t\t\t\tleft: 0px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t//Standard theme\r\n\t&.is-standard {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tposition: relative;\r\n\t\t}\r\n\t\th1 {\r\n\t\t\tfont-size: var(--ptc-font-size-xxx-large);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t\tletter-spacing: 0px;\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\t@include screen-sm {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xxxx-large);\r\n\t\t\t}\r\n\t\t}\r\n\t\th2 {\r\n\t\t\tfont-size: var(--ptc-font-size-x-large);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\t@include screen-sm {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xx-large);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t//PLM hub theme\r\n\t&.is-plm-hub {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tposition: relative;\r\n\t\t\tmargin-block-start: 0em;\r\n\t\t\tmargin-block-end: 0em;\r\n\t\t\tmargin-inline-start: 0px;\r\n\t\t\tmargin-inline-end: 0px;\r\n\t\t\tcolor: var(--color-white) !important;\r\n\t\t}\r\n\t}\r\n\t//margin\r\n\t&.margin-flush {\r\n\t\tmargin-top: 0;\r\n\t\tmargin-bottom: 0;\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5 {\r\n\t\t\tmargin-top: 0;\r\n\t\t\tmargin-bottom: 0;\r\n\t\t}\r\n\t}\r\n\t&.margin-top-2 {\r\n\t\tmargin-top: var(--ptc-element-spacing-02);\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\t&.margin-top-3 {\r\n\t\tmargin-top: var(--ptc-element-spacing-03);\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\t&.margin-top-4 {\r\n\t\tmargin-top: var(--ptc-element-spacing-04);\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\t&.margin-top-5 {\r\n\t\tmargin-top: var(--ptc-element-spacing-05);\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\t&.margin-top-6 {\r\n\t\tmargin-top: var(--ptc-element-spacing-06);\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\t&.margin-bottom-2 {\r\n\t\tmargin-bottom: var(--ptc-element-spacing-02);\r\n\t\tmargin-top: 0;\r\n\t}\r\n\t&.margin-bottom-3 {\r\n\t\tmargin-bottom: var(--ptc-element-spacing-03);\r\n\t\tmargin-top: 0;\r\n\t}\r\n\t&.margin-bottom-4 {\r\n\t\tmargin-bottom: var(--ptc-element-spacing-04);\r\n\t\tmargin-top: 0;\r\n\t}\r\n\t&.margin-bottom-5 {\r\n\t\tmargin-bottom: var(--ptc-element-spacing-05);\r\n\t\tmargin-top: 0;\r\n\t}\r\n\t&.margin-bottom-6 {\r\n\t\tmargin-bottom: var(--ptc-element-spacing-06);\r\n\t\tmargin-top: 0;\r\n\t}\r\n\t&.margin-2 {\r\n\t\tmargin-top: var(--ptc-element-spacing-02);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-02);\r\n\t}\r\n\t&.margin-3 {\r\n\t\tmargin-top: var(--ptc-element-spacing-03);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-03);\r\n\t}\r\n\t&.margin-4 {\r\n\t\tmargin-top: var(--ptc-element-spacing-04);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-04);\r\n\t}\r\n\t&.margin-5 {\r\n\t\tmargin-top: var(--ptc-element-spacing-05);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-05);\r\n\t\th4 {\r\n\t\t\tmargin-top: 0;\r\n\t\t\tmargin-bottom: 0;\r\n\t\t}\r\n\t}\r\n\t&.margin-6 {\r\n\t\tmargin-top: var(--ptc-element-spacing-06);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-06);\r\n\t}\r\n\t&.margin-9 {\r\n\t\tmargin-top: var(--ptc-element-spacing-09);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-09);\r\n\t}\r\n\t//Text shadow color\r\n\t&.green {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\ttext-shadow: 0px 0px var(--ptc-element-spacing-03)\r\n\t\t\t\tvar(--color-green-07);\r\n\t\t}\r\n\t}\r\n\t&.blue {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\ttext-shadow: 0px 0px var(--ptc-element-spacing-03)\r\n\t\t\t\tvar(--color-blue-07);\r\n\t\t}\r\n\t}\r\n\t&.red {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\ttext-shadow: 0px 0px var(--ptc-element-spacing-03)\r\n\t\t\t\tvar(--color-red-07);\r\n\t\t}\r\n\t}\r\n\t&.orange {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\ttext-shadow: 0px 0px var(--ptc-element-spacing-03)\r\n\t\t\t\tvar(--color-orange-07);\r\n\t\t}\r\n\t}\r\n\t&.slate-grey {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\ttext-shadow: 0px 0px var(--ptc-element-spacing-03)\r\n\t\t\t\tvar(--color-gray-07);\r\n\t\t}\r\n\t}\r\n\t//Title weight\r\n\t&.w-3 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-weight: var(--ptc-font-weight-thin);\r\n\t\t}\r\n\t}\r\n\t&.w-4 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t}\r\n\t}\r\n\t&.w-5 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-weight: var(--ptc-font-weight-medium);\r\n\t\t}\r\n\t}\r\n\t&.w-6 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\t\t}\r\n\t}\r\n\t&.w-7 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t}\r\n\t}\r\n\t&.w-8 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t}\r\n\t}\r\n\t&.w-9 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-weight: var(--ptc-font-weight-black);\r\n\t\t}\r\n\t}\r\n\t//Title Size\r\n\t&.xx-small {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t}\r\n\t}\r\n\t&.x-small {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t}\r\n\t}\r\n\t&.small {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t}\r\n\t}\r\n\t&.medium {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-medium);\r\n\t\t}\r\n\t}\r\n\t&.large {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-large);\r\n\t\t}\r\n\t\th3 {\r\n\t\t\tfont-size: var(--ptc-font-size-medium);\r\n\t\t\t@include screen-sm {\r\n\t\t\t\tfont-size: var(--ptc-font-size-large);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.x-large {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-x-large);\r\n\t\t}\r\n\t}\r\n\r\n\t&.xx-large {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4 {\r\n\t\t\tfont-size: var(--ptc-font-size-x-large);\r\n\t\t\t@include screen-sm {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xx-large);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.xxx-large {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-xx-large);\r\n\t\t\t@include screen-sm {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xxx-large);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.xxxx-large {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-xxx-large);\r\n\t\t\t@include screen-sm {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xxxx-large);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.xx-large-allbp {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-xx-large);\r\n\t\t}\r\n\t}\r\n\t&.xxxx-large-allbp {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-xxxx-large);\r\n\t\t}\r\n\t}\r\n\t&.xxxx-large-desktop {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-xxx-large);\r\n\t\t\t@include screen-md {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xxxx-large);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.xxxx-large-store {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-xxx-large);\r\n\t\t\t@include screen-md {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xxxx-large);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.densest {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t}\r\n\t}\r\n\t&.denser {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tline-height: var(--ptc-line-height-denser);\r\n\t\t}\r\n\t}\r\n\t&.dense {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tline-height: var(--ptc-line-height-dense);\r\n\t\t}\r\n\t}\r\n\t&.normal {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tline-height: var(--ptc-line-height-normal);\r\n\t\t}\r\n\t}\r\n\t&.loose {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tline-height: var(--ptc-line-height-loose);\r\n\t\t}\r\n\t}\r\n\t&.looser {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tline-height: var(--ptc-line-height-looser);\r\n\t\t}\r\n\t}\r\n\t&.paragraph {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tline-height: var(--ptc-line-height-paragraph);\r\n\t\t}\r\n\t}\r\n\r\n\t// Title colors\r\n\t&.black {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tcolor: var(--color-black);\r\n\t\t}\r\n\t}\r\n\t&.white {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tcolor: var(--color-white);\r\n\t\t}\r\n\t}\r\n\t&.gray-1 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tcolor: var(--color-gray-01);\r\n\t\t}\r\n\t}\r\n\t&.gray {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t}\r\n\t}\r\n\t&.gray-darker {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t}\r\n\t}\r\n\t&.ellipsis-boxing {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tdisplay: -webkit-box;\r\n\t\t\t-webkit-line-clamp: 1;\r\n\t\t\t-webkit-box-orient: vertical;\r\n\t\t\toverflow: hidden;\r\n\t\t\ttext-overflow: ellipsis;\r\n\t\t\toverflow-wrap: break-word;\r\n\t\t\tpadding-bottom: 0;\r\n\t\t}\r\n\t}\r\n\t&.block {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.line-clamp-title {\r\n\tdisplay: -webkit-box !important;\r\n\t-webkit-box-orient: vertical;\r\n\toverflow: hidden;\r\n}\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tdiv {\r\n\t\tposition: relative;\r\n\t}\r\n}\r\n","import { Component, Host, h, Prop, Element, State } from \"@stencil/core\";\r\nimport { CssClassMap, StylesMap } from \"../../../utils/interfaces\";\r\nimport { getSeoTagType } from \"../../../utils/utils\";\r\n\r\n@Component({\r\n tag: \"ptc-title\",\r\n styleUrl: \"ptc-title.scss\",\r\n scoped: true,\r\n})\r\nexport class PtcTitle {\r\n @Element() el: HTMLElement;\r\n /\r\n Is this title using on the PLM Hub page\r\n /\r\n @Prop() isPlmHub: boolean = false;\r\n /\r\n Title Tag Type\r\n /\r\n @Prop() type: \"h1\" \| \"h2\" \| \"h3\" \| \"h4\" \| \"h5\" \| \"h6\" = \"h2\";\r\n /\r\n Text Align\r\n /\r\n @Prop() textAlign: \"left\" \| \"center\" \| \"right\" \| \"inherit\";\r\n /\r\n Upperline Style\r\n /\r\n @Prop() upperline: \"dotted\" \| \"solid\" \| \"no-upperline\" = \"dotted\";\r\n /\r\n Title Shadow\r\n /\r\n @Prop() titleShadow: \"blue\" \| \"red\" \| \"green\" \| \"orange\" \| \"slate-grey\";\r\n /\r\n Title color\r\n /\r\n @Prop() titleColor: \"black\" \| \"white\" \| \"gray\" \| \"gray-darker\" \| \"gray-1\" =\r\n \"gray\";\r\n /\r\n Title Margin\r\n /\r\n @Prop() titleMargin?:\r\n \| \"margin-flush\"\r\n \| \"margin-top-3\"\r\n \| \"margin-top-4\"\r\n \| \"margin-top-5\"\r\n \| \"margin-top-6\"\r\n \| \"margin-bottom-3\"\r\n \| \"margin-bottom-4\"\r\n \| \"margin-bottom-5\"\r\n \| \"margin-bottom-6\"\r\n \| \"margin-3\"\r\n \| \"margin-4\"\r\n \| \"margin-5\"\r\n \| \"margin-6\"\r\n \| \"margin-9\";\r\n\r\n /\r\n Title weight\r\n /\r\n @Prop() titleWeight: \"w-3\" \| \"w-4\" \| \"w-5\" \| \"w-6\" \| \"w-7\" \| \"w-8\" \| \"w-9\";\r\n /\r\n Title size\r\n /\r\n @Prop() titleSize:\r\n \| \"xx-small\"\r\n \| \"x-small\"\r\n \| \"small\"\r\n \| \"medium\"\r\n \| \"large\"\r\n \| \"x-large\"\r\n \| \"xx-large\"\r\n \| \"xxx-large\"\r\n \| \"xxxx-large\"\r\n \| \"xxxx-large-allbp\"\r\n \| \"xx-large-allbp\"\r\n \| \"xxxx-large-desktop\"\r\n \| \"xxxx-large-store\";\r\n /\r\n Title line height\r\n /\r\n @Prop() titleHeight:\r\n \| \"densest\"\r\n \| \"denser\"\r\n \| \"dense\"\r\n \| \"normal\"\r\n \| \"loose\"\r\n \| \"looser\"\r\n \| \"paragraph\" = \"densest\";\r\n\r\n @Prop() styles?: string;\r\n /\r\n Line number to cut text off at and add ellipsis\r\n /\r\n @Prop() ellipsisLineCutoff?: number;\r\n\r\n /\r\n Title heading display : To show line above heading full width or title width\r\n /\r\n @Prop() titleDisplay: \"block\" \| \"inline-block\";\r\n\r\n /\r\n (optional) enable support for seo tools that can only view source\r\n /\r\n @Prop() seoCompatibilityMode: boolean = false;\r\n\r\n // Tooltip Properties started\r\n /\r\n index of hover tooltip element\r\n /\r\n @Prop() tooltipZIndex: string = \"auto\";\r\n /\r\n Tooltip position\r\n /\r\n @Prop() tooltipPosition:\r\n \| \"left\"\r\n \| \"right\"\r\n \| \"bottom\"\r\n \| \"bottom-right\"\r\n \| \"top\" = \"bottom\";\r\n /\r\n (optional) Injected CSS Styles\r\n /\r\n @Prop() tooltipTheme: \"standard\" \| \"danger\" = \"standard\";\r\n @Prop() enableTooltip: boolean = false;\r\n @Prop() maxChars: number;\r\n @Prop() maxLines: number;\r\n tooltipText: string;\r\n @Prop() hideTooltipOnMobile: boolean = false;\r\n @State() ismob: boolean;\r\n\r\n /\r\n This will make the width 100% respective to its parent\r\n */\r\n @Prop() tooltipWidth?: \"full-width\" \| \"default\" = \"default\";\r\n // Tooltip Properties ends\r\n\r\n componentDidLoad() {\r\n if (this.hideTooltipOnMobile) {\r\n this.el.classList.add(\"hide-tooltip-on-mobile\");\r\n }\r\n this.el.addEventListener(\"mouseenter\", () =>\r\n this.toggleTitleTooltip(true)\r\n );\r\n this.el.addEventListener(\"mouseleave\", () =>\r\n this.toggleTitleTooltip(false)\r\n );\r\n }\r\n\r\n render() {\r\n if (this.seoCompatibilityMode) {\r\n return this.seoCompRender();\r\n } else {\r\n return this.standardRender();\r\n }\r\n }\r\n\r\n getSortedText(content: string): string \| undefined {\r\n if (!this.enableTooltip) return;\r\n const trimmedContent = content.trim();\r\n const shouldTruncate =\r\n trimmedContent.length > this.maxChars && !this.maxLines;\r\n return shouldTruncate\r\n ? trimmedContent.slice(0, this.maxChars) + \"...\"\r\n : trimmedContent;\r\n }\r\n\r\n toggleTitleTooltip(show: boolean) {\r\n const tooltipClass = \"tooltip-box\";\r\n const existingTooltip = this.el.querySelector(`.${tooltipClass}`);\r\n const text = this.el.querySelectorAll(\".line-clamp-title\");\r\n let maxLinesShowCheck: boolean = false;\r\n if (text) {\r\n text.forEach((t) => {\r\n maxLinesShowCheck = t.scrollHeight > t.clientHeight;\r\n });\r\n }\r\n const ifCharExceeds =\r\n this.tooltipText &&\r\n this.tooltipText.length > this.maxChars &&\r\n !this.maxLines;\r\n const ifLinesExceeds = this.maxLines && maxLinesShowCheck;\r\n if (show && this.enableTooltip) {\r\n if (\r\n (!existingTooltip && ifCharExceeds) \|\|\r\n (!existingTooltip && ifLinesExceeds)\r\n ) {\r\n const tooltipMarkup = document.createElement(\"div\");\r\n tooltipMarkup.className = tooltipClass;\r\n tooltipMarkup.innerText = this.tooltipText;\r\n tooltipMarkup.style.zIndex = String(this.tooltipZIndex); // Ensures zIndex is a string\r\n tooltipMarkup.classList.add(\r\n this.tooltipPosition,\r\n this.tooltipTheme,\r\n this.tooltipWidth\r\n );\r\n if (this.hideTooltipOnMobile) {\r\n tooltipMarkup.classList.add(\"hide-tooltip-mobile\");\r\n }\r\n this.el.querySelector(\"div\")?.appendChild(tooltipMarkup);\r\n }\r\n } else {\r\n existingTooltip?.remove();\r\n }\r\n }\r\n\r\n seoCompRender() {\r\n const classMap = this.getCssClassMap();\r\n const cutOff = this.getLineCuttoff();\r\n\r\n const [TagType, firstChild] = getSeoTagType(this.el, this.type);\r\n let html = firstChild && firstChild.innerHTML;\r\n\r\n // added for tooltip\r\n this.tooltipText = html.trim();\r\n let eleText = firstChild && firstChild.innerText;\r\n html = this.enableTooltip ? this.getSortedText(eleText) : html;\r\n\r\n if (this.el == firstChild) {\r\n this.el.innerHTML = \"\";\r\n }\r\n return (\r\n <Host>\r\n {this.styles && <style>{this.styles}</style>}\r\n <div class={classMap}>\r\n <TagType\r\n innerHTML={html}\r\n style={cutOff}\r\n class={\r\n this.maxLines && this.maxLines > 0\r\n ? \"line-clamp-title\"\r\n : \"\"\r\n }\r\n ></TagType>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n\r\n standardRender() {\r\n const classMap = this.getCssClassMap();\r\n const cutOff = this.getLineCuttoff();\r\n\r\n let TagType: string;\r\n switch (this.type) {\r\n case \"h1\":\r\n TagType = \"h1\";\r\n break;\r\n case \"h3\":\r\n TagType = \"h3\";\r\n break;\r\n case \"h4\":\r\n TagType = \"h4\";\r\n break;\r\n case \"h5\":\r\n TagType = \"h5\";\r\n break;\r\n case \"h6\":\r\n TagType = \"h6\";\r\n break;\r\n default:\r\n TagType = \"h2\";\r\n }\r\n return (\r\n <Host>\r\n {this.styles && <style>{this.styles}</style>}\r\n <div class={classMap}>\r\n <TagType style={cutOff}>\r\n <slot></slot>\r\n </TagType>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n\r\n private getCssClassMap(): CssClassMap {\r\n return {\r\n [this.textAlign]: !!this.textAlign ? true : false,\r\n [this.upperline]: true,\r\n [this.isPlmHub ? \"is-plm-hub\" : \"is-standard\"]: true,\r\n [this.titleMargin]: !!this.titleMargin ? true : false,\r\n [this.titleShadow]: !!this.titleShadow ? true : false,\r\n [this.titleWeight]: !!this.titleWeight ? true : false,\r\n [this.titleSize]: !!this.titleSize ? true : false,\r\n [this.titleHeight]: !!this.titleHeight ? true : false,\r\n [this.titleColor]: !!this.titleColor ? true : false,\r\n [\"ellipsis-boxing\"]:\r\n this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,\r\n [this.titleDisplay]: !!this.titleDisplay ? true : false,\r\n };\r\n }\r\n\r\n private getLineCuttoff(): StylesMap {\r\n const lineClamp =\r\n this.ellipsisLineCutoff > 0\r\n ? this.ellipsisLineCutoff\r\n : this.maxLines;\r\n return lineClamp > 0 ? { \"-webkit-line-clamp\": `${lineClamp}` } : {};\r\n }\r\n}\r\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ptc-title.entry.js","sources":["src/components/atoms/ptc-title/ptc-title.scss?tag=ptc-title&encapsulation=scoped","src/components/atoms/ptc-title/ptc-title.tsx"],"sourcesContent":["@use \"mixins\" as ;\r\ndiv {\r\n\t&.center {\r\n\t\ttext-align: center;\r\n\t\t&.dotted {\r\n\t\t\th1,\r\n\t\t\th2,\r\n\t\t\th3,\r\n\t\t\th4,\r\n\t\t\th5,\r\n\t\t\th6 {\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tleft: 50%;\r\n\t\t\t\t\ttransform: translateX(-50%);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.left {\r\n\t\ttext-align: left;\r\n\t\twidth: 100%;\r\n\t\t&.dotted {\r\n\t\t\th1,\r\n\t\t\th2,\r\n\t\t\th3,\r\n\t\t\th4,\r\n\t\t\th5,\r\n\t\t\th6 {\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tleft: 0%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.right {\r\n\t\ttext-align: right;\r\n\t\t&.dotted {\r\n\t\t\th1,\r\n\t\t\th2,\r\n\t\t\th3,\r\n\t\t\th4,\r\n\t\t\th5,\r\n\t\t\th6 {\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tright: 0%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.inherit {\r\n\t\ttext-align: inherit;\r\n\t}\r\n\t&.dotted {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\t&::before {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\t//left: 0;\r\n\t\t\t\ttop: -6px;\r\n\t\t\t\twidth: 30%;\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tborder-top: 3px dashed var(--color-green-07);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.solid {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tpadding-top: 12px;\r\n\t\t\t&::before {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 0.7px;\r\n\t\t\t\tbackground-color: var(--color-gray-03);\r\n\t\t\t\topacity: 0.9;\r\n\t\t\t\tleft: 0px;\r\n\t\t\t\ttop: 0;\r\n\t\t\t}\r\n\t\t\t&::after {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\twidth: 56px;\r\n\t\t\t\theight: 2px;\r\n\t\t\t\tbackground-color: var(--color-green-07);\r\n\t\t\t\ttop: -2px;\r\n\t\t\t\tleft: 0px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t//Standard theme\r\n\t&.is-standard {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tposition: relative;\r\n\t\t}\r\n\t\th1 {\r\n\t\t\tfont-size: var(--ptc-font-size-xxx-large);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t\tletter-spacing: 0px;\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\t@include screen-sm {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xxxx-large);\r\n\t\t\t}\r\n\t\t}\r\n\t\th2 {\r\n\t\t\tfont-size: var(--ptc-font-size-x-large);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t\t@include screen-sm {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xx-large);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t//PLM hub theme\r\n\t&.is-plm-hub {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tposition: relative;\r\n\t\t\tmargin-block-start: 0em;\r\n\t\t\tmargin-block-end: 0em;\r\n\t\t\tmargin-inline-start: 0px;\r\n\t\t\tmargin-inline-end: 0px;\r\n\t\t\tcolor: var(--color-white) !important;\r\n\t\t}\r\n\t}\r\n\t//margin\r\n\t&.margin-flush {\r\n\t\tmargin-top: 0;\r\n\t\tmargin-bottom: 0;\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5 {\r\n\t\t\tmargin-top: 0;\r\n\t\t\tmargin-bottom: 0;\r\n\t\t}\r\n\t}\r\n\t&.margin-top-2 {\r\n\t\tmargin-top: var(--ptc-element-spacing-02);\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\t&.margin-top-3 {\r\n\t\tmargin-top: var(--ptc-element-spacing-03);\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\t&.margin-top-4 {\r\n\t\tmargin-top: var(--ptc-element-spacing-04);\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\t&.margin-top-5 {\r\n\t\tmargin-top: var(--ptc-element-spacing-05);\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\t&.margin-top-6 {\r\n\t\tmargin-top: var(--ptc-element-spacing-06);\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\t&.margin-bottom-2 {\r\n\t\tmargin-bottom: var(--ptc-element-spacing-02);\r\n\t\tmargin-top: 0;\r\n\t}\r\n\t&.margin-bottom-3 {\r\n\t\tmargin-bottom: var(--ptc-element-spacing-03);\r\n\t\tmargin-top: 0;\r\n\t}\r\n\t&.margin-bottom-4 {\r\n\t\tmargin-bottom: var(--ptc-element-spacing-04);\r\n\t\tmargin-top: 0;\r\n\t}\r\n\t&.margin-bottom-5 {\r\n\t\tmargin-bottom: var(--ptc-element-spacing-05);\r\n\t\tmargin-top: 0;\r\n\t}\r\n\t&.margin-bottom-6 {\r\n\t\tmargin-bottom: var(--ptc-element-spacing-06);\r\n\t\tmargin-top: 0;\r\n\t}\r\n\t&.margin-2 {\r\n\t\tmargin-top: var(--ptc-element-spacing-02);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-02);\r\n\t}\r\n\t&.margin-3 {\r\n\t\tmargin-top: var(--ptc-element-spacing-03);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-03);\r\n\t}\r\n\t&.margin-4 {\r\n\t\tmargin-top: var(--ptc-element-spacing-04);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-04);\r\n\t}\r\n\t&.margin-5 {\r\n\t\tmargin-top: var(--ptc-element-spacing-05);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-05);\r\n\t\th4 {\r\n\t\t\tmargin-top: 0;\r\n\t\t\tmargin-bottom: 0;\r\n\t\t}\r\n\t}\r\n\t&.margin-6 {\r\n\t\tmargin-top: var(--ptc-element-spacing-06);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-06);\r\n\t}\r\n\t&.margin-9 {\r\n\t\tmargin-top: var(--ptc-element-spacing-09);\r\n\t\tmargin-bottom: var(--ptc-element-spacing-09);\r\n\t}\r\n\t//Text shadow color\r\n\t&.green {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\ttext-shadow: 0px 0px var(--ptc-element-spacing-03)\r\n\t\t\t\tvar(--color-green-07);\r\n\t\t}\r\n\t}\r\n\t&.blue {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\ttext-shadow: 0px 0px var(--ptc-element-spacing-03)\r\n\t\t\t\tvar(--color-blue-07);\r\n\t\t}\r\n\t}\r\n\t&.red {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\ttext-shadow: 0px 0px var(--ptc-element-spacing-03)\r\n\t\t\t\tvar(--color-red-07);\r\n\t\t}\r\n\t}\r\n\t&.orange {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\ttext-shadow: 0px 0px var(--ptc-element-spacing-03)\r\n\t\t\t\tvar(--color-orange-07);\r\n\t\t}\r\n\t}\r\n\t&.slate-grey {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\ttext-shadow: 0px 0px var(--ptc-element-spacing-03)\r\n\t\t\t\tvar(--color-gray-07);\r\n\t\t}\r\n\t}\r\n\t//Title weight\r\n\t&.w-3 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-weight: var(--ptc-font-weight-thin);\r\n\t\t}\r\n\t}\r\n\t&.w-4 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-weight: var(--ptc-font-weight-regular);\r\n\t\t}\r\n\t}\r\n\t&.w-5 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-weight: var(--ptc-font-weight-medium);\r\n\t\t}\r\n\t}\r\n\t&.w-6 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\t\t}\r\n\t}\r\n\t&.w-7 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t}\r\n\t}\r\n\t&.w-8 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t}\r\n\t}\r\n\t&.w-9 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-weight: var(--ptc-font-weight-black);\r\n\t\t}\r\n\t}\r\n\t//Title Size\r\n\t&.xx-small {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t}\r\n\t}\r\n\t&.x-small {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t}\r\n\t}\r\n\t&.small {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t}\r\n\t}\r\n\t&.medium {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-medium);\r\n\t\t}\r\n\t}\r\n\t&.large {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-large);\r\n\t\t}\r\n\t\th3 {\r\n\t\t\tfont-size: var(--ptc-font-size-medium);\r\n\t\t\t@include screen-sm {\r\n\t\t\t\tfont-size: var(--ptc-font-size-large);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.x-large {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-x-large);\r\n\t\t}\r\n\t}\r\n\r\n\t&.xx-large {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4 {\r\n\t\t\tfont-size: var(--ptc-font-size-x-large);\r\n\t\t\t@include screen-sm {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xx-large);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.xxx-large {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-xx-large);\r\n\t\t\t@include screen-sm {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xxx-large);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.xxxx-large {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-xxx-large);\r\n\t\t\t@include screen-sm {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xxxx-large);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.xx-large-allbp {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-xx-large);\r\n\t\t}\r\n\t}\r\n\t&.xxxx-large-allbp {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-xxxx-large);\r\n\t\t}\r\n\t}\r\n\t&.xxxx-large-desktop {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-xxx-large);\r\n\t\t\t@include screen-md {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xxxx-large);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.xxxx-large-store {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: var(--ptc-font-size-xxx-large);\r\n\t\t\t@include screen-md {\r\n\t\t\t\tfont-size: var(--ptc-font-size-xxxx-large);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.densest {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t}\r\n\t}\r\n\t&.denser {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tline-height: var(--ptc-line-height-denser);\r\n\t\t}\r\n\t}\r\n\t&.dense {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tline-height: var(--ptc-line-height-dense);\r\n\t\t}\r\n\t}\r\n\t&.normal {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tline-height: var(--ptc-line-height-normal);\r\n\t\t}\r\n\t}\r\n\t&.loose {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tline-height: var(--ptc-line-height-loose);\r\n\t\t}\r\n\t}\r\n\t&.looser {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tline-height: var(--ptc-line-height-looser);\r\n\t\t}\r\n\t}\r\n\t&.paragraph {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tline-height: var(--ptc-line-height-paragraph);\r\n\t\t}\r\n\t}\r\n\r\n\t// Title colors\r\n\t&.black {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tcolor: var(--color-black);\r\n\t\t}\r\n\t}\r\n\t&.white {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tcolor: var(--color-white);\r\n\t\t}\r\n\t}\r\n\t&.gray-1 {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tcolor: var(--color-gray-01);\r\n\t\t}\r\n\t}\r\n\t&.gray {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tcolor: var(--color-gray-10);\r\n\t\t}\r\n\t}\r\n\t&.gray-darker {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tcolor: var(--color-gray-11);\r\n\t\t}\r\n\t}\r\n\t&.ellipsis-boxing {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tdisplay: -webkit-box;\r\n\t\t\t-webkit-line-clamp: 1;\r\n\t\t\t-webkit-box-orient: vertical;\r\n\t\t\toverflow: hidden;\r\n\t\t\ttext-overflow: ellipsis;\r\n\t\t\toverflow-wrap: break-word;\r\n\t\t\tpadding-bottom: 0;\r\n\t\t}\r\n\t}\r\n\t&.block {\r\n\t\th1,\r\n\t\th2,\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.line-clamp-title {\r\n\tdisplay: -webkit-box !important;\r\n\t-webkit-box-orient: vertical;\r\n\toverflow: hidden;\r\n}\r\n\r\n:host {\r\n\tdisplay: block;\r\n\tdiv {\r\n\t\tposition: relative;\r\n\t}\r\n}\r\n","import { Component, Host, h, Prop, Element, State } from \"@stencil/core\";\r\nimport { CssClassMap, StylesMap } from \"../../../utils/interfaces\";\r\nimport { getSeoTagType } from \"../../../utils/utils\";\r\n\r\n@Component({\r\n tag: \"ptc-title\",\r\n styleUrl: \"ptc-title.scss\",\r\n scoped: true,\r\n})\r\nexport class PtcTitle {\r\n @Element() el: HTMLElement;\r\n /\r\n Is this title using on the PLM Hub page\r\n /\r\n @Prop() isPlmHub: boolean = false;\r\n /\r\n Title Tag Type\r\n /\r\n @Prop() type: \"h1\" \| \"h2\" \| \"h3\" \| \"h4\" \| \"h5\" \| \"h6\" = \"h2\";\r\n /\r\n Text Align\r\n /\r\n @Prop() textAlign: \"left\" \| \"center\" \| \"right\" \| \"inherit\";\r\n /\r\n Upperline Style\r\n /\r\n @Prop() upperline: \"dotted\" \| \"solid\" \| \"no-upperline\" = \"dotted\";\r\n /\r\n Title Shadow\r\n /\r\n @Prop() titleShadow: \"blue\" \| \"red\" \| \"green\" \| \"orange\" \| \"slate-grey\";\r\n /\r\n Title color\r\n /\r\n @Prop() titleColor: \"black\" \| \"white\" \| \"gray\" \| \"gray-darker\" \| \"gray-1\" =\r\n \"gray\";\r\n /\r\n Title Margin\r\n /\r\n @Prop() titleMargin?:\r\n \| \"margin-flush\"\r\n \| \"margin-top-3\"\r\n \| \"margin-top-4\"\r\n \| \"margin-top-5\"\r\n \| \"margin-top-6\"\r\n \| \"margin-bottom-3\"\r\n \| \"margin-bottom-4\"\r\n \| \"margin-bottom-5\"\r\n \| \"margin-bottom-6\"\r\n \| \"margin-3\"\r\n \| \"margin-4\"\r\n \| \"margin-5\"\r\n \| \"margin-6\"\r\n \| \"margin-9\";\r\n\r\n /\r\n Title weight\r\n /\r\n @Prop() titleWeight: \"w-3\" \| \"w-4\" \| \"w-5\" \| \"w-6\" \| \"w-7\" \| \"w-8\" \| \"w-9\";\r\n /\r\n Title size\r\n /\r\n @Prop() titleSize:\r\n \| \"xx-small\"\r\n \| \"x-small\"\r\n \| \"small\"\r\n \| \"medium\"\r\n \| \"large\"\r\n \| \"x-large\"\r\n \| \"xx-large\"\r\n \| \"xxx-large\"\r\n \| \"xxxx-large\"\r\n \| \"xxxx-large-allbp\"\r\n \| \"xx-large-allbp\"\r\n \| \"xxxx-large-desktop\"\r\n \| \"xxxx-large-store\";\r\n /\r\n Title line height\r\n /\r\n @Prop() titleHeight:\r\n \| \"densest\"\r\n \| \"denser\"\r\n \| \"dense\"\r\n \| \"normal\"\r\n \| \"loose\"\r\n \| \"looser\"\r\n \| \"paragraph\" = \"densest\";\r\n\r\n @Prop() styles?: string;\r\n /\r\n Line number to cut text off at and add ellipsis\r\n /\r\n @Prop() ellipsisLineCutoff?: number;\r\n\r\n /\r\n Title heading display : To show line above heading full width or title width\r\n /\r\n @Prop() titleDisplay: \"block\" \| \"inline-block\";\r\n\r\n /\r\n (optional) enable support for seo tools that can only view source\r\n /\r\n @Prop() seoCompatibilityMode: boolean = false;\r\n\r\n // Tooltip Properties started\r\n /\r\n index of hover tooltip element\r\n /\r\n @Prop() tooltipZIndex: string = \"auto\";\r\n /\r\n Tooltip position\r\n /\r\n @Prop() tooltipPosition:\r\n \| \"left\"\r\n \| \"right\"\r\n \| \"bottom\"\r\n \| \"bottom-right\"\r\n \| \"top\" = \"bottom\";\r\n /\r\n (optional) Injected CSS Styles\r\n /\r\n @Prop() tooltipTheme: \"standard\" \| \"danger\" = \"standard\";\r\n @Prop() enableTooltip: boolean = false;\r\n @Prop() maxChars: number;\r\n @Prop() maxLines: number;\r\n tooltipText: string;\r\n @Prop() hideTooltipOnMobile: boolean = false;\r\n @State() ismob: boolean;\r\n\r\n /\r\n This will make the width 100% respective to its parent\r\n */\r\n @Prop() tooltipWidth?: \"full-width\" \| \"default\" = \"default\";\r\n // Tooltip Properties ends\r\n\r\n componentDidLoad() {\r\n if (this.hideTooltipOnMobile) {\r\n this.el.classList.add(\"hide-tooltip-on-mobile\");\r\n }\r\n this.el.addEventListener(\"mouseenter\", () =>\r\n this.toggleTitleTooltip(true)\r\n );\r\n this.el.addEventListener(\"mouseleave\", () =>\r\n this.toggleTitleTooltip(false)\r\n );\r\n }\r\n\r\n render() {\r\n if (this.seoCompatibilityMode) {\r\n return this.seoCompRender();\r\n } else {\r\n return this.standardRender();\r\n }\r\n }\r\n\r\n getSortedText(content: string): string \| undefined {\r\n if (!this.enableTooltip) return;\r\n const trimmedContent = content.trim();\r\n const shouldTruncate =\r\n trimmedContent.length > this.maxChars && !this.maxLines;\r\n return shouldTruncate\r\n ? trimmedContent.slice(0, this.maxChars) + \"...\"\r\n : trimmedContent;\r\n }\r\n\r\n toggleTitleTooltip(show: boolean) {\r\n const tooltipClass = \"tooltip-box\";\r\n const existingTooltip = this.el.querySelector(`.${tooltipClass}`);\r\n const text = this.el.querySelectorAll(\".line-clamp-title\");\r\n let maxLinesShowCheck: boolean = false;\r\n if (text) {\r\n text.forEach((t) => {\r\n maxLinesShowCheck = t.scrollHeight > t.clientHeight;\r\n });\r\n }\r\n const ifCharExceeds =\r\n this.tooltipText &&\r\n this.tooltipText.length > this.maxChars &&\r\n !this.maxLines;\r\n const ifLinesExceeds = this.maxLines && maxLinesShowCheck;\r\n if (show && this.enableTooltip) {\r\n if (\r\n (!existingTooltip && ifCharExceeds) \|\|\r\n (!existingTooltip && ifLinesExceeds)\r\n ) {\r\n const tooltipMarkup = document.createElement(\"div\");\r\n tooltipMarkup.className = tooltipClass;\r\n tooltipMarkup.innerText = this.tooltipText;\r\n tooltipMarkup.style.zIndex = String(this.tooltipZIndex); // Ensures zIndex is a string\r\n tooltipMarkup.classList.add(\r\n this.tooltipPosition,\r\n this.tooltipTheme,\r\n this.tooltipWidth\r\n );\r\n if (this.hideTooltipOnMobile) {\r\n tooltipMarkup.classList.add(\"hide-tooltip-mobile\");\r\n }\r\n this.el.querySelector(\"div\")?.appendChild(tooltipMarkup);\r\n }\r\n } else {\r\n existingTooltip?.remove();\r\n }\r\n }\r\n\r\n seoCompRender() {\r\n const classMap = this.getCssClassMap();\r\n const cutOff = this.getLineCuttoff();\r\n\r\n const [TagType, firstChild] = getSeoTagType(this.el, this.type);\r\n let html = firstChild && firstChild.innerHTML;\r\n\r\n // added for tooltip\r\n this.tooltipText = html.trim();\r\n let eleText = firstChild && firstChild.innerText;\r\n html = this.enableTooltip ? this.getSortedText(eleText) : html;\r\n\r\n if (this.el == firstChild) {\r\n this.el.innerHTML = \"\";\r\n }\r\n return (\r\n <Host style={{ textAlign: this.textAlign == 'center' ? 'center' : '' }}>\r\n {this.styles && <style>{this.styles}</style>}\r\n <div class={classMap}>\r\n <TagType\r\n innerHTML={html}\r\n style={cutOff}\r\n class={\r\n this.maxLines && this.maxLines > 0\r\n ? \"line-clamp-title\"\r\n : \"\"\r\n }\r\n ></TagType>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n\r\n standardRender() {\r\n const classMap = this.getCssClassMap();\r\n const cutOff = this.getLineCuttoff();\r\n\r\n let TagType: string;\r\n switch (this.type) {\r\n case \"h1\":\r\n TagType = \"h1\";\r\n break;\r\n case \"h3\":\r\n TagType = \"h3\";\r\n break;\r\n case \"h4\":\r\n TagType = \"h4\";\r\n break;\r\n case \"h5\":\r\n TagType = \"h5\";\r\n break;\r\n case \"h6\":\r\n TagType = \"h6\";\r\n break;\r\n default:\r\n TagType = \"h2\";\r\n }\r\n return (\r\n <Host>\r\n {this.styles && <style>{this.styles}</style>}\r\n <div class={classMap}>\r\n <TagType style={cutOff}>\r\n <slot></slot>\r\n </TagType>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n\r\n private getCssClassMap(): CssClassMap {\r\n return {\r\n [this.textAlign]: !!this.textAlign ? true : false,\r\n [this.upperline]: true,\r\n [this.isPlmHub ? \"is-plm-hub\" : \"is-standard\"]: true,\r\n [this.titleMargin]: !!this.titleMargin ? true : false,\r\n [this.titleShadow]: !!this.titleShadow ? true : false,\r\n [this.titleWeight]: !!this.titleWeight ? true : false,\r\n [this.titleSize]: !!this.titleSize ? true : false,\r\n [this.titleHeight]: !!this.titleHeight ? true : false,\r\n [this.titleColor]: !!this.titleColor ? true : false,\r\n [\"ellipsis-boxing\"]:\r\n this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,\r\n [this.titleDisplay]: !!this.titleDisplay ? true : false,\r\n };\r\n }\r\n\r\n private getLineCuttoff(): StylesMap {\r\n const lineClamp =\r\n this.ellipsisLineCutoff > 0\r\n ? this.ellipsisLineCutoff\r\n : this.maxLines;\r\n return lineClamp > 0 ? { \"-webkit-line-clamp\": `${lineClamp}` } : {};\r\n }\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/esm/ptc-tooltip-v2.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, a as getElement, h, H as Host } from './index-B8DAwq6t.js';
+import { r as registerInstance, a as getElement, h, H as Host } from './index-C5r_YvLZ.js';
 const ptcTooltipV2Css = ":host(.block){display:block}:host(.inline-block){display:inline-block}:host(.inline){display:inline}.tooltip-container{display:inherit;position:relative}.tooltip-text{width:100%}.description{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.tooltip-content{display:none;position:absolute;padding:8px;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);background:var(--color-gray-09);box-shadow:0px 2px 4px rgba(0, 0, 0, 0.3);border:none;border-radius:2px;width:auto;height:-moz-fit-content;height:fit-content;text-align:left;text-shadow:none;white-space:normal}@media only screen and (min-width: 480px){.tooltip-content{width:273px}}.tooltip-content::after{content:\" \";position:absolute;top:1px;left:50%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip-content.bottom{transform:translate(50%, 12px)}.tooltip-content.top::after{top:auto;bottom:0;left:50%;transform:translate(-50%, 100%);border-top:8px solid var(--color-gray-09);border-bottom:unset}.tooltip-content.top{transform:translate(-50%, 0%);top:-70%;left:50%}.tooltip-content.left::after{left:5%}.tooltip-content.left{transform:translate(95%, 12px)}.tooltip-content.right{bottom:-12px;transform:translateY(100%);right:0px}.tooltip-container.with-tip:hover .tooltip-content{display:block}@media (max-width: 767px){.hide-on-mobile .tooltip-content{display:none !important}}";

package/dist/esm/ptc-tooltip.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, a as getElement, h, H as Host } from './index-B8DAwq6t.js';
+import { r as registerInstance, a as getElement, h, H as Host } from './index-C5r_YvLZ.js';
 const ptcTooltipCss = ".sc-ptc-tooltip-h{position:relative}.inline.sc-ptc-tooltip-h{display:inline}.inline.sc-ptc-tooltip-h .text-content.sc-ptc-tooltip{display:inline}.block.sc-ptc-tooltip-h{display:block}.text-ellipsis.sc-ptc-tooltip{position:relative;display:inline}.text-ellipsis.sc-ptc-tooltip:not(.truncated){z-index:auto !important}.z-auto.sc-ptc-tooltip{z-index:auto}.z-1.sc-ptc-tooltip{z-index:1}.z-2.sc-ptc-tooltip{z-index:2}.z-3.sc-ptc-tooltip{z-index:3}.z-999.sc-ptc-tooltip{z-index:999}.tooltip.sc-ptc-tooltip{position:absolute;padding:8px;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);background:var(--color-gray-09);box-shadow:0px 2px 4px rgba(0, 0, 0, 0.3);border:none;border-radius:2px;width:auto;height:auto;visibility:hidden;text-align:left;text-shadow:none;white-space:normal}.tooltip.sc-ptc-tooltip span.sc-ptc-tooltip{word-break:initial}@media only screen and (min-width: 480px){.tooltip.sc-ptc-tooltip{width:273px}}.tooltip.danger.sc-ptc-tooltip{color:var(--color-red-07);font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-p);border:2px solid var(--color-red-07);border-radius:var(--ptc-border-radius-standard);background-color:var(--color-white);padding:var(--ptc-element-spacing-06)}.tooltip.danger.sc-ptc-tooltip a.sc-ptc-tooltip{color:var(--color-hyperlink)}.tooltip.bottom.sc-ptc-tooltip{bottom:-12px;transform:translateY(100%)}.tooltip.bottom.sc-ptc-tooltip::after{top:1px;left:50%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.left.sc-ptc-tooltip{bottom:-12px;transform:translate(-80%, 100%)}.tooltip.left.sc-ptc-tooltip::after{top:1px;right:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.right.sc-ptc-tooltip{bottom:-12px;transform:translateY(100%);right:0px}@-moz-document url-prefix(){.tooltip.right{right:unset !important;bottom:unset !important;transform:translate(60%, 8px) !important}@media screen and (min-width: 992px){.tooltip.right{transform:translate(100%, 8px) !important}}}.tooltip.right.sc-ptc-tooltip::after{top:1px;left:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.top.sc-ptc-tooltip{top:-8px;transform:translateY(-100%)}.tooltip.top.sc-ptc-tooltip::after{left:50%;bottom:1px;transform:translate(-50%, 100%);border:8px solid transparent;border-top:8px solid var(--color-gray-09)}.tooltip.bottom-right.sc-ptc-tooltip{bottom:-12px;transform:translate(-60%, 100%)}.tooltip.bottom-right.sc-ptc-tooltip::after{top:1px;left:75%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.danger.sc-ptc-tooltip::after{top:0;border-bottom:8px solid var(--color-red-07)}.tooltip.side-left.sc-ptc-tooltip{bottom:12px;transform:translateX(-112%)}@media only screen and (min-width: 768px){.tooltip.side-left.sc-ptc-tooltip{bottom:4px}}.tooltip.side-left.sc-ptc-tooltip::after{top:50%;right:-15px;transform:translateY(-50%);border:8px solid transparent;border-left:8px solid var(--color-gray-09)}.truncated.sc-ptc-tooltip{cursor:help}.truncated.sc-ptc-tooltip:hover+.tooltip.sc-ptc-tooltip{visibility:visible;z-index:9999}.wrapper-content.sc-ptc-tooltip{display:inline-block;position:relative}.wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{width:auto;min-width:72px;max-width:273px}.wrapper-content.sc-ptc-tooltip .slot-content.sc-ptc-tooltip:hover+.tooltip.sc-ptc-tooltip{visibility:visible;z-index:9999}.tooltip.sc-ptc-tooltip::after{content:\"\";position:absolute}.ellipsis-by-line-boxing.sc-ptc-tooltip{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;padding-bottom:0}.full-width.sc-ptc-tooltip-h .tooltip.sc-ptc-tooltip{width:100%}@media only screen and (min-width: 480px){.full-width.sc-ptc-tooltip-h .tooltip.sc-ptc-tooltip{width:100%}}.no-overflow.sc-ptc-tooltip-h .tooltip.sc-ptc-tooltip{display:none !important}.no-overflow.sc-ptc-tooltip-h .truncated.sc-ptc-tooltip.sc-ptc-tooltip{cursor:pointer}";

package/dist/esm/ptc-two-column-media.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-B8DAwq6t.js';
+import { r as registerInstance, h, H as Host } from './index-C5r_YvLZ.js';
 const ptcTwoColumnMediaCss = ":host{display:block;padding:var(--ptc-layout-spacing-02) 0}@media only screen and (min-width: 992px){:host{padding:var(--ptc-layout-spacing-04) 0}}";

package/dist/esm/ptc-value-led-card.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-B8DAwq6t.js';
+import { r as registerInstance, h, H as Host } from './index-C5r_YvLZ.js';
 const ptcValueLedCardCss = ":host{display:block;padding:32px;border-radius:var(--ptc-border-radius-standard);border:1px solid var(--color-gray-02);margin-bottom:var(--ptc-element-spacing-04)}@media only screen and (min-width: 768px){:host{display:inline-flex;align-items:flex-start;gap:var(--ptc-layout-spacing-03)}}:host ptc-picture{max-width:200px;min-width:150px;margin-bottom:var(--ptc-element-spacing-06)}@media only screen and (min-width: 480px){:host ptc-picture{min-width:200px}}@media only screen and (min-width: 768px){:host ptc-picture{margin-bottom:0}}:host .card-content .tag{display:block;margin-bottom:var(--ptc-element-spacing-02);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-p);color:var(--color-gray-10)}";

package/dist/esm/ptc-value-led-content-highlight.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-B8DAwq6t.js';
+import { r as registerInstance, h, H as Host } from './index-C5r_YvLZ.js';
 const ptcValueLedContentHighlightCss = ".sc-ptc-value-led-content-highlight-h{display:block;border-left:7px solid var(--color-green-07);padding-left:32px;margin:40px 0 40px 0}@media only screen and (min-width: 480px){.sc-ptc-value-led-content-highlight-h{margin:48px 40px 48px 40px}}@media only screen and (min-width: 992px){.sc-ptc-value-led-content-highlight-h{margin:56px 48px 56px 48px}}.sc-ptc-value-led-content-highlight-h.sc-ptc-value-led-content-highlight-s>p{color:var(--color-gray-10);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-p)}.sc-ptc-value-led-content-highlight-h.sc-ptc-value-led-content-highlight-s>ul li{color:var(--color-gray-10);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-p)}.sc-ptc-value-led-content-highlight-h.sc-ptc-value-led-content-highlight-s>ul{padding-left:12px}";

package/dist/esm/ptc-value-led-content.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-B8DAwq6t.js';
+import { r as registerInstance, h, H as Host } from './index-C5r_YvLZ.js';
 const ptcValueLedContentCss = ":host{display:block;margin-bottom:var(--ptc-element-spacing-07)}@media only screen and (min-width: 1440px){:host{margin-bottom:var(--ptc-element-spacing-09)}}:host .vl-content-title{margin-bottom:var(--ptc-element-spacing-04)}:host .content-tag{font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-p);font-weight:var(--ptc-font-weight-medium);margin-bottom:var(--ptc-element-spacing-01);color:var(--color-gray-10)}";

package/dist/esm/ptc-value-led-intro.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-B8DAwq6t.js';
+import { r as registerInstance, h, H as Host } from './index-C5r_YvLZ.js';
 const ptcValueLedIntroCss = ":host{display:block;margin-bottom:var(--ptc-element-spacing-07);padding-top:var(--ptc-element-spacing-07)}@media only screen and (min-width: 768px){:host{padding-top:0}}@media only screen and (min-width: 1440px){:host{margin-bottom:var(--ptc-element-spacing-09)}}:host .content-tag{font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-p);font-weight:var(--ptc-font-weight-medium);margin-bottom:var(--ptc-element-spacing-01);color:var(--color-gray-10)}";

package/dist/esm/ptc-value-led-layout.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, a as getElement, h, H as Host } from './index-B8DAwq6t.js';
+import { r as registerInstance, a as getElement, h, H as Host } from './index-C5r_YvLZ.js';
 const ptcValueLedLayoutCss = ".ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){.ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){.ptc-container{padding-left:0;padding-right:0;max-width:1200px}}.ptc-container-lg{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 480px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-03);padding-right:var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 768px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-04);padding-right:var(--ptc-layout-spacing-04)}}@media only screen and (min-width: 992px){.ptc-container-lg{padding-left:var(--ptc-element-spacing-08);padding-right:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 1980px){.ptc-container-lg{padding-left:0;padding-right:0;max-width:1900px}}.ptc-container-fluid{width:100%}:host *{box-sizing:border-box;font-family:var(--ptc-font-latin)}:host{display:block;position:relative}:host .top-image{background-color:rgba(0, 0, 0, 0.6);background-blend-mode:multiply;position:absolute;z-index:-1;width:100%;height:500px;background-size:cover;background-position:center}:host .pdf-slot-wrapper{padding:var(--ptc-element-spacing-04) 0;width:100%;text-align:right}:host .vl-layout-wrap{margin-top:var(--ptc-element-spacing-04);width:100%;position:relative}@media only screen and (min-width: 992px){:host .vl-layout-wrap{display:flex;margin-top:40px}}@media only screen and (min-width: 992px){:host .vl-layout-wrap .vl-sidebar{width:22%;margin-right:var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 1200px){:host .vl-layout-wrap .vl-sidebar{margin-right:var(--ptc-layout-spacing-04)}}@media only screen and (min-width: 1440px){:host .vl-layout-wrap .vl-sidebar{margin-right:40px}}:host .vl-layout-wrap .vl-list-wrap{width:100%;padding:8px 0;box-shadow:var(--ptc-shadow-x-large)}@media only screen and (min-width: 992px){:host .vl-layout-wrap .vl-list-wrap{z-index:105;margin:auto;position:sticky;top:32px;right:0;float:right;overflow-y:auto;overflow-x:hidden;padding:var(--ptc-layout-spacing-02) 0}}@media only screen and (min-width: 1200px){:host .vl-layout-wrap .vl-list-wrap{padding:var(--ptc-layout-spacing-03) 0}}:host .vl-layout-wrap .vl-list-wrap{max-height:calc(100vh - 64px);background-color:var(--color-white);border-radius:var(--ptc-border-radius-standard)}:host .vl-layout-wrap .vl-list-wrap ul{margin:0;padding:0;list-style:none}:host .vl-layout-wrap .vl-list-wrap ul li{display:none}@media only screen and (min-width: 992px){:host .vl-layout-wrap .vl-list-wrap ul li{display:block;margin:0 8px 4px 8px}}@media only screen and (min-width: 1200px){:host .vl-layout-wrap .vl-list-wrap ul li{margin:0 16px 8px 16px}}:host .vl-layout-wrap .vl-list-wrap ul li a{display:block;padding:8px 16px;font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);text-decoration:none;color:var(--color-gray-10);position:relative;background-color:transparent;border-radius:var(--ptc-border-radius-standard);transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}@media only screen and (min-width: 1200px){:host .vl-layout-wrap .vl-list-wrap ul li a{font-size:var(--ptc-font-size-small)}}:host .vl-layout-wrap .vl-list-wrap ul li a::before{content:\"\";display:block;width:2px;height:calc(100% - 16px);background-color:transparent;position:absolute;left:4px}:host .vl-layout-wrap .vl-list-wrap ul li a:hover{background-color:var(--color-gray-02)}:host .vl-layout-wrap .vl-list-wrap ul li a:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .vl-layout-wrap .vl-list-wrap ul li.active{display:block}:host .vl-layout-wrap .vl-list-wrap ul li.active a{font-weight:var(--ptc-font-weight-bold)}:host .vl-layout-wrap .vl-list-wrap ul li.active a::before{background-color:var(--color-green-07)}:host .vl-layout-wrap .vl-list-wrap::-webkit-scrollbar{width:8px}:host .vl-layout-wrap .vl-list-wrap::-webkit-scrollbar-track{background:transparent}:host .vl-layout-wrap .vl-list-wrap::-webkit-scrollbar-thumb{background:var(--color-gray-02);border-radius:var(--ptc-border-radius-pill)}:host .vl-layout-wrap .vl-list-wrap select{z-index:105;background-color:var(--color-white)}:host .vl-layout-wrap .vl-content-wrap{width:100%;padding:0 20px 20px 20px;background-color:var(--color-white);border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-x-large)}@media only screen and (min-width: 480px){:host .vl-layout-wrap .vl-content-wrap{padding:0 32px 32px 32px}}@media only screen and (min-width: 992px){:host .vl-layout-wrap .vl-content-wrap{width:78%;padding:48px}}:host .vl-layout-wrap .vl-content-wrap .mobile-select{position:sticky;top:-1px;z-index:1056;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:var(--color-white);width:calc(100% + 40px);margin-left:-20px;border-top-left-radius:4px;border-top-right-radius:4px}@media only screen and (min-width: 480px){:host .vl-layout-wrap .vl-content-wrap .mobile-select{width:calc(100% + 64px);margin-left:-32px}}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select{display:block}@media only screen and (min-width: 992px){:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select{display:none}}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-button{width:100%;background-color:transparent;border-radius:0.25rem;cursor:pointer;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-p);font-size:var(--ptc-font-size-small);display:flex;justify-content:space-between;align-items:center;border-radius:4px 4px 0px 0px;box-shadow:var(--ptc-shadow-x-large);padding:var(--ptc-element-spacing-06);border:none;color:var(--color-gray-10);position:relative}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-button:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-button::after{content:\"\";width:100%;height:0;background-color:transparent;display:block;position:absolute;bottom:0;box-shadow:0 16px 16px rgba(0, 0, 0, 0.2);left:0;right:0;z-index:105666}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-button .selected-value{text-align:left;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-p);font-size:var(--ptc-font-size-small);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-button .arrow{min-width:14px;width:14px;height:10px;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"10\" viewBox=\"0 0 14 10\" fill=\"none\"><path d=\"M2 2.30469L6.94975 7.60799L11.8995 2.30469\" stroke=\"%2300890B\" stroke-width=\"3\" stroke-linecap=\"round\"/></svg>');background-repeat:no-repeat;transition:transform ease-in-out 0.3s;margin-left:15px}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown{position:absolute;list-style:none;width:100%;border-radius:0 0 4px 4px;background:var(--color-white);margin:0;padding:16px 0;max-height:70vh;overflow-y:auto;transition:0.5s ease;z-index:30000;box-shadow:0px 16px 16px rgba(0, 0, 0, 0.24);border-top:1px solid var(--color-gray-02);opacity:0;visibility:hidden}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown li{position:relative;cursor:pointer;margin:0 5px}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown li:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown li label{display:block;width:100%;box-sizing:border-box;padding:16px 27px;cursor:pointer;font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-regular);color:var(--color-gray-10)}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown li label::before{content:\"\";display:block;width:2px;height:calc(100% - 32px);background-color:transparent;position:absolute;left:11px}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown li.active label{font-weight:700}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown li.active label::before{background-color:var(--color-green-07)}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown input[type=radio]{position:absolute;left:0;opacity:0}@media only screen and (min-width: 992px){:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown input[type=radio]:checked~label{font-weight:700}}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown::-webkit-scrollbar{width:7px}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown::-webkit-scrollbar-track{background:var(--color-white);border-radius:25px}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown::-webkit-scrollbar-thumb{background:var(--color-gray-02);border-radius:25px}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select.active .arrow{transform:rotate(180deg)}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select.active .select-dropdown{opacity:1;visibility:visible}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select.scroll-top.active .select-button::after{height:16px}:host .vl-layout-wrap .vl-content-wrap .mobile-select:focus-visible{outline:none}:host .vl-layout-wrap .vl-content-wrap .vl-content-slot-wrap{padding:var(--ptc-element-spacing-07) 0 0 0}@media only screen and (min-width: 992px){:host .vl-layout-wrap .vl-content-wrap .vl-content-slot-wrap{padding:0}}:host .select-dropdown input:focus~label{background-color:#dfdfdf}";

package/dist/esm/ptc-value-led-speed-bump.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-B8DAwq6t.js';
+import { r as registerInstance, h, H as Host } from './index-C5r_YvLZ.js';
 const ptcValueLedSpeedBumpCss = ":host{display:block;margin-bottom:var(--ptc-element-spacing-07)}@media only screen and (min-width: 1440px){:host{margin-bottom:var(--ptc-element-spacing-09)}}:host .sb-card{display:block;border-radius:var(--ptc-border-radius-standard);background:var(--color-white);box-shadow:var(--ptc-shadow-x-small);text-decoration:none}@media only screen and (min-width: 480px){:host .sb-card{display:flex}}:host .sb-card .img-wrap{width:100%;max-height:120px;overflow:hidden;border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:var(--ptc-border-radius-standard)}@media only screen and (min-width: 480px){:host .sb-card .img-wrap{max-width:120px;max-height:initial;border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:0px;border-bottom-left-radius:var(--ptc-border-radius-standard)}}:host .sb-card .img-wrap ptc-picture{height:100%;min-height:95px}:host .sb-card .card-content-wrap{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--ptc-element-spacing-04);box-sizing:border-box}:host .sb-card .card-content-wrap .card-content ::slotted([slot=title-slot]){color:var(--color-gray-10);font-size:var(--ptc-font-size-xx-small) !important;font-weight:var(--ptc-font-weight-bold) !important;line-height:var(--ptc-line-height-p) !important;margin:0 0 4px 0;text-decoration:none}@media only screen and (min-width: 768px){:host .sb-card .card-content-wrap .card-content{padding-right:var(--ptc-element-spacing-06)}}:host .sb-card .card-content-wrap p{color:var(--color-gray-10);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-p);margin:0 0 4px 0;text-decoration:none}:host .sb-card .card-content-wrap p{margin:0;font-weight:var(--ptc-font-weight-medium)}:host .sb-card .card-content-wrap .cta-slot{display:none}@media only screen and (min-width: 768px){:host .sb-card .card-content-wrap .cta-slot{display:block;min-width:140px;text-align:right}}";

package/dist/esm/ptc-value-prop-card.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-B8DAwq6t.js';
+import { r as registerInstance, h, H as Host } from './index-C5r_YvLZ.js';
 const ptcValuePropCardCss = ":host{display:block}:host .vp-card{display:block;position:relative;box-shadow:var(--ptc-shadow-x-large);border-radius:var(--ptc-border-radius-large);overflow:hidden;height:200px}@media only screen and (min-width: 480px){:host .vp-card{height:250px}}@media only screen and (min-width: 768px){:host .vp-card{height:300px}}@media only screen and (min-width: 992px){:host .vp-card{height:548px}}:host .vp-card .overlay{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.33);z-index:1;opacity:0;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host .vp-card .caption{position:absolute;bottom:0;left:0;width:75%;text-align:center;padding:1rem;border-radius:var(--ptc-border-radius-large);border:1px solid var(--color-white);background-color:rgba(0, 0, 0, 0.6);backdrop-filter:blur(2px);color:var(--color-white);z-index:10;display:flex;justify-content:center;align-items:center;min-height:54px}@media only screen and (min-width: 480px){:host .vp-card .caption{width:60%}}@media only screen and (min-width: 768px){:host .vp-card .caption{width:75%}}:host .vp-card .caption ptc-para{text-decoration-color:var(--color-green-06);text-decoration-line:none;text-decoration-style:initial;text-underline-offset:5px;text-decoration-thickness:2px;transition:text-decoration-line var(--ptc-transition-medium) var(--ptc-ease-inout)}:host .vp-card:hover .overlay{opacity:1}:host .vp-card:hover .caption ptc-para{text-decoration-line:underline}";

package/dist/esm/ptc-video-embed.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, a as getElement, h } from './index-B8DAwq6t.js';
+import { r as registerInstance, a as getElement, h } from './index-C5r_YvLZ.js';
 const ptcVideoEmbedCss = ".video-container{display:inline-block;position:relative;overflow:hidden;width:100%;padding-top:56.25%}.video-container iframe,.video-container video{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%}.video-container iframe{border:0}.skeleton-block{display:block;position:relative;background:linear-gradient(to right, var(--color-gray-02) 25%, var(--color-gray-03) 50%, var(--color-gray-02) 75%);background-size:200% 100%;animation:loading 2.5s linear infinite;border-radius:4px;margin-bottom:8px;width:100%;height:100%}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}";