@ptcwebops/ptcw-design 0.7.6 → 0.7.7
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/dropdown-item.cjs.entry.js +2 -2
- package/dist/cjs/icon-asset.cjs.entry.js +9 -21
- package/dist/cjs/{index-b3fabe79.js → index-8745a0a3.js} +486 -255
- package/dist/cjs/list-item.cjs.entry.js +2 -2
- package/dist/cjs/loader.cjs.js +3 -3
- package/dist/cjs/lottie-player.cjs.entry.js +2 -2
- package/dist/cjs/my-component.cjs.entry.js +5 -2
- package/dist/cjs/ptc-accordion-item.cjs.entry.js +2 -16
- package/dist/cjs/ptc-accordion.cjs.entry.js +2 -5
- package/dist/cjs/ptc-announcement.cjs.entry.js +11 -22
- package/dist/cjs/ptc-breadcrumb.cjs.entry.js +2 -2
- package/dist/cjs/ptc-button.cjs.entry.js +3 -34
- package/dist/cjs/ptc-card-bottom.cjs.entry.js +4 -2
- package/dist/cjs/ptc-card-content.cjs.entry.js +4 -2
- package/dist/cjs/ptc-card-plm.cjs.entry.js +5 -2
- package/dist/cjs/ptc-card_6.cjs.entry.js +27 -135
- package/dist/cjs/ptc-checkbox.cjs.entry.js +5 -3
- package/dist/cjs/ptc-collapse-list.cjs.entry.js +13 -2
- package/dist/cjs/ptc-container.cjs.entry.js +2 -5
- package/dist/cjs/ptc-dropdown.cjs.entry.js +7 -7
- package/dist/cjs/ptc-dynamic-card.cjs.entry.js +32 -25
- package/dist/cjs/ptc-ellipsis-dropdown.cjs.entry.js +3 -2
- package/dist/cjs/ptc-filter-tag.cjs.entry.js +4 -3
- package/dist/cjs/ptc-hero-footer-cta.cjs.entry.js +5 -2
- package/dist/cjs/ptc-hero.cjs.entry.js +3 -5
- package/dist/cjs/ptc-icon-list.cjs.entry.js +2 -14
- package/dist/cjs/ptc-icon-minimize.cjs.entry.js +3 -2
- package/dist/cjs/ptc-link.cjs.entry.js +4 -20
- package/dist/cjs/ptc-list.cjs.entry.js +2 -2
- package/dist/cjs/ptc-lottie.cjs.entry.js +3 -5
- package/dist/cjs/ptc-minimized-footer.cjs.entry.js +2 -2
- package/dist/cjs/ptc-minimized-header.cjs.entry.js +2 -2
- package/dist/cjs/ptc-mobile-select.cjs.entry.js +5 -20
- package/dist/cjs/ptc-modal.cjs.entry.js +5 -23
- package/dist/cjs/ptc-overlay.cjs.entry.js +5 -5
- package/dist/cjs/ptc-pagenation.cjs.entry.js +13 -12
- package/dist/cjs/ptc-previous-url.cjs.entry.js +4 -2
- package/dist/cjs/ptc-pricing-block.cjs.entry.js +3 -2
- package/dist/cjs/ptc-quote.cjs.entry.js +6 -8
- package/dist/cjs/ptc-readmore_2.cjs.entry.js +4 -37
- package/dist/cjs/ptc-responsive-wrapper.cjs.entry.js +2 -2
- package/dist/cjs/ptc-shopping-cart.cjs.entry.js +3 -2
- package/dist/cjs/ptc-social-share.cjs.entry.js +5 -12
- package/dist/cjs/ptc-span.cjs.entry.js +3 -8
- package/dist/cjs/ptc-svg-btn.cjs.entry.js +3 -5
- package/dist/cjs/ptc-tab-list.cjs.entry.js +3 -2
- package/dist/cjs/ptc-text-copy-with-background.cjs.entry.js +5 -9
- package/dist/cjs/ptc-title.cjs.entry.js +9 -17
- package/dist/cjs/ptc-two-column-media.cjs.entry.js +3 -2
- package/dist/cjs/ptcw-design.cjs.js +3 -3
- package/dist/cjs/tab-content.cjs.entry.js +3 -2
- package/dist/cjs/tab-header.cjs.entry.js +3 -2
- package/dist/collection/collection-manifest.json +2 -4
- package/dist/collection/components/dropdown-item/dropdown-item.js +51 -46
- package/dist/collection/components/icon-asset/icon-asset.js +167 -185
- package/dist/collection/components/list-item/list-item.js +85 -81
- package/dist/collection/components/my-component/my-component.js +70 -61
- package/dist/collection/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.js +199 -208
- package/dist/collection/components/ptc-accordion/ptc-accordion.js +43 -39
- package/dist/collection/components/ptc-announcement/ptc-announcement.js +199 -209
- package/dist/collection/components/ptc-breadcrumb/ptc-breadcrumb.js +12 -11
- package/dist/collection/components/ptc-button/ptc-button.js +221 -250
- package/dist/collection/components/ptc-card/ptc-card.css +167 -6
- package/dist/collection/components/ptc-card/ptc-card.js +261 -291
- package/dist/collection/components/ptc-card-bottom/ptc-card-bottom.js +85 -76
- package/dist/collection/components/ptc-card-content/ptc-card-content.js +85 -76
- package/dist/collection/components/ptc-card-plm/ptc-card-plm.js +85 -78
- package/dist/collection/components/ptc-checkbox/ptc-checkbox.js +86 -82
- package/dist/collection/components/ptc-collapse-list/ptc-collapse-list.js +238 -225
- package/dist/collection/components/ptc-container/ptc-container.js +85 -84
- package/dist/collection/components/ptc-date/ptc-date.js +160 -171
- package/dist/collection/components/ptc-dropdown/ptc-dropdown.js +108 -103
- package/dist/collection/components/ptc-dynamic-card/media/nav-active-dotslick.svg +16 -0
- package/dist/collection/components/ptc-dynamic-card/ptc-dynamic-card.css +4 -0
- package/dist/collection/components/ptc-dynamic-card/ptc-dynamic-card.js +158 -131
- package/dist/collection/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.js +89 -82
- package/dist/collection/components/ptc-filter-tag/ptc-filter-tag.js +58 -50
- package/dist/collection/components/ptc-hero/ptc-hero.js +51 -51
- package/dist/collection/components/ptc-hero-footer-cta/ptc-hero-footer-cta.js +70 -69
- package/dist/collection/components/ptc-icon-list/ptc-icon-list.js +102 -121
- package/dist/collection/components/ptc-icon-minimize/ptc-icon-minimize.js +51 -50
- package/dist/collection/components/ptc-img/ptc-img.js +162 -179
- package/dist/collection/components/ptc-link/ptc-link.js +160 -174
- package/dist/collection/components/ptc-list/ptc-list.js +51 -46
- package/dist/collection/components/ptc-lottie/ptc-lottie.js +50 -46
- package/dist/collection/components/ptc-minimized-footer/ptc-minimized-footer.js +12 -11
- package/dist/collection/components/ptc-minimized-header/ptc-minimized-header.js +68 -67
- package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.js +156 -168
- package/dist/collection/components/ptc-modal/ptc-modal.js +206 -224
- package/dist/collection/components/ptc-overlay/ptc-overlay.js +84 -78
- package/dist/collection/components/ptc-pagenation/ptc-pagenation.js +221 -216
- package/dist/collection/components/ptc-para/ptc-para.js +136 -145
- package/dist/collection/components/ptc-picture/ptc-picture.js +319 -340
- package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +53 -47
- package/dist/collection/components/ptc-pricing-block/ptc-pricing-block.js +36 -32
- package/dist/collection/components/ptc-quote/ptc-quote.js +120 -130
- package/dist/collection/components/ptc-readmore/ptc-readmore.js +97 -107
- package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.js +12 -9
- package/dist/collection/components/ptc-shopping-cart/ptc-shopping-cart.js +51 -45
- package/dist/collection/components/ptc-social-share/ptc-social-share.js +141 -146
- package/dist/collection/components/ptc-spacer/ptc-spacer.js +67 -70
- package/dist/collection/components/ptc-span/ptc-span.js +68 -70
- package/dist/collection/components/ptc-svg-btn/ptc-svg-btn.js +52 -51
- package/dist/collection/components/ptc-tab-list/ptc-tab-list.js +35 -30
- package/dist/collection/components/ptc-text-copy-with-background/ptc-text-copy-with-background.js +103 -109
- package/dist/collection/components/ptc-title/ptc-title.js +221 -227
- package/dist/collection/components/ptc-tooltip/ptc-tooltip.js +119 -136
- package/dist/collection/components/ptc-two-column-media/ptc-two-column-media.js +36 -28
- package/dist/collection/components/tab-content/tab-content.js +57 -47
- package/dist/collection/components/tab-header/tab-header.js +74 -62
- package/dist/custom-elements/index.d.ts +0 -12
- package/dist/custom-elements/index.js +212 -582
- package/dist/esm/dropdown-item.entry.js +2 -2
- package/dist/esm/icon-asset.entry.js +9 -21
- package/dist/esm/{index-5ff11327.js → index-0c73b51e.js} +486 -255
- package/dist/esm/list-item.entry.js +2 -2
- package/dist/esm/loader.js +3 -3
- package/dist/esm/lottie-player.entry.js +2 -2
- package/dist/esm/my-component.entry.js +5 -2
- package/dist/esm/polyfills/css-shim.js +1 -1
- package/dist/esm/ptc-accordion-item.entry.js +2 -16
- package/dist/esm/ptc-accordion.entry.js +2 -5
- package/dist/esm/ptc-announcement.entry.js +11 -22
- package/dist/esm/ptc-breadcrumb.entry.js +2 -2
- package/dist/esm/ptc-button.entry.js +3 -34
- package/dist/esm/ptc-card-bottom.entry.js +4 -2
- package/dist/esm/ptc-card-content.entry.js +4 -2
- package/dist/esm/ptc-card-plm.entry.js +5 -2
- package/dist/esm/ptc-card_6.entry.js +27 -135
- package/dist/esm/ptc-checkbox.entry.js +5 -3
- package/dist/esm/ptc-collapse-list.entry.js +13 -2
- package/dist/esm/ptc-container.entry.js +2 -5
- package/dist/esm/ptc-dropdown.entry.js +7 -7
- package/dist/esm/ptc-dynamic-card.entry.js +32 -25
- package/dist/esm/ptc-ellipsis-dropdown.entry.js +3 -2
- package/dist/esm/ptc-filter-tag.entry.js +4 -3
- package/dist/esm/ptc-hero-footer-cta.entry.js +5 -2
- package/dist/esm/ptc-hero.entry.js +3 -5
- package/dist/esm/ptc-icon-list.entry.js +2 -14
- package/dist/esm/ptc-icon-minimize.entry.js +3 -2
- package/dist/esm/ptc-link.entry.js +4 -20
- package/dist/esm/ptc-list.entry.js +2 -2
- package/dist/esm/ptc-lottie.entry.js +3 -5
- package/dist/esm/ptc-minimized-footer.entry.js +2 -2
- package/dist/esm/ptc-minimized-header.entry.js +2 -2
- package/dist/esm/ptc-mobile-select.entry.js +5 -20
- package/dist/esm/ptc-modal.entry.js +5 -23
- package/dist/esm/ptc-overlay.entry.js +5 -5
- package/dist/esm/ptc-pagenation.entry.js +13 -12
- package/dist/esm/ptc-previous-url.entry.js +4 -2
- package/dist/esm/ptc-pricing-block.entry.js +3 -2
- package/dist/esm/ptc-quote.entry.js +6 -8
- package/dist/esm/ptc-readmore_2.entry.js +4 -37
- package/dist/esm/ptc-responsive-wrapper.entry.js +2 -2
- package/dist/esm/ptc-shopping-cart.entry.js +3 -2
- package/dist/esm/ptc-social-share.entry.js +5 -12
- package/dist/esm/ptc-span.entry.js +3 -8
- package/dist/esm/ptc-svg-btn.entry.js +3 -5
- package/dist/esm/ptc-tab-list.entry.js +3 -2
- package/dist/esm/ptc-text-copy-with-background.entry.js +5 -9
- package/dist/esm/ptc-title.entry.js +9 -17
- package/dist/esm/ptc-two-column-media.entry.js +3 -2
- package/dist/esm/ptcw-design.js +3 -3
- package/dist/esm/tab-content.entry.js +3 -2
- package/dist/esm/tab-header.entry.js +3 -2
- package/dist/ptcw-design/media/nav-active-dotslick.svg +16 -0
- package/dist/ptcw-design/p-009001dc.js +2 -0
- package/dist/ptcw-design/p-00c1343b.entry.js +1 -0
- package/dist/ptcw-design/p-188d69d9.entry.js +1 -0
- package/dist/ptcw-design/p-1964f1f4.entry.js +1 -0
- package/dist/ptcw-design/p-1cd396ab.entry.js +1 -0
- package/dist/ptcw-design/p-1e80c01f.entry.js +1 -0
- package/dist/ptcw-design/p-21e27f2b.entry.js +1 -0
- package/dist/ptcw-design/p-24321c52.entry.js +1 -0
- package/dist/ptcw-design/p-2b6244ad.entry.js +1 -0
- package/dist/ptcw-design/{p-7599491c.entry.js → p-2dcea9db.entry.js} +1 -1
- package/dist/ptcw-design/p-36a453d4.entry.js +1 -0
- package/dist/ptcw-design/p-3db835e4.entry.js +1 -0
- package/dist/ptcw-design/p-3f85b469.entry.js +1 -0
- package/dist/ptcw-design/p-482a8bc9.entry.js +1 -0
- package/dist/ptcw-design/p-4de70656.entry.js +1 -0
- package/dist/ptcw-design/p-5105d9e5.entry.js +1 -0
- package/dist/ptcw-design/p-58e06eee.entry.js +1 -0
- package/dist/ptcw-design/p-5bb7354a.entry.js +1 -0
- package/dist/ptcw-design/p-5d585b54.entry.js +1 -0
- package/dist/ptcw-design/p-5dbf98a9.entry.js +1 -0
- package/dist/ptcw-design/p-60843852.entry.js +1 -0
- package/dist/ptcw-design/p-6131b9a1.entry.js +1 -0
- package/dist/ptcw-design/p-6b1fdce6.entry.js +1 -0
- package/dist/ptcw-design/p-6d713986.entry.js +1 -0
- package/dist/ptcw-design/p-8637cefc.entry.js +1 -0
- package/dist/ptcw-design/p-8808ecc8.entry.js +1 -0
- package/dist/ptcw-design/p-8b197833.entry.js +1 -0
- package/dist/ptcw-design/p-8b5b5614.entry.js +1 -0
- package/dist/ptcw-design/p-8bb41e7c.entry.js +1 -0
- package/dist/ptcw-design/p-9311ee3f.entry.js +1 -0
- package/dist/ptcw-design/p-97e00dfa.entry.js +1 -0
- package/dist/ptcw-design/p-a05fe3d0.entry.js +1 -0
- package/dist/ptcw-design/p-a0f25c98.entry.js +1 -0
- package/dist/ptcw-design/p-a4900673.entry.js +1 -0
- package/dist/ptcw-design/p-a749c353.entry.js +1 -0
- package/dist/ptcw-design/p-adcc9906.entry.js +1 -0
- package/dist/ptcw-design/p-b420e81a.entry.js +1 -0
- package/dist/ptcw-design/p-b701bbc0.entry.js +1 -0
- package/dist/ptcw-design/p-bbbced85.entry.js +1 -0
- package/dist/ptcw-design/p-c3f73953.entry.js +1 -0
- package/dist/ptcw-design/p-c4e20f99.entry.js +1 -0
- package/dist/ptcw-design/p-ca9efc42.entry.js +1 -0
- package/dist/ptcw-design/p-d56b953e.entry.js +1 -0
- package/dist/ptcw-design/{p-5e845a15.entry.js → p-d910c9d6.entry.js} +2 -2
- package/dist/ptcw-design/p-e3280772.entry.js +1 -0
- package/dist/ptcw-design/p-e34d194d.entry.js +1 -0
- package/dist/ptcw-design/p-e87bc2cd.entry.js +1 -0
- package/dist/ptcw-design/p-f2cb8bc4.entry.js +1 -0
- package/dist/ptcw-design/p-f9694131.entry.js +1 -0
- package/dist/ptcw-design/p-fbd43055.entry.js +1 -0
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/ptc-dynamic-card/ptc-dynamic-card.d.ts +11 -3
- package/dist/types/components.d.ts +86 -111
- package/dist/types/stencil-public-runtime.d.ts +20 -4
- package/loader/package.json +1 -0
- package/package.json +4 -3
- package/readme.md +1 -1
- package/dist/cjs/ptc-nav-item.cjs.entry.js +0 -94
- package/dist/cjs/ptc-nav.cjs.entry.js +0 -19
- package/dist/collection/components/ptc-nav/ptc-nav.css +0 -29
- package/dist/collection/components/ptc-nav/ptc-nav.js +0 -21
- package/dist/collection/components/ptc-nav-item/ptc-nav-item.css +0 -81
- package/dist/collection/components/ptc-nav-item/ptc-nav-item.js +0 -252
- package/dist/esm/ptc-nav-item.entry.js +0 -90
- package/dist/esm/ptc-nav.entry.js +0 -15
- package/dist/ptcw-design/p-09351f78.entry.js +0 -1
- package/dist/ptcw-design/p-10385027.entry.js +0 -1
- package/dist/ptcw-design/p-15ec8469.entry.js +0 -1
- package/dist/ptcw-design/p-1743d0ef.entry.js +0 -1
- package/dist/ptcw-design/p-1a77a824.entry.js +0 -1
- package/dist/ptcw-design/p-1ec512ea.entry.js +0 -1
- package/dist/ptcw-design/p-2de688ba.entry.js +0 -1
- package/dist/ptcw-design/p-2f6ecdf8.entry.js +0 -1
- package/dist/ptcw-design/p-39b8d25b.entry.js +0 -1
- package/dist/ptcw-design/p-3a4bb2b1.entry.js +0 -1
- package/dist/ptcw-design/p-3b87cd6f.entry.js +0 -1
- package/dist/ptcw-design/p-3b994b78.entry.js +0 -1
- package/dist/ptcw-design/p-4355ed7c.js +0 -1
- package/dist/ptcw-design/p-446423fc.entry.js +0 -1
- package/dist/ptcw-design/p-493b2571.entry.js +0 -1
- package/dist/ptcw-design/p-4ab335ac.entry.js +0 -1
- package/dist/ptcw-design/p-4da25d67.entry.js +0 -1
- package/dist/ptcw-design/p-53790fb4.entry.js +0 -1
- package/dist/ptcw-design/p-5bf5932c.entry.js +0 -1
- package/dist/ptcw-design/p-5c02f876.entry.js +0 -1
- package/dist/ptcw-design/p-5c5c8f25.entry.js +0 -1
- package/dist/ptcw-design/p-5fd37a0e.entry.js +0 -1
- package/dist/ptcw-design/p-5fd60b15.entry.js +0 -1
- package/dist/ptcw-design/p-6ab5aee9.entry.js +0 -1
- package/dist/ptcw-design/p-70d2c46d.entry.js +0 -1
- package/dist/ptcw-design/p-74a31734.entry.js +0 -1
- package/dist/ptcw-design/p-7a37d762.entry.js +0 -1
- package/dist/ptcw-design/p-83a9720c.entry.js +0 -1
- package/dist/ptcw-design/p-85e7bbc3.entry.js +0 -1
- package/dist/ptcw-design/p-87f9430f.entry.js +0 -1
- package/dist/ptcw-design/p-8ba6cef7.entry.js +0 -1
- package/dist/ptcw-design/p-8c0ba2d5.entry.js +0 -1
- package/dist/ptcw-design/p-8c594b35.entry.js +0 -1
- package/dist/ptcw-design/p-8d46a06e.entry.js +0 -1
- package/dist/ptcw-design/p-8e2e81c8.entry.js +0 -1
- package/dist/ptcw-design/p-96bfb95b.entry.js +0 -1
- package/dist/ptcw-design/p-baa7d351.entry.js +0 -1
- package/dist/ptcw-design/p-bcfd05dc.entry.js +0 -1
- package/dist/ptcw-design/p-be32e928.entry.js +0 -1
- package/dist/ptcw-design/p-c05f0c98.entry.js +0 -1
- package/dist/ptcw-design/p-c267b720.entry.js +0 -1
- package/dist/ptcw-design/p-c460a62d.entry.js +0 -1
- package/dist/ptcw-design/p-c91a875b.entry.js +0 -1
- package/dist/ptcw-design/p-cd2404f0.entry.js +0 -1
- package/dist/ptcw-design/p-ce5ee58d.entry.js +0 -1
- package/dist/ptcw-design/p-d39668ca.entry.js +0 -1
- package/dist/ptcw-design/p-e955c833.entry.js +0 -1
- package/dist/ptcw-design/p-f0cd0fb4.entry.js +0 -1
- package/dist/ptcw-design/p-f7d18b93.entry.js +0 -1
- package/dist/ptcw-design/p-fce72f70.entry.js +0 -1
- package/dist/types/components/ptc-nav/ptc-nav.d.ts +0 -3
- package/dist/types/components/ptc-nav-item/ptc-nav-item.d.ts +0 -53
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Host, h } from '@stencil/core';
|
|
2
2
|
export class PtcMinimizedHeader {
|
|
3
3
|
constructor() {
|
|
4
4
|
this.linkUrl = '#';
|
|
@@ -6,75 +6,76 @@ export class PtcMinimizedHeader {
|
|
|
6
6
|
this.imgAlt = 'PTC';
|
|
7
7
|
}
|
|
8
8
|
render() {
|
|
9
|
-
return (h(Host, null,
|
|
10
|
-
h("div", { class: "minimized-header" },
|
|
11
|
-
h("div", { class: "header" },
|
|
12
|
-
h("div", { class: "temp-container" },
|
|
13
|
-
h("a", { class: "mini-navbar-logo", href: this.linkUrl },
|
|
14
|
-
h("img", { src: this.imgSrc, alt: this.imgAlt })))))));
|
|
9
|
+
return (h(Host, null, h("div", { class: "minimized-header" }, h("div", { class: "header" }, h("div", { class: "temp-container" }, h("a", { class: "mini-navbar-logo", href: this.linkUrl }, h("img", { src: this.imgSrc, alt: this.imgAlt })))))));
|
|
15
10
|
}
|
|
16
11
|
static get is() { return "ptc-minimized-header"; }
|
|
17
12
|
static get encapsulation() { return "shadow"; }
|
|
18
|
-
static get originalStyleUrls() {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
"
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
"original": "string",
|
|
48
|
-
"resolved": "string",
|
|
49
|
-
"references": {}
|
|
50
|
-
},
|
|
51
|
-
"required": false,
|
|
52
|
-
"optional": false,
|
|
53
|
-
"docs": {
|
|
54
|
-
"tags": [],
|
|
55
|
-
"text": ""
|
|
56
|
-
},
|
|
57
|
-
"attribute": "img-src",
|
|
58
|
-
"reflect": true,
|
|
59
|
-
"defaultValue": "''"
|
|
60
|
-
},
|
|
61
|
-
"imgAlt": {
|
|
62
|
-
"type": "string",
|
|
63
|
-
"mutable": false,
|
|
64
|
-
"complexType": {
|
|
65
|
-
"original": "string",
|
|
66
|
-
"resolved": "string",
|
|
67
|
-
"references": {}
|
|
13
|
+
static get originalStyleUrls() {
|
|
14
|
+
return {
|
|
15
|
+
"$": ["ptc-minimized-header.scss"]
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
static get styleUrls() {
|
|
19
|
+
return {
|
|
20
|
+
"$": ["ptc-minimized-header.css"]
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
static get properties() {
|
|
24
|
+
return {
|
|
25
|
+
"linkUrl": {
|
|
26
|
+
"type": "string",
|
|
27
|
+
"mutable": false,
|
|
28
|
+
"complexType": {
|
|
29
|
+
"original": "string",
|
|
30
|
+
"resolved": "string",
|
|
31
|
+
"references": {}
|
|
32
|
+
},
|
|
33
|
+
"required": false,
|
|
34
|
+
"optional": false,
|
|
35
|
+
"docs": {
|
|
36
|
+
"tags": [],
|
|
37
|
+
"text": ""
|
|
38
|
+
},
|
|
39
|
+
"attribute": "link-url",
|
|
40
|
+
"reflect": true,
|
|
41
|
+
"defaultValue": "'#'"
|
|
68
42
|
},
|
|
69
|
-
"
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
"
|
|
73
|
-
|
|
43
|
+
"imgSrc": {
|
|
44
|
+
"type": "string",
|
|
45
|
+
"mutable": false,
|
|
46
|
+
"complexType": {
|
|
47
|
+
"original": "string",
|
|
48
|
+
"resolved": "string",
|
|
49
|
+
"references": {}
|
|
50
|
+
},
|
|
51
|
+
"required": false,
|
|
52
|
+
"optional": false,
|
|
53
|
+
"docs": {
|
|
54
|
+
"tags": [],
|
|
55
|
+
"text": ""
|
|
56
|
+
},
|
|
57
|
+
"attribute": "img-src",
|
|
58
|
+
"reflect": true,
|
|
59
|
+
"defaultValue": "''"
|
|
74
60
|
},
|
|
75
|
-
"
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
61
|
+
"imgAlt": {
|
|
62
|
+
"type": "string",
|
|
63
|
+
"mutable": false,
|
|
64
|
+
"complexType": {
|
|
65
|
+
"original": "string",
|
|
66
|
+
"resolved": "string",
|
|
67
|
+
"references": {}
|
|
68
|
+
},
|
|
69
|
+
"required": false,
|
|
70
|
+
"optional": false,
|
|
71
|
+
"docs": {
|
|
72
|
+
"tags": [],
|
|
73
|
+
"text": ""
|
|
74
|
+
},
|
|
75
|
+
"attribute": "img-alt",
|
|
76
|
+
"reflect": true,
|
|
77
|
+
"defaultValue": "'PTC'"
|
|
78
|
+
}
|
|
79
|
+
};
|
|
80
|
+
}
|
|
80
81
|
}
|
|
@@ -1,36 +1,18 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { h } from '@stencil/core';
|
|
2
2
|
import MobileSelect from 'mobile-select';
|
|
3
3
|
export class PtcMobileSelect {
|
|
4
4
|
constructor() {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
*/
|
|
5
|
+
this.triggerName = undefined;
|
|
6
|
+
this.selectedText = undefined;
|
|
7
|
+
this.wheelData = undefined;
|
|
9
8
|
this.selectedId = '';
|
|
10
|
-
/**
|
|
11
|
-
* Confirm Text
|
|
12
|
-
* - translation goes here
|
|
13
|
-
*/
|
|
14
9
|
this.ensureBtnText = 'Confirm';
|
|
15
|
-
/**
|
|
16
|
-
* Cancel Text
|
|
17
|
-
* - translation goes here
|
|
18
|
-
*/
|
|
19
10
|
this.cancelBtnText = 'Cancel';
|
|
20
|
-
/**
|
|
21
|
-
* Mobile select list title (Optional)
|
|
22
|
-
*/
|
|
23
11
|
this.listTitle = undefined;
|
|
24
|
-
/**
|
|
25
|
-
* link url
|
|
26
|
-
*/
|
|
27
12
|
this.linkUrl = undefined;
|
|
28
13
|
}
|
|
29
14
|
render() {
|
|
30
|
-
return (h("div", { class: "mobile-select-wrapper" },
|
|
31
|
-
h("div", { id: this.triggerName },
|
|
32
|
-
this.selectedText,
|
|
33
|
-
h("icon-asset", { type: "ptc", size: "x-small", name: "chevron-down", color: "white", "is-mobile-select": "true", "injected-style": "svg.ismobileselect{transform:translateX(10px);}" }))));
|
|
15
|
+
return (h("div", { class: "mobile-select-wrapper" }, h("div", { id: this.triggerName }, this.selectedText, h("icon-asset", { type: "ptc", size: "x-small", name: "chevron-down", color: "white", "is-mobile-select": "true", "injected-style": "svg.ismobileselect{transform:translateX(10px);}" }))));
|
|
34
16
|
}
|
|
35
17
|
componentDidRender() {
|
|
36
18
|
let currentId = this.selectedId; //input current lang
|
|
@@ -71,151 +53,157 @@ export class PtcMobileSelect {
|
|
|
71
53
|
});
|
|
72
54
|
}
|
|
73
55
|
static get is() { return "ptc-mobile-select"; }
|
|
74
|
-
static get originalStyleUrls() {
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
"
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
"
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
"
|
|
56
|
+
static get originalStyleUrls() {
|
|
57
|
+
return {
|
|
58
|
+
"$": ["ptc-mobile-select.scss"]
|
|
59
|
+
};
|
|
60
|
+
}
|
|
61
|
+
static get styleUrls() {
|
|
62
|
+
return {
|
|
63
|
+
"$": ["ptc-mobile-select.css"]
|
|
64
|
+
};
|
|
65
|
+
}
|
|
66
|
+
static get properties() {
|
|
67
|
+
return {
|
|
68
|
+
"triggerName": {
|
|
69
|
+
"type": "string",
|
|
70
|
+
"mutable": false,
|
|
71
|
+
"complexType": {
|
|
72
|
+
"original": "string",
|
|
73
|
+
"resolved": "string",
|
|
74
|
+
"references": {}
|
|
75
|
+
},
|
|
76
|
+
"required": false,
|
|
77
|
+
"optional": false,
|
|
78
|
+
"docs": {
|
|
79
|
+
"tags": [],
|
|
80
|
+
"text": "Trigger Name (Mandatory)"
|
|
81
|
+
},
|
|
82
|
+
"attribute": "trigger-name",
|
|
83
|
+
"reflect": false
|
|
84
|
+
},
|
|
85
|
+
"selectedText": {
|
|
86
|
+
"type": "string",
|
|
87
|
+
"mutable": false,
|
|
88
|
+
"complexType": {
|
|
89
|
+
"original": "string",
|
|
90
|
+
"resolved": "string",
|
|
91
|
+
"references": {}
|
|
92
|
+
},
|
|
93
|
+
"required": false,
|
|
94
|
+
"optional": false,
|
|
95
|
+
"docs": {
|
|
96
|
+
"tags": [],
|
|
97
|
+
"text": "Selected Text (Mandatory)"
|
|
98
|
+
},
|
|
99
|
+
"attribute": "selected-text",
|
|
100
|
+
"reflect": false
|
|
101
|
+
},
|
|
102
|
+
"wheelData": {
|
|
103
|
+
"type": "unknown",
|
|
104
|
+
"mutable": true,
|
|
105
|
+
"complexType": {
|
|
106
|
+
"original": "string[]",
|
|
107
|
+
"resolved": "string[]",
|
|
108
|
+
"references": {}
|
|
109
|
+
},
|
|
110
|
+
"required": false,
|
|
111
|
+
"optional": false,
|
|
112
|
+
"docs": {
|
|
113
|
+
"tags": [],
|
|
114
|
+
"text": "Wheel Data (Mandatory)\r\neg: data: [{ id: \"1\", value: \"\u9644\u8FD1\" }],"
|
|
115
|
+
}
|
|
122
116
|
},
|
|
123
|
-
"
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
"
|
|
127
|
-
|
|
117
|
+
"selectedId": {
|
|
118
|
+
"type": "string",
|
|
119
|
+
"mutable": false,
|
|
120
|
+
"complexType": {
|
|
121
|
+
"original": "string",
|
|
122
|
+
"resolved": "string",
|
|
123
|
+
"references": {}
|
|
124
|
+
},
|
|
125
|
+
"required": false,
|
|
126
|
+
"optional": false,
|
|
127
|
+
"docs": {
|
|
128
|
+
"tags": [],
|
|
129
|
+
"text": "Selected Id\r\n- initialize the id(string) of default wheel"
|
|
130
|
+
},
|
|
131
|
+
"attribute": "selected-id",
|
|
132
|
+
"reflect": false,
|
|
133
|
+
"defaultValue": "''"
|
|
134
|
+
},
|
|
135
|
+
"ensureBtnText": {
|
|
136
|
+
"type": "string",
|
|
137
|
+
"mutable": false,
|
|
138
|
+
"complexType": {
|
|
139
|
+
"original": "string",
|
|
140
|
+
"resolved": "string",
|
|
141
|
+
"references": {}
|
|
142
|
+
},
|
|
143
|
+
"required": false,
|
|
144
|
+
"optional": false,
|
|
145
|
+
"docs": {
|
|
146
|
+
"tags": [],
|
|
147
|
+
"text": "Confirm Text\r\n- translation goes here"
|
|
148
|
+
},
|
|
149
|
+
"attribute": "ensure-btn-text",
|
|
150
|
+
"reflect": false,
|
|
151
|
+
"defaultValue": "'Confirm'"
|
|
152
|
+
},
|
|
153
|
+
"cancelBtnText": {
|
|
154
|
+
"type": "string",
|
|
155
|
+
"mutable": false,
|
|
156
|
+
"complexType": {
|
|
157
|
+
"original": "string",
|
|
158
|
+
"resolved": "string",
|
|
159
|
+
"references": {}
|
|
160
|
+
},
|
|
161
|
+
"required": false,
|
|
162
|
+
"optional": false,
|
|
163
|
+
"docs": {
|
|
164
|
+
"tags": [],
|
|
165
|
+
"text": "Cancel Text\r\n- translation goes here"
|
|
166
|
+
},
|
|
167
|
+
"attribute": "cancel-btn-text",
|
|
168
|
+
"reflect": false,
|
|
169
|
+
"defaultValue": "'Cancel'"
|
|
170
|
+
},
|
|
171
|
+
"listTitle": {
|
|
172
|
+
"type": "string",
|
|
173
|
+
"mutable": false,
|
|
174
|
+
"complexType": {
|
|
175
|
+
"original": "string",
|
|
176
|
+
"resolved": "string",
|
|
177
|
+
"references": {}
|
|
178
|
+
},
|
|
179
|
+
"required": false,
|
|
180
|
+
"optional": false,
|
|
181
|
+
"docs": {
|
|
182
|
+
"tags": [],
|
|
183
|
+
"text": "Mobile select list title (Optional)"
|
|
184
|
+
},
|
|
185
|
+
"attribute": "list-title",
|
|
186
|
+
"reflect": false,
|
|
187
|
+
"defaultValue": "undefined"
|
|
188
|
+
},
|
|
189
|
+
"linkUrl": {
|
|
190
|
+
"type": "string",
|
|
191
|
+
"mutable": true,
|
|
192
|
+
"complexType": {
|
|
193
|
+
"original": "string",
|
|
194
|
+
"resolved": "string",
|
|
195
|
+
"references": {}
|
|
196
|
+
},
|
|
197
|
+
"required": false,
|
|
198
|
+
"optional": false,
|
|
199
|
+
"docs": {
|
|
200
|
+
"tags": [],
|
|
201
|
+
"text": "link url"
|
|
202
|
+
},
|
|
203
|
+
"attribute": "link-url",
|
|
204
|
+
"reflect": false,
|
|
205
|
+
"defaultValue": "undefined"
|
|
128
206
|
}
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
"type": "string",
|
|
132
|
-
"mutable": false,
|
|
133
|
-
"complexType": {
|
|
134
|
-
"original": "string",
|
|
135
|
-
"resolved": "string",
|
|
136
|
-
"references": {}
|
|
137
|
-
},
|
|
138
|
-
"required": false,
|
|
139
|
-
"optional": false,
|
|
140
|
-
"docs": {
|
|
141
|
-
"tags": [],
|
|
142
|
-
"text": "Selected Id\r\n- initialize the id(string) of default wheel"
|
|
143
|
-
},
|
|
144
|
-
"attribute": "selected-id",
|
|
145
|
-
"reflect": false,
|
|
146
|
-
"defaultValue": "''"
|
|
147
|
-
},
|
|
148
|
-
"ensureBtnText": {
|
|
149
|
-
"type": "string",
|
|
150
|
-
"mutable": false,
|
|
151
|
-
"complexType": {
|
|
152
|
-
"original": "string",
|
|
153
|
-
"resolved": "string",
|
|
154
|
-
"references": {}
|
|
155
|
-
},
|
|
156
|
-
"required": false,
|
|
157
|
-
"optional": false,
|
|
158
|
-
"docs": {
|
|
159
|
-
"tags": [],
|
|
160
|
-
"text": "Confirm Text\r\n- translation goes here"
|
|
161
|
-
},
|
|
162
|
-
"attribute": "ensure-btn-text",
|
|
163
|
-
"reflect": false,
|
|
164
|
-
"defaultValue": "'Confirm'"
|
|
165
|
-
},
|
|
166
|
-
"cancelBtnText": {
|
|
167
|
-
"type": "string",
|
|
168
|
-
"mutable": false,
|
|
169
|
-
"complexType": {
|
|
170
|
-
"original": "string",
|
|
171
|
-
"resolved": "string",
|
|
172
|
-
"references": {}
|
|
173
|
-
},
|
|
174
|
-
"required": false,
|
|
175
|
-
"optional": false,
|
|
176
|
-
"docs": {
|
|
177
|
-
"tags": [],
|
|
178
|
-
"text": "Cancel Text\r\n- translation goes here"
|
|
179
|
-
},
|
|
180
|
-
"attribute": "cancel-btn-text",
|
|
181
|
-
"reflect": false,
|
|
182
|
-
"defaultValue": "'Cancel'"
|
|
183
|
-
},
|
|
184
|
-
"listTitle": {
|
|
185
|
-
"type": "string",
|
|
186
|
-
"mutable": false,
|
|
187
|
-
"complexType": {
|
|
188
|
-
"original": "string",
|
|
189
|
-
"resolved": "string",
|
|
190
|
-
"references": {}
|
|
191
|
-
},
|
|
192
|
-
"required": false,
|
|
193
|
-
"optional": false,
|
|
194
|
-
"docs": {
|
|
195
|
-
"tags": [],
|
|
196
|
-
"text": "Mobile select list title (Optional)"
|
|
197
|
-
},
|
|
198
|
-
"attribute": "list-title",
|
|
199
|
-
"reflect": false,
|
|
200
|
-
"defaultValue": "undefined"
|
|
201
|
-
},
|
|
202
|
-
"linkUrl": {
|
|
203
|
-
"type": "string",
|
|
204
|
-
"mutable": true,
|
|
205
|
-
"complexType": {
|
|
206
|
-
"original": "string",
|
|
207
|
-
"resolved": "string",
|
|
208
|
-
"references": {}
|
|
209
|
-
},
|
|
210
|
-
"required": false,
|
|
211
|
-
"optional": false,
|
|
212
|
-
"docs": {
|
|
213
|
-
"tags": [],
|
|
214
|
-
"text": "link url"
|
|
215
|
-
},
|
|
216
|
-
"attribute": "link-url",
|
|
217
|
-
"reflect": false,
|
|
218
|
-
"defaultValue": "undefined"
|
|
219
|
-
}
|
|
220
|
-
}; }
|
|
207
|
+
};
|
|
208
|
+
}
|
|
221
209
|
}
|