@ptcwebops/ptcw-design 0.2.4 → 0.2.5

package/dist/esm/{index-eb8ce23d.js → index-e3922662.js}

@@ -13,8 +13,8 @@ const doc = win.document || { head: {} };
 const plt = {
     $flags$: 0,
     $resourcesUrl$: '',
-    jmp: (h) => h(),
-    raf: (h) => requestAnimationFrame(h),
+    jmp: h => h(),
+    raf: h => requestAnimationFrame(h),
     ael: (el, eventName, listener, opts) => el.addEventListener(eventName, listener, opts),
     rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
     ce: (eventName, opts) => new CustomEvent(eventName, opts),
@@ -23,7 +23,7 @@ const promiseResolve = (v) => Promise.resolve(v);
 const supportsConstructibleStylesheets = /*@__PURE__*/ (() => {
         try {
             new CSSStyleSheet();
-            return typeof new CSSStyleSheet().replace === 'function';
+            return typeof (new CSSStyleSheet()).replace === 'function';
         }
         catch (e) { }
         return false;
@@ -222,7 +222,7 @@ const h = (nodeName, vnodeData, ...children) => {
                     typeof classData !== 'object'
                         ? classData
                         : Object.keys(classData)
-                            .filter((k) => classData[k])
+                            .filter(k => classData[k])
                             .join(' ');
             }
         }
@@ -311,8 +311,8 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
             const classList = elm.classList;
             const oldClasses = parseClassList(oldValue);
             const newClasses = parseClassList(newValue);
-            classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
-            classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
+            classList.remove(...oldClasses.filter(c => c && !newClasses.includes(c)));
+            classList.add(...newClasses.filter(c => c && !oldClasses.includes(c)));
         }
         else if (memberName === 'style') {
             // update style attribute, css properties and values
@@ -347,9 +347,7 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
                 newValue(elm);
             }
         }
