@ptcwebops/ptcw-design 3.7.3 → 3.7.6

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 (94) hide show
  1. package/dist/cjs/featured-list.cjs.entry.js +1 -1
  2. package/dist/cjs/{icon-asset_18.cjs.entry.js → icon-asset_19.cjs.entry.js} +510 -3
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/ptc-announcement.cjs.entry.js +1 -1
  5. package/dist/cjs/ptc-breadcrumb_2.cjs.entry.js +4 -4
  6. package/dist/cjs/ptc-data-lookup.cjs.entry.js +1 -1
  7. package/dist/cjs/ptc-featured-list.cjs.entry.js +1 -1
  8. package/dist/cjs/ptc-filter-level-theater.cjs.entry.js +1 -1
  9. package/dist/cjs/ptc-form-checkbox_3.cjs.entry.js +3 -3
  10. package/dist/cjs/ptc-icon-minimize.cjs.entry.js +24 -1
  11. package/dist/cjs/ptc-pricing-packaging-table.cjs.entry.js +2 -2
  12. package/dist/cjs/ptc-pricing-tabs.cjs.entry.js +1 -1
  13. package/dist/cjs/ptc-readmore-char.cjs.entry.js +1 -1
  14. package/dist/cjs/ptc-readmore.cjs.entry.js +1 -1
  15. package/dist/cjs/ptc-value-led-card.cjs.entry.js +2 -1
  16. package/dist/cjs/ptc-white-paper.cjs.entry.js +1 -1
  17. package/dist/cjs/ptcw-design.cjs.js +1 -1
  18. package/dist/cjs/sequential-bundle-example.cjs.entry.js +1 -1
  19. package/dist/collection/components/organism-bundles/bundle-featured-list/featured-list.css +1 -1
  20. package/dist/collection/components/organism-bundles/sequential-bundle-example/sequential-bundle-example.js +1 -1
  21. package/dist/collection/components/ptc-announcement/ptc-announcement.css +2 -2
  22. package/dist/collection/components/ptc-data-lookup/ptc-data-lookup.css +1 -1
  23. package/dist/collection/components/ptc-featured-list/ptc-featured-list.css +1 -1
  24. package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.css +1 -1
  25. package/dist/collection/components/ptc-form-checkbox/ptc-form-checkbox.css +1 -1
  26. package/dist/collection/components/ptc-icon-minimize/ptc-icon-minimize.js +24 -1
  27. package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +5 -1
  28. package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.js +3 -3
  29. package/dist/collection/components/ptc-link/ptc-link.css +1 -1
  30. package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.js +1 -1
  31. package/dist/collection/components/ptc-modal/ptc-modal.css +14 -2
  32. package/dist/collection/components/ptc-modal/ptc-modal.js +20 -0
  33. package/dist/collection/components/ptc-pricing-packaging-table/ptc-pricing-packaging-table.css +1 -1
  34. package/dist/collection/components/ptc-pricing-packaging-table/ptc-pricing-packaging-table.js +1 -1
  35. package/dist/collection/components/ptc-pricing-tabs/ptc-pricing-tabs.css +4 -0
  36. package/dist/collection/components/ptc-readmore/ptc-readmore.css +2 -2
  37. package/dist/collection/components/ptc-readmore-char/ptc-readmore-char.css +1 -1
  38. package/dist/collection/components/ptc-select/ptc-select.css +2 -2
  39. package/dist/collection/components/ptc-textfield/ptc-textfield.css +1 -1
  40. package/dist/collection/components/ptc-tooltip/ptc-tooltip.css +1 -1
  41. package/dist/collection/components/ptc-value-led-card/ptc-value-led-card.js +19 -1
  42. package/dist/collection/components/ptc-white-paper/ptc-white-paper.css +1 -1
  43. package/dist/custom-elements/index.js +53 -27
  44. package/dist/esm/featured-list.entry.js +1 -1
  45. package/dist/esm/{icon-asset_18.entry.js → icon-asset_19.entry.js} +558 -52
  46. package/dist/esm/loader.js +1 -1
  47. package/dist/esm/ptc-announcement.entry.js +1 -1
  48. package/dist/esm/ptc-breadcrumb_2.entry.js +4 -4
  49. package/dist/esm/ptc-data-lookup.entry.js +1 -1
  50. package/dist/esm/ptc-featured-list.entry.js +1 -1
  51. package/dist/esm/ptc-filter-level-theater.entry.js +1 -1
  52. package/dist/esm/ptc-form-checkbox_3.entry.js +3 -3
  53. package/dist/esm/ptc-icon-minimize.entry.js +24 -1
  54. package/dist/esm/ptc-pricing-packaging-table.entry.js +2 -2
  55. package/dist/esm/ptc-pricing-tabs.entry.js +1 -1
  56. package/dist/esm/ptc-readmore-char.entry.js +1 -1
  57. package/dist/esm/ptc-readmore.entry.js +1 -1
  58. package/dist/esm/ptc-value-led-card.entry.js +2 -1
  59. package/dist/esm/ptc-white-paper.entry.js +1 -1
  60. package/dist/esm/ptcw-design.js +1 -1
  61. package/dist/esm/sequential-bundle-example.entry.js +1 -1
  62. package/dist/ptcw-design/p-132c7242.entry.js +1 -0
  63. package/dist/ptcw-design/p-32ebd0de.entry.js +1 -0
  64. package/dist/ptcw-design/{p-820009a0.entry.js → p-3ee5a50d.entry.js} +1 -1
  65. package/dist/ptcw-design/{p-a02e27e1.entry.js → p-4d1ec425.entry.js} +2 -2
  66. package/dist/ptcw-design/{p-95e1c016.entry.js → p-7293bba4.entry.js} +1 -1
  67. package/dist/ptcw-design/p-73fb1c63.entry.js +1 -0
  68. package/dist/ptcw-design/{p-3a2d08a1.entry.js → p-915cf7bd.entry.js} +1 -1
  69. package/dist/ptcw-design/{p-7621bd5a.entry.js → p-a60d6a4c.entry.js} +1 -1
  70. package/dist/ptcw-design/{p-532dd7f0.entry.js → p-ac8f446e.entry.js} +1 -1
  71. package/dist/ptcw-design/{p-3ed092d8.entry.js → p-b5bdef1d.entry.js} +1 -1
  72. package/dist/ptcw-design/{p-28c93a70.entry.js → p-bb7ad437.entry.js} +1 -1
  73. package/dist/ptcw-design/p-c0992ee6.entry.js +1 -0
  74. package/dist/ptcw-design/{p-ae0ed303.entry.js → p-c92d7efd.entry.js} +1 -1
  75. package/dist/ptcw-design/p-e86086c6.entry.js +1 -0
  76. package/dist/ptcw-design/{p-4c10e237.entry.js → p-fae44ada.entry.js} +1 -1
  77. package/dist/ptcw-design/p-ff392584.entry.js +1 -0
  78. package/dist/ptcw-design/ptcw-design.css +2 -2
  79. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  80. package/dist/types/components/ptc-icon-minimize/ptc-icon-minimize.d.ts +1 -0
  81. package/dist/types/components/ptc-modal/ptc-modal.d.ts +4 -0
  82. package/dist/types/components/ptc-value-led-card/ptc-value-led-card.d.ts +1 -0
  83. package/dist/types/components.d.ts +10 -0
  84. package/package.json +1 -1
  85. package/readme.md +1 -1
  86. package/dist/cjs/ptc-mobile-select.cjs.entry.js +0 -511
  87. package/dist/esm/ptc-mobile-select.entry.js +0 -507
  88. package/dist/ptcw-design/p-2f976047.entry.js +0 -1
  89. package/dist/ptcw-design/p-32114a6f.entry.js +0 -1
  90. package/dist/ptcw-design/p-34e13f1c.entry.js +0 -1
  91. package/dist/ptcw-design/p-68276e72.entry.js +0 -1
  92. package/dist/ptcw-design/p-84b50500.entry.js +0 -1
  93. package/dist/ptcw-design/p-c42d9009.entry.js +0 -1
  94. package/dist/ptcw-design/p-d5a3b353.entry.js +0 -1
