@ptcwebops/ptcw-design 6.3.10-beta → 6.3.11-beta
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/{component-6a178a16.js → component-4dd13907.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ptc-countdown.cjs.entry.js +1 -1
- package/dist/cjs/ptc-data-lookup.cjs.entry.js +1 -1
- package/dist/cjs/ptc-enhanced-product-listing-card.cjs.entry.js +66 -0
- package/dist/cjs/ptc-form-checkbox_4.cjs.entry.js +1 -1
- package/dist/cjs/ptc-icon-list.cjs.entry.js +6 -3
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/cjs/storefront-enhanced-product-list-example.cjs.entry.js +66 -0
- package/dist/collection/collection-manifest.json +2 -0
- package/dist/collection/components/organism-bundles/storefront-enhanced-product-list-example/storefront-enhanced-product-list-example.css +1118 -0
- package/dist/collection/components/organism-bundles/storefront-enhanced-product-list-example/storefront-enhanced-product-list-example.js +63 -0
- package/dist/collection/components/ptc-countdown/ptc-countdown.css +1 -1
- package/dist/collection/components/ptc-enhanced-product-listing-card/ptc-enhanced-product-listing-card.css +126 -0
- package/dist/collection/components/ptc-enhanced-product-listing-card/ptc-enhanced-product-listing-card.js +112 -0
- package/dist/collection/components/ptc-icon-list/ptc-icon-list.css +5 -0
- package/dist/collection/components/ptc-icon-list/ptc-icon-list.js +40 -2
- package/dist/custom-elements/index.d.ts +12 -0
- package/dist/custom-elements/index.js +131 -7
- package/dist/esm/{component-80f298b4.js → component-9c921cc6.js} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ptc-countdown.entry.js +1 -1
- package/dist/esm/ptc-data-lookup.entry.js +1 -1
- package/dist/esm/ptc-enhanced-product-listing-card.entry.js +62 -0
- package/dist/esm/ptc-form-checkbox_4.entry.js +1 -1
- package/dist/esm/ptc-icon-list.entry.js +6 -3
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/esm/storefront-enhanced-product-list-example.entry.js +62 -0
- package/dist/ptcw-design/{p-d0581b07.entry.js → p-08b281d1.entry.js} +1 -1
- package/dist/ptcw-design/p-38b7ca02.entry.js +1 -0
- package/dist/ptcw-design/p-8eb89969.entry.js +1 -0
- package/dist/ptcw-design/{p-291072b4.entry.js → p-a3b57ede.entry.js} +1 -1
- package/dist/ptcw-design/{p-3f68e2f2.entry.js → p-ae50e218.entry.js} +1 -1
- package/dist/ptcw-design/p-b5094974.entry.js +1 -0
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/organism-bundles/storefront-enhanced-product-list-example/storefront-enhanced-product-list-example.d.ts +10 -0
- package/dist/types/components/ptc-enhanced-product-listing-card/ptc-enhanced-product-listing-card.d.ts +20 -0
- package/dist/types/components/ptc-icon-list/ptc-icon-list.d.ts +2 -0
- package/dist/types/components.d.ts +46 -0
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/ptcw-design/p-bf3bc577.entry.js +0 -1
- /package/dist/ptcw-design/{p-672a349f.js → p-bcab66bf.js} +0 -0
|
@@ -820,6 +820,12 @@ export namespace Components {
|
|
|
820
820
|
"restartQuizText"?: string;
|
|
821
821
|
"startButtonText"?: string;
|
|
822
822
|
}
|
|
823
|
+
interface PtcEnhancedProductListingCard {
|
|
824
|
+
/**
|
|
825
|
+
* PROPS
|
|
826
|
+
*/
|
|
827
|
+
"cardIndex": number;
|
|
828
|
+
}
|
|
823
829
|
interface PtcFeaturedList {
|
|
824
830
|
}
|
|
825
831
|
interface PtcFilterDropdown {
|
|
@@ -943,6 +949,8 @@ export namespace Components {
|
|
|
943
949
|
* List item type
|
|
944
950
|
*/
|
|
945
951
|
"listType": 'simple-icon-list' | 'stat-icon-list' | 'icon-top-align-list';
|
|
952
|
+
"noBottomSpace"?: boolean;
|
|
953
|
+
"styles"?: string;
|
|
946
954
|
/**
|
|
947
955
|
* List value text Example: up to
|
|
948
956
|
*/
|
|
@@ -2732,6 +2740,8 @@ export namespace Components {
|
|
|
2732
2740
|
interface SequentialBundleExample {
|
|
2733
2741
|
"isInteralCardsExpanded": boolean[];
|
|
2734
2742
|
}
|
|
2743
|
+
interface StorefrontEnhancedProductListExample {
|
|
2744
|
+
}
|
|
2735
2745
|
interface TabContent {
|
|
2736
2746
|
"getChild": () => Promise<{ select: any; unselect: any; name: string; }>;
|
|
2737
2747
|
"name": string;
|
|
@@ -2810,6 +2820,10 @@ export interface PtcEmbeddedQuizCustomEvent<T> extends CustomEvent<T> {
|
|
|
2810
2820
|
detail: T;
|
|
2811
2821
|
target: HTMLPtcEmbeddedQuizElement;
|
|
2812
2822
|
}
|
|
2823
|
+
export interface PtcEnhancedProductListingCardCustomEvent<T> extends CustomEvent<T> {
|
|
2824
|
+
detail: T;
|
|
2825
|
+
target: HTMLPtcEnhancedProductListingCardElement;
|
|
2826
|
+
}
|
|
2813
2827
|
export interface PtcFilterDropdownCustomEvent<T> extends CustomEvent<T> {
|
|
2814
2828
|
detail: T;
|
|
2815
2829
|
target: HTMLPtcFilterDropdownElement;
|
|
@@ -3287,6 +3301,12 @@ declare global {
|
|
|
3287
3301
|
prototype: HTMLPtcEmbeddedQuizElement;
|
|
3288
3302
|
new (): HTMLPtcEmbeddedQuizElement;
|
|
3289
3303
|
};
|
|
3304
|
+
interface HTMLPtcEnhancedProductListingCardElement extends Components.PtcEnhancedProductListingCard, HTMLStencilElement {
|
|
3305
|
+
}
|
|
3306
|
+
var HTMLPtcEnhancedProductListingCardElement: {
|
|
3307
|
+
prototype: HTMLPtcEnhancedProductListingCardElement;
|
|
3308
|
+
new (): HTMLPtcEnhancedProductListingCardElement;
|
|
3309
|
+
};
|
|
3290
3310
|
interface HTMLPtcFeaturedListElement extends Components.PtcFeaturedList, HTMLStencilElement {
|
|
3291
3311
|
}
|
|
3292
3312
|
var HTMLPtcFeaturedListElement: {
|
|
@@ -3965,6 +3985,12 @@ declare global {
|
|
|
3965
3985
|
prototype: HTMLSequentialBundleExampleElement;
|
|
3966
3986
|
new (): HTMLSequentialBundleExampleElement;
|
|
3967
3987
|
};
|
|
3988
|
+
interface HTMLStorefrontEnhancedProductListExampleElement extends Components.StorefrontEnhancedProductListExample, HTMLStencilElement {
|
|
3989
|
+
}
|
|
3990
|
+
var HTMLStorefrontEnhancedProductListExampleElement: {
|
|
3991
|
+
prototype: HTMLStorefrontEnhancedProductListExampleElement;
|
|
3992
|
+
new (): HTMLStorefrontEnhancedProductListExampleElement;
|
|
3993
|
+
};
|
|
3968
3994
|
interface HTMLTabContentElement extends Components.TabContent, HTMLStencilElement {
|
|
3969
3995
|
}
|
|
3970
3996
|
var HTMLTabContentElement: {
|
|
@@ -4036,6 +4062,7 @@ declare global {
|
|
|
4036
4062
|
"ptc-dynamic-card": HTMLPtcDynamicCardElement;
|
|
4037
4063
|
"ptc-ellipsis-dropdown": HTMLPtcEllipsisDropdownElement;
|
|
4038
4064
|
"ptc-embedded-quiz": HTMLPtcEmbeddedQuizElement;
|
|
4065
|
+
"ptc-enhanced-product-listing-card": HTMLPtcEnhancedProductListingCardElement;
|
|
4039
4066
|
"ptc-featured-list": HTMLPtcFeaturedListElement;
|
|
4040
4067
|
"ptc-filter-dropdown": HTMLPtcFilterDropdownElement;
|
|
4041
4068
|
"ptc-filter-level-theater": HTMLPtcFilterLevelTheaterElement;
|
|
@@ -4149,6 +4176,7 @@ declare global {
|
|
|
4149
4176
|
"ptc-white-paper": HTMLPtcWhitePaperElement;
|
|
4150
4177
|
"sequential-bundle": HTMLSequentialBundleElement;
|
|
4151
4178
|
"sequential-bundle-example": HTMLSequentialBundleExampleElement;
|
|
4179
|
+
"storefront-enhanced-product-list-example": HTMLStorefrontEnhancedProductListExampleElement;
|
|
4152
4180
|
"tab-content": HTMLTabContentElement;
|
|
4153
4181
|
"tab-header": HTMLTabHeaderElement;
|
|
4154
4182
|
}
|
|
@@ -4992,6 +5020,16 @@ declare namespace LocalJSX {
|
|
|
4992
5020
|
"restartQuizText"?: string;
|
|
4993
5021
|
"startButtonText"?: string;
|
|
4994
5022
|
}
|
|
5023
|
+
interface PtcEnhancedProductListingCard {
|
|
5024
|
+
/**
|
|
5025
|
+
* PROPS
|
|
5026
|
+
*/
|
|
5027
|
+
"cardIndex"?: number;
|
|
5028
|
+
/**
|
|
5029
|
+
* EVENTS
|
|
5030
|
+
*/
|
|
5031
|
+
"onCtaFocussed"?: (event: PtcEnhancedProductListingCardCustomEvent<any>) => void;
|
|
5032
|
+
}
|
|
4995
5033
|
interface PtcFeaturedList {
|
|
4996
5034
|
}
|
|
4997
5035
|
interface PtcFilterDropdown {
|
|
@@ -5118,6 +5156,8 @@ declare namespace LocalJSX {
|
|
|
5118
5156
|
* List item type
|
|
5119
5157
|
*/
|
|
5120
5158
|
"listType"?: 'simple-icon-list' | 'stat-icon-list' | 'icon-top-align-list';
|
|
5159
|
+
"noBottomSpace"?: boolean;
|
|
5160
|
+
"styles"?: string;
|
|
5121
5161
|
/**
|
|
5122
5162
|
* List value text Example: up to
|
|
5123
5163
|
*/
|
|
@@ -6942,6 +6982,8 @@ declare namespace LocalJSX {
|
|
|
6942
6982
|
interface SequentialBundleExample {
|
|
6943
6983
|
"isInteralCardsExpanded"?: boolean[];
|
|
6944
6984
|
}
|
|
6985
|
+
interface StorefrontEnhancedProductListExample {
|
|
6986
|
+
}
|
|
6945
6987
|
interface TabContent {
|
|
6946
6988
|
"name"?: string;
|
|
6947
6989
|
}
|
|
@@ -7013,6 +7055,7 @@ declare namespace LocalJSX {
|
|
|
7013
7055
|
"ptc-dynamic-card": PtcDynamicCard;
|
|
7014
7056
|
"ptc-ellipsis-dropdown": PtcEllipsisDropdown;
|
|
7015
7057
|
"ptc-embedded-quiz": PtcEmbeddedQuiz;
|
|
7058
|
+
"ptc-enhanced-product-listing-card": PtcEnhancedProductListingCard;
|
|
7016
7059
|
"ptc-featured-list": PtcFeaturedList;
|
|
7017
7060
|
"ptc-filter-dropdown": PtcFilterDropdown;
|
|
7018
7061
|
"ptc-filter-level-theater": PtcFilterLevelTheater;
|
|
@@ -7126,6 +7169,7 @@ declare namespace LocalJSX {
|
|
|
7126
7169
|
"ptc-white-paper": PtcWhitePaper;
|
|
7127
7170
|
"sequential-bundle": SequentialBundle;
|
|
7128
7171
|
"sequential-bundle-example": SequentialBundleExample;
|
|
7172
|
+
"storefront-enhanced-product-list-example": StorefrontEnhancedProductListExample;
|
|
7129
7173
|
"tab-content": TabContent;
|
|
7130
7174
|
"tab-header": TabHeader;
|
|
7131
7175
|
}
|
|
@@ -7192,6 +7236,7 @@ declare module "@stencil/core" {
|
|
|
7192
7236
|
"ptc-dynamic-card": LocalJSX.PtcDynamicCard & JSXBase.HTMLAttributes<HTMLPtcDynamicCardElement>;
|
|
7193
7237
|
"ptc-ellipsis-dropdown": LocalJSX.PtcEllipsisDropdown & JSXBase.HTMLAttributes<HTMLPtcEllipsisDropdownElement>;
|
|
7194
7238
|
"ptc-embedded-quiz": LocalJSX.PtcEmbeddedQuiz & JSXBase.HTMLAttributes<HTMLPtcEmbeddedQuizElement>;
|
|
7239
|
+
"ptc-enhanced-product-listing-card": LocalJSX.PtcEnhancedProductListingCard & JSXBase.HTMLAttributes<HTMLPtcEnhancedProductListingCardElement>;
|
|
7195
7240
|
"ptc-featured-list": LocalJSX.PtcFeaturedList & JSXBase.HTMLAttributes<HTMLPtcFeaturedListElement>;
|
|
7196
7241
|
"ptc-filter-dropdown": LocalJSX.PtcFilterDropdown & JSXBase.HTMLAttributes<HTMLPtcFilterDropdownElement>;
|
|
7197
7242
|
"ptc-filter-level-theater": LocalJSX.PtcFilterLevelTheater & JSXBase.HTMLAttributes<HTMLPtcFilterLevelTheaterElement>;
|
|
@@ -7305,6 +7350,7 @@ declare module "@stencil/core" {
|
|
|
7305
7350
|
"ptc-white-paper": LocalJSX.PtcWhitePaper & JSXBase.HTMLAttributes<HTMLPtcWhitePaperElement>;
|
|
7306
7351
|
"sequential-bundle": LocalJSX.SequentialBundle & JSXBase.HTMLAttributes<HTMLSequentialBundleElement>;
|
|
7307
7352
|
"sequential-bundle-example": LocalJSX.SequentialBundleExample & JSXBase.HTMLAttributes<HTMLSequentialBundleExampleElement>;
|
|
7353
|
+
"storefront-enhanced-product-list-example": LocalJSX.StorefrontEnhancedProductListExample & JSXBase.HTMLAttributes<HTMLStorefrontEnhancedProductListExampleElement>;
|
|
7308
7354
|
"tab-content": LocalJSX.TabContent & JSXBase.HTMLAttributes<HTMLTabContentElement>;
|
|
7309
7355
|
"tab-header": LocalJSX.TabHeader & JSXBase.HTMLAttributes<HTMLTabHeaderElement>;
|
|
7310
7356
|
}
|
package/package.json
CHANGED
package/readme.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|

|
|
2
2
|
|
|
3
|
-
# PTC Design 6.3.
|
|
3
|
+
# PTC Design 6.3.11-beta
|
|
4
4
|
|
|
5
5
|
The site is the place for documentation on PTC Design System
|
|
6
6
|
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as e,H as i}from"./p-ac75c7ad.js";const s=class{constructor(e){t(this,e),this.listType="simple-icon-list",this.valueWithUnit="",this.valueText="",this.listContent="",this.isLastItem=!1}render(){const t=this.getCssClassMap();return e(i,{class:t},"stat-icon-list"==this.listType?e("div",{class:"ptc-icon-list"},e("slot",{name:"icon"}),e("div",{class:"ptc-numbered-values"},e("span",{class:"value-text"},this.valueText," "),e("span",{class:"ptc-numbered-subtitle"},this.valueWithUnit)),e("p",{class:"ptc-content"},"- ",this.listContent)):e("div",{class:"ptc-icon-list"},e("slot",{name:"icon"}),e("div",{class:"ptc-content-simple"},this.listContent,!this.listContent&&e("slot",null))))}getCssClassMap(){return{[this.listType]:!!this.listType,"last-item":!!this.isLastItem}}};s.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;padding-bottom:var(--ptc-element-spacing-03)}:host .ptc-icon-list{display:flex;align-items:center}:host .ptc-icon-list .value-text{font-size:var(--ptc-font-size-small);white-space:nowrap}:host .ptc-icon-list .ptc-numbered-values{margin-left:var(--ptc-element-spacing-03);font-family:var(--ptc-font-secondary-latin);white-space:nowrap}:host .ptc-icon-list .ptc-numbered-subtitle{margin:0;font-size:var(--ptc-font-size-medium);font-family:var(--ptc-font-secondary-latin)}@media only screen and (min-width: 992px){:host .ptc-icon-list .ptc-numbered-subtitle{font-size:var(--ptc-font-size-large)}}:host .ptc-icon-list .ptc-content{font-family:var(--ptc-font-secondary-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);font-stretch:normal;font-style:normal;line-height:var(--ptc-line-height-dense);letter-spacing:normal;text-align:left;color:var(--color-gray-10);margin:0 0 0 var(--ptc-element-spacing-03);line-height:var(--ptc-line-height-densest)}:host .ptc-icon-list .ptc-content-simple{margin:0 0 0 var(--ptc-element-spacing-03);font-size:var(--ptc-font-size-small);font-stretch:normal;font-style:normal;line-height:var(--ptc-line-height-dense);letter-spacing:normal;text-align:left;color:var(--color-gray-10);line-height:var(--ptc-line-height-densest);padding-top:4px}@media only screen and (min-width: 768px){:host .ptc-icon-list .ptc-content-simple{padding-top:unset}}:host ::slotted(icon-asset){display:flex;align-self:center}:host ::slotted(ptc-picture){min-width:24px}:host(.icon-top-align-list) ::slotted(icon-asset){display:flex;align-self:flex-start;transform:translateY(40%)}:host(.last-item){margin-bottom:var(--ptc-layout-spacing-03)}";export{s as ptc_icon_list}
|
|
File without changes
|