-        else if ((!isProp ) &&
-            memberName[0] === 'o' &&
-            memberName[1] === 'n') {
+        else if ((!isProp ) && memberName[0] === 'o' && memberName[1] === 'n') {
             // Event Handlers
             // so if the member name starts with "on" and the 3rd characters is
             // a capital letter, and it's not already a member on the element,
@@ -396,6 +394,7 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
                         // Workaround for Safari, moving the <input> caret when re-assigning the same valued
                         if (memberName === 'list') {
                             isProp = false;
+                            // tslint:disable-next-line: triple-equals
                         }
                         else if (oldValue == null || elm[memberName] != n) {
                             elm[memberName] = n;
@@ -449,9 +448,7 @@ const updateElement = (oldVnode, newVnode, isSvgMode, memberName) => {
     // if the element passed in is a shadow root, which is a document fragment
     // then we want to be adding attrs/props to the shadow root's "host" element
     // if it's not a shadow root, then we add attrs/props to the same element
-    const elm = newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host
-        ? newVnode.$elm$.host
-        : newVnode.$elm$;
+    const elm = newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host ? newVnode.$elm$.host : newVnode.$elm$;
     const oldVnodeAttrs = (oldVnode && oldVnode.$attrs$) || EMPTY_OBJ;
     const newVnodeAttrs = newVnode.$attrs$ || EMPTY_OBJ;
     {
@@ -495,17 +492,14 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
     }
     else if (newVNode.$flags$ & 1 /* isSlotReference */) {
         // create a slot reference node
-        elm = newVNode.$elm$ =
-            doc.createTextNode('');
+        elm = newVNode.$elm$ = doc.createTextNode('');
     }
     else {
         if (!isSvgMode) {
             isSvgMode = newVNode.$tag$ === 'svg';
         }
         // create element
-        elm = newVNode.$elm$ = (doc.createElementNS(isSvgMode ? SVG_NS : HTML_NS, newVNode.$flags$ & 2 /* isSlotFallback */
-                ? 'slot-fb'
-                : newVNode.$tag$)
+        elm = newVNode.$elm$ = (doc.createElementNS(isSvgMode ? SVG_NS : HTML_NS, newVNode.$flags$ & 2 /* isSlotFallback */ ? 'slot-fb' : newVNode.$tag$)
             );
         if (isSvgMode && newVNode.$tag$ === 'foreignObject') {
             isSvgMode = false;
@@ -872,7 +866,7 @@ const relocateSlotContent = (elm) => {
                     // that is suppose to always represent the original content location
                     if (isNodeLocatedInSlot(node, slotNameAttr)) {
                         // it's possible we've already decided to relocate this node
-                        relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);
+                        relocateNodeData = relocateNodes.find(r => r.$nodeToRelocate$ === node);
                         // made some changes to slots
                         // let's make sure we also double check
                         // fallbacks are correctly hidden or shown
@@ -891,9 +885,9 @@ const relocateSlotContent = (elm) => {
                             });
                         }
                         if (node['s-sr']) {
-                            relocateNodes.map((relocateNode) => {
+                            relocateNodes.map(relocateNode => {
                                 if (isNodeLocatedInSlot(relocateNode.$nodeToRelocate$, node['s-sn'])) {
-                                    relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);
+                                    relocateNodeData = relocateNodes.find(r => r.$nodeToRelocate$ === node);
                                     if (relocateNodeData && !relocateNode.$slotRefNode$) {
                                         relocateNode.$slotRefNode$ = relocateNodeData.$slotRefNode$;
                                     }
@@ -901,7 +895,7 @@ const relocateSlotContent = (elm) => {
                             });
                         }
                     }
-                    else if (!relocateNodes.some((r) => r.$nodeToRelocate$ === node)) {
+                    else if (!relocateNodes.some(r => r.$nodeToRelocate$ === node)) {
                         // so far this element does not have a slot home, not setting slotRefNode on purpose
                         // if we never find a home for this element then we'll need to hide it
                         relocateNodes.push({
@@ -981,8 +975,7 @@ const renderVdom = (hostRef, renderFnResults) => {
                 if (!nodeToRelocate['s-ol']) {
                     // add a reference node marking this node's original location
                     // keep a reference to this node for later lookups
-                    orgLocationNode =
-                        doc.createTextNode('');
+                    orgLocationNode = doc.createTextNode('');
                     orgLocationNode['s-nr'] = nodeToRelocate;
                     nodeToRelocate.parentNode.insertBefore((nodeToRelocate['s-ol'] = orgLocationNode), nodeToRelocate);
                 }
@@ -1006,8 +999,7 @@ const renderVdom = (hostRef, renderFnResults) => {
                             }
                         }
                     }
-                    if ((!insertBeforeNode && parentNodeRef !== nodeToRelocate.parentNode) ||
-                        nodeToRelocate.nextSibling !== insertBeforeNode) {
+                    if ((!insertBeforeNode && parentNodeRef !== nodeToRelocate.parentNode) || nodeToRelocate.nextSibling !== insertBeforeNode) {
                         // we've checked that it's worth while to relocate
                         // since that the node to relocate
                         // has a different next sibling or parent relocated
@@ -1053,13 +1045,6 @@ const createEvent = (ref, name, flags) => {
         },
     };
 };
-/**
- * Helper function to create & dispatch a custom Event on a provided target
- * @param elm the target of the Event
- * @param name the name to give the custom Event
- * @param opts options for configuring a custom Event
- * @returns the custom Event
- */
 const emitEvent = (elm, name, opts) => {
     const ev = plt.ce(name, opts);
     elm.dispatchEvent(ev);
@@ -1067,7 +1052,7 @@ const emitEvent = (elm, name, opts) => {
 };
 const attachToAncestor = (hostRef, ancestorComponent) => {
     if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent['s-p']) {
-        ancestorComponent['s-p'].push(new Promise((r) => (hostRef.$onRenderResolve$ = r)));
+        ancestorComponent['s-p'].push(new Promise(r => (hostRef.$onRenderResolve$ = r)));
     }
 };
 const scheduleUpdate = (hostRef, isInitialLoad) => {
@@ -1129,7 +1114,7 @@ const updateComponent = async (hostRef, instance, isInitialLoad) => {
         // ok, so turns out there are some child host elements
         // waiting on this parent element to load
         // let's fire off all update callbacks waiting
-        rc.map((cb) => cb());
+        rc.map(cb => cb());
         elm['s-rc'] = undefined;
     }
     endRender();
@@ -1239,8 +1224,7 @@ const safeCall = (instance, method, arg) => {
 const then = (promise, thenFn) => {
     return promise && promise.then ? promise.then(thenFn) : thenFn();
 };
-const addHydratedFlag = (elm) => elm.classList.add('hydrated')
-    ;
+const addHydratedFlag = (elm) => (elm.classList.add('hydrated') );
 const parsePropertyValue = (propValue, propType) => {
     // ensure this value is of the correct prop type
     if (propValue != null && !isComplexType(propValue)) {
@@ -1284,7 +1268,7 @@ const setValue = (ref, propName, newVal, cmpMeta) => {
                 const watchMethods = cmpMeta.$watchers$[propName];
                 if (watchMethods) {
                     // this instance is watching for when this property changed
-                    watchMethods.map((watchMethodName) => {
+                    watchMethods.map(watchMethodName => {
                         try {
                             // fire off each of the watch methods that are watching this property
                             instance[watchMethodName](newVal, oldVal, propName);
@@ -1314,8 +1298,7 @@ const proxyComponent = (Cstr, cmpMeta, flags) => {
         const members = Object.entries(cmpMeta.$members$);
         const prototype = Cstr.prototype;
         members.map(([memberName, [memberFlags]]) => {
-            if ((memberFlags & 31 /* Prop */ ||
-                    ((flags & 2 /* proxyState */) && memberFlags & 32 /* State */))) {
+            if ((memberFlags & 31 /* Prop */ || ((flags & 2 /* proxyState */) && memberFlags & 32 /* State */))) {
                 // proxyComponent - prop
                 Object.defineProperty(prototype, memberName, {
                     get() {
@@ -1330,8 +1313,7 @@ const proxyComponent = (Cstr, cmpMeta, flags) => {
                     enumerable: true,
                 });
             }
-            else if (flags & 1 /* isElementConstructor */ &&
-                memberFlags & 64 /* Method */) {
+            else if (flags & 1 /* isElementConstructor */ && memberFlags & 64 /* Method */) {
                 // proxyComponent - method
                 Object.defineProperty(prototype, memberName, {
                     value(...args) {
@@ -1346,51 +1328,6 @@ const proxyComponent = (Cstr, cmpMeta, flags) => {
             prototype.attributeChangedCallback = function (attrName, _oldValue, newValue) {
                 plt.jmp(() => {
                     const propName = attrNameToPropName.get(attrName);
-                    //  In a web component lifecycle the attributeChangedCallback runs prior to connectedCallback
-                    //  in the case where an attribute was set inline.
-                    //  ```html
-                    //    <my-component some-attribute="some-value"></my-component>
-                    //  ```
-                    //
-                    //  There is an edge case where a developer sets the attribute inline on a custom element and then
-                    //  programmatically changes it before it has been upgraded as shown below:
-                    //
-                    //  ```html
-                    //    <!-- this component has _not_ been upgraded yet -->
-                    //    <my-component id="test" some-attribute="some-value"></my-component>
-                    //    <script>
-                    //      // grab non-upgraded component
-                    //      el = document.querySelector("#test");
-                    //      el.someAttribute = "another-value";
-                    //      // upgrade component
-                    //      customElements.define('my-component', MyComponent);
-                    //    </script>
-                    //  ```
-                    //  In this case if we do not unshadow here and use the value of the shadowing property, attributeChangedCallback
-                    //  will be called with `newValue = "some-value"` and will set the shadowed property (this.someAttribute = "another-value")
-                    //  to the value that was set inline i.e. "some-value" from above example. When
-                    //  the connectedCallback attempts to unshadow it will use "some-value" as the initial value rather than "another-value"
-                    //
-                    //  The case where the attribute was NOT set inline but was not set programmatically shall be handled/unshadowed
-                    //  by connectedCallback as this attributeChangedCallback will not fire.
-                    //
-                    //  https://developers.google.com/web/fundamentals/web-components/best-practices#lazy-properties
-                    //
-                    //  TODO(STENCIL-16) we should think about whether or not we actually want to be reflecting the attributes to
-                    //  properties here given that this goes against best practices outlined here
-                    //  https://developers.google.com/web/fundamentals/web-components/best-practices#avoid-reentrancy
-                    if (this.hasOwnProperty(propName)) {
-                        newValue = this[propName];
-                        delete this[propName];
-                    }
-                    else if (prototype.hasOwnProperty(propName) &&
-                        typeof this[propName] === 'number' &&
-                        this[propName] == newValue) {
-                        // if the propName exists on the prototype of `Cstr`, this update may be a result of Stencil using native
-                        // APIs to reflect props as attributes. Calls to `setAttribute(someElement, propName)` will result in
-                        // `propName` to be converted to a `DOMString`, which may not be what we want for other primitive props.
-                        return;
-                    }
                     this[propName] = newValue === null && typeof this[propName] === 'boolean' ? false : newValue;
                 });
             };
@@ -1427,7 +1364,7 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) =>
                 endLoad();
             }
             if (!Cstr.isProxied) {
-                // we've never proxied this Constructor before
+                // we'eve never proxied this Constructor before
                 // let's add the getters/setters to its prototype before
                 // the first time we create an instance of the implementation
                 {
@@ -1476,7 +1413,7 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) =>
     const ancestorComponent = hostRef.$ancestorComponent$;
     const schedule = () => scheduleUpdate(hostRef, true);
     if (ancestorComponent && ancestorComponent['s-rc']) {
-        // this is the initial load and this component it has an ancestor component
+        // this is the intial load and this component it has an ancestor component
         // but the ancestor component has NOT fired its will update lifecycle yet
         // so let's just cool our jets and wait for the ancestor to continue first
         // this will get fired off when the ancestor component
@@ -1560,7 +1497,7 @@ const disconnectedCallback = (elm) => {
         const hostRef = getHostRef(elm);
         {
             if (hostRef.$rmListeners$) {
-                hostRef.$rmListeners$.map((rmListener) => rmListener());
+                hostRef.$rmListeners$.map(rmListener => rmListener());
                 hostRef.$rmListeners$ = undefined;
             }
         }
@@ -1579,73 +1516,71 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
     let isBootstrapping = true;
     Object.assign(plt, options);
     plt.$resourcesUrl$ = new URL(options.resourcesUrl || './', doc.baseURI).href;
-    lazyBundles.map((lazyBundle) => {
-        lazyBundle[1].map((compactMeta) => {
-            const cmpMeta = {
-                $flags$: compactMeta[0],
-                $tagName$: compactMeta[1],
-                $members$: compactMeta[2],
-                $listeners$: compactMeta[3],
-            };
-            {
-                cmpMeta.$members$ = compactMeta[2];
-            }
-            {
-                cmpMeta.$listeners$ = compactMeta[3];
-            }
-            {
-                cmpMeta.$attrsToReflect$ = [];
-            }
-            {
-                cmpMeta.$watchers$ = {};
-            }
-            const tagName = cmpMeta.$tagName$;
-            const HostElement = class extends HTMLElement {
-                // StencilLazyHost
-                constructor(self) {
-                    // @ts-ignore
-                    super(self);
-                    self = this;
-                    registerHost(self, cmpMeta);
-                    if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
-                        // this component is using shadow dom
-                        // and this browser supports shadow dom
-                        // add the read-only property "shadowRoot" to the host element
-                        // adding the shadow root build conditionals to minimize runtime
+    lazyBundles.map(lazyBundle => lazyBundle[1].map(compactMeta => {
+        const cmpMeta = {
+            $flags$: compactMeta[0],
+            $tagName$: compactMeta[1],
+            $members$: compactMeta[2],
+            $listeners$: compactMeta[3],
+        };
+        {
+            cmpMeta.$members$ = compactMeta[2];
+        }
+        {
+            cmpMeta.$listeners$ = compactMeta[3];
+        }
+        {
+            cmpMeta.$attrsToReflect$ = [];
+        }
+        {
+            cmpMeta.$watchers$ = {};
+        }
+        const tagName = cmpMeta.$tagName$;
+        const HostElement = class extends HTMLElement {
+            // StencilLazyHost
+            constructor(self) {
+                // @ts-ignore
+                super(self);
+                self = this;
+                registerHost(self, cmpMeta);
+                if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+                    // this component is using shadow dom
+                    // and this browser supports shadow dom
+                    // add the read-only property "shadowRoot" to the host element
+                    // adding the shadow root build conditionals to minimize runtime
+                    {
                         {
-                            {
-                                self.attachShadow({ mode: 'open' });
-                            }
+                            self.attachShadow({ mode: 'open' });
                         }
                     }
                 }
-                connectedCallback() {
-                    if (appLoadFallback) {
-                        clearTimeout(appLoadFallback);
-                        appLoadFallback = null;
-                    }
-                    if (isBootstrapping) {
-                        // connectedCallback will be processed once all components have been registered
-                        deferredConnectedCallbacks.push(this);
-                    }
-                    else {
-                        plt.jmp(() => connectedCallback(this));
-                    }
+            }
+            connectedCallback() {
+                if (appLoadFallback) {
+                    clearTimeout(appLoadFallback);
+                    appLoadFallback = null;
                 }
-                disconnectedCallback() {
-                    plt.jmp(() => disconnectedCallback(this));
+                if (isBootstrapping) {
+                    // connectedCallback will be processed once all components have been registered
+                    deferredConnectedCallbacks.push(this);
                 }
-                componentOnReady() {
-                    return getHostRef(this).$onReadyPromise$;
+                else {
+                    plt.jmp(() => connectedCallback(this));
                 }
-            };
-            cmpMeta.$lazyBundleId$ = lazyBundle[0];
-            if (!exclude.includes(tagName) && !customElements.get(tagName)) {
-                cmpTags.push(tagName);
-                customElements.define(tagName, proxyComponent(HostElement, cmpMeta, 1 /* isElementConstructor */));
             }
-        });
-    });
+            disconnectedCallback() {
+                plt.jmp(() => disconnectedCallback(this));
+            }
+            componentOnReady() {
+                return getHostRef(this).$onReadyPromise$;
+            }
+        };
+        cmpMeta.$lazyBundleId$ = lazyBundle[0];
+        if (!exclude.includes(tagName) && !customElements.get(tagName)) {
+            cmpTags.push(tagName);
+            customElements.define(tagName, proxyComponent(HostElement, cmpMeta, 1 /* isElementConstructor */));
+        }
+    }));
     {
         visibilityStyle.innerHTML = cmpTags + HYDRATED_CSS;
         visibilityStyle.setAttribute('data-styles', '');
@@ -1654,7 +1589,7 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
     // Process deferred connectedCallbacks now all components have been registered
     isBootstrapping = false;
     if (deferredConnectedCallbacks.length) {
-        deferredConnectedCallbacks.map((host) => host.connectedCallback());
+        deferredConnectedCallbacks.map(host => host.connectedCallback());
     }
     else {
         {
@@ -1679,10 +1614,10 @@ const registerHost = (elm, cmpMeta) => {
         $instanceValues$: new Map(),
     };
     {
-        hostRef.$onInstancePromise$ = new Promise((r) => (hostRef.$onInstanceResolve$ = r));
+        hostRef.$onInstancePromise$ = new Promise(r => (hostRef.$onInstanceResolve$ = r));
     }
     {
-        hostRef.$onReadyPromise$ = new Promise((r) => (hostRef.$onReadyResolve$ = r));
+        hostRef.$onReadyPromise$ = new Promise(r => (hostRef.$onReadyResolve$ = r));
         elm['s-p'] = [];
         elm['s-rc'] = [];
     }
@@ -1704,7 +1639,7 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
     /* webpackInclude: /\.entry\.js$/ */
     /* webpackExclude: /\.system\.entry\.js$/ */
     /* webpackMode: "lazy" */
-    `./${bundleId}.entry.js${''}`).then((importedModule) => {
+    `./${bundleId}.entry.js${''}`).then(importedModule => {
         {
             cmpModules.set(bundleId, importedModule);
         }

package/dist/esm/list-item.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, H as Host } from './index-eb8ce23d.js';
+import { r as registerInstance, h, H as Host } from './index-e3922662.js';
 
 const listItemCss = ":host{display:block}";
 
-let ListItem = class {
+const ListItem = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.listType = 'para-list';

package/dist/esm/loader.js

@@ -1,7 +1,7 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-eb8ce23d.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-e3922662.js';
 
 /*
- Stencil Client Patch Esm v2.13.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.6.0 | MIT Licensed | https://stenciljs.com
  */
 const patchEsm = () => {
     return promiseResolve();

package/dist/esm/lottie-player.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-eb8ce23d.js';
+import { r as registerInstance, c as createEvent, h } from './index-e3922662.js';
 
 function createCommonjsModule(fn, basedir, module) {
 	return module = {
@@ -13113,7 +13113,7 @@ var PlayMode;
 
 const lottiePlayerCss = ":host{--lottie-player-toolbar-height:35px;--lottie-player-toolbar-background-color:transparent;--lottie-player-toolbar-icon-color:#999;--lottie-player-toolbar-icon-hover-color:#222;--lottie-player-toolbar-icon-active-color:#555;--lottie-player-seeker-track-color:#CCC;--lottie-player-seeker-thumb-color:rgba(0, 107, 120, 0.8);display:block;width:100%;height:100%}.main{box-sizing:border-box;display:inline-grid;grid-auto-columns:auto;grid-template-rows:auto;position:relative;height:inherit;width:inherit}.main.controls{grid-template-rows:1fr var(--lottie-player-toolbar-height)}.animation{overflow:hidden;height:calc(1fr - var(--lottie-player-toolbar-height))}.toolbar{display:grid;grid-template-columns:32px 32px 1fr 32px 32px;align-items:center;justify-items:center;background-color:var(--lottie-player-toolbar-background-color)}.toolbar button{cursor:pointer;fill:var(--lottie-player-toolbar-icon-color);display:flex;background:none;border:0;padding:0;outline:none;height:100%}.toolbar button:hover{fill:var(--lottie-player-toolbar-icon-hover-color)}.toolbar button.active{fill:var(--lottie-player-toolbar-icon-active-color)}.toolbar button.disabled svg{display:none}.toolbar a{filter:grayscale(100%);display:flex;transition:filter .5s, opacity 0.5s;opacity:0.4;height:100%;align-items:center}.toolbar a:hover{filter:none;display:flex;opacity:1}.seeker{-webkit-appearance:none;width:95%;outline:none}.seeker::-webkit-slider-runnable-track{width:100%;height:5px;cursor:pointer;background:var(--lottie-player-seeker-track-color);border-radius:3px}.seeker::-webkit-slider-thumb{height:15px;width:15px;border-radius:50%;background:var(--lottie-player-seeker-thumb-color);cursor:pointer;-webkit-appearance:none;margin-top:-5px}.seeker:focus::-webkit-slider-runnable-track{background:#999}.seeker::-moz-range-track{width:100%;height:5px;cursor:pointer;background:var(--lottie-player-seeker-track-color);border-radius:3px}.seeker::-moz-range-thumb{height:15px;width:15px;border-radius:50%;background:var(--lottie-player-seeker-thumb-color);cursor:pointer}.seeker::-ms-track{width:100%;height:5px;cursor:pointer;background:transparent;border-color:transparent;color:transparent}.seeker::-ms-fill-lower{background:var(--lottie-player-seeker-track-color);border-radius:3px}.seeker::-ms-fill-upper{background:var(--lottie-player-seeker-track-color);border-radius:3px}.seeker::-ms-thumb{border:0;height:15px;width:15px;border-radius:50%;background:var(--lottie-player-seeker-thumb-color);cursor:pointer}.seeker:focus::-ms-fill-lower{background:var(--lottie-player-seeker-track-color)}.seeker:focus::-ms-fill-upper{background:var(--lottie-player-seeker-track-color)}.error{display:flex;justify-content:center;height:100%;align-items:center}";
 
-let LottiePlayer = class {
+const LottiePlayer = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.error = createEvent(this, "error", 7);

package/dist/esm/my-component.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-eb8ce23d.js';
+import { r as registerInstance, h } from './index-e3922662.js';
 
 function format(first, middle, last) {
   return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
@@ -6,7 +6,7 @@ function format(first, middle, last) {
 
 const myComponentCss = ":host{display:block}";
 
-let MyComponent = class {
+const MyComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
   }

package/dist/esm/ptc-announcement.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-eb8ce23d.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-e3922662.js';
 
 const ptcAnnouncementCss = ":host{display:block}.announcement{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNTUyLjI5NiIgaGVpZ2h0PSI0Ni45ODEiIHZpZXdCb3g9IjAgMCAxNTUyLjI5NiA0Ni45ODEiPg0KICAgIDxkZWZzPg0KICAgICAgICA8c3R5bGU+DQogICAgICAgICAgICAucHJlZml4X19jbHMtMntmaWxsOiNmZmZ9DQogICAgICAgIDwvc3R5bGU+DQogICAgPC9kZWZzPg0KICAgIDxnIGlkPSJwcmVmaXhfX0dyb3VwXzM3MCIgZGF0YS1uYW1lPSJHcm91cCAzNzAiIHN0eWxlPSJvcGFjaXR5Oi4yNTttaXgtYmxlbmQtbW9kZTpzb2Z0LWxpZ2h0O2lzb2xhdGlvbjppc29sYXRlIj4NCiAgICAgICAgPGcgaWQ9InByZWZpeF9fQXJ0d29ya18xMyIgZGF0YS1uYW1lPSJBcnR3b3JrIDEzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjkuMzM2IDIzLjQ5KSI+DQogICAgICAgICAgICA8ZyBpZD0icHJlZml4X19BcnR3b3JrXzEzLTIiIGRhdGEtbmFtZT0iQXJ0d29yayAxMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyOS4zMzYgLTIzLjQ5KSI+DQogICAgICAgICAgICAgICAgPGcgaWQ9InByZWZpeF9fR3JvdXBfMzEwIiBkYXRhLW5hbWU9Ikdyb3VwIDMxMCI+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJwcmVmaXhfX1BhdGhfMTI1NyIgZD0iTTAgMHYyNi4wMjhMMjYuMDI4IDB6IiBjbGFzcz0icHJlZml4X19jbHMtMiIgZGF0YS1uYW1lPSJQYXRoIDEyNTciLz4NCiAgICAgICAgICAgICAgICAgICAgPHBhdGggaWQ9InByZWZpeF9fUGF0aF8xMjU4IiBkPSJNNDMwLjA3NiAwTDM4My4xIDQ2Ljk4MWgyNi4xMDdsMjAuODY5LTIwLjg2OXoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggMTI1OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM2NS40MDgpIi8+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgICAgIDxnIGlkPSJwcmVmaXhfX0dyb3VwXzMxMSIgZGF0YS1uYW1lPSJHcm91cCAzMTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY0LjY2OCkiPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzEyNTkiIGQ9Ik0xNDAwLjMgMHYyNi4wMjhMMTQyNi4zMjggMHoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggMTI1OSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE0MDAuMzAxKSIvPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzEyNjAiIGQ9Ik0xODMwLjM3NiAwTDE3ODMuNCA0Ni45ODFoMjYuMTA3bDIwLjg2OS0yMC44Njl6IiBjbGFzcz0icHJlZml4X19jbHMtMiIgZGF0YS1uYW1lPSJQYXRoIDEyNjAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNzY1LjcwOCkiLz4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgPGcgaWQ9InByZWZpeF9fR3JvdXBfMzEyIiBkYXRhLW5hbWU9Ikdyb3VwIDMxMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI5LjMzNikiPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzEyNjEiIGQ9Ik0yODAwLjYgMHYyNi4wMjhMMjgyNi42MjkgMHoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggMTI2MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI4MDAuNjAxKSIvPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzEyNjIiIGQ9Ik0zMjMwLjY3NiAwTDMxODMuNyA0Ni45ODFoMjYuMTA2bDIwLjg2OS0yMC44Njl6IiBjbGFzcz0icHJlZml4X19jbHMtMiIgZGF0YS1uYW1lPSJQYXRoIDEyNjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMTY2LjAwOCkiLz4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgPGcgaWQ9InByZWZpeF9fR3JvdXBfMzEzIiBkYXRhLW5hbWU9Ikdyb3VwIDMxMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTk0LjAwNCkiPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzEyNjMiIGQ9Ik00MjAwLjkgMHYyNi4wMjhMNDIyNi45MjcgMHoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggMTI2MyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQyMDAuODk3KSIvPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzEyNjQiIGQ9Ik00NjMwLjk3NCAwTDQ1ODQgNDYuOTgxaDI2LjFsMjAuODctMjAuODY5eiIgY2xhc3M9InByZWZpeF9fY2xzLTIiIGRhdGEtbmFtZT0iUGF0aCAxMjY0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDU2Ni4zMDYpIi8+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgICAgIDxnIGlkPSJwcmVmaXhfX0FydHdvcmtfMTMtMyIgZGF0YS1uYW1lPSJBcnR3b3JrIDEzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzODguMTk5IDIzLjQ5KSI+DQogICAgICAgICAgICA8ZyBpZD0icHJlZml4X19BcnR3b3JrXzEzLTQiIGRhdGEtbmFtZT0iQXJ0d29yayAxMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyOS4zMzYgLTIzLjQ5KSI+DQogICAgICAgICAgICAgICAgPGcgaWQ9InByZWZpeF9fR3JvdXBfMzM0IiBkYXRhLW5hbWU9Ikdyb3VwIDMzNCI+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJwcmVmaXhfX1BhdGhfMTI5NyIgZD0iTTAgMHYyNi4wMjhMMjYuMDI4IDB6IiBjbGFzcz0icHJlZml4X19jbHMtMiIgZGF0YS1uYW1lPSJQYXRoIDEyOTciLz4NCiAgICAgICAgICAgICAgICAgICAgPHBhdGggaWQ9InByZWZpeF9fUGF0aF8xMjk4IiBkPSJNNDMwLjA3NiAwTDM4My4xIDQ2Ljk4MWgyNi4xMDdsMjAuODY5LTIwLjg2OXoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggMTI5OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM2NS40MDgpIi8+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgICAgIDxnIGlkPSJwcmVmaXhfX0dyb3VwXzMzNSIgZGF0YS1uYW1lPSJHcm91cCAzMzUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY0LjY2OCkiPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzEyOTkiIGQ9Ik0xNDAwLjMgMHYyNi4wMjhMMTQyNi4zMjggMHoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggMTI5OSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE0MDAuMzAxKSIvPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzEzMDAiIGQ9Ik0xODMwLjM3NiAwTDE3ODMuNCA0Ni45ODFoMjYuMTA3bDIwLjg2OS0yMC44Njl6IiBjbGFzcz0icHJlZml4X19jbHMtMiIgZGF0YS1uYW1lPSJQYXRoIDEzMDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNzY1LjcwOCkiLz4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgPGcgaWQ9InByZWZpeF9fR3JvdXBfMzM2IiBkYXRhLW5hbWU9Ikdyb3VwIDMzNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI5LjMzNikiPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzEzMDEiIGQ9Ik0yODAwLjYgMHYyNi4wMjhMMjgyNi42MjkgMHoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggMTMwMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI4MDAuNjAxKSIvPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzEzMDIiIGQ9Ik0zMjMwLjY3NiAwTDMxODMuNyA0Ni45ODFoMjYuMTA2bDIwLjg2OS0yMC44Njl6IiBjbGFzcz0icHJlZml4X19jbHMtMiIgZGF0YS1uYW1lPSJQYXRoIDEzMDIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMTY2LjAwOCkiLz4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgPGcgaWQ9InByZWZpeF9fR3JvdXBfMzM3IiBkYXRhLW5hbWU9Ikdyb3VwIDMzNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTk0LjAwNCkiPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzEzMDMiIGQ9Ik00MjAwLjkgMHYyNi4wMjhMNDIyNi45MjcgMHoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggMTMwMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQyMDAuODk3KSIvPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzEzMDQiIGQ9Ik00NjMwLjk3NCAwTDQ1ODQgNDYuOTgxaDI2LjFsMjAuODctMjAuODY5eiIgY2xhc3M9InByZWZpeF9fY2xzLTIiIGRhdGEtbmFtZT0iUGF0aCAxMzA0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDU2Ni4zMDYpIi8+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgICAgIDxnIGlkPSJwcmVmaXhfX0FydHdvcmtfMTMtNSIgZGF0YS1uYW1lPSJBcnR3b3JrIDEzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2NDYuOTk2IDIzLjQ5KSI+DQogICAgICAgICAgICA8ZyBpZD0icHJlZml4X19BcnR3b3JrXzEzLTYiIGRhdGEtbmFtZT0iQXJ0d29yayAxMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyOS4zMzYgLTIzLjQ5KSI+DQogICAgICAgICAgICAgICAgPGcgaWQ9InByZWZpeF9fR3JvdXBfMzQzIiBkYXRhLW5hbWU9Ikdyb3VwIDM0MyI+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJwcmVmaXhfX1BhdGhfMTMxMyIgZD0iTTAgMHYyNi4wMjhMMjYuMDI4IDB6IiBjbGFzcz0icHJlZml4X19jbHMtMiIgZGF0YS1uYW1lPSJQYXRoIDEzMTMiLz4NCiAgICAgICAgICAgICAgICAgICAgPHBhdGggaWQ9InByZWZpeF9fUGF0aF8xMzE0IiBkPSJNNDMwLjA3NiAwTDM4My4xIDQ2Ljk4MWgyNi4xMDdsMjAuODY5LTIwLjg2OXoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggMTMxNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM2NS40MDgpIi8+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgICAgIDxnIGlkPSJwcmVmaXhfX0dyb3VwXzM0NCIgZGF0YS1uYW1lPSJHcm91cCAzNDQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY0LjY2OCkiPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzEzMTUiIGQ9Ik0xNDAwLjMgMHYyNi4wMjhMMTQyNi4zMjggMHoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggMTMxNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE0MDAuMzAxKSIvPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzEzMTYiIGQ9Ik0xODMwLjM3NiAwTDE3ODMuNCA0Ni45ODFoMjYuMTA3bDIwLjg2OS0yMC44Njl6IiBjbGFzcz0icHJlZml4X19jbHMtMiIgZGF0YS1uYW1lPSJQYXRoIDEzMTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNzY1LjcwOCkiLz4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgPGcgaWQ9InByZWZpeF9fR3JvdXBfMzQ1IiBkYXRhLW5hbWU9Ikdyb3VwIDM0NSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI5LjMzNikiPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzEzMTciIGQ9Ik0yODAwLjYgMHYyNi4wMjhMMjgyNi42MjkgMHoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggMTMxNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI4MDAuNjAxKSIvPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzEzMTgiIGQ9Ik0zMjMwLjY3NiAwTDMxODMuNyA0Ni45ODFoMjYuMTA2bDIwLjg2OS0yMC44Njl6IiBjbGFzcz0icHJlZml4X19jbHMtMiIgZGF0YS1uYW1lPSJQYXRoIDEzMTgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMTY2LjAwOCkiLz4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgPGcgaWQ9InByZWZpeF9fR3JvdXBfMzQ2IiBkYXRhLW5hbWU9Ikdyb3VwIDM0NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTk0LjAwNCkiPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzEzMTkiIGQ9Ik00MjAwLjkgMHYyNi4wMjhMNDIyNi45MjcgMHoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggMTMxOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQyMDAuODk3KSIvPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzEzMjAiIGQ9Ik00NjMwLjk3NCAwTDQ1ODQgNDYuOTgxaDI2LjFsMjAuODctMjAuODY5eiIgY2xhc3M9InByZWZpeF9fY2xzLTIiIGRhdGEtbmFtZT0iUGF0aCAxMzIwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDU2Ni4zMDYpIi8+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgICAgIDxnIGlkPSJwcmVmaXhfX0FydHdvcmtfMTMtNyIgZGF0YS1uYW1lPSJBcnR3b3JrIDEzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5MDUuMDU2IDIzLjQ5KSI+DQogICAgICAgICAgICA8ZyBpZD0icHJlZml4X19BcnR3b3JrXzEzLTgiIGRhdGEtbmFtZT0iQXJ0d29yayAxMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyOS4zMzYgLTIzLjQ5KSI+DQogICAgICAgICAgICAgICAgPGcgaWQ9InByZWZpeF9fR3JvdXBfMzUyIiBkYXRhLW5hbWU9Ikdyb3VwIDM1MiI+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJwcmVmaXhfX1BhdGhfMTMyOSIgZD0iTTAgMHYyNi4wMjhMMjYuMDI4IDB6IiBjbGFzcz0icHJlZml4X19jbHMtMiIgZGF0YS1uYW1lPSJQYXRoIDEzMjkiLz4NCiAgICAgICAgICAgICAgICAgICAgPHBhdGggaWQ9InByZWZpeF9fUGF0aF8xMzMwIiBkPSJNNDMwLjA3NiAwTDM4My4xIDQ2Ljk4aDI2LjEwNmwyMC44NjktMjAuODY5eiIgY2xhc3M9InByZWZpeF9fY2xzLTIiIGRhdGEtbmFtZT0iUGF0aCAxMzMwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzY1LjQwOCkiLz4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgPGcgaWQ9InByZWZpeF9fR3JvdXBfMzUzIiBkYXRhLW5hbWU9Ikdyb3VwIDM1MyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjQuNjY4KSI+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJwcmVmaXhfX1BhdGhfMTMzMSIgZD0iTTE0MDAuMyAwdjI2LjAyOEwxNDI2LjMyOCAweiIgY2xhc3M9InByZWZpeF9fY2xzLTIiIGRhdGEtbmFtZT0iUGF0aCAxMzMxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQwMC4zMDEpIi8+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJwcmVmaXhfX1BhdGhfMTMzMiIgZD0iTTE4MzAuMzc2IDBMMTc4My40IDQ2Ljk4aDI2LjEwN2wyMC44NjktMjAuODY5eiIgY2xhc3M9InByZWZpeF9fY2xzLTIiIGRhdGEtbmFtZT0iUGF0aCAxMzMyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTc2NS43MDgpIi8+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgICAgIDxnIGlkPSJwcmVmaXhfX0dyb3VwXzM1NCIgZGF0YS1uYW1lPSJHcm91cCAzNTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyOS4zMzYpIj4NCiAgICAgICAgICAgICAgICAgICAgPHBhdGggaWQ9InByZWZpeF9fUGF0aF8xMzMzIiBkPSJNMjgwMC42IDB2MjYuMDI4TDI4MjYuNjI5IDB6IiBjbGFzcz0icHJlZml4X19jbHMtMiIgZGF0YS1uYW1lPSJQYXRoIDEzMzMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yODAwLjYwMSkiLz4NCiAgICAgICAgICAgICAgICAgICAgPHBhdGggaWQ9InByZWZpeF9fUGF0aF8xMzM0IiBkPSJNMzIzMC42NzYgMEwzMTgzLjcgNDYuOThoMjYuMTA2bDIwLjg3LTIwLjg2OXoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggMTMzNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMxNjYuMDA4KSIvPg0KICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgICAgICA8ZyBpZD0icHJlZml4X19Hcm91cF8zNTUiIGRhdGEtbmFtZT0iR3JvdXAgMzU1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOTQuMDA0KSI+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJwcmVmaXhfX1BhdGhfMTMzNSIgZD0iTTQyMDAuOSAwdjI2LjAyOEw0MjI2LjkyOCAweiIgY2xhc3M9InByZWZpeF9fY2xzLTIiIGRhdGEtbmFtZT0iUGF0aCAxMzM1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDIwMC44OTkpIi8+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJwcmVmaXhfX1BhdGhfMTMzNiIgZD0iTTQ2MzAuOTc1IDBMNDU4NCA0Ni45OGgyNi4xMDVsMjAuODY5LTIwLjg2OXoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggMTMzNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ1NjYuMzA4KSIvPg0KICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgIDwvZz4NCiAgICAgICAgPC9nPg0KICAgICAgICA8ZyBpZD0icHJlZml4X19BcnR3b3JrXzEzLTkiIGRhdGEtbmFtZT0iQXJ0d29yayAxMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTE2My45NiAyMy40OSkiPg0KICAgICAgICAgICAgPGcgaWQ9InByZWZpeF9fQXJ0d29ya18xMy0xMCIgZGF0YS1uYW1lPSJBcnR3b3JrIDEzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI5LjMzNiAtMjMuNDkpIj4NCiAgICAgICAgICAgICAgICA8ZyBpZD0icHJlZml4X19Hcm91cF8zNjEiIGRhdGEtbmFtZT0iR3JvdXAgMzYxIj4NCiAgICAgICAgICAgICAgICAgICAgPHBhdGggaWQ9InByZWZpeF9fUGF0aF8xMzQ1IiBkPSJNMCAwdjI2LjAyOEwyNi4wMjggMHoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggMTM0NSIvPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzEzNDYiIGQ9Ik00MzAuMDc2IDBMMzgzLjEgNDYuOTgxaDI2LjEwN2wyMC44NjktMjAuODY5eiIgY2xhc3M9InByZWZpeF9fY2xzLTIiIGRhdGEtbmFtZT0iUGF0aCAxMzQ2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzY1LjQwOCkiLz4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgPGcgaWQ9InByZWZpeF9fR3JvdXBfMzYyIiBkYXRhLW5hbWU9Ikdyb3VwIDM2MiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjQuNjY4KSI+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJwcmVmaXhfX1BhdGhfMTM0NyIgZD0iTTE0MDAuMyAwdjI2LjAyOEwxNDI2LjMyOCAweiIgY2xhc3M9InByZWZpeF9fY2xzLTIiIGRhdGEtbmFtZT0iUGF0aCAxMzQ3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQwMC4zMDEpIi8+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJwcmVmaXhfX1BhdGhfMTM0OCIgZD0iTTE4MzAuMzc2IDBMMTc4My40IDQ2Ljk4MWgyNi4xMDdsMjAuODY5LTIwLjg2OXoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggMTM0OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3NjUuNzA4KSIvPg0KICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgICAgICA8ZyBpZD0icHJlZml4X19Hcm91cF8zNjMiIGRhdGEtbmFtZT0iR3JvdXAgMzYzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjkuMzM2KSI+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJwcmVmaXhfX1BhdGhfMTM0OSIgZD0iTTI4MDAuNiAwdjI2LjAyOEwyODI2LjYyOSAweiIgY2xhc3M9InByZWZpeF9fY2xzLTIiIGRhdGEtbmFtZT0iUGF0aCAxMzQ5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjgwMC42MDEpIi8+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJwcmVmaXhfX1BhdGhfMTM1MCIgZD0iTTMyMzAuNjc2IDBMMzE4My43IDQ2Ljk4MWgyNi4xMDZsMjAuODY5LTIwLjg2OXoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggMTM1MCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMxNjYuMDA4KSIvPg0KICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgICAgICA8ZyBpZD0icHJlZml4X19Hcm91cF8zNjQiIGRhdGEtbmFtZT0iR3JvdXAgMzY0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOTQuMDA0KSI+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJwcmVmaXhfX1BhdGhfMTM1MSIgZD0iTTQyMDAuOSAwdjI2LjAyOEw0MjI2LjkyNiAweiIgY2xhc3M9InByZWZpeF9fY2xzLTIiIGRhdGEtbmFtZT0iUGF0aCAxMzUxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDIwMC44OTcpIi8+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJwcmVmaXhfX1BhdGhfMTM1MiIgZD0iTTQ2MzAuOTczIDBMNDU4NCA0Ni45ODFoMjYuMWwyMC44Ny0yMC44Njl6IiBjbGFzcz0icHJlZml4X19jbHMtMiIgZGF0YS1uYW1lPSJQYXRoIDEzNTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NTY2LjMwNSkiLz4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICAgICAgPGcgaWQ9InByZWZpeF9fQXJ0d29ya18xMy0xMSIgZGF0YS1uYW1lPSJBcnR3b3JrIDEzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNDIyLjk2IDIzLjQ5KSI+DQogICAgICAgICAgICA8ZyBpZD0icHJlZml4X19BcnR3b3JrXzEzLTEyIiBkYXRhLW5hbWU9IkFydHdvcmsgMTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMjkuMzM2IC0yMy40OSkiPg0KICAgICAgICAgICAgICAgIDxnIGlkPSJwcmVmaXhfX0dyb3VwXzMwMzMiIGRhdGEtbmFtZT0iR3JvdXAgMzAzMyI+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJwcmVmaXhfX1BhdGhfOTA1MyIgZD0iTTAgMHYyNi4wMjhMMjYuMDI4IDB6IiBjbGFzcz0icHJlZml4X19jbHMtMiIgZGF0YS1uYW1lPSJQYXRoIDkwNTMiLz4NCiAgICAgICAgICAgICAgICAgICAgPHBhdGggaWQ9InByZWZpeF9fUGF0aF85MDU0IiBkPSJNNDMwLjA3NiAwTDM4My4xIDQ2Ljk4MWgyNi4xMDdsMjAuODY5LTIwLjg2OXoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggOTA1NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM2NS40MDgpIi8+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgICAgIDxnIGlkPSJwcmVmaXhfX0dyb3VwXzMwMzQiIGRhdGEtbmFtZT0iR3JvdXAgMzAzNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjQuNjY4KSI+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJwcmVmaXhfX1BhdGhfOTA1NSIgZD0iTTE0MDAuMyAwdjI2LjAyOEwxNDI2LjMyOCAweiIgY2xhc3M9InByZWZpeF9fY2xzLTIiIGRhdGEtbmFtZT0iUGF0aCA5MDU1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQwMC4zMDEpIi8+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJwcmVmaXhfX1BhdGhfOTA1NiIgZD0iTTE4MzAuMzc2IDBMMTc4My40IDQ2Ljk4MWgyNi4xMDdsMjAuODY5LTIwLjg2OXoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggOTA1NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3NjUuNzA4KSIvPg0KICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgICAgICA8ZyBpZD0icHJlZml4X19Hcm91cF8zMDM1IiBkYXRhLW5hbWU9Ikdyb3VwIDMwMzUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyOS4zMzYpIj4NCiAgICAgICAgICAgICAgICAgICAgPHBhdGggaWQ9InByZWZpeF9fUGF0aF85MDU3IiBkPSJNMjgwMC42IDB2MjYuMDI4TDI4MjYuNjI5IDB6IiBjbGFzcz0icHJlZml4X19jbHMtMiIgZGF0YS1uYW1lPSJQYXRoIDkwNTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yODAwLjYwMSkiLz4NCiAgICAgICAgICAgICAgICAgICAgPHBhdGggaWQ9InByZWZpeF9fUGF0aF85MDU4IiBkPSJNMzIzMC42NzYgMEwzMTgzLjcgNDYuOTgxaDI2LjEwNmwyMC44NjktMjAuODY5eiIgY2xhc3M9InByZWZpeF9fY2xzLTIiIGRhdGEtbmFtZT0iUGF0aCA5MDU4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzE2Ni4wMDgpIi8+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgICAgIDxnIGlkPSJwcmVmaXhfX0dyb3VwXzMwMzYiIGRhdGEtbmFtZT0iR3JvdXAgMzAzNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTk0LjAwNCkiPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzkwNTkiIGQ9Ik00MjAwLjkgMHYyNi4wMjhMNDIyNi45MjYgMHoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggOTA1OSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQyMDAuODk3KSIvPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzkwNjAiIGQ9Ik00NjMwLjk3MyAwTDQ1ODQgNDYuOTgxaDI2LjFsMjAuODctMjAuODY5eiIgY2xhc3M9InByZWZpeF9fY2xzLTIiIGRhdGEtbmFtZT0iUGF0aCA5MDYwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDU2Ni4zMDUpIi8+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+DQo=);width:100%;position:relative;background-color:rgba(211, 211, 211, 0.4);z-index:860;background-size:cover;background-repeat:repeat-x;border:1px solid var(--color-secondary-turtlegreen);-webkit-box-shadow:1px 1px 9px 0 rgba(0, 0, 0, 0.56);box-shadow:1px 1px 9px 0 rgba(0, 0, 0, 0.56);z-index:999;display:none}.visible{display:block}.content-wrapper{display:flex;padding:5px 15px;margin:0 auto;align-items:center;justify-content:space-between}@media screen and (min-width: 768px){.content-wrapper{padding:10px 15px}}@media screen and (min-width: 768px){.temp-container{width:750px}}@media screen and (min-width: 992px){.temp-container{width:970px}}@media screen and (min-width: 1200px){.temp-container{width:1170px}}@media screen and (min-width: 1440px){.temp-container{width:1400px}}@media screen and (min-width: 1600px){.temp-container{width:1560px}}.left-content{display:block;flex-basis:82%}@media screen and (min-width: 768px){.left-content{display:flex;align-items:center;justify-content:flex-start}}.ptc-svg-btn{flex-basis:18%}.description{margin-bottom:var(--ptc-element-spacing-04)}@media screen and (min-width: 768px){.description{margin-bottom:unset;margin-right:var(--ptc-element-spacing-04)}}";
 
-let PtcAnnouncement = class {
+const PtcAnnouncement = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.close = createEvent(this, "close", 7);
@@ -17,7 +17,7 @@ let PtcAnnouncement = class {
   }
   render() {
     const classMap = this.getCssClassMap();
-    return (h(Host, null, h("div", { class: classMap, part: "part-announcement" }, h("div", { class: this.tempContainer ? "content-wrapper temp-container" : "content-wrapper" }, h("div", { class: "left-content", part: "part-left-content" }, h("div", { class: "description" }, h("slot", null)), !!this.btnText ? (h("ptc-button", { color: "ptc-quaternary", "link-href": this.btnLink, class: "hydrated" }, this.btnText, h("icon-asset", { slot: "slot-after-text", type: "ptc", size: "small", name: "button-arrow-right", color: "white" }))) : null), h("ptc-svg-btn", { "svg-name": "close", onClick: this.closeClick })))));
+    return (h(Host, null, h("div", { class: classMap, part: "part-announcement" }, h("div", { class: this.tempContainer ? "content-wrapper temp-container" : "content-wrapper" }, h("div", { class: "left-content", part: "part-left-content" }, h("div", { class: "description" }, h("slot", null)), !!this.btnText ? (h("ptc-button", { color: "legacy-green", "link-href": this.btnLink, class: "hydrated" }, this.btnText, h("icon-asset", { slot: "slot-after-text", type: "ptc", size: "small", name: "button-arrow-right", color: "white" }))) : null), h("ptc-svg-btn", { "svg-name": "close", onClick: this.closeClick })))));
   }
   getCssClassMap() {
     return {

package/dist/esm/ptc-avatar.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, H as Host } from './index-eb8ce23d.js';
+import { r as registerInstance, h, H as Host } from './index-e3922662.js';
 
 const ptcAvatarCss = ":host{display:block}";
 
-let PtcAvatar = class {
+const PtcAvatar = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
   }

package/dist/esm/ptc-button_2.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-eb8ce23d.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-e3922662.js';
 
-const ptcButtonCss = "button.disabled{pointer-events:none;opacity:0.6}button{background-color:var(--color-primary-uigrey);display:inline-block;border-style:solid;border-width:1px;white-space:normal;position:relative;text-decoration:none;cursor:pointer;padding:9.4px 17.5px;border-radius:3px}button.animation-right ::slotted([slot=slot-after-text]),button.animation-right ::slotted([slot=slot-before-text]),button.animation-down ::slotted([slot=slot-after-text]),button.animation-down ::slotted([slot=slot-before-text]){transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);position:relative;display:inline-block}button:hover.animation-right ::slotted([slot=slot-after-text]),button:hover.animation-right ::slotted([slot=slot-before-text]){transform:translateX(var(--ptc-element-spacing-02))}button:hover.animation-down ::slotted([slot=slot-after-text]),button:hover.animation-down ::slotted([slot=slot-before-text]){transform:translateY(var(--ptc-element-spacing-02))}button span{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:bold;line-height:0.86}.icon-left ::slotted([slot=slot-before-text]){margin-right:var(--ptc-element-spacing-01)}.icon-right ::slotted([slot=slot-after-text]){margin-left:var(--ptc-element-spacing-01)}.blackgrey{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-primary-uigrey);background-image:linear-gradient(285deg, var(--color-primary-uigrey) 155%, #6e717c 62%)}.blackgrey:hover{box-shadow:var(--ptc-shadow-x-large)}.blackgrey span{color:var(--color-white)}.turtlegreen{box-shadow:var(--ptc-shadow-x-small);border:solid 1px #5bb73b;background-image:linear-gradient(285deg, #5bb73b 155%, #178642 62%)}.turtlegreen:hover{box-shadow:var(--ptc-shadow-x-large)}.turtlegreen span{color:var(--color-white)}.offwhite{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-primary-uigrey);background-image:linear-gradient(to right, #ffffff, #d3d3d3, #e5e5e5)}.offwhite:hover{box-shadow:var(--ptc-shadow-x-large)}.offwhite span{color:var(--color-primary-uigrey)}.legacy-green{box-shadow:0 0 25.8px 3.2px rgba(0, 0, 0, 0.5);border:solid 2.5px var(--color-secondary-tutlegreen-dark);background-image:linear-gradient(to right, var(--color-secondary-turtlegreen), var(--color-secondary-tutlegreen-dark))}@media screen and (min-width: 768px){.legacy-green{padding:20px 20px}}.legacy-green:after{position:absolute;content:\"\";top:-1px;left:0;bottom:0;right:0;width:100%;height:103%;background-image:linear-gradient(to right, var(--color-secondary-tutlegreen-dark), var(--color-secondary-turtlegreen));opacity:0;transition:opacity 0.6s cubic-bezier(0, 0, 0.23, 1);border-radius:2px}.legacy-green:hover{box-shadow:0 0 49px 6.1px rgba(0, 0, 0, 0.55)}.legacy-green:hover span{color:var(--color-white)}.legacy-green:hover:after{opacity:1}.legacy-green span{font-family:var(--ptc-font-secondary-latin);color:var(--color-white);z-index:100;position:relative;text-transform:uppercase;font-weight:var(--ptc-font-weight-bold);letter-spacing:var(--ptc-letter-spacing-normal);font-size:var(--ptc-font-size-medium)}@media screen and (min-width: 768px){.legacy-green span{font-size:19px;letter-spacing:var(--ptc-letter-spacing-loose)}}.legacy-green icon-asset{display:inline}a{border-style:solid;border-width:1px;position:relative;text-decoration:none;padding:9.4px 17.5px;border-radius:3px;text-decoration:none;display:inline-block;position:relative}a.animation-right ::slotted([slot=slot-after-text]),a.animation-right ::slotted([slot=slot-before-text]),a.animation-down ::slotted([slot=slot-after-text]),a.animation-down ::slotted([slot=slot-before-text]){transition:all ease-out 0.25s;position:relative;display:inline-block;margin-left:5px}a:hover.animation-right ::slotted([slot=slot-after-text]),a:hover.animation-right ::slotted([slot=slot-before-text]){transform:translateX(var(--ptc-element-spacing-02))}a:hover.animation-down ::slotted([slot=slot-after-text]),a:hover.animation-down ::slotted([slot=slot-before-text]){transform:translateY(var(--ptc-element-spacing-02))}.nav{font-family:var(--ptc-font-latin);background-color:#323b42;border-radius:var(--ptc-border-radius-medium);border:1px solid var(--color-white);border-bottom-style:solid;border-bottom-width:1px;box-sizing:border-box;color:var(--color-white);display:inline-block;font-size:13px;font-stretch:100%;font-weight:var(--ptc-font-weight-bold);line-height:26px;list-style:none;padding:3px var(--ptc-element-spacing-04);position:relative;text-align:center;text-decoration:none;transition:background-color var(--ptc-transition-medium) var(--ptc-decelerated-ease)}.nav:focus{outline:3px solid #0092d1;outline-offset:2px}.nav:hover{background-color:#20262a}.ptc-primary,.ptc-quaternary,.ptc-secondary,.ptc-tertiary{padding:var(--ptc-font-size-small) var(--ptc-font-size-large);transition:background-color var(--ptc-standard-ease) var(--ptc-transition-medium);line-height:20px}.ptc-primary.disabled,.ptc-quaternary.disabled,.ptc-secondary.disabled,.ptc-tertiary.disabled{pointer-events:none;border-color:#a8aaaf;background:#e1e2e4}.ptc-primary.disabled span,.ptc-quaternary.disabled span,.ptc-secondary.disabled span,.ptc-tertiary.disabled span{color:#a8aaaf}.ptc-primary.disabled ::slotted([slot=slot-after-text]),.ptc-quaternary.disabled ::slotted([slot=slot-after-text]),.ptc-secondary.disabled ::slotted([slot=slot-after-text]),.ptc-tertiary.disabled ::slotted([slot=slot-after-text]){fill:#a8aaaf !important}.ptc-primary:focus,.ptc-quaternary:focus,.ptc-secondary:focus,.ptc-tertiary:focus{outline:3px solid #0092d1;outline-offset:2px}.ptc-primary span,.ptc-quaternary span,.ptc-secondary span,.ptc-tertiary span{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-bold);font-size:17px;line-height:20px;letter-spacing:normal}.ptc-primary{background:#1f2024;border:2px solid #5bb73a;border-radius:var(--ptc-border-radius-medium)}.ptc-primary:hover{background-color:#33353a}.ptc-primary:active{background-color:var(--color-black)}.ptc-primary span{color:var(--color-white)}.ptc-primary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.ptc-secondary{background:#1f2024;border:2px solid #6d707b;border-radius:var(--ptc-border-radius-medium)}.ptc-secondary:hover{background-color:#33353a}.ptc-secondary:active{background-color:var(--color-black)}.ptc-secondary span{color:var(--color-white)}.ptc-secondary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.ptc-tertiary{background:var(--color-white);border:2px solid var(--color-primary-grey);border-radius:var(--ptc-border-radius-medium)}.ptc-tertiary:hover{background-color:#e1e2e4}.ptc-tertiary:active{background-color:#c5c5ca}.ptc-tertiary span{color:var(--color-primary-grey)}.ptc-tertiary ::slotted([slot=slot-after-text]){fill:var(--color-primary-grey) !important}.ptc-quaternary{background:#158542;border:2px solid #459e67;border-radius:var(--ptc-border-radius-medium)}.ptc-quaternary:hover{background-color:#17713a}.ptc-quaternary:active{background-color:#186135}.ptc-quaternary span{color:var(--color-white)}.ptc-quaternary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}";
+const ptcButtonCss = "button.disabled{pointer-events:none;opacity:0.6}button{background-color:var(--color-primary-uigrey);display:inline-block;border-style:solid;border-width:1px;white-space:normal;position:relative;text-decoration:none;cursor:pointer;padding:9.4px 17.5px;border-radius:3px}button.animation-right ::slotted([slot=slot-after-text]),button.animation-right ::slotted([slot=slot-before-text]),button.animation-down ::slotted([slot=slot-after-text]),button.animation-down ::slotted([slot=slot-before-text]){transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);position:relative;display:inline-block}button:hover.animation-right ::slotted([slot=slot-after-text]),button:hover.animation-right ::slotted([slot=slot-before-text]){transform:translateX(var(--ptc-element-spacing-02))}button:hover.animation-down ::slotted([slot=slot-after-text]),button:hover.animation-down ::slotted([slot=slot-before-text]){transform:translateY(var(--ptc-element-spacing-02))}button span{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:bold;line-height:0.86}.icon-left ::slotted([slot=slot-before-text]){margin-right:var(--ptc-element-spacing-01)}.icon-right ::slotted([slot=slot-after-text]){margin-left:var(--ptc-element-spacing-01)}.blackgrey{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-primary-uigrey);background-image:linear-gradient(285deg, var(--color-primary-uigrey) 155%, #6e717c 62%)}.blackgrey:hover{box-shadow:var(--ptc-shadow-x-large)}.blackgrey span{color:var(--color-white)}.turtlegreen{box-shadow:var(--ptc-shadow-x-small);border:solid 1px #5bb73b;background-image:linear-gradient(285deg, #5bb73b 155%, #178642 62%)}.turtlegreen:hover{box-shadow:var(--ptc-shadow-x-large)}.turtlegreen span{color:var(--color-white)}.offwhite{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-primary-uigrey);background-image:linear-gradient(to right, #ffffff, #d3d3d3, #e5e5e5)}.offwhite:hover{box-shadow:var(--ptc-shadow-x-large)}.offwhite span{color:var(--color-primary-uigrey)}.legacy-green{margin-left:10px;padding:10px 20px;margin-bottom:4px;margin-top:4px;box-shadow:0 0 25.8px 3.2px rgba(0, 0, 0, 0.5);border:solid 2.5px var(--color-secondary-tutlegreen-dark);background-image:linear-gradient(to right, var(--color-secondary-turtlegreen), var(--color-secondary-tutlegreen-dark))}.legacy-green:after{position:absolute;content:\"\";top:-1px;left:0;bottom:0;right:0;width:100%;height:103%;background-image:linear-gradient(to right, var(--color-secondary-tutlegreen-dark), var(--color-secondary-turtlegreen));opacity:0;transition:opacity 0.6s cubic-bezier(0, 0, 0.23, 1);border-radius:2px}.legacy-green:hover{box-shadow:0 0 49px 6.1px rgba(0, 0, 0, 0.55)}.legacy-green:hover span{color:var(--color-white)}.legacy-green:hover:after{opacity:1}.legacy-green span{font-family:var(--ptc-font-secondary-latin);color:var(--color-white);z-index:100;position:relative;text-transform:uppercase;font-weight:var(--ptc-font-weight-bold);letter-spacing:var(--ptc-letter-spacing-normal);font-size:var(--ptc-font-size-medium)}@media screen and (min-width: 768px){.legacy-green span{font-size:19px;letter-spacing:var(--ptc-letter-spacing-loose)}}.legacy-green icon-asset{display:inline}a{border-style:solid;border-width:1px;position:relative;text-decoration:none;padding:9.4px 17.5px;border-radius:3px;text-decoration:none;display:inline-block;position:relative}a.animation-right ::slotted([slot=slot-after-text]),a.animation-right ::slotted([slot=slot-before-text]),a.animation-down ::slotted([slot=slot-after-text]),a.animation-down ::slotted([slot=slot-before-text]){transition:all ease-out 0.25s;position:relative;display:inline-block;margin-left:5px}a:hover.animation-right ::slotted([slot=slot-after-text]),a:hover.animation-right ::slotted([slot=slot-before-text]){transform:translateX(var(--ptc-element-spacing-02))}a:hover.animation-down ::slotted([slot=slot-after-text]),a:hover.animation-down ::slotted([slot=slot-before-text]){transform:translateY(var(--ptc-element-spacing-02))}.nav{font-family:var(--ptc-font-latin);background-color:#323b42;border-radius:var(--ptc-border-radius-medium);border:1px solid var(--color-white);border-bottom-style:solid;border-bottom-width:1px;box-sizing:border-box;color:var(--color-white);display:inline-block;font-size:13px;font-stretch:100%;font-weight:var(--ptc-font-weight-bold);line-height:26px;list-style:none;padding:3px var(--ptc-element-spacing-04);position:relative;text-align:center;text-decoration:none;transition:background-color var(--ptc-transition-medium) var(--ptc-decelerated-ease)}.nav:focus{outline:3px solid #0092d1;outline-offset:2px}.nav:hover{background-color:#20262a}.ptc-primary,.ptc-quaternary,.ptc-secondary,.ptc-tertiary{padding:var(--ptc-font-size-small) var(--ptc-font-size-large);transition:background-color var(--ptc-standard-ease) var(--ptc-transition-medium);line-height:20px}.ptc-primary.disabled,.ptc-quaternary.disabled,.ptc-secondary.disabled,.ptc-tertiary.disabled{pointer-events:none;border-color:#a8aaaf;background:#e1e2e4}.ptc-primary.disabled span,.ptc-quaternary.disabled span,.ptc-secondary.disabled span,.ptc-tertiary.disabled span{color:#a8aaaf}.ptc-primary.disabled ::slotted([slot=slot-after-text]),.ptc-quaternary.disabled ::slotted([slot=slot-after-text]),.ptc-secondary.disabled ::slotted([slot=slot-after-text]),.ptc-tertiary.disabled ::slotted([slot=slot-after-text]){fill:#a8aaaf !important}.ptc-primary:focus,.ptc-quaternary:focus,.ptc-secondary:focus,.ptc-tertiary:focus{outline:3px solid #0092d1;outline-offset:2px}.ptc-primary span,.ptc-quaternary span,.ptc-secondary span,.ptc-tertiary span{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-bold);font-size:17px;line-height:20px;letter-spacing:normal}.ptc-primary{background:#1f2024;border:2px solid #5bb73a;border-radius:var(--ptc-border-radius-medium)}.ptc-primary:hover{background-color:#33353a}.ptc-primary:active{background-color:var(--color-black)}.ptc-primary span{color:var(--color-white)}.ptc-primary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.ptc-secondary{background:#1f2024;border:2px solid #6d707b;border-radius:var(--ptc-border-radius-medium)}.ptc-secondary:hover{background-color:#33353a}.ptc-secondary:active{background-color:var(--color-black)}.ptc-secondary span{color:var(--color-white)}.ptc-secondary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.ptc-tertiary{background:var(--color-white);border:2px solid var(--color-primary-grey);border-radius:var(--ptc-border-radius-medium)}.ptc-tertiary:hover{background-color:#e1e2e4}.ptc-tertiary:active{background-color:#c5c5ca}.ptc-tertiary span{color:var(--color-primary-grey)}.ptc-tertiary ::slotted([slot=slot-after-text]){fill:var(--color-primary-grey) !important}.ptc-quaternary{background:#158542;border:2px solid #459e67;border-radius:var(--ptc-border-radius-medium)}.ptc-quaternary:hover{background-color:#17713a}.ptc-quaternary:active{background-color:#186135}.ptc-quaternary span{color:var(--color-white)}.ptc-quaternary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}";
 
-let PtcButton = class {
+const PtcButton = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.clickEvent = createEvent(this, "clickEvent", 7);
@@ -79,7 +79,7 @@ const closeSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40"
 
 const ptcSvgBtnCss = ":host{display:block;cursor:pointer}.svg-close svg .cls-1,.svg-close svg .cls-2{fill:none;stroke-width:2px}.svg-close svg .cls-1{stroke:#1c2439;stroke-linecap:square}.svg-close svg .cls-2{stroke:#74c34d}.svg-close svg path{-webkit-transition:all 0.25s ease-in-out;-o-transition:all ease-in-out 0.25s;transition:all 0.25s ease-in-out}.svg-close svg .cls-1:first-child{-webkit-transform:translate(175.5px, 135.5px);-ms-transform:translate(175.5px, 135.5px);transform:translate(175.5px, 135.5px)}.svg-close svg .cls-1:nth-child(2){-webkit-transform:translate(175.5px, 174.985px);-ms-transform:translate(175.5px, 174.985px);transform:translate(175.5px, 174.985px)}.svg-close svg .cls-1:nth-child(3){-webkit-transform:translate(215.5px, 141.393px);-ms-transform:translate(215.5px, 141.393px);transform:translate(215.5px, 141.393px)}.svg-close svg .cls-1:nth-child(4){-webkit-transform:translate(175.5px, 135.5px);-ms-transform:translate(175.5px, 135.5px);transform:translate(175.5px, 135.5px)}.svg-close:hover svg .cls-1:first-child{-webkit-transform:translate(175.5px, 162px);-ms-transform:translate(175.5px, 162px);transform:translate(175.5px, 162px)}.svg-close:hover svg .cls-1:nth-child(2){-webkit-transform:translate(149px, 174.985px);-ms-transform:translate(149px, 174.985px);transform:translate(149px, 174.985px)}.svg-close:hover svg .cls-1:nth-child(3){-webkit-transform:translate(215.5px, 174px);-ms-transform:translate(215.5px, 174px);transform:translate(215.5px, 174px)}.svg-close:hover svg .cls-1:nth-child(4){-webkit-transform:translate(152.5px, 135.5px);-ms-transform:translate(152.5px, 135.5px);transform:translate(152.5px, 135.5px)}.svg-close.svg-close-white .cls-1{stroke:#fff}";
 
-let PtcSvgBtn = class {
+const PtcSvgBtn = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
   }