package/dist/cjs/featured-list.cjs.entry.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-4b85b38a.js');
6
6
 
7
- const featuredListCss = "a {\r\n font-family: var(--ptc-font-latin);\r\n font-style: var(--ptc-font-style-normal);\r\n text-decoration-line: underline;\r\n color: var(--color-blue-07);\r\n transition: color var(--ptc-transition-medium) var(--ptc-ease-out);\r\n font-weight: var(--ptc-font-weight-bold);\r\n\r\n &:visited {\r\n color: var(--color-blue-10);\r\n }\r\n\r\n &:active,\r\n &:visited:active {\r\n // pressed\r\n color: var(--color-blue-09);\r\n }\r\n\r\n &:hover,\r\n &:visited:hover {\r\n color: var(--color-blue-08);\r\n }\r\n\r\n &.disabled {\r\n color: var(--color-gray-04) !important;\r\n cursor: not-allowed;\r\n }\r\n}\r\n\r\n.light-links,.background-grey-10,.background-plm-grey {\r\n a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), a.light-link {\r\n color: var(--color-blue-04);\r\n\r\n &:visited {\r\n color: var(--color-blue-06);\r\n }\r\n\r\n &:active,\r\n &:visited:active {\r\n // pressed\r\n color: var(--color-blue-07);\r\n }\r\n\r\n &:hover,\r\n &:visited:hover {\r\n color: var(--color-blue-05);\r\n }\r\n\r\n &.disabled {\r\n color: var(--color-gray-04) !important;\r\n cursor: not-allowed;\r\n }\r\n }\r\n}\r\n\r\n.ptc-link {\r\n color: var(--color-gray-10);\r\n text-decoration: underline;\r\n text-decoration-thickness: 2px;\r\n text-decoration-color: var(--color-green-06);\r\n text-underline-offset: 5px;\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n &:hover {\r\n color: var(--color-green-06);\r\n }\r\n\r\n &:visited {\r\n color: var(--color-gray-10);\r\n }\r\n\r\n &:active,\r\n &:visited:active {\r\n // pressed\r\n color: var(--color-green-06);\r\n }\r\n\r\n &:hover,\r\n &:visited:hover {\r\n color: var(--color-green-06);\r\n }\r\n}\r\n\r\n.ptc-link-dark {\r\n color: var(--color-white);\r\n text-decoration: underline;\r\n text-decoration-thickness: 2px;\r\n text-decoration-color: var(--color-green-06);\r\n text-underline-offset: 5px;\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n &:hover {\r\n color: var(--color-green-06);\r\n }\r\n\r\n &:visited {\r\n color: var(--color-white);\r\n }\r\n\r\n &:active,\r\n &:visited:active {\r\n // pressed\r\n color: var(--color-green-06);\r\n }\r\n\r\n &:hover,\r\n &:visited:hover {\r\n color: var(--color-green-06);\r\n }\r\n\r\n}\r\n\r\n :host {\r\n\t display: block;\r\n\t box-sizing: border-box;\r\n}\r\n :host ptc-background-video {\r\n\t height: 240px;\r\n}\r\n @media (min-width: 480px) {\r\n\t :host ptc-background-video {\r\n\t\t height: 320px;\r\n\t}\r\n}\r\n @media (min-width: 768px) {\r\n\t :host ptc-background-video {\r\n\t\t height: 450px;\r\n\t}\r\n}\r\n @media (min-width: 992px) {\r\n\t :host ptc-background-video {\r\n\t\t height: 500px;\r\n\t}\r\n}\r\n :host .fl-header {\r\n\t cursor: pointer;\r\n}\r\n :host .non-mobile-wrapper {\r\n\t box-sizing: border-box;\r\n}\r\n @media (min-width: 992px) {\r\n\t :host .non-mobile-wrapper {\r\n\t\t max-width: 1078px;\r\n\t\t margin: -75px auto 0 auto;\r\n\t\t display: flex;\r\n\t\t align-items: center;\r\n\t\t width: 100%;\r\n\t\t background: var(--color-white);\r\n\t\t box-shadow: var(--ptc-shadow-small);\r\n\t\t padding: 24px 32px;\r\n\t\t z-index: 1;\r\n\t\t position: relative;\r\n\t\t min-height: 350px;\r\n\t}\r\n}\r\n @media (min-width: 992px) {\r\n\t :host .non-mobile-wrapper .header-list-wrap {\r\n\t\t padding-right: 16px;\r\n\t\t margin-right: 64px;\r\n\t\t min-width: 270px;\r\n\t\t max-width: 270px;\r\n\t\t box-sizing: border-box;\r\n\t\t display: flex;\r\n\t\t flex-direction: column;\r\n\t\t align-items: baseline;\r\n\t}\r\n\t :host .non-mobile-wrapper .header-list-wrap::after {\r\n\t\t content: \"\";\r\n\t\t width: 1px;\r\n\t\t height: calc(100% - 48px);\r\n\t\t background-color: var(--color-gray-05);\r\n\t\t position: absolute;\r\n\t\t left: 297px;\r\n\t\t top: 24px;\r\n\t\t bottom: 24px;\r\n\t}\r\n}\r\n @media (min-width: 992px) {\r\n\t :host .non-mobile-wrapper .content-wrap {\r\n\t\t padding-right: 72px;\r\n\t}\r\n}\r\n :host .non-mobile-wrapper .fl-header {\r\n\t border-radius: 4px;\r\n\t margin: 12px 0;\r\n\t padding: 4px 8px;\r\n}\r\n :host .non-mobile-wrapper .fl-header:hover {\r\n\t background-color: var(--color-gray-02);\r\n}\r\n :host .non-mobile-wrapper .fl-header.selected, :host .non-mobile-wrapper .fl-header.init-active {\r\n\t background-color: var(--color-gray-03);\r\n}\r\n :host .mobile-wrapper .acc-item {\r\n\t border-bottom: 1px solid var(--color-gray-03);\r\n\t padding: 14px 30px;\r\n}\r\n :host .mobile-wrapper .acc-item fl-tab-header {\r\n\t padding-left: 34px;\r\n\t position: relative;\r\n}\r\n :host .mobile-wrapper .acc-item fl-tab-header::before {\r\n\t content: '';\r\n\t display: inline-block;\r\n\t width: 16px;\r\n\t height: 16px;\r\n\t background-image: url('data:image/svg+xml,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(%23clip0_91_790)\"><path d=\"M15.9001 6.29998H9.7001V0.0999756H6.3001V6.29998H0.100098V9.69998H6.3001V15.9H9.7001V9.69998H15.9001V6.29998Z\" fill=\"%23006E09\"/></g><defs><clipPath id=\"clip0_91_790\"><rect width=\"16\" height=\"16\" fill=\"white\"/></clipPath></defs></svg>');\r\n\t vertical-align: middle;\r\n\t position: absolute;\r\n\t left: 0;\r\n\t top: 4.5px;\r\n}\r\n :host .mobile-wrapper .acc-item fl-tab-header.selected::before, :host .mobile-wrapper .acc-item fl-tab-header.init-active::before {\r\n\t background-image: url('data:image/svg+xml,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(%23clip0_113_741)\"><path d=\"M0 7.05566V10.8637H13.913V7.05566H0Z\" fill=\"%23323B42\"/></g><defs><clipPath id=\"clip0_113_741\"><rect width=\"13.913\" height=\"17.92\" fill=\"white\"/></clipPath></defs></svg>');\r\n}\r\n :host .mobile-wrapper .acc-item fl-tab-content {\r\n\t padding-left: 34px;\r\n\t padding-bottom: 18px;\r\n}\r\n";
7
+ const featuredListCss = "a {\r\n font-family: var(--ptc-font-latin);\r\n font-style: var(--ptc-font-style-normal);\r\n text-decoration-line: underline;\r\n color: var(--color-hyperlink);\r\n transition: color var(--ptc-transition-medium) var(--ptc-ease-out);\r\n font-weight: var(--ptc-font-weight-bold);\r\n\r\n &:visited {\r\n color: var(--color-blue-10);\r\n }\r\n\r\n &:active,\r\n &:visited:active {\r\n // pressed\r\n color: var(--color-blue-09);\r\n }\r\n\r\n &:hover,\r\n &:visited:hover {\r\n color: var(--color-blue-08);\r\n }\r\n\r\n &.disabled {\r\n color: var(--color-gray-04) !important;\r\n cursor: not-allowed;\r\n }\r\n}\r\n\r\n.light-links,.background-grey-10,.background-plm-grey {\r\n a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), a.light-link {\r\n color: var(--color-blue-04);\r\n\r\n &:visited {\r\n color: var(--color-blue-06);\r\n }\r\n\r\n &:active,\r\n &:visited:active {\r\n // pressed\r\n color: var(--color-blue-07);\r\n }\r\n\r\n &:hover,\r\n &:visited:hover {\r\n color: var(--color-blue-05);\r\n }\r\n\r\n &.disabled {\r\n color: var(--color-gray-04) !important;\r\n cursor: not-allowed;\r\n }\r\n }\r\n}\r\n\r\n.ptc-link {\r\n color: var(--color-gray-10);\r\n text-decoration: underline;\r\n text-decoration-thickness: 2px;\r\n text-decoration-color: var(--color-green-06);\r\n text-underline-offset: 5px;\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n &:hover {\r\n color: var(--color-green-06);\r\n }\r\n\r\n &:visited {\r\n color: var(--color-gray-10);\r\n }\r\n\r\n &:active,\r\n &:visited:active {\r\n // pressed\r\n color: var(--color-green-06);\r\n }\r\n\r\n &:hover,\r\n &:visited:hover {\r\n color: var(--color-green-06);\r\n }\r\n}\r\n\r\n.ptc-link-dark {\r\n color: var(--color-white);\r\n text-decoration: underline;\r\n text-decoration-thickness: 2px;\r\n text-decoration-color: var(--color-green-06);\r\n text-underline-offset: 5px;\r\n transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n &:hover {\r\n color: var(--color-green-06);\r\n }\r\n\r\n &:visited {\r\n color: var(--color-white);\r\n }\r\n\r\n &:active,\r\n &:visited:active {\r\n // pressed\r\n color: var(--color-green-06);\r\n }\r\n\r\n &:hover,\r\n &:visited:hover {\r\n color: var(--color-green-06);\r\n }\r\n\r\n}\r\n\r\n :host {\r\n\t display: block;\r\n\t box-sizing: border-box;\r\n}\r\n :host ptc-background-video {\r\n\t height: 240px;\r\n}\r\n @media (min-width: 480px) {\r\n\t :host ptc-background-video {\r\n\t\t height: 320px;\r\n\t}\r\n}\r\n @media (min-width: 768px) {\r\n\t :host ptc-background-video {\r\n\t\t height: 450px;\r\n\t}\r\n}\r\n @media (min-width: 992px) {\r\n\t :host ptc-background-video {\r\n\t\t height: 500px;\r\n\t}\r\n}\r\n :host .fl-header {\r\n\t cursor: pointer;\r\n}\r\n :host .non-mobile-wrapper {\r\n\t box-sizing: border-box;\r\n}\r\n @media (min-width: 992px) {\r\n\t :host .non-mobile-wrapper {\r\n\t\t max-width: 1078px;\r\n\t\t margin: -75px auto 0 auto;\r\n\t\t display: flex;\r\n\t\t align-items: center;\r\n\t\t width: 100%;\r\n\t\t background: var(--color-white);\r\n\t\t box-shadow: var(--ptc-shadow-small);\r\n\t\t padding: 24px 32px;\r\n\t\t z-index: 1;\r\n\t\t position: relative;\r\n\t\t min-height: 350px;\r\n\t}\r\n}\r\n @media (min-width: 992px) {\r\n\t :host .non-mobile-wrapper .header-list-wrap {\r\n\t\t padding-right: 16px;\r\n\t\t margin-right: 64px;\r\n\t\t min-width: 270px;\r\n\t\t max-width: 270px;\r\n\t\t box-sizing: border-box;\r\n\t\t display: flex;\r\n\t\t flex-direction: column;\r\n\t\t align-items: baseline;\r\n\t}\r\n\t :host .non-mobile-wrapper .header-list-wrap::after {\r\n\t\t content: \"\";\r\n\t\t width: 1px;\r\n\t\t height: calc(100% - 48px);\r\n\t\t background-color: var(--color-gray-05);\r\n\t\t position: absolute;\r\n\t\t left: 297px;\r\n\t\t top: 24px;\r\n\t\t bottom: 24px;\r\n\t}\r\n}\r\n @media (min-width: 992px) {\r\n\t :host .non-mobile-wrapper .content-wrap {\r\n\t\t padding-right: 72px;\r\n\t}\r\n}\r\n :host .non-mobile-wrapper .fl-header {\r\n\t border-radius: 4px;\r\n\t margin: 12px 0;\r\n\t padding: 4px 8px;\r\n}\r\n :host .non-mobile-wrapper .fl-header:hover {\r\n\t background-color: var(--color-gray-02);\r\n}\r\n :host .non-mobile-wrapper .fl-header.selected, :host .non-mobile-wrapper .fl-header.init-active {\r\n\t background-color: var(--color-gray-03);\r\n}\r\n :host .mobile-wrapper .acc-item {\r\n\t border-bottom: 1px solid var(--color-gray-03);\r\n\t padding: 14px 30px;\r\n}\r\n :host .mobile-wrapper .acc-item fl-tab-header {\r\n\t padding-left: 34px;\r\n\t position: relative;\r\n}\r\n :host .mobile-wrapper .acc-item fl-tab-header::before {\r\n\t content: '';\r\n\t display: inline-block;\r\n\t width: 16px;\r\n\t height: 16px;\r\n\t background-image: url('data:image/svg+xml,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(%23clip0_91_790)\"><path d=\"M15.9001 6.29998H9.7001V0.0999756H6.3001V6.29998H0.100098V9.69998H6.3001V15.9H9.7001V9.69998H15.9001V6.29998Z\" fill=\"%23006E09\"/></g><defs><clipPath id=\"clip0_91_790\"><rect width=\"16\" height=\"16\" fill=\"white\"/></clipPath></defs></svg>');\r\n\t vertical-align: middle;\r\n\t position: absolute;\r\n\t left: 0;\r\n\t top: 4.5px;\r\n}\r\n :host .mobile-wrapper .acc-item fl-tab-header.selected::before, :host .mobile-wrapper .acc-item fl-tab-header.init-active::before {\r\n\t background-image: url('data:image/svg+xml,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(%23clip0_113_741)\"><path d=\"M0 7.05566V10.8637H13.913V7.05566H0Z\" fill=\"%23323B42\"/></g><defs><clipPath id=\"clip0_113_741\"><rect width=\"13.913\" height=\"17.92\" fill=\"white\"/></clipPath></defs></svg>');\r\n}\r\n :host .mobile-wrapper .acc-item fl-tab-content {\r\n\t padding-left: 34px;\r\n\t padding-bottom: 18px;\r\n}\r\n";
8
8
 
9
9
  const FeaturedList = class {
10
10
  constructor(hostRef) {