@ptcwebops/ptcw-design 0.6.6 → 0.6.7

package/dist/custom-elements/index.js

@@ -16,7 +16,7 @@ let DropdownItem$1 = class extends HTMLElement {
   static get style() { return dropdownItemCss; }
 };
 
-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}";
+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}";
 
 let IconAsset$1 = class extends HTMLElement {
   constructor() {
@@ -13637,6 +13637,21 @@ function generateUUID() {
   return s4() + s4() + '-' + s4() + '-' + s4() + '-' +
     s4() + '-' + s4() + s4() + s4();
 }
+function debounce(func, wait, referer) {
+  let key = generateUUID();
+  if (!globalThis.debounceTimeouts) {
+    globalThis.debounceTimeouts = {};
+  }
+  return function executedFunction(e) {
+    var context = referer || this;
+    var args = e;
+    var callback = function () {
+      func(context, args);
+    };
+    clearTimeout(globalThis.debounceTimeouts[key]);
+    globalThis.debounceTimeouts[key] = setTimeout(callback, wait);
+  };
+}
 
 const myComponentCss = ":host{display:block}";
 
@@ -14061,7 +14076,7 @@ let PtcCardContent$1 = class extends HTMLElement {
     if (!this.el.classList.contains('speed-bump') && !this.el.classList.contains('card-video-intro') && !this.el.classList.contains('card-dynamic')) {
       this.hoverEvent.emit();
       this.el.classList.add('mouse-hover');
-      if (!this.el.classList.contains('card-video') && !this.el.classList.contains('card-playlist')) {
+      if (!this.el.classList.contains('card-video') && !this.el.classList.contains('card-playlist') && this.el.nextElementSibling) {
         this.el.nextElementSibling.classList.add('mouse-hover-card-bottom');
       }
     }
@@ -14070,7 +14085,7 @@ let PtcCardContent$1 = class extends HTMLElement {
     if (!this.el.classList.contains('speed-bump') && !this.el.classList.contains('card-video-intro') && !this.el.classList.contains('card-dynamic')) {
       this.hoverEvent.emit();
       this.el.classList.remove('mouse-hover');
-      if (!this.el.classList.contains('card-video') && !this.el.classList.contains('card-playlist')) {
+      if (!this.el.classList.contains('card-video') && !this.el.classList.contains('card-playlist') && this.el.nextElementSibling) {
         this.el.nextElementSibling.classList.remove('mouse-hover-card-bottom');
       }
     }
@@ -14141,13 +14156,13 @@ let PtcCheckbox$1 = class extends HTMLElement {
     input.checked = this.checked == 'checked';
   }
   render() {
-    return (h(Host, null, h("label", { class: "ptc-checkbox" }, h("slot", null), h("input", { type: "checkbox", checked: this.checked == "checked", name: this.inputName, value: this.value, onChange: (e) => this.handleClick(e) }), h("span", { class: "check" }, h("span", { class: "mark" }, h("icon-asset", { type: "ptc", size: "xx-small", name: "checkmark" }))))));
+    return (h(Host, null, h("label", { class: "ptc-checkbox" }, h("slot", null), h("input", { type: "checkbox", checked: this.checked == "checked", name: this.inputName, value: this.value, onChange: (e) => this.handleClick(e) }), h("span", { class: "check" }, h("span", { class: "mark" }, h("icon-asset", { type: "ptc", color: "white", size: "xx-small", name: "checkmark" }))))));
   }
   get host() { return this; }
   static get style() { return ptcCheckboxCss; }
 };
 
-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,.level-2>ul,.level-3>ul,.level-4>ul,.level-5>ul{max-height:0}.level-1{position:relative;padding:17px 20px 17px 0;border-bottom:1px solid rgba(112, 112, 112, 0.25)}.level-1>a{font-size:18px;letter-spacing:0.45px;font-weight:800;color:#40434a;text-decoration:none}.level-1>a:hover,.level-1>a:active,.level-1>a:focus{text-decoration:none}.level-1>icon-asset{transition:transform ease-out 250ms;position:absolute;right:32px}.level-1>ul{padding-top:0}.level-1.expanded>icon-asset{transform:rotate(-180deg)}.level-1.expanded>ul{padding-top:14px}.level-1:after{content:\"\";display:block;position:absolute;bottom:-2px;left:0;height:3px;width:40px;background-color:#74c34d}.level-2{margin:8px 0}.level-2>a{font-size:15px;font-weight:500;letter-spacing:0.4px;color:#3b4550;text-decoration:none}.level-2>a:hover,.level-2>a:active,.level-2>a:focus{font-weight:800;color:#74c34d;text-decoration:none}input[type=text]{padding:9px 45px 9px 18px;font-size:15px;font-weight:500;color:var(--color-gray-07);box-shadow:1px 1px 5px 0 rgba(0, 0, 0, 0.16);border:solid 1px var(--color-gray-07);background-color:#ffffff}input[type=text]::-ms-clear{display:none}input[type=text]:focus{outline:none}input[type=text]::-webkit-input-placeholder{color:var(--color-gray-02)}input[type=text]:-moz-placeholder{color:var(--color-gray-02);opacity:1}input[type=text]::-moz-placeholder{color:var(--color-gray-02);opacity:1}input[type=text]:-ms-input-placeholder{color:var(--color-gray-02)}input[type=text]::-ms-input-placeholder{color:var(--color-gray-02)}input[type=text] *::placeholder{color:var(--color-gray-02)}";
+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)}";
 
 class CollapseListItem {
 }
@@ -14158,40 +14173,74 @@ let PtcCollapseList$1 = class extends HTMLElement {
     this.__attachShadow();
     this.itemSelected = createEvent(this, "itemSelected", 7);
     this.itemExpanded = createEvent(this, "itemExpanded", 7);
+    this.textChanged = createEvent(this, "textChanged", 7);
+    this.inputUpdated = createEvent(this, "inputUpdated", 7);
     this.ready = createEvent(this, "ready", 7);
-    this.updated = createEvent(this, "updated", 7);
+    this.viewUpdated = createEvent(this, "viewUpdated", 7);
+    this.changed = createEvent(this, "changed", 7);
   }
   componentWillLoad() {
     this.loadListItems();
+    this.selectedItems = [];
   }
   componentDidLoad() {
     this.ready.emit({
       sender: this.el,
-      tree: this.data
+      tree: this.data,
+      search: this.searchText
     });
+    let event = () => {
+      this.changed.emit({
+        sender: this.el,
+        selectedValue: this.selectedValue,
+        selectedItems: this.selectedItems,
+        search: this.searchText
+      });
+    };
+    this.debouncedUpdatedEvent = debounce(event, this.debounceUpdateDelay, this);
   }
   componentDidUpdate() {
-    this.updated.emit({
+    this.viewUpdated.emit({
       sender: this.el,
-      tree: this.data
+      tree: this.data,
+      search: this.searchText
     });
   }
   onItemSelectedHandler(event) {
     this.itemSelected.emit({
       event: event,
       sender: event ? event.target : this.el,
+      selectedValue: this.selectedValue,
       selectedItems: this.selectedItems,
       tree: this.data
     });
+    this.fireChangedEvent();
+  }
+  onInputUpdated(event) {
+    let input = event.target;
+    this.searchText = input.value;
+    this.inputUpdated.emit({
+      event: event,
+      sender: input,
+      selectedValue: this.selectedValue,
+      selectedItems: this.selectedItems,
+      tree: this.data,
+      search: this.searchText
+    });
+    this.fireChangedEvent();
   }
-  onItemExpandeddHandler(event) {
+  onItemExpandedHandler(event) {
     this.itemExpanded.emit({
       event: event,
       sender: event ? event.target : this.el,
+      selectedValue: this.selectedValue,
       selectedItems: this.selectedItems,
       tree: this.data
     });
   }
+  fireChangedEvent() {
+    this.debouncedUpdatedEvent();
+  }
   loadListItems() {
     this.hashMap = {};
     if (!this.data) {
@@ -14230,11 +14279,11 @@ let PtcCollapseList$1 = class extends HTMLElement {
     }
   }
   setUpCategory(name, allowMultiSelect) {
-    if (!this.selectedItems) {
-      this.selectedItems = {};
+    if (!this.selectedValue) {
+      this.selectedValue = {};
     }
-    if (name && !this.selectedItems[name]) {
-      this.selectedItems[name] = {
+    if (name && !this.selectedValue[name]) {
+      this.selectedValue[name] = {
         name: name,
         items: new Array(),
         allowMultiSelect: allowMultiSelect
@@ -14250,42 +14299,113 @@ let PtcCollapseList$1 = class extends HTMLElement {
     });
   }
   updateExpandedItems() {
-    let items = this.el.shadowRoot.querySelectorAll('li');
-    items.forEach((z) => {
-      let ul = z.querySelector(':scope > ul');
-      if (ul) {
-        if (!z.classList.contains('expanded')) {
-          ul.style.removeProperty('max-height');
-        }
-        else {
-          ul.style.maxHeight = ul.scrollHeight + "px";
+    const redraw = (timestamp) => {
+      if (!this.refreshBuffer) {
+        this.refreshBuffer = timestamp;
+      }
+      const elapsed = timestamp - this.refreshBuffer;
+      let items = this.el.shadowRoot.querySelectorAll('li');
+      items.forEach((z) => {
+        let ul = z.querySelector(':scope > ul');
+        if (ul) {
+          if (!z.classList.contains('expanded')) {
+            ul.style.removeProperty('max-height');
+          }
+          else {
+            ul.style.maxHeight = ul.scrollHeight + "px";
+          }
         }
+      });
+      if (elapsed < 2500) {
+        window.requestAnimationFrame(redraw);
       }
-    });
+      else {
+        this.refreshBuffer = undefined;
+      }
+    };
+    if (!this.refreshBuffer) {
+      window.requestAnimationFrame(redraw);
+    }
+    else {
+      this.refreshBuffer = undefined;
+    }
   }
   updateSelectedItemStatus(uuid) {
     var _a;
     let selectedItem = this.hashMap[uuid];
     if (selectedItem && selectedItem.value) {
       let categoryName = (_a = selectedItem.category) !== null && _a !== void 0 ? _a : 'default';
-      if (!this.selectedItems[categoryName]) {
+      if (!this.selectedValue[categoryName]) {
         this.setUpCategory(categoryName, selectedItem.allowMultiSelect == true);
       }
-      let items = this.selectedItems[categoryName].items;
+      let items = this.selectedValue[categoryName].items;
       if (items.indexOf(selectedItem.value) < 0) {
-        if (this.selectedItems[categoryName].allowMultiSelect) {
+        if (this.selectedValue[categoryName].allowMultiSelect) {
           items.push(selectedItem.value);
         }
         else {
+          this.selectedItems = this.selectedItems.filter((z) => { return z.value != items[0]; });
           items = [selectedItem.value];
         }
+        this.selectedItems.push(selectedItem);
       }
       else {
         items = items.filter((z) => { return z != selectedItem.value; });
+        this.selectedItems = this.selectedItems.filter((z) => { return z.value != selectedItem.value; });
+      }
+      this.selectedValue[categoryName].items = items;
+    }
+  }
+  unSelectItem(uuid) {
+    var _a;
+    let selectedItem = this.hashMap[uuid];
+    if (selectedItem && selectedItem.value) {
+      let categoryName = (_a = selectedItem.category) !== null && _a !== void 0 ? _a : 'default';
+      if (!this.selectedValue[categoryName]) {
+        this.setUpCategory(categoryName, selectedItem.allowMultiSelect == true);
+      }
+      let items = this.selectedValue[categoryName].items;
+      if (items.indexOf(selectedItem.value) > -1) {
+        items = items.filter((z) => { return z != selectedItem.value; });
+        this.selectedItems = this.selectedItems.filter((z) => { return z.value != selectedItem.value; });
       }
-      this.selectedItems[categoryName].items = items;
+      this.selectedValue[categoryName].items = items;
     }
   }
+  selectItem(uuid) {
+    var _a;
+    let selectedItem = this.hashMap[uuid];
+    if (selectedItem && selectedItem.value) {
+      let categoryName = (_a = selectedItem.category) !== null && _a !== void 0 ? _a : 'default';
+      if (!this.selectedValue[categoryName]) {
+        this.setUpCategory(categoryName, selectedItem.allowMultiSelect == true);
+      }
+      let items = this.selectedValue[categoryName].items;
+      if (items.indexOf(selectedItem.value) < 0) {
+        if (this.selectedValue[categoryName].allowMultiSelect) {
+          items.push(selectedItem.value);
+        }
+        else {
+          items = [selectedItem.value];
+        }
+        this.selectedItems.push(selectedItem);
+      }
+      this.selectedValue[categoryName].items = items;
+    }
+  }
+  getItemByValue(value) {
+    let result;
+    if (this.hashMap) {
+      for (const [_, v] of Object.entries(this.hashMap)) {
+        let item = v;
+        if (item.value == value) {
+          result = item;
+          break;
+        }
+      }
+    }
+    return result;
+  }
   onItemLinkClick(event, uuid) {
     if (event) {
       event.preventDefault();
@@ -14296,48 +14416,87 @@ let PtcCollapseList$1 = class extends HTMLElement {
   onExpandClick(event, collapseParents) {
     if (event) {
       event.preventDefault();
-      let sender = event.target;
+      let sender = event.currentTarget;
+      let root = sender.closest('.level-1');
+      let parent = sender.closest('li');
       if (collapseParents) {
-        this.collapseAllFirstLevelItems(sender.parentNode);
+        this.collapseAllFirstLevelItems(root);
       }
-      if (sender && sender.parentNode) {
-        let parent = sender.parentNode;
+      if (parent) {
         parent.classList.toggle("expanded");
       }
+      if (sender.classList.contains('expander-icon')) {
+        let icon = parent.classList.contains('expanded') ? 'minus' : 'plus';
+        sender.querySelector('icon-asset').setAttribute('name', icon);
+      }
       this.updateExpandedItems();
     }
-    this.onItemExpandeddHandler(event);
+    this.onItemExpandedHandler(event);
   }
   render() {
-    let renderLevel = (arr, index) => {
-      let levelClass = `level-${index}`;
+    let renderLevel = (arr, level) => {
+      let levelClass = `level-${level}`;
       return (h("ul", null, arr.map((z) => {
         let expandable = false;
-        let icon = '';
-        if (index == 1 && z.children) {
-          expandable = true;
-          icon = (h("icon-asset", { type: "ptc", name: "chevron-down", color: "ptc-green", size: "medium" }));
+        let selectable = false;
+        let icon;
+        if (level == 1) {
+          if (z.children) {
+            expandable = true;
+            selectable = false;
+            icon = (h("icon-asset", { type: "ptc", name: "chevron-down", color: "ptc-green", size: "medium" }));
+          }
+          else {
+            expandable = false;
+            selectable = true;
+            icon = (h("icon-asset", { type: "ptc", name: "plus", color: "ptc-green", size: "medium" }));
+          }
         }
-        return (h("li", { class: levelClass }, icon, getLink(z, expandable), z.children ? renderLevel(z.children, index + 1) : ''));
+        else if (level > 1) {
+          selectable = true;
+          if (z.children) {
+            expandable = true;
+            icon = (h("icon-asset", { type: "ptc", name: "plus", color: "gray", size: "xxx-small" }));
+          }
+          else {
+            expandable = false;
+          }
+        }
+        return (h("li", { class: levelClass }, getLink(z, icon, level, expandable, selectable), z.children ? renderLevel(z.children, level + 1) : ''));
       })));
     };
-    let getLink = (item, expandable) => {
+    let getLink = (item, icon, level, expandable, selectable) => {
       let clickEvent = (e) => {
         if (expandable) {
-          this.onExpandClick(e, true);
+          this.onExpandClick(e, level == 1);
         }
         else {
           this.onItemLinkClick(e, item.id);
         }
       };
       if (item.isExternalLink) {
-        return (h("a", { href: item.href, target: item.target, title: item.title }, item.text));
+        return (h("a", { href: item.href, target: item.target, title: item.title }, icon, item.text));
+      }
+      else if ((!expandable && selectable) || (expandable && !selectable)) {
+        return (h("a", { href: "#", title: item.text, onClick: clickEvent }, icon, item.text));
       }
       else {
-        return (h("a", { href: "#", title: item.text, onClick: clickEvent }, item.text));
+        return [
+          h("a", { class: "expander-icon", href: "#", onClick: (e) => { this.onExpandClick(e, false); } }, icon),
+          h("a", { href: "#", title: item.text, onClick: (e) => { this.onItemLinkClick(e, item.id); } }, item.text)
+        ];
       }
     };
-    return (h(Host, null, h("div", { class: "container" }, h("ptc-title", { type: 'h4', "title-size": "medium", "title-weight": "w-6", "text-align": 'left', upperline: "no-upperline" }, "Filter Results :"), h("input", { type: "text", placeholder: 'Search' }), renderLevel(this.data, 1))));
+    return (h(Host, null, h("div", { class: "container" }, h("ptc-title", { type: 'h4', "title-size": "medium", "title-weight": "w-6", "text-align": 'left', upperline: "no-upperline" }, "Filter Results :"), h("div", { class: "search-box" }, h("input", { type: "text", placeholder: this.placeholderText, onKeyUp: (e) => { this.onInputUpdated(e); } })), renderLevel(this.data, 1))));
+  }
+  async removeSelectedItem(value) {
+    let item = this.getItemByValue(value);
+    this.unSelectItem(item.id);
+    this.fireChangedEvent();
+  }
+  async addSelectedItem(value) {
+    let item = this.getItemByValue(value);
+    this.selectItem(item.id);
   }
   get el() { return this; }
   static get style() { return ptcCollapseListCss; }
@@ -14596,12 +14755,7 @@ let PtcEllipsisDropdown$1 = class extends HTMLElement {
   static get style() { return ptcEllipsisDropdownCss; }
 };
 
-const CloseIcon = `<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
-<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"/>
-</svg>
-`;
-
-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}";
+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}";
 
 let PtcFilterTag$1 = class extends HTMLElement {
   constructor() {
@@ -14609,17 +14763,49 @@ let PtcFilterTag$1 = class extends HTMLElement {
     this.__registerHost();
     this.__attachShadow();
     this.clicked = createEvent(this, "clicked", 7);
-    /**
-     * Theme
-     */
     this.theme = 'bubble';
     this.handleClick = () => {
       this.clicked.emit(this);
     };
   }
+  componentWillLoad() {
+    this.iconColorMap = {
+      'bubble': {
+        'hover': 'black',
+        'standard': 'light-gray'
+      },
+      'standard': {
+        'hover': 'ptc-green',
+        'standard': 'black'
+      },
+    };
+  }
+  handleMouseEnter() {
+    this.updateIconColor('hover');
+  }
+  handleMouseLeave() {
+    this.updateIconColor('standard');
+  }
+  updateIconColor(state) {
+    let icon = this.el.shadowRoot.querySelector('icon-asset');
+    if (icon) {
+      if (this.iconColorMap[this.theme]) {
+        icon.setAttribute('color', this.iconColorMap[this.theme][state]);
+      }
+    }
+  }
   render() {
     const classMap = this.getCssClassMap();
-    return (h(Host, null, h("span", { class: classMap, onClick: () => this.handleClick() }, h("slot", null), h("span", { class: "cls", innerHTML: CloseIcon }))));
+    let icon;
+    switch (this.theme) {
+      case 'bubble':
+        icon = (h("icon-asset", { class: "cls", type: "ptc", color: "light-gray", name: "times", size: "micro" }));
+        break;
+      case 'standard':
+        icon = (h("icon-asset", { class: "cls", type: "ptc", color: "black", name: "times", size: "xxx-small" }));
+        break;
+    }
+    return (h(Host, null, h("span", { class: classMap, onClick: () => this.handleClick(), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() }, h("slot", null), icon)));
   }
   getCssClassMap() {
     return {
@@ -14627,6 +14813,7 @@ let PtcFilterTag$1 = class extends HTMLElement {
       [this.theme]: true
     };
   }
+  get el() { return this; }
   static get style() { return ptcFilterTagCss; }
 };
 
@@ -14740,7 +14927,7 @@ let PtcIconMinimize$1 = class extends HTMLElement {
   render() {
     let scrollHeight = this.getScrollHeight();
     let icon = this.opened ? 'minus' : 'plus';
-    return (h("div", { class: "ptc-icon-minimize" }, h("div", { class: "header" }, h("div", { class: "title" }, this.heading), h("div", { class: "icon", onClick: () => this.dropdownToggle() }, h("icon-asset", { type: "ptc", size: "xxx-small", name: icon }))), h("div", { class: "content", style: scrollHeight }, h("slot", null))));
+    return (h("div", { class: "ptc-icon-minimize" }, h("div", { class: "header" }, h("div", { class: "title" }, this.heading), h("div", { class: "icon", onClick: () => this.dropdownToggle() }, h("icon-asset", { type: "ptc", color: "black", size: "xxx-small", name: icon }))), h("div", { class: "content", style: scrollHeight }, h("slot", null))));
   }
   get host() { return this; }
   static get style() { return ptcIconMinimizeCss; }
@@ -16137,7 +16324,7 @@ let PtcOverlay$1 = class extends HTMLElement {
   static get style() { return ptcOverlayCss; }
 };
 
-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-13);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-13);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)}";
+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)}";
 
 let PtcPagenation$1 = class extends HTMLElement {
   constructor() {
@@ -17133,7 +17320,6 @@ let TabHeader$1 = class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
-    this.__attachShadow();
     this.tabClicked = createEvent(this, "tabClicked", 7);
     this.id = this.generateId();
     this.isSelected = false;
@@ -17170,7 +17356,7 @@ let TabHeader$1 = class extends HTMLElement {
       'tab-header-selected': this.isSelected
     };
     return [
-      h("h3", { class: classes, onClick: this.onClick.bind(this) }, h("slot", null)),
+      h("h2", { class: classes, onClick: this.onClick.bind(this) }, h("slot", null)),
     ];
   }
   static get style() { return tabHeaderCss; }
@@ -17191,13 +17377,13 @@ const PtcCardBottom = /*@__PURE__*/proxyCustomElement(PtcCardBottom$1, [1,"ptc-c
 const PtcCardContent = /*@__PURE__*/proxyCustomElement(PtcCardContent$1, [1,"ptc-card-content",{"cardType":[1,"card-type"],"styles":[1]}]);
 const PtcCardPlm = /*@__PURE__*/proxyCustomElement(PtcCardPlm$1, [1,"ptc-card-plm",{"cardType":[1,"card-type"],"cardLink":[1,"card-link"],"linkTitle":[1,"link-title"],"linkTarget":[1,"link-target"]}]);
 const PtcCheckbox = /*@__PURE__*/proxyCustomElement(PtcCheckbox$1, [1,"ptc-checkbox",{"checked":[1025],"value":[1025],"inputName":[1,"input-name"]}]);
-const PtcCollapseList = /*@__PURE__*/proxyCustomElement(PtcCollapseList$1, [1,"ptc-collapse-list",{"listItems":[1040],"data":[32],"selectedItems":[32],"hashMap":[32]}]);
+const PtcCollapseList = /*@__PURE__*/proxyCustomElement(PtcCollapseList$1, [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]}]);
 const PtcContainer = /*@__PURE__*/proxyCustomElement(PtcContainer$1, [1,"ptc-container",{"backgroundColor":[1,"background-color"],"elevation":[1],"containerType":[1,"container-type"],"spacing":[1]}]);
 const PtcDate = /*@__PURE__*/proxyCustomElement(PtcDate$1, [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"]}]);
 const PtcDropdown = /*@__PURE__*/proxyCustomElement(PtcDropdown$1, [1,"ptc-dropdown",{"theme":[1],"label":[1],"listItems":[16],"toggle":[32],"selectedItem":[32]},[[4,"click","offClick"]]]);
 const PtcDynamicCard = /*@__PURE__*/proxyCustomElement(PtcDynamicCard$1, [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"]]]);
 const PtcEllipsisDropdown = /*@__PURE__*/proxyCustomElement(PtcEllipsisDropdown$1, [1,"ptc-ellipsis-dropdown",{"dataItems":[16],"selectedTab":[1,"selected-tab"],"isDropdownOpen":[32]},[[4,"click","offClick"]]]);
-const PtcFilterTag = /*@__PURE__*/proxyCustomElement(PtcFilterTag$1, [1,"ptc-filter-tag",{"theme":[1]}]);
+const PtcFilterTag = /*@__PURE__*/proxyCustomElement(PtcFilterTag$1, [1,"ptc-filter-tag",{"theme":[1],"iconColorMap":[32]}]);
 const PtcHero = /*@__PURE__*/proxyCustomElement(PtcHero$1, [1,"ptc-hero",{"heroType":[1,"hero-type"],"bgUrl":[1,"bg-url"]}]);
 const PtcHeroFooterCta = /*@__PURE__*/proxyCustomElement(PtcHeroFooterCta$1, [6,"ptc-hero-footer-cta",{"ctaTitle":[1,"cta-title"],"description":[1],"backgroundImage":[1,"background-image"]}]);
 const PtcIconList = /*@__PURE__*/proxyCustomElement(PtcIconList$1, [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"]}]);
@@ -17229,7 +17415,7 @@ const PtcTabList = /*@__PURE__*/proxyCustomElement(PtcTabList$1, [4,"ptc-tab-lis
 const PtcTitle = /*@__PURE__*/proxyCustomElement(PtcTitle$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]}]);
 const PtcTwoColumnMedia = /*@__PURE__*/proxyCustomElement(PtcTwoColumnMedia$1, [1,"ptc-two-column-media",{"componentType":[1,"component-type"]}]);
 const TabContent = /*@__PURE__*/proxyCustomElement(TabContent$1, [4,"tab-content",{"name":[1],"isSelected":[32]}]);
-const TabHeader = /*@__PURE__*/proxyCustomElement(TabHeader$1, [1,"tab-header",{"name":[1],"isSelected":[32]}]);
+const TabHeader = /*@__PURE__*/proxyCustomElement(TabHeader$1, [4,"tab-header",{"name":[1],"isSelected":[32]}]);
 const defineCustomElements = (opts) => {
   if (typeof customElements !== 'undefined') {
     [