@ptcwebops/ptcw-design 0.6.6 → 0.6.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/icon-asset_13.cjs.entry.js +41 -13
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/my-component.cjs.entry.js +1 -1
- package/dist/cjs/ptc-card-content_2.cjs.entry.js +2 -2
- package/dist/cjs/ptc-collapse-list.cjs.entry.js +186 -42
- package/dist/cjs/ptc-pagenation.cjs.entry.js +1 -1
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/cjs/tab-header.cjs.entry.js +1 -1
- package/dist/cjs/{utils-dc2c222f.js → utils-2ac2a528.js} +16 -0
- package/dist/collection/components/icon-asset/icon-asset.css +25 -0
- package/dist/collection/components/icon-asset/icon-asset.js +4 -4
- package/dist/collection/components/icon-asset/media/designer.svg +7 -4
- package/dist/collection/components/ptc-card-content/ptc-card-content.js +2 -2
- package/dist/collection/components/ptc-checkbox/ptc-checkbox.js +1 -1
- package/dist/collection/components/ptc-collapse-list/ptc-collapse-list.css +130 -57
- package/dist/collection/components/ptc-collapse-list/ptc-collapse-list.js +314 -46
- package/dist/collection/components/ptc-filter-tag/ptc-filter-tag.css +15 -0
- package/dist/collection/components/ptc-filter-tag/ptc-filter-tag.js +45 -10
- package/dist/collection/components/ptc-icon-minimize/ptc-icon-minimize.js +1 -1
- package/dist/collection/components/ptc-pagenation/ptc-pagenation.css +2 -2
- package/dist/collection/components/tab-header/tab-header.js +1 -2
- package/dist/collection/utils/utils.js +16 -0
- package/dist/custom-elements/index.js +248 -62
- package/dist/esm/icon-asset_13.entry.js +41 -13
- package/dist/esm/loader.js +1 -1
- package/dist/esm/my-component.entry.js +1 -1
- package/dist/esm/ptc-card-content_2.entry.js +2 -2
- package/dist/esm/ptc-collapse-list.entry.js +186 -42
- package/dist/esm/ptc-pagenation.entry.js +1 -1
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/esm/tab-header.entry.js +1 -1
- package/dist/esm/{utils-334d53bc.js → utils-2dbb41dc.js} +16 -1
- package/dist/ptcw-design/media/designer.svg +7 -4
- package/dist/ptcw-design/p-14f55c38.entry.js +1 -0
- package/dist/ptcw-design/{p-57f553f0.entry.js → p-3f2c3e47.entry.js} +1 -1
- package/dist/ptcw-design/p-53deea18.entry.js +1 -0
- package/dist/ptcw-design/p-5e98555a.js +1 -0
- package/dist/ptcw-design/{p-cc5e59ce.entry.js → p-b30ba340.entry.js} +1 -1
- package/dist/ptcw-design/p-da709b70.entry.js +1 -0
- package/dist/ptcw-design/{p-dac5d058.entry.js → p-e7e07b91.entry.js} +1 -1
- package/dist/ptcw-design/ptcw-design.css +1 -1
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/icon-asset/icon-asset.d.ts +2 -2
- package/dist/types/components/ptc-collapse-list/ptc-collapse-list.d.ts +18 -2
- package/dist/types/components/ptc-filter-tag/ptc-filter-tag.d.ts +7 -1
- package/dist/types/components.d.ts +16 -13
- package/dist/types/utils/utils.d.ts +1 -0
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/ptcw-design/p-0b1a9208.entry.js +0 -1
- package/dist/ptcw-design/p-2bec91cd.entry.js +0 -1
- package/dist/ptcw-design/p-2e496d31.js +0 -1
- package/dist/ptcw-design/p-8466b65b.entry.js +0 -1
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-b3fabe79.js');
|
|
6
6
|
|
|
7
|
-
const iconAssetCss = ".svg-inline--fa.sc-icon-asset,svg.sc-icon-asset:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa.sc-icon-asset{display:inline-block;font-size:inherit;height:1em;vertical-align:-.125em}.svg-inline--fa.fa-lg.sc-icon-asset{vertical-align:-.225em}.svg-inline--fa.fa-w-1.sc-icon-asset{width:.0625em}.svg-inline--fa.fa-w-2.sc-icon-asset{width:.125em}.svg-inline--fa.fa-w-3.sc-icon-asset{width:.1875em}.svg-inline--fa.fa-w-4.sc-icon-asset{width:.25em}.svg-inline--fa.fa-w-5.sc-icon-asset{width:.3125em}.svg-inline--fa.fa-w-6.sc-icon-asset{width:.375em}.svg-inline--fa.fa-w-7.sc-icon-asset{width:.4375em}.svg-inline--fa.fa-w-8.sc-icon-asset{width:.5em}.svg-inline--fa.fa-w-9.sc-icon-asset{width:.5625em}.svg-inline--fa.fa-w-10.sc-icon-asset{width:.625em}.svg-inline--fa.fa-w-11.sc-icon-asset{width:.6875em}.svg-inline--fa.fa-w-12.sc-icon-asset{width:.75em}.svg-inline--fa.fa-w-13.sc-icon-asset{width:.8125em}.svg-inline--fa.fa-w-14.sc-icon-asset{width:.875em}.svg-inline--fa.fa-w-15.sc-icon-asset{width:.9375em}.svg-inline--fa.fa-w-16.sc-icon-asset{width:1em}.svg-inline--fa.fa-w-17.sc-icon-asset{width:1.0625em}.svg-inline--fa.fa-w-18.sc-icon-asset{width:1.125em}.svg-inline--fa.fa-w-19.sc-icon-asset{width:1.1875em}.svg-inline--fa.fa-w-20.sc-icon-asset{width:1.25em}.svg-inline--fa.fa-pull-left.sc-icon-asset{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right.sc-icon-asset{margin-left:.3em;width:auto}.svg-inline--fa.fa-border.sc-icon-asset{height:1.5em}.svg-inline--fa.fa-li.sc-icon-asset{width:2em}.svg-inline--fa.fa-fw.sc-icon-asset{width:1.25em}.fa-layers.sc-icon-asset svg.svg-inline--fa.sc-icon-asset{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers.sc-icon-asset{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers.sc-icon-asset svg.svg-inline--fa.sc-icon-asset{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter.sc-icon-asset,.fa-layers-text.sc-icon-asset{display:inline-block;position:absolute;text-align:center}.fa-layers-text.sc-icon-asset{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter.sc-icon-asset{background-color:#ff253a;border-radius:1em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right.sc-icon-asset{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left.sc-icon-asset{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right.sc-icon-asset{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left.sc-icon-asset{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg.sc-icon-asset{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs.sc-icon-asset{font-size:.75em}.fa-sm.sc-icon-asset{font-size:.875em}.fa-1x.sc-icon-asset{font-size:1em}.fa-2x.sc-icon-asset{font-size:2em}.fa-3x.sc-icon-asset{font-size:3em}.fa-4x.sc-icon-asset{font-size:4em}.fa-5x.sc-icon-asset{font-size:5em}.fa-6x.sc-icon-asset{font-size:6em}.fa-7x.sc-icon-asset{font-size:7em}.fa-8x.sc-icon-asset{font-size:8em}.fa-9x.sc-icon-asset{font-size:9em}.fa-10x.sc-icon-asset{font-size:10em}.fa-fw.sc-icon-asset{text-align:center;width:1.25em}.fa-ul.sc-icon-asset{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul.sc-icon-asset>li.sc-icon-asset{position:relative}.fa-li.sc-icon-asset{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border.sc-icon-asset{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left.sc-icon-asset{float:left}.fa-pull-right.sc-icon-asset{float:right}.fa.fa-pull-left.sc-icon-asset,.fab.fa-pull-left.sc-icon-asset,.fal.fa-pull-left.sc-icon-asset,.far.fa-pull-left.sc-icon-asset,.fas.fa-pull-left.sc-icon-asset{margin-right:.3em}.fa.fa-pull-right.sc-icon-asset,.fab.fa-pull-right.sc-icon-asset,.fal.fa-pull-right.sc-icon-asset,.far.fa-pull-right.sc-icon-asset,.fas.fa-pull-right.sc-icon-asset{margin-left:.3em}.fa-spin.sc-icon-asset{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse.sc-icon-asset{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)\";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)\";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)\";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical.sc-icon-asset{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both.sc-icon-asset,.fa-flip-horizontal.fa-flip-vertical.sc-icon-asset,.fa-flip-vertical.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\"}.fa-flip-both.sc-icon-asset,.fa-flip-horizontal.fa-flip-vertical.sc-icon-asset{-webkit-transform:scale(-1);transform:scale(-1)}.sc-icon-asset:root .fa-flip-both.sc-icon-asset,.sc-icon-asset:root .fa-flip-horizontal.sc-icon-asset,.sc-icon-asset:root .fa-flip-vertical.sc-icon-asset,.sc-icon-asset:root .fa-rotate-90.sc-icon-asset,.sc-icon-asset:root .fa-rotate-180.sc-icon-asset,.sc-icon-asset:root .fa-rotate-270.sc-icon-asset{-webkit-filter:none;filter:none}.fa-stack.sc-icon-asset{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x.sc-icon-asset,.fa-stack-2x.sc-icon-asset{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x.sc-icon-asset{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x.sc-icon-asset{height:2em;width:2.5em}.fa-inverse.sc-icon-asset{color:#fff}.sr-only.sc-icon-asset{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable.sc-icon-asset:active,.sr-only-focusable.sc-icon-asset:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.svg-inline--fa.sc-icon-asset .fa-primary.sc-icon-asset{fill:var(--fa-primary-color,currentColor);opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa.sc-icon-asset .fa-secondary.sc-icon-asset{fill:var(--fa-secondary-color,currentColor)}.svg-inline--fa.sc-icon-asset .fa-secondary.sc-icon-asset,.svg-inline--fa.fa-swap-opacity.sc-icon-asset .fa-primary.sc-icon-asset{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity.sc-icon-asset .fa-secondary.sc-icon-asset{opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa.sc-icon-asset mask.sc-icon-asset .fa-primary.sc-icon-asset,.svg-inline--fa.sc-icon-asset mask.sc-icon-asset .fa-secondary.sc-icon-asset{fill:#000}.fad.fa-inverse.sc-icon-asset{color:#fff}icon-asset.sc-icon-asset{vertical-align:middle}svg.sc-icon-asset{transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}svg.xxx-small.sc-icon-asset{width:var(--ptc-font-size-xxx-small);height:var(--ptc-font-size-xxx-small)}svg.xx-small.sc-icon-asset{width:var(--ptc-font-size-xx-small);height:var(--ptc-font-size-xx-small)}svg.x-small.sc-icon-asset{width:var(--ptc-font-size-x-small);height:var(--ptc-font-size-x-small)}svg.small.sc-icon-asset{width:var(--ptc-font-size-small);height:var(--ptc-font-size-small)}svg.medium.sc-icon-asset{width:var(--ptc-font-size-medium);height:var(--ptc-font-size-medium)}svg.large.sc-icon-asset{width:var(--ptc-font-size-large);height:var(--ptc-font-size-large)}svg.x-large.sc-icon-asset{width:var(--ptc-font-size-x-large);height:var(--ptc-font-size-x-large)}svg.xx-large.sc-icon-asset{width:var(--ptc-font-size-xx-large);height:var(--ptc-font-size-xx-large)}svg.xxx-large.sc-icon-asset{width:var(--ptc-font-size-xxx-large);height:var(--ptc-font-size-xxx-large)}svg.xxxx-large.sc-icon-asset{width:var(--ptc-font-size-xxxx-large);height:var(--ptc-font-size-xxxx-large)}svg.white.sc-icon-asset{fill:var(--color-white)}svg.black.sc-icon-asset{fill:var(--color-black)}svg.ptc-green.sc-icon-asset{fill:var(--color-green-07)}svg.gray.sc-icon-asset{fill:var(--color-gray-06)}svg.inherit.sc-icon-asset{fill:inherit}";
|
|
7
|
+
const iconAssetCss = ".svg-inline--fa.sc-icon-asset,svg.sc-icon-asset:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa.sc-icon-asset{display:inline-block;font-size:inherit;height:1em;vertical-align:-.125em}.svg-inline--fa.fa-lg.sc-icon-asset{vertical-align:-.225em}.svg-inline--fa.fa-w-1.sc-icon-asset{width:.0625em}.svg-inline--fa.fa-w-2.sc-icon-asset{width:.125em}.svg-inline--fa.fa-w-3.sc-icon-asset{width:.1875em}.svg-inline--fa.fa-w-4.sc-icon-asset{width:.25em}.svg-inline--fa.fa-w-5.sc-icon-asset{width:.3125em}.svg-inline--fa.fa-w-6.sc-icon-asset{width:.375em}.svg-inline--fa.fa-w-7.sc-icon-asset{width:.4375em}.svg-inline--fa.fa-w-8.sc-icon-asset{width:.5em}.svg-inline--fa.fa-w-9.sc-icon-asset{width:.5625em}.svg-inline--fa.fa-w-10.sc-icon-asset{width:.625em}.svg-inline--fa.fa-w-11.sc-icon-asset{width:.6875em}.svg-inline--fa.fa-w-12.sc-icon-asset{width:.75em}.svg-inline--fa.fa-w-13.sc-icon-asset{width:.8125em}.svg-inline--fa.fa-w-14.sc-icon-asset{width:.875em}.svg-inline--fa.fa-w-15.sc-icon-asset{width:.9375em}.svg-inline--fa.fa-w-16.sc-icon-asset{width:1em}.svg-inline--fa.fa-w-17.sc-icon-asset{width:1.0625em}.svg-inline--fa.fa-w-18.sc-icon-asset{width:1.125em}.svg-inline--fa.fa-w-19.sc-icon-asset{width:1.1875em}.svg-inline--fa.fa-w-20.sc-icon-asset{width:1.25em}.svg-inline--fa.fa-pull-left.sc-icon-asset{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right.sc-icon-asset{margin-left:.3em;width:auto}.svg-inline--fa.fa-border.sc-icon-asset{height:1.5em}.svg-inline--fa.fa-li.sc-icon-asset{width:2em}.svg-inline--fa.fa-fw.sc-icon-asset{width:1.25em}.fa-layers.sc-icon-asset svg.svg-inline--fa.sc-icon-asset{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers.sc-icon-asset{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers.sc-icon-asset svg.svg-inline--fa.sc-icon-asset{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter.sc-icon-asset,.fa-layers-text.sc-icon-asset{display:inline-block;position:absolute;text-align:center}.fa-layers-text.sc-icon-asset{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter.sc-icon-asset{background-color:#ff253a;border-radius:1em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right.sc-icon-asset{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left.sc-icon-asset{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right.sc-icon-asset{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left.sc-icon-asset{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg.sc-icon-asset{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs.sc-icon-asset{font-size:.75em}.fa-sm.sc-icon-asset{font-size:.875em}.fa-1x.sc-icon-asset{font-size:1em}.fa-2x.sc-icon-asset{font-size:2em}.fa-3x.sc-icon-asset{font-size:3em}.fa-4x.sc-icon-asset{font-size:4em}.fa-5x.sc-icon-asset{font-size:5em}.fa-6x.sc-icon-asset{font-size:6em}.fa-7x.sc-icon-asset{font-size:7em}.fa-8x.sc-icon-asset{font-size:8em}.fa-9x.sc-icon-asset{font-size:9em}.fa-10x.sc-icon-asset{font-size:10em}.fa-fw.sc-icon-asset{text-align:center;width:1.25em}.fa-ul.sc-icon-asset{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul.sc-icon-asset>li.sc-icon-asset{position:relative}.fa-li.sc-icon-asset{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border.sc-icon-asset{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left.sc-icon-asset{float:left}.fa-pull-right.sc-icon-asset{float:right}.fa.fa-pull-left.sc-icon-asset,.fab.fa-pull-left.sc-icon-asset,.fal.fa-pull-left.sc-icon-asset,.far.fa-pull-left.sc-icon-asset,.fas.fa-pull-left.sc-icon-asset{margin-right:.3em}.fa.fa-pull-right.sc-icon-asset,.fab.fa-pull-right.sc-icon-asset,.fal.fa-pull-right.sc-icon-asset,.far.fa-pull-right.sc-icon-asset,.fas.fa-pull-right.sc-icon-asset{margin-left:.3em}.fa-spin.sc-icon-asset{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse.sc-icon-asset{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)\";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)\";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)\";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical.sc-icon-asset{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both.sc-icon-asset,.fa-flip-horizontal.fa-flip-vertical.sc-icon-asset,.fa-flip-vertical.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\"}.fa-flip-both.sc-icon-asset,.fa-flip-horizontal.fa-flip-vertical.sc-icon-asset{-webkit-transform:scale(-1);transform:scale(-1)}.sc-icon-asset:root .fa-flip-both.sc-icon-asset,.sc-icon-asset:root .fa-flip-horizontal.sc-icon-asset,.sc-icon-asset:root .fa-flip-vertical.sc-icon-asset,.sc-icon-asset:root .fa-rotate-90.sc-icon-asset,.sc-icon-asset:root .fa-rotate-180.sc-icon-asset,.sc-icon-asset:root .fa-rotate-270.sc-icon-asset{-webkit-filter:none;filter:none}.fa-stack.sc-icon-asset{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x.sc-icon-asset,.fa-stack-2x.sc-icon-asset{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x.sc-icon-asset{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x.sc-icon-asset{height:2em;width:2.5em}.fa-inverse.sc-icon-asset{color:#fff}.sr-only.sc-icon-asset{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable.sc-icon-asset:active,.sr-only-focusable.sc-icon-asset:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.svg-inline--fa.sc-icon-asset .fa-primary.sc-icon-asset{fill:var(--fa-primary-color,currentColor);opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa.sc-icon-asset .fa-secondary.sc-icon-asset{fill:var(--fa-secondary-color,currentColor)}.svg-inline--fa.sc-icon-asset .fa-secondary.sc-icon-asset,.svg-inline--fa.fa-swap-opacity.sc-icon-asset .fa-primary.sc-icon-asset{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity.sc-icon-asset .fa-secondary.sc-icon-asset{opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa.sc-icon-asset mask.sc-icon-asset .fa-primary.sc-icon-asset,.svg-inline--fa.sc-icon-asset mask.sc-icon-asset .fa-secondary.sc-icon-asset{fill:#000}.fad.fa-inverse.sc-icon-asset{color:#fff}icon-asset.sc-icon-asset{vertical-align:middle}svg.sc-icon-asset{transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}svg.micro.sc-icon-asset{width:calc(var(--ptc-font-size-x-small)/2);height:calc(var(--ptc-font-size-x-small)/2)}svg.xxx-small.sc-icon-asset{width:var(--ptc-font-size-xxx-small);height:var(--ptc-font-size-xxx-small)}svg.xx-small.sc-icon-asset{width:var(--ptc-font-size-xx-small);height:var(--ptc-font-size-xx-small)}svg.x-small.sc-icon-asset{width:var(--ptc-font-size-x-small);height:var(--ptc-font-size-x-small)}svg.small.sc-icon-asset{width:var(--ptc-font-size-small);height:var(--ptc-font-size-small)}svg.medium.sc-icon-asset{width:var(--ptc-font-size-medium);height:var(--ptc-font-size-medium)}svg.large.sc-icon-asset{width:var(--ptc-font-size-large);height:var(--ptc-font-size-large)}svg.x-large.sc-icon-asset{width:var(--ptc-font-size-x-large);height:var(--ptc-font-size-x-large)}svg.xx-large.sc-icon-asset{width:var(--ptc-font-size-xx-large);height:var(--ptc-font-size-xx-large)}svg.xxx-large.sc-icon-asset{width:var(--ptc-font-size-xxx-large);height:var(--ptc-font-size-xxx-large)}svg.xxxx-large.sc-icon-asset{width:var(--ptc-font-size-xxxx-large);height:var(--ptc-font-size-xxxx-large)}svg.white.sc-icon-asset{fill:var(--color-white)}svg.white.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.white.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.white.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-white)}svg.black.sc-icon-asset{fill:var(--color-black)}svg.black.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.black.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.black.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-black)}svg.ptc-green.sc-icon-asset{fill:var(--color-green-07)}svg.ptc-green.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.ptc-green.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.ptc-green.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-green-07)}svg.gray.sc-icon-asset{fill:var(--color-gray-06)}svg.gray.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.gray.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.gray.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-gray-06)}svg.light-gray.sc-icon-asset{fill:var(--color-gray-05)}svg.light-gray.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.light-gray.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.light-gray.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-gray-05)}svg.inherit.sc-icon-asset{fill:inherit}svg.inherit.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.inherit.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.inherit.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:inherit}";
|
|
8
8
|
|
|
9
9
|
let IconAsset = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -160,7 +160,7 @@ let PtcCheckbox = class {
|
|
|
160
160
|
input.checked = this.checked == 'checked';
|
|
161
161
|
}
|
|
162
162
|
render() {
|
|
163
|
-
return (index.h(index.Host, null, index.h("label", { class: "ptc-checkbox" }, index.h("slot", null), index.h("input", { type: "checkbox", checked: this.checked == "checked", name: this.inputName, value: this.value, onChange: (e) => this.handleClick(e) }), index.h("span", { class: "check" }, index.h("span", { class: "mark" }, index.h("icon-asset", { type: "ptc", size: "xx-small", name: "checkmark" }))))));
|
|
163
|
+
return (index.h(index.Host, null, index.h("label", { class: "ptc-checkbox" }, index.h("slot", null), index.h("input", { type: "checkbox", checked: this.checked == "checked", name: this.inputName, value: this.value, onChange: (e) => this.handleClick(e) }), index.h("span", { class: "check" }, index.h("span", { class: "mark" }, index.h("icon-asset", { type: "ptc", color: "white", size: "xx-small", name: "checkmark" }))))));
|
|
164
164
|
}
|
|
165
165
|
get host() { return index.getElement(this); }
|
|
166
166
|
};
|
|
@@ -272,28 +272,55 @@ let PtcDropdown = class {
|
|
|
272
272
|
};
|
|
273
273
|
PtcDropdown.style = ptcDropdownCss;
|
|
274
274
|
|
|
275
|
-
const
|
|
276
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.88956 3.99986L8.00002 0.888695L7.11135 -0.000183105L4.00089 3.11099L0.890644 2.34688e-05L0.00197005 0.888902L3.11222 3.99986L0.00195312 7.11084L0.890627 7.99972L4.00089 4.88874L7.11136 7.99993L8.00003 7.11105L4.88956 3.99986Z" fill="#9AA6AD"/>
|
|
277
|
-
</svg>
|
|
278
|
-
`;
|
|
279
|
-
|
|
280
|
-
const ptcFilterTagCss = ".ptc-filter-tag{display:block;cursor:pointer;position:relative;margin:0.25rem}.ptc-filter-tag.bubble{display:inline-block;font-family:Raleway;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-denser);letter-spacing:var(--ptc-letter-spacing-normal);text-align:left;align-items:center;transition:border-color ease-out 250ms;border:1px solid var(--color-gray-05);border-radius:999px;padding:0.375rem 1.875rem 0.375rem 0.875rem;background:var(--color-white)}.ptc-filter-tag.bubble:hover{border:1px solid var(--color-gray-12)}.ptc-filter-tag.bubble .cls{display:block;position:absolute;top:0.35rem;right:0.8rem}.ptc-filter-tag.link,.ptc-filter-tag.link-lg{display:inline-block;font-family:Raleway;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-denser);letter-spacing:var(--ptc-letter-spacing-normal);text-align:right;border-bottom:1px solid transparent;background:var(--color-white)}.ptc-filter-tag.link:hover,.ptc-filter-tag.link-lg:hover{text-decoration:underline}.ptc-filter-tag.link .cls,.ptc-filter-tag.link-lg .cls{display:none}.ptc-filter-tag.link-lg{font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold)}.ptc-filter-tag.button{background:var(--color-gray-10);border-radius:var(--ptc-border-radius-standard);padding:0.625rem 1rem;font-family:\"Raleway\";font-style:normal;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-denser);color:var(--color-white)}.ptc-filter-tag.button:hover{background-color:var(--color-gray-12)}.ptc-filter-tag.button:active{background-color:var(--color-black)}.ptc-filter-tag.button .cls{display:none}";
|
|
275
|
+
const ptcFilterTagCss = ".ptc-filter-tag{display:block;cursor:pointer;position:relative;margin:0.25rem}.ptc-filter-tag.bubble{display:inline-block;font-family:Raleway;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-denser);letter-spacing:var(--ptc-letter-spacing-normal);text-align:left;align-items:center;transition:border-color ease-out 250ms;border:1px solid var(--color-gray-05);border-radius:999px;padding:0.375rem 1.875rem 0.375rem 0.875rem;background:var(--color-white)}.ptc-filter-tag.bubble:hover{border:1px solid var(--color-gray-12)}.ptc-filter-tag.bubble .cls{display:block;position:absolute;top:0.35rem;right:0.8rem}.ptc-filter-tag.link,.ptc-filter-tag.link-lg{display:inline-block;font-family:Raleway;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-denser);letter-spacing:var(--ptc-letter-spacing-normal);text-align:right;border-bottom:1px solid transparent;background:var(--color-white)}.ptc-filter-tag.link:hover,.ptc-filter-tag.link-lg:hover{text-decoration:underline}.ptc-filter-tag.link .cls,.ptc-filter-tag.link-lg .cls{display:none}.ptc-filter-tag.link-lg{font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold)}.ptc-filter-tag.button{background:var(--color-gray-10);border-radius:var(--ptc-border-radius-standard);padding:0.625rem 1rem;font-family:\"Raleway\";font-style:normal;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-denser);color:var(--color-white)}.ptc-filter-tag.button:hover{background-color:var(--color-gray-12)}.ptc-filter-tag.button:active{background-color:var(--color-black)}.ptc-filter-tag.button .cls{display:none}.ptc-filter-tag.standard{display:inline-flex;background:var(--color-gray-10);font-family:\"Raleway\";font-style:normal;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-denser);color:var(--color-green-07);background-color:transparent}.ptc-filter-tag.standard .cls{display:block;margin-left:0.25rem}";
|
|
281
276
|
|
|
282
277
|
let PtcFilterTag = class {
|
|
283
278
|
constructor(hostRef) {
|
|
284
279
|
index.registerInstance(this, hostRef);
|
|
285
280
|
this.clicked = index.createEvent(this, "clicked", 7);
|
|
286
|
-
/**
|
|
287
|
-
* Theme
|
|
288
|
-
*/
|
|
289
281
|
this.theme = 'bubble';
|
|
290
282
|
this.handleClick = () => {
|
|
291
283
|
this.clicked.emit(this);
|
|
292
284
|
};
|
|
293
285
|
}
|
|
286
|
+
componentWillLoad() {
|
|
287
|
+
this.iconColorMap = {
|
|
288
|
+
'bubble': {
|
|
289
|
+
'hover': 'black',
|
|
290
|
+
'standard': 'light-gray'
|
|
291
|
+
},
|
|
292
|
+
'standard': {
|
|
293
|
+
'hover': 'ptc-green',
|
|
294
|
+
'standard': 'black'
|
|
295
|
+
},
|
|
296
|
+
};
|
|
297
|
+
}
|
|
298
|
+
handleMouseEnter() {
|
|
299
|
+
this.updateIconColor('hover');
|
|
300
|
+
}
|
|
301
|
+
handleMouseLeave() {
|
|
302
|
+
this.updateIconColor('standard');
|
|
303
|
+
}
|
|
304
|
+
updateIconColor(state) {
|
|
305
|
+
let icon = this.el.shadowRoot.querySelector('icon-asset');
|
|
306
|
+
if (icon) {
|
|
307
|
+
if (this.iconColorMap[this.theme]) {
|
|
308
|
+
icon.setAttribute('color', this.iconColorMap[this.theme][state]);
|
|
309
|
+
}
|
|
310
|
+
}
|
|
311
|
+
}
|
|
294
312
|
render() {
|
|
295
313
|
const classMap = this.getCssClassMap();
|
|
296
|
-
|
|
314
|
+
let icon;
|
|
315
|
+
switch (this.theme) {
|
|
316
|
+
case 'bubble':
|
|
317
|
+
icon = (index.h("icon-asset", { class: "cls", type: "ptc", color: "light-gray", name: "times", size: "micro" }));
|
|
318
|
+
break;
|
|
319
|
+
case 'standard':
|
|
320
|
+
icon = (index.h("icon-asset", { class: "cls", type: "ptc", color: "black", name: "times", size: "xxx-small" }));
|
|
321
|
+
break;
|
|
322
|
+
}
|
|
323
|
+
return (index.h(index.Host, null, index.h("span", { class: classMap, onClick: () => this.handleClick(), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() }, index.h("slot", null), icon)));
|
|
297
324
|
}
|
|
298
325
|
getCssClassMap() {
|
|
299
326
|
return {
|
|
@@ -301,6 +328,7 @@ let PtcFilterTag = class {
|
|
|
301
328
|
[this.theme]: true
|
|
302
329
|
};
|
|
303
330
|
}
|
|
331
|
+
get el() { return index.getElement(this); }
|
|
304
332
|
};
|
|
305
333
|
PtcFilterTag.style = ptcFilterTagCss;
|
|
306
334
|
|
|
@@ -337,7 +365,7 @@ let PtcIconMinimize = class {
|
|
|
337
365
|
render() {
|
|
338
366
|
let scrollHeight = this.getScrollHeight();
|
|
339
367
|
let icon = this.opened ? 'minus' : 'plus';
|
|
340
|
-
return (index.h("div", { class: "ptc-icon-minimize" }, index.h("div", { class: "header" }, index.h("div", { class: "title" }, this.heading), index.h("div", { class: "icon", onClick: () => this.dropdownToggle() }, index.h("icon-asset", { type: "ptc", size: "xxx-small", name: icon }))), index.h("div", { class: "content", style: scrollHeight }, index.h("slot", null))));
|
|
368
|
+
return (index.h("div", { class: "ptc-icon-minimize" }, index.h("div", { class: "header" }, index.h("div", { class: "title" }, this.heading), index.h("div", { class: "icon", onClick: () => this.dropdownToggle() }, index.h("icon-asset", { type: "ptc", color: "black", size: "xxx-small", name: icon }))), index.h("div", { class: "content", style: scrollHeight }, index.h("slot", null))));
|
|
341
369
|
}
|
|
342
370
|
get host() { return index.getElement(this); }
|
|
343
371
|
};
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -14,7 +14,7 @@ const patchEsm = () => {
|
|
|
14
14
|
const defineCustomElements = (win, options) => {
|
|
15
15
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
16
16
|
return patchEsm().then(() => {
|
|
17
|
-
return index.bootstrapLazy([["ptc-dynamic-card.cjs",[[1,"ptc-dynamic-card",{"cardType":[1,"card-type"],"cardTitle":[1,"card-title"],"cardImgSrc":[1,"card-img-src"],"cardImgAlt":[1,"card-img-alt"],"cardStatus":[32]},[[2,"click","handleClick"],[9,"resize","handleResize"]]]]],["ptc-tab-list.cjs",[[4,"ptc-tab-list",{"selectedValue":[32]},[[0,"tabClicked","onSelectedTab"],[9,"resize","calculateHeaderTabsRendering"]]]]],["ptc-breadcrumb.cjs",[[1,"ptc-breadcrumb"]]],["ptc-collapse-list.cjs",[[1,"ptc-collapse-list",{"listItems":[1040],"data":[32],"selectedItems":[32],"hashMap":[32]}]]],["ptc-hero.cjs",[[1,"ptc-hero",{"heroType":[1,"hero-type"],"bgUrl":[1,"bg-url"]}]]],["ptc-previous-url.cjs",[[1,"ptc-previous-url",{"href":[1],"text":[1]}]]],["ptc-announcement.cjs",[[1,"ptc-announcement",{"barTitle":[1,"bar-title"],"Description":[1,"description"],"linkText":[513,"link-text"],"linkTitle":[513,"link-title"],"visible":[1540],"linkUrl":[513,"link-url"],"tempContainer":[4,"temp-container"],"target":[1]}]]],["ptc-card.cjs",[[1,"ptc-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"hasImage":[4,"has-image"],"hasVideo":[4,"has-video"],"hasLottie":[4,"has-lottie"],"heading":[1],"headingTransform":[1,"heading-transform"],"cardDate":[1,"card-date"],"styles":[1],"ribbonText":[1,"ribbon-text"]}]]],["ptc-list.cjs",[[1,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]]],["ptc-lottie.cjs",[[1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]]],["ptc-mobile-select.cjs",[[0,"ptc-mobile-select",{"triggerName":[1,"trigger-name"],"selectedText":[1,"selected-text"],"wheelData":[1040],"selectedId":[1,"selected-id"],"ensureBtnText":[1,"ensure-btn-text"],"cancelBtnText":[1,"cancel-btn-text"],"listTitle":[1,"list-title"],"linkUrl":[1025,"link-url"]}]]],["ptc-quote.cjs",[[1,"ptc-quote",{"quoteType":[1025,"quote-type"],"quoteName":[1025,"quote-name"],"ctaText":[1,"cta-text"],"ctaUrl":[1,"cta-url"],"imgSrc":[1,"img-src"],"imgTitle":[1,"img-title"]}]]],["ptc-social-share.cjs",[[1,"ptc-social-share",{"display":[1],"shareType":[1,"share-type"],"shareTitle":[1,"share-title"],"text":[1],"url":[1],"source":[1],"recipient":[1],"isHover":[32]}]]],["my-component.cjs",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["ptc-accordion.cjs",[[1,"ptc-accordion",{"multiple":[4]},[[0,"opened","openHandler"]]]]],["ptc-accordion-item.cjs",[[1,"ptc-accordion-item",{"heading":[1],"headingTag":[1,"heading-tag"],"autoHeight":[4,"auto-height"],"active":[1540],"hasHeadingSlot":[32],"hasArrowSlot":[32],"toggle":[64],"close":[64],"open":[64]}]]],["ptc-card-bottom.cjs",[[1,"ptc-card-bottom",{"cardType":[1,"card-type"],"styles":[1]}]]],["ptc-card-plm.cjs",[[1,"ptc-card-plm",{"cardType":[1,"card-type"],"cardLink":[1,"card-link"],"linkTitle":[1,"link-title"],"linkTarget":[1,"link-target"]}]]],["ptc-hero-footer-cta.cjs",[[6,"ptc-hero-footer-cta",{"ctaTitle":[1,"cta-title"],"description":[1],"backgroundImage":[1,"background-image"]}]]],["ptc-icon-list.cjs",[[1,"ptc-icon-list",{"listType":[1,"list-type"],"valueWithUnit":[1,"value-with-unit"],"valueText":[1,"value-text"],"listContent":[1,"list-content"],"isLastItem":[4,"is-last-item"]}]]],["ptc-minimized-footer.cjs",[[1,"ptc-minimized-footer"]]],["ptc-minimized-header.cjs",[[1,"ptc-minimized-header",{"linkUrl":[513,"link-url"],"imgSrc":[513,"img-src"],"imgAlt":[513,"img-alt"]}]]],["ptc-nav.cjs",[[1,"ptc-nav"]]],["ptc-nav-item.cjs",[[1,"ptc-nav-item",{"url":[1025],"label":[1025],"ariaExpanded":[1028,"aria-expanded"],"depth":[1538],"hasChildren":[1028,"has-children"],"parentExpanded":[1540,"parent-expanded"],"navType":[1,"nav-type"]},[[0,"handleClick","handleClick"],[9,"resize","handleResize"]]]]],["ptc-pagenation.cjs",[[1,"ptc-pagenation",{"totalCount":[2,"total-count"],"numberOfItems":[2,"number-of-items"],"previousValue":[1,"previous-value"],"lastValue":[1,"last-value"],"minPageNumber":[2,"min-page-number"],"maxPageNumber":[2,"max-page-number"],"clickedPageNumber":[2,"clicked-page-number"],"appendArray":[4,"append-array"],"prevArrowImg":[1,"prev-arrow-img"],"nextArrowImg":[1,"next-arrow-img"],"pageNumbers":[32]}]]],["ptc-pricing-block.cjs",[[1,"ptc-pricing-block",{"active":[1]}]]],["ptc-responsive-wrapper.cjs",[[1,"ptc-responsive-wrapper"]]],["ptc-span.cjs",[[1,"ptc-span",{"spanStyle":[1,"span-style"],"display":[1],"styles":[1]}]]],["ptc-two-column-media.cjs",[[1,"ptc-two-column-media",{"componentType":[1,"component-type"]}]]],["tab-content.cjs",[[4,"tab-content",{"name":[1],"isSelected":[32],"getChild":[64]}]]],["tab-header.cjs",[[
|
|
17
|
+
return index.bootstrapLazy([["ptc-dynamic-card.cjs",[[1,"ptc-dynamic-card",{"cardType":[1,"card-type"],"cardTitle":[1,"card-title"],"cardImgSrc":[1,"card-img-src"],"cardImgAlt":[1,"card-img-alt"],"cardStatus":[32]},[[2,"click","handleClick"],[9,"resize","handleResize"]]]]],["ptc-tab-list.cjs",[[4,"ptc-tab-list",{"selectedValue":[32]},[[0,"tabClicked","onSelectedTab"],[9,"resize","calculateHeaderTabsRendering"]]]]],["ptc-breadcrumb.cjs",[[1,"ptc-breadcrumb"]]],["ptc-collapse-list.cjs",[[1,"ptc-collapse-list",{"listItems":[1040],"placeholderText":[1025,"placeholder-text"],"debounceUpdateDelay":[1026,"debounce-update-delay"],"data":[32],"searchText":[32],"selectedValue":[32],"selectedItems":[32],"hashMap":[32],"debouncedUpdatedEvent":[32],"refreshBuffer":[32],"removeSelectedItem":[64],"addSelectedItem":[64]}]]],["ptc-hero.cjs",[[1,"ptc-hero",{"heroType":[1,"hero-type"],"bgUrl":[1,"bg-url"]}]]],["ptc-previous-url.cjs",[[1,"ptc-previous-url",{"href":[1],"text":[1]}]]],["ptc-announcement.cjs",[[1,"ptc-announcement",{"barTitle":[1,"bar-title"],"Description":[1,"description"],"linkText":[513,"link-text"],"linkTitle":[513,"link-title"],"visible":[1540],"linkUrl":[513,"link-url"],"tempContainer":[4,"temp-container"],"target":[1]}]]],["ptc-card.cjs",[[1,"ptc-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"hasImage":[4,"has-image"],"hasVideo":[4,"has-video"],"hasLottie":[4,"has-lottie"],"heading":[1],"headingTransform":[1,"heading-transform"],"cardDate":[1,"card-date"],"styles":[1],"ribbonText":[1,"ribbon-text"]}]]],["ptc-list.cjs",[[1,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]]],["ptc-lottie.cjs",[[1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]]],["ptc-mobile-select.cjs",[[0,"ptc-mobile-select",{"triggerName":[1,"trigger-name"],"selectedText":[1,"selected-text"],"wheelData":[1040],"selectedId":[1,"selected-id"],"ensureBtnText":[1,"ensure-btn-text"],"cancelBtnText":[1,"cancel-btn-text"],"listTitle":[1,"list-title"],"linkUrl":[1025,"link-url"]}]]],["ptc-quote.cjs",[[1,"ptc-quote",{"quoteType":[1025,"quote-type"],"quoteName":[1025,"quote-name"],"ctaText":[1,"cta-text"],"ctaUrl":[1,"cta-url"],"imgSrc":[1,"img-src"],"imgTitle":[1,"img-title"]}]]],["ptc-social-share.cjs",[[1,"ptc-social-share",{"display":[1],"shareType":[1,"share-type"],"shareTitle":[1,"share-title"],"text":[1],"url":[1],"source":[1],"recipient":[1],"isHover":[32]}]]],["my-component.cjs",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["ptc-accordion.cjs",[[1,"ptc-accordion",{"multiple":[4]},[[0,"opened","openHandler"]]]]],["ptc-accordion-item.cjs",[[1,"ptc-accordion-item",{"heading":[1],"headingTag":[1,"heading-tag"],"autoHeight":[4,"auto-height"],"active":[1540],"hasHeadingSlot":[32],"hasArrowSlot":[32],"toggle":[64],"close":[64],"open":[64]}]]],["ptc-card-bottom.cjs",[[1,"ptc-card-bottom",{"cardType":[1,"card-type"],"styles":[1]}]]],["ptc-card-plm.cjs",[[1,"ptc-card-plm",{"cardType":[1,"card-type"],"cardLink":[1,"card-link"],"linkTitle":[1,"link-title"],"linkTarget":[1,"link-target"]}]]],["ptc-hero-footer-cta.cjs",[[6,"ptc-hero-footer-cta",{"ctaTitle":[1,"cta-title"],"description":[1],"backgroundImage":[1,"background-image"]}]]],["ptc-icon-list.cjs",[[1,"ptc-icon-list",{"listType":[1,"list-type"],"valueWithUnit":[1,"value-with-unit"],"valueText":[1,"value-text"],"listContent":[1,"list-content"],"isLastItem":[4,"is-last-item"]}]]],["ptc-minimized-footer.cjs",[[1,"ptc-minimized-footer"]]],["ptc-minimized-header.cjs",[[1,"ptc-minimized-header",{"linkUrl":[513,"link-url"],"imgSrc":[513,"img-src"],"imgAlt":[513,"img-alt"]}]]],["ptc-nav.cjs",[[1,"ptc-nav"]]],["ptc-nav-item.cjs",[[1,"ptc-nav-item",{"url":[1025],"label":[1025],"ariaExpanded":[1028,"aria-expanded"],"depth":[1538],"hasChildren":[1028,"has-children"],"parentExpanded":[1540,"parent-expanded"],"navType":[1,"nav-type"]},[[0,"handleClick","handleClick"],[9,"resize","handleResize"]]]]],["ptc-pagenation.cjs",[[1,"ptc-pagenation",{"totalCount":[2,"total-count"],"numberOfItems":[2,"number-of-items"],"previousValue":[1,"previous-value"],"lastValue":[1,"last-value"],"minPageNumber":[2,"min-page-number"],"maxPageNumber":[2,"max-page-number"],"clickedPageNumber":[2,"clicked-page-number"],"appendArray":[4,"append-array"],"prevArrowImg":[1,"prev-arrow-img"],"nextArrowImg":[1,"next-arrow-img"],"pageNumbers":[32]}]]],["ptc-pricing-block.cjs",[[1,"ptc-pricing-block",{"active":[1]}]]],["ptc-responsive-wrapper.cjs",[[1,"ptc-responsive-wrapper"]]],["ptc-span.cjs",[[1,"ptc-span",{"spanStyle":[1,"span-style"],"display":[1],"styles":[1]}]]],["ptc-two-column-media.cjs",[[1,"ptc-two-column-media",{"componentType":[1,"component-type"]}]]],["tab-content.cjs",[[4,"tab-content",{"name":[1],"isSelected":[32],"getChild":[64]}]]],["tab-header.cjs",[[4,"tab-header",{"name":[1],"isSelected":[32],"getChild":[64]}]]],["ptc-ellipsis-dropdown.cjs",[[1,"ptc-ellipsis-dropdown",{"dataItems":[16],"selectedTab":[1,"selected-tab"],"isDropdownOpen":[32]},[[4,"click","offClick"]]]]],["lottie-player.cjs",[[1,"lottie-player",{"mode":[1],"autoplay":[4],"background":[513],"controls":[4],"count":[2],"direction":[2],"hover":[4],"loop":[516],"renderer":[1],"speed":[2],"src":[1],"currentState":[1,"current-state"],"seeker":[8],"intermission":[2],"play":[64],"pause":[64],"stop":[64],"seek":[64],"getLottie":[64],"setSpeed":[64],"setDirection":[64],"setLooping":[64],"togglePlay":[64],"toggleLooping":[64]}]]],["ptc-date.cjs",[[1,"ptc-date",{"year":[2],"month":[2],"day":[2],"country":[1],"dateString":[1,"date-string"],"dateColor":[1,"date-color"],"dateStyles":[1,"date-styles"],"dataSize":[1,"data-size"]}]]],["ptc-img.cjs",[[4,"ptc-img",{"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imgUrl":[1,"img-url"],"imageType":[1,"image-type"],"borderRadius":[1,"border-radius"],"loadMode":[1,"load-mode"]},[[9,"resize","WindowResize"]]]]],["ptc-card-content_2.cjs",[[1,"ptc-card-content",{"cardType":[1,"card-type"],"styles":[1]}],[1,"ptc-picture",{"src":[1],"alt":[1],"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imagePosition":[1,"image-position"],"borderRadius":[1,"border-radius"],"height":[1],"width":[1],"objectFit":[1,"object-fit"],"isFullHeight":[4,"is-full-height"],"isFullWidth":[4,"is-full-width"],"styles":[1],"imageAlignment":[1,"image-alignment"],"maxWidth":[1,"max-width"],"oldSrc":[32]},[[9,"resize","WindowResize"]]]]],["dropdown-item.cjs",[[4,"dropdown-item",{"linkHref":[1,"link-href"],"linkTarget":[1,"link-target"]}]]],["ptc-overlay.cjs",[[1,"ptc-overlay",{"filterColor":[1,"filter-color"],"borderRadius":[1,"border-radius"],"overlayZIndex":[1,"overlay-z-index"],"styles":[1]}]]],["ptc-svg-btn.cjs",[[1,"ptc-svg-btn",{"svgName":[1,"svg-name"],"display":[1]}]]],["list-item.cjs",[[1,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"],"flushBefore":[4,"flush-before"],"linkTarget":[1,"link-target"]}]]],["icon-asset_13.cjs",[[1,"ptc-checkbox",{"checked":[1025],"value":[1025],"inputName":[1,"input-name"]}],[1,"ptc-dropdown",{"theme":[1],"label":[1],"listItems":[16],"toggle":[32],"selectedItem":[32]},[[4,"click","offClick"]]],[1,"ptc-filter-tag",{"theme":[1],"iconColorMap":[32]}],[1,"ptc-icon-minimize",{"heading":[1025],"opened":[1028]}],[1,"ptc-link",{"disabled":[516],"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"uppercase":[4],"fontSize":[1,"font-size"]}],[1,"ptc-container",{"backgroundColor":[1,"background-color"],"elevation":[1],"containerType":[1,"container-type"],"spacing":[1]}],[1,"ptc-modal",{"iframeUrl":[1025,"iframe-url"],"size":[1025],"show":[1028],"overlay":[1028],"closeOnBlur":[1028,"close-on-blur"],"rounded":[1028],"showHeaderFooter":[1028,"show-header-footer"],"overlayHeight":[32],"bodyOverflowSetting":[32]}],[1,"ptc-para",{"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"paraStyle":[1,"para-style"],"paraColor":[1,"para-color"],"paraLineH":[1,"para-line-h"],"paraMargin":[1,"para-margin"]}],[1,"ptc-shopping-cart",{"cartCount":[1,"cart-count"],"color":[1]}],[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}],[1,"ptc-button",{"disabled":[516],"type":[1],"color":[1],"iconAnimation":[1,"icon-animation"],"iconPosition":[1,"icon-position"],"linkHref":[1,"link-href"],"linkTitle":[1,"link-title"],"target":[1],"rel":[1],"tabNav":[2,"tab-nav"],"styles":[1]}],[6,"ptc-title",{"isPlmHub":[4,"is-plm-hub"],"type":[1],"textAlign":[1,"text-align"],"upperline":[1],"titleShadow":[1,"title-shadow"],"titleMargin":[1,"title-margin"],"titleWeight":[1,"title-weight"],"titleSize":[1,"title-size"],"titleHeight":[1,"title-height"],"styles":[1]}],[2,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1],"isMobileSelect":[4,"is-mobile-select"],"injectedStyle":[1,"injected-style"]}]]]], options);
|
|
18
18
|
});
|
|
19
19
|
};
|
|
20
20
|
|
|
@@ -17,7 +17,7 @@ let PtcCardContent = class {
|
|
|
17
17
|
if (!this.el.classList.contains('speed-bump') && !this.el.classList.contains('card-video-intro') && !this.el.classList.contains('card-dynamic')) {
|
|
18
18
|
this.hoverEvent.emit();
|
|
19
19
|
this.el.classList.add('mouse-hover');
|
|
20
|
-
if (!this.el.classList.contains('card-video') && !this.el.classList.contains('card-playlist')) {
|
|
20
|
+
if (!this.el.classList.contains('card-video') && !this.el.classList.contains('card-playlist') && this.el.nextElementSibling) {
|
|
21
21
|
this.el.nextElementSibling.classList.add('mouse-hover-card-bottom');
|
|
22
22
|
}
|
|
23
23
|
}
|
|
@@ -26,7 +26,7 @@ let PtcCardContent = class {
|
|
|
26
26
|
if (!this.el.classList.contains('speed-bump') && !this.el.classList.contains('card-video-intro') && !this.el.classList.contains('card-dynamic')) {
|
|
27
27
|
this.hoverEvent.emit();
|
|
28
28
|
this.el.classList.remove('mouse-hover');
|
|
29
|
-
if (!this.el.classList.contains('card-video') && !this.el.classList.contains('card-playlist')) {
|
|
29
|
+
if (!this.el.classList.contains('card-video') && !this.el.classList.contains('card-playlist') && this.el.nextElementSibling) {
|
|
30
30
|
this.el.nextElementSibling.classList.remove('mouse-hover-card-bottom');
|
|
31
31
|
}
|
|
32
32
|
}
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-b3fabe79.js');
|
|
6
|
-
const utils = require('./utils-
|
|
6
|
+
const utils = require('./utils-2ac2a528.js');
|
|
7
7
|
|
|
8
|
-
const ptcCollapseListCss = ":host{display:block}.container{border-right:1px solid rgba(112, 112, 112, 0.25);position:relative}a{transition:color ease-out 250ms}ul{transition:max-height ease-out 250ms, padding ease-out 250ms;overflow:hidden;list-style:none;padding:0;margin:0}.level-1>ul
|
|
8
|
+
const ptcCollapseListCss = ":host{display:block;height:100%}.container{border-right:1px solid rgba(112, 112, 112, 0.25);position:relative;height:100%}.container>ul{overflow:visible}a{transition:color ease-out 250ms}ul{transition:max-height ease-out 250ms, padding ease-out 250ms;overflow:hidden;list-style:none;padding:0;margin:0}li{cursor:pointer}.level-1>ul{max-height:0}.level-1>ul>li{margin:12px 0}.level-1>ul>li:first-child{margin-top:20px}.level-1>ul>li:last-child{margin-bottom:10px}.level-2>ul,.level-3>ul,.level-4>ul,.level-5>ul{max-height:0}.level-2>ul>li,.level-3>ul>li,.level-4>ul>li,.level-5>ul>li{margin:8px 0}.level-2>ul{padding-left:2.25rem}.level-3>ul{padding-left:3rem}.level-4>ul{padding-left:3.75rem}.level-5>ul{padding-left:4.5rem}.level-1{position:relative}.level-1>a{position:relative;padding:16px 20px 17.5px 0;display:block;font-size:18px;letter-spacing:0.45px;font-weight:800;color:var(--color-gray-08);text-decoration:none;border-bottom:1px solid rgba(112, 112, 112, 0.25)}.level-1>a:hover,.level-1>a:active,.level-1>a:focus{text-decoration:none}.level-1>a>icon-asset{transition:transform var(--ptc-ease-out) var(--ptc-transition-medium), padding var(--ptc-ease-out) var(--ptc-transition-medium);position:absolute;right:20px;padding-top:2px}.level-1>a:after{content:\"\";display:block;position:absolute;bottom:-2px;left:0;height:3px;width:40px;background-color:var(--color-green-07);transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium)}.level-1.expanded a>icon-asset{transform:rotate(-180deg);padding-top:0}.level-1.expanded a>ul{padding-top:14px}.level-1.expanded a:after{background-color:var(--color-gray-11)}.level-1>ul{padding-top:0}.level-1:first-child>a{padding-top:20px}.level-2,.level-3,.level-4,.level-5{position:relative}.level-2>a,.level-3>a,.level-4>a,.level-5>a{font-size:15px;font-weight:500;letter-spacing:0.4px;color:var(--color-gray-10);text-decoration:none;display:inline-block;margin-left:20px}.level-2>a:hover,.level-2>a:active,.level-3>a:hover,.level-3>a:active,.level-4>a:hover,.level-4>a:active,.level-5>a:hover,.level-5>a:active{font-weight:800;color:var(--color-green-07);text-decoration:none}.level-2 .expander-icon,.level-3 .expander-icon,.level-4 .expander-icon,.level-5 .expander-icon{position:absolute;left:-18px;top:2px}.level-3:before,.level-4:before,.level-5:before{position:absolute;content:\"\";width:2rem;height:1px;display:block;left:0;top:9px;background-color:var(--color-gray-02)}.level-3:before{width:2rem;left:-2.25rem}.level-4:before{width:2.75rem;left:-3rem}.level-5:before{width:3.5rem;left:-3.75rem}.search-box{display:flex;width:100%}.search-box input[type=text]{font-family:var(--ptc-font-latin);padding:8px 45px 8px 18px;font-size:1rem;font-weight:400;color:var(--color-gray-12);box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-gray-06);transition:border var(--ptc-transition-medium) var(--ptc-ease-out), box-shadow var(--ptc-transition-medium) var(--ptc-ease-out);background-color:var(--color-white);width:100%;margin-right:2rem}.search-box input[type=text]::-ms-clear{display:none}.search-box input[type=text]:focus{outline:none;box-shadow:var(--ptc-shadow-small);border:solid 1px var(--color-gray-12)}.search-box input[type=text]::placeholder{color:var(--color-gray-07)}";
|
|
9
9
|
|
|
10
10
|
class CollapseListItem {
|
|
11
11
|
}
|
|
@@ -14,40 +14,74 @@ let PtcCollapseList = class {
|
|
|
14
14
|
index.registerInstance(this, hostRef);
|
|
15
15
|
this.itemSelected = index.createEvent(this, "itemSelected", 7);
|
|
16
16
|
this.itemExpanded = index.createEvent(this, "itemExpanded", 7);
|
|
17
|
+
this.textChanged = index.createEvent(this, "textChanged", 7);
|
|
18
|
+
this.inputUpdated = index.createEvent(this, "inputUpdated", 7);
|
|
17
19
|
this.ready = index.createEvent(this, "ready", 7);
|
|
18
|
-
this.
|
|
20
|
+
this.viewUpdated = index.createEvent(this, "viewUpdated", 7);
|
|
21
|
+
this.changed = index.createEvent(this, "changed", 7);
|
|
19
22
|
}
|
|
20
23
|
componentWillLoad() {
|
|
21
24
|
this.loadListItems();
|
|
25
|
+
this.selectedItems = [];
|
|
22
26
|
}
|
|
23
27
|
componentDidLoad() {
|
|
24
28
|
this.ready.emit({
|
|
25
29
|
sender: this.el,
|
|
26
|
-
tree: this.data
|
|
30
|
+
tree: this.data,
|
|
31
|
+
search: this.searchText
|
|
27
32
|
});
|
|
33
|
+
let event = () => {
|
|
34
|
+
this.changed.emit({
|
|
35
|
+
sender: this.el,
|
|
36
|
+
selectedValue: this.selectedValue,
|
|
37
|
+
selectedItems: this.selectedItems,
|
|
38
|
+
search: this.searchText
|
|
39
|
+
});
|
|
40
|
+
};
|
|
41
|
+
this.debouncedUpdatedEvent = utils.debounce(event, this.debounceUpdateDelay, this);
|
|
28
42
|
}
|
|
29
43
|
componentDidUpdate() {
|
|
30
|
-
this.
|
|
44
|
+
this.viewUpdated.emit({
|
|
31
45
|
sender: this.el,
|
|
32
|
-
tree: this.data
|
|
46
|
+
tree: this.data,
|
|
47
|
+
search: this.searchText
|
|
33
48
|
});
|
|
34
49
|
}
|
|
35
50
|
onItemSelectedHandler(event) {
|
|
36
51
|
this.itemSelected.emit({
|
|
37
52
|
event: event,
|
|
38
53
|
sender: event ? event.target : this.el,
|
|
54
|
+
selectedValue: this.selectedValue,
|
|
39
55
|
selectedItems: this.selectedItems,
|
|
40
56
|
tree: this.data
|
|
41
57
|
});
|
|
58
|
+
this.fireChangedEvent();
|
|
59
|
+
}
|
|
60
|
+
onInputUpdated(event) {
|
|
61
|
+
let input = event.target;
|
|
62
|
+
this.searchText = input.value;
|
|
63
|
+
this.inputUpdated.emit({
|
|
64
|
+
event: event,
|
|
65
|
+
sender: input,
|
|
66
|
+
selectedValue: this.selectedValue,
|
|
67
|
+
selectedItems: this.selectedItems,
|
|
68
|
+
tree: this.data,
|
|
69
|
+
search: this.searchText
|
|
70
|
+
});
|
|
71
|
+
this.fireChangedEvent();
|
|
42
72
|
}
|
|
43
|
-
|
|
73
|
+
onItemExpandedHandler(event) {
|
|
44
74
|
this.itemExpanded.emit({
|
|
45
75
|
event: event,
|
|
46
76
|
sender: event ? event.target : this.el,
|
|
77
|
+
selectedValue: this.selectedValue,
|
|
47
78
|
selectedItems: this.selectedItems,
|
|
48
79
|
tree: this.data
|
|
49
80
|
});
|
|
50
81
|
}
|
|
82
|
+
fireChangedEvent() {
|
|
83
|
+
this.debouncedUpdatedEvent();
|
|
84
|
+
}
|
|
51
85
|
loadListItems() {
|
|
52
86
|
this.hashMap = {};
|
|
53
87
|
if (!this.data) {
|
|
@@ -86,11 +120,11 @@ let PtcCollapseList = class {
|
|
|
86
120
|
}
|
|
87
121
|
}
|
|
88
122
|
setUpCategory(name, allowMultiSelect) {
|
|
89
|
-
if (!this.
|
|
90
|
-
this.
|
|
123
|
+
if (!this.selectedValue) {
|
|
124
|
+
this.selectedValue = {};
|
|
91
125
|
}
|
|
92
|
-
if (name && !this.
|
|
93
|
-
this.
|
|
126
|
+
if (name && !this.selectedValue[name]) {
|
|
127
|
+
this.selectedValue[name] = {
|
|
94
128
|
name: name,
|
|
95
129
|
items: new Array(),
|
|
96
130
|
allowMultiSelect: allowMultiSelect
|
|
@@ -106,42 +140,113 @@ let PtcCollapseList = class {
|
|
|
106
140
|
});
|
|
107
141
|
}
|
|
108
142
|
updateExpandedItems() {
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
143
|
+
const redraw = (timestamp) => {
|
|
144
|
+
if (!this.refreshBuffer) {
|
|
145
|
+
this.refreshBuffer = timestamp;
|
|
146
|
+
}
|
|
147
|
+
const elapsed = timestamp - this.refreshBuffer;
|
|
148
|
+
let items = this.el.shadowRoot.querySelectorAll('li');
|
|
149
|
+
items.forEach((z) => {
|
|
150
|
+
let ul = z.querySelector(':scope > ul');
|
|
151
|
+
if (ul) {
|
|
152
|
+
if (!z.classList.contains('expanded')) {
|
|
153
|
+
ul.style.removeProperty('max-height');
|
|
154
|
+
}
|
|
155
|
+
else {
|
|
156
|
+
ul.style.maxHeight = ul.scrollHeight + "px";
|
|
157
|
+
}
|
|
118
158
|
}
|
|
159
|
+
});
|
|
160
|
+
if (elapsed < 2500) {
|
|
161
|
+
window.requestAnimationFrame(redraw);
|
|
119
162
|
}
|
|
120
|
-
|
|
163
|
+
else {
|
|
164
|
+
this.refreshBuffer = undefined;
|
|
165
|
+
}
|
|
166
|
+
};
|
|
167
|
+
if (!this.refreshBuffer) {
|
|
168
|
+
window.requestAnimationFrame(redraw);
|
|
169
|
+
}
|
|
170
|
+
else {
|
|
171
|
+
this.refreshBuffer = undefined;
|
|
172
|
+
}
|
|
121
173
|
}
|
|
122
174
|
updateSelectedItemStatus(uuid) {
|
|
123
175
|
var _a;
|
|
124
176
|
let selectedItem = this.hashMap[uuid];
|
|
125
177
|
if (selectedItem && selectedItem.value) {
|
|
126
178
|
let categoryName = (_a = selectedItem.category) !== null && _a !== void 0 ? _a : 'default';
|
|
127
|
-
if (!this.
|
|
179
|
+
if (!this.selectedValue[categoryName]) {
|
|
128
180
|
this.setUpCategory(categoryName, selectedItem.allowMultiSelect == true);
|
|
129
181
|
}
|
|
130
|
-
let items = this.
|
|
182
|
+
let items = this.selectedValue[categoryName].items;
|
|
131
183
|
if (items.indexOf(selectedItem.value) < 0) {
|
|
132
|
-
if (this.
|
|
184
|
+
if (this.selectedValue[categoryName].allowMultiSelect) {
|
|
133
185
|
items.push(selectedItem.value);
|
|
134
186
|
}
|
|
135
187
|
else {
|
|
188
|
+
this.selectedItems = this.selectedItems.filter((z) => { return z.value != items[0]; });
|
|
136
189
|
items = [selectedItem.value];
|
|
137
190
|
}
|
|
191
|
+
this.selectedItems.push(selectedItem);
|
|
138
192
|
}
|
|
139
193
|
else {
|
|
140
194
|
items = items.filter((z) => { return z != selectedItem.value; });
|
|
195
|
+
this.selectedItems = this.selectedItems.filter((z) => { return z.value != selectedItem.value; });
|
|
196
|
+
}
|
|
197
|
+
this.selectedValue[categoryName].items = items;
|
|
198
|
+
}
|
|
199
|
+
}
|
|
200
|
+
unSelectItem(uuid) {
|
|
201
|
+
var _a;
|
|
202
|
+
let selectedItem = this.hashMap[uuid];
|
|
203
|
+
if (selectedItem && selectedItem.value) {
|
|
204
|
+
let categoryName = (_a = selectedItem.category) !== null && _a !== void 0 ? _a : 'default';
|
|
205
|
+
if (!this.selectedValue[categoryName]) {
|
|
206
|
+
this.setUpCategory(categoryName, selectedItem.allowMultiSelect == true);
|
|
207
|
+
}
|
|
208
|
+
let items = this.selectedValue[categoryName].items;
|
|
209
|
+
if (items.indexOf(selectedItem.value) > -1) {
|
|
210
|
+
items = items.filter((z) => { return z != selectedItem.value; });
|
|
211
|
+
this.selectedItems = this.selectedItems.filter((z) => { return z.value != selectedItem.value; });
|
|
212
|
+
}
|
|
213
|
+
this.selectedValue[categoryName].items = items;
|
|
214
|
+
}
|
|
215
|
+
}
|
|
216
|
+
selectItem(uuid) {
|
|
217
|
+
var _a;
|
|
218
|
+
let selectedItem = this.hashMap[uuid];
|
|
219
|
+
if (selectedItem && selectedItem.value) {
|
|
220
|
+
let categoryName = (_a = selectedItem.category) !== null && _a !== void 0 ? _a : 'default';
|
|
221
|
+
if (!this.selectedValue[categoryName]) {
|
|
222
|
+
this.setUpCategory(categoryName, selectedItem.allowMultiSelect == true);
|
|
223
|
+
}
|
|
224
|
+
let items = this.selectedValue[categoryName].items;
|
|
225
|
+
if (items.indexOf(selectedItem.value) < 0) {
|
|
226
|
+
if (this.selectedValue[categoryName].allowMultiSelect) {
|
|
227
|
+
items.push(selectedItem.value);
|
|
228
|
+
}
|
|
229
|
+
else {
|
|
230
|
+
items = [selectedItem.value];
|
|
231
|
+
}
|
|
232
|
+
this.selectedItems.push(selectedItem);
|
|
141
233
|
}
|
|
142
|
-
this.
|
|
234
|
+
this.selectedValue[categoryName].items = items;
|
|
143
235
|
}
|
|
144
236
|
}
|
|
237
|
+
getItemByValue(value) {
|
|
238
|
+
let result;
|
|
239
|
+
if (this.hashMap) {
|
|
240
|
+
for (const [_, v] of Object.entries(this.hashMap)) {
|
|
241
|
+
let item = v;
|
|
242
|
+
if (item.value == value) {
|
|
243
|
+
result = item;
|
|
244
|
+
break;
|
|
245
|
+
}
|
|
246
|
+
}
|
|
247
|
+
}
|
|
248
|
+
return result;
|
|
249
|
+
}
|
|
145
250
|
onItemLinkClick(event, uuid) {
|
|
146
251
|
if (event) {
|
|
147
252
|
event.preventDefault();
|
|
@@ -152,48 +257,87 @@ let PtcCollapseList = class {
|
|
|
152
257
|
onExpandClick(event, collapseParents) {
|
|
153
258
|
if (event) {
|
|
154
259
|
event.preventDefault();
|
|
155
|
-
let sender = event.
|
|
260
|
+
let sender = event.currentTarget;
|
|
261
|
+
let root = sender.closest('.level-1');
|
|
262
|
+
let parent = sender.closest('li');
|
|
156
263
|
if (collapseParents) {
|
|
157
|
-
this.collapseAllFirstLevelItems(
|
|
264
|
+
this.collapseAllFirstLevelItems(root);
|
|
158
265
|
}
|
|
159
|
-
if (
|
|
160
|
-
let parent = sender.parentNode;
|
|
266
|
+
if (parent) {
|
|
161
267
|
parent.classList.toggle("expanded");
|
|
162
268
|
}
|
|
269
|
+
if (sender.classList.contains('expander-icon')) {
|
|
270
|
+
let icon = parent.classList.contains('expanded') ? 'minus' : 'plus';
|
|
271
|
+
sender.querySelector('icon-asset').setAttribute('name', icon);
|
|
272
|
+
}
|
|
163
273
|
this.updateExpandedItems();
|
|
164
274
|
}
|
|
165
|
-
this.
|
|
275
|
+
this.onItemExpandedHandler(event);
|
|
166
276
|
}
|
|
167
277
|
render() {
|
|
168
|
-
let renderLevel = (arr,
|
|
169
|
-
let levelClass = `level-${
|
|
278
|
+
let renderLevel = (arr, level) => {
|
|
279
|
+
let levelClass = `level-${level}`;
|
|
170
280
|
return (index.h("ul", null, arr.map((z) => {
|
|
171
281
|
let expandable = false;
|
|
172
|
-
let
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
282
|
+
let selectable = false;
|
|
283
|
+
let icon;
|
|
284
|
+
if (level == 1) {
|
|
285
|
+
if (z.children) {
|
|
286
|
+
expandable = true;
|
|
287
|
+
selectable = false;
|
|
288
|
+
icon = (index.h("icon-asset", { type: "ptc", name: "chevron-down", color: "ptc-green", size: "medium" }));
|
|
289
|
+
}
|
|
290
|
+
else {
|
|
291
|
+
expandable = false;
|
|
292
|
+
selectable = true;
|
|
293
|
+
icon = (index.h("icon-asset", { type: "ptc", name: "plus", color: "ptc-green", size: "medium" }));
|
|
294
|
+
}
|
|
295
|
+
}
|
|
296
|
+
else if (level > 1) {
|
|
297
|
+
selectable = true;
|
|
298
|
+
if (z.children) {
|
|
299
|
+
expandable = true;
|
|
300
|
+
icon = (index.h("icon-asset", { type: "ptc", name: "plus", color: "gray", size: "xxx-small" }));
|
|
301
|
+
}
|
|
302
|
+
else {
|
|
303
|
+
expandable = false;
|
|
304
|
+
}
|
|
176
305
|
}
|
|
177
|
-
return (index.h("li", { class: levelClass },
|
|
306
|
+
return (index.h("li", { class: levelClass }, getLink(z, icon, level, expandable, selectable), z.children ? renderLevel(z.children, level + 1) : ''));
|
|
178
307
|
})));
|
|
179
308
|
};
|
|
180
|
-
let getLink = (item, expandable) => {
|
|
309
|
+
let getLink = (item, icon, level, expandable, selectable) => {
|
|
181
310
|
let clickEvent = (e) => {
|
|
182
311
|
if (expandable) {
|
|
183
|
-
this.onExpandClick(e,
|
|
312
|
+
this.onExpandClick(e, level == 1);
|
|
184
313
|
}
|
|
185
314
|
else {
|
|
186
315
|
this.onItemLinkClick(e, item.id);
|
|
187
316
|
}
|
|
188
317
|
};
|
|
189
318
|
if (item.isExternalLink) {
|
|
190
|
-
return (index.h("a", { href: item.href, target: item.target, title: item.title }, item.text));
|
|
319
|
+
return (index.h("a", { href: item.href, target: item.target, title: item.title }, icon, item.text));
|
|
320
|
+
}
|
|
321
|
+
else if ((!expandable && selectable) || (expandable && !selectable)) {
|
|
322
|
+
return (index.h("a", { href: "#", title: item.text, onClick: clickEvent }, icon, item.text));
|
|
191
323
|
}
|
|
192
324
|
else {
|
|
193
|
-
return
|
|
325
|
+
return [
|
|
326
|
+
index.h("a", { class: "expander-icon", href: "#", onClick: (e) => { this.onExpandClick(e, false); } }, icon),
|
|
327
|
+
index.h("a", { href: "#", title: item.text, onClick: (e) => { this.onItemLinkClick(e, item.id); } }, item.text)
|
|
328
|
+
];
|
|
194
329
|
}
|
|
195
330
|
};
|
|
196
|
-
return (index.h(index.Host, null, index.h("div", { class: "container" }, index.h("ptc-title", { type: 'h4', "title-size": "medium", "title-weight": "w-6", "text-align": 'left', upperline: "no-upperline" }, "Filter Results :"), index.h("input", { type: "text", placeholder:
|
|
331
|
+
return (index.h(index.Host, null, index.h("div", { class: "container" }, index.h("ptc-title", { type: 'h4', "title-size": "medium", "title-weight": "w-6", "text-align": 'left', upperline: "no-upperline" }, "Filter Results :"), index.h("div", { class: "search-box" }, index.h("input", { type: "text", placeholder: this.placeholderText, onKeyUp: (e) => { this.onInputUpdated(e); } })), renderLevel(this.data, 1))));
|
|
332
|
+
}
|
|
333
|
+
async removeSelectedItem(value) {
|
|
334
|
+
let item = this.getItemByValue(value);
|
|
335
|
+
this.unSelectItem(item.id);
|
|
336
|
+
this.fireChangedEvent();
|
|
337
|
+
}
|
|
338
|
+
async addSelectedItem(value) {
|
|
339
|
+
let item = this.getItemByValue(value);
|
|
340
|
+
this.selectItem(item.id);
|
|
197
341
|
}
|
|
198
342
|
get el() { return index.getElement(this); }
|
|
199
343
|
};
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-b3fabe79.js');
|
|
6
6
|
|
|
7
|
-
const ptcPagenationCss = ":host{display:block}.events-filter{padding:20px 32px 20px 0;text-align:center}@media (min-width: 992px){.events-filter{padding:10px 40px 10px 0px}}.events-filter .pagenation-arrow{width:40px;height:40px;margin:0 15px;vertical-align:middle}.show-page{display:inline}.hide-page{display:none}.prev-text{display:none}.last-text{display:none}@media (min-width: 992px){.prev-text{display:inline;cursor:pointer}.last-text{display:inline;cursor:pointer}}.events-filter-item{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold);font-stretch:normal;font-style:var(--ptc-font-style-normal);line-height:var(--ptc-line-height-denser);letter-spacing:var(--ptc-letter-spacing-normal);text-align:left;padding:6px;color:var(--color-gray-
|
|
7
|
+
const ptcPagenationCss = ":host{display:block}.events-filter{padding:20px 32px 20px 0;text-align:center}@media (min-width: 992px){.events-filter{padding:10px 40px 10px 0px}}.events-filter .pagenation-arrow{width:40px;height:40px;margin:0 15px;vertical-align:middle}.show-page{display:inline}.hide-page{display:none}.prev-text{display:none}.last-text{display:none}@media (min-width: 992px){.prev-text{display:inline;cursor:pointer}.last-text{display:inline;cursor:pointer}}.events-filter-item{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold);font-stretch:normal;font-style:var(--ptc-font-style-normal);line-height:var(--ptc-line-height-denser);letter-spacing:var(--ptc-letter-spacing-normal);text-align:left;padding:6px;color:var(--color-gray-10);text-decoration:none}.events-filter .active{font-family:var(--ptc-font-latin);border-bottom:2px solid var(--color-green-13);font-weight:var(--ptc-font-weight-semibold)}.events-filter-item:hover,.events-filter-item:focus{text-decoration:none;outline:0;color:var(--color-green-14)}.events-filter .disabled{color:var(--color-white-01)}.events-filter-dots{padding:0rem;font-weight:var(--ptc-font-weight-extrabold);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xx-small);font-stretch:normal;font-style:var(--ptc-font-style-normal);line-height:var(--ptc-line-height-denser);letter-spacing:var(--ptc-letter-spacing-normal);text-align:left;color:var(--color-gray-10);text-decoration:none}.events-disable-arrows{opacity:0.35}.events-enable-arrows{opacity:1}.events-small-dots{height:60px;margin-top:-25px}@media (min-width: 992px){.events-small-dots{height:80px;margin-top:-40px}}.last-page{transform:rotate(180deg)}";
|
|
8
8
|
|
|
9
9
|
let PtcPagenation = class {
|
|
10
10
|
constructor(hostRef) {
|