@biggive/components 202510081022.0.0 → 202510141527.0.0

package/dist/cjs/biggive-totalizer.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"biggive-totalizer.entry.cjs.js","sources":["src/components/biggive-totalizer/biggive-totalizer.scss?tag=biggive-totalizer&encapsulation=shadow","src/components/biggive-totalizer/biggive-totalizer.tsx"],"sourcesContent":["@include backgrounds();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n  @include standard-font();\n\n  --ticker-end-left: -200%;\n}\n\n@keyframes ticker {\n  0% {\n    transform: translate3d(0, 0, 0);\n  }\n\n  100% {\n    transform: translate3d(var(--ticker-end-left), 0, 0);\n  }\n}\n\n.container {\n  position: absolute;\n  left: 0;\n  right: 0;\n  z-index: 1;\n\n  .main-message-wrap {\n    position: absolute;\n    z-index: 1;\n    padding: $spacer-2 $spacer-4;\n    left: 0;\n    top: 0;\n    @include font-size-large();\n    font-weight: 600;\n    max-width: 33.3%;\n  }\n\n  .ticker-wrap {\n    @include font-size-medium();\n    padding: calc($spacer-2 - 4px) $spacer-4 $spacer-2 0;\n    min-height: 17px;\n    overflow: hidden;\n    position: relative;\n\n    .sleeve {\n      will-change: transform; // https://web.dev/stick-to-compositor-only-properties-and-manage-layer-count/\n      display: inline-flex;\n      position: absolute;\n      top: 4px;\n      height: 24px;\n      min-width: 100%;\n      left: 100%;\n      white-space: nowrap;\n\n      animation-iteration-count: infinite;\n      animation-timing-function: linear;\n      animation-name: ticker;\n      // TS overrides the specific timings once the width of ticker elements is known.\n      animation-duration: 10s;\n\n      @media (prefers-reduced-motion) {\n        animation-name: none !important; // Turn off movement when needed for a11y.\n      }\n    }\n\n    .sleeve-delayed-copy {\n      // We set between 0 and 3 copies to `display: inline-flex` in TS, depending on the size\n      // of the items and container.\n      display: none;\n      white-space: nowrap;\n      max-height: 24px;\n    }\n  }\n}\n\n@media screen and (max-width: $screen-tablet-max) {\n  .container {\n    .main-message-wrap {\n      @include font-size-medium();\n      padding: $spacer-2;\n    }\n  }\n}\n","import { Component, Element, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-totalizer',\n  styleUrl: 'biggive-totalizer.scss',\n  shadow: true,\n})\nexport class BiggiveTotalizer {\n  private lastWrapperWidth: number = 0;\n\n  @Element() host: HTMLBiggiveTotalizerElement;\n  /**\n   * Space below component\n   */\n  @Prop() spaceBelow: number = 0;\n  /**\n   * Primary banner colour\n   */\n  @Prop() primaryColour: string = 'primary';\n\n  /**\n   * Primary text colour\n   */\n  @Prop() primaryTextColour: string = 'white';\n\n  /**\n   * Secondary banner colour\n   */\n  @Prop() secondaryColour: string = 'secondary';\n\n  /**\n   * Secondary text colour\n   */\n  @Prop() secondaryTextColour: string = 'black';\n\n  /**\n   * Primary message\n   */\n  @Prop() mainMessage: string;\n\n  private setSpeed(itemsWidth: number, containerWidth: number) {\n    if (containerWidth === this.lastWrapperWidth) {\n      // Some browsers fire 'resize' overzealously on scroll; we don't want to cause extra paints if nothing\n      // relevant changed.\n      return;\n    }\n\n    let sleeves: HTMLDivElement[] = [];\n    for (const ii in [1, 2, 3, 4]) {\n      const sleeve = this.host.shadowRoot?.querySelector('.ticker-wrap #sleeve_' + ii) as HTMLDivElement | null;\n      if (sleeve) {\n        sleeves.push(sleeve);\n        // Restart the animation(s) on window resize to reduce the chance of jankiness.\n        // https://stackoverflow.com/a/45036752/2803757\n        sleeve.style.animationName = 'none';\n      }\n    }\n\n    this.lastWrapperWidth = containerWidth;\n\n    if (sleeves.length === 0) {\n      console.log('sleeves missing, skipping setSpeed()');\n      return;\n    }\n\n    // We've seen the initial calculation exclude the ~30px per set of values end padding before,\n    // and it's safe to err on the side of more copies to reduce the chance of abrupt early loop\n    // ends, so we add a buffer of 40px to the calculation when deciding how many copies to use.\n    // const sleeveCount = Math.max(1, Math.min(4, Math.ceil((2 * (40 + itemsWidth)) / containerWidth)));\n    // TODO Ultimately we'd like to get multiple copies working, or simplify. This\n    // has proven very hard to iterate on pending a fix for DON-867 because\n    // there is Angular-specific behaviour breaking the contents of copies.\n    const sleeveCount = 1;\n    this.host.style.setProperty('--ticker-end-left', `-${(sleeveCount + 1) * 100}%`);\n\n    const duration = Math.round((itemsWidth / 30) * sleeveCount);\n\n    for (let ii = 1; ii <= sleeveCount; ii++) {\n      const sleeve = sleeves[ii - 1];\n      if (sleeve) {\n        sleeve.style.animationDuration = duration + 's';\n        // https://stackoverflow.com/a/45847760\n        sleeve.style.animationDelay = (duration / (sleeveCount - 1)) * (ii - 1) + 's';\n        sleeve.style.display = 'inline-flex';\n        sleeve.style.animationName = 'ticker';\n      }\n    }\n  }\n\n  componentDidLoad() {\n    const wrapper = this.host.shadowRoot?.querySelector('.ticker-wrap') as HTMLDivElement;\n\n    const tickerItemsInternalWrapper: HTMLDivElement | null = this.host.querySelector(`[slot=\"ticker-items\"]`);\n    const sleeve1: HTMLDivElement | null | undefined = this.host.shadowRoot?.querySelector('.ticker-wrap #sleeve_1');\n    const sleeve2: HTMLDivElement | null | undefined = this.host.shadowRoot?.querySelector('.ticker-wrap #sleeve_2');\n    const sleeve3: HTMLDivElement | null | undefined = this.host.shadowRoot?.querySelector('.ticker-wrap #sleeve_3');\n    const sleeve4: HTMLDivElement | null | undefined = this.host.shadowRoot?.querySelector('.ticker-wrap #sleeve_4');\n\n    if (!tickerItemsInternalWrapper || !sleeve1) {\n      console.log('tickerItemsInternalWrapper or sleeve1 is missing, skipping totalizer animation setup');\n      return;\n    }\n\n    // Deep clone [all children of] the ticker items internal wrapper and append them, so the ticker can show items without\n    // a blank break. Sleeve 2 and up will animate on delays per https://stackoverflow.com/a/45847760.\n    setTimeout(() => {\n      sleeve2 && sleeve2.appendChild(tickerItemsInternalWrapper.cloneNode(true));\n      sleeve3 && sleeve3.appendChild(tickerItemsInternalWrapper.cloneNode(true));\n      sleeve4 && sleeve4.appendChild(tickerItemsInternalWrapper.cloneNode(true));\n    }, 800);\n\n    setTimeout(() => {\n      // In Angular contexts, it seems like we need to leave a little time before the calculations work.\n      // Not totally clear why yet.\n      this.setSpeed(tickerItemsInternalWrapper.clientWidth, wrapper.clientWidth);\n    }, 300);\n\n    window.addEventListener('resize', () => {\n      this.setSpeed(tickerItemsInternalWrapper.clientWidth, wrapper.clientWidth);\n    });\n  }\n\n  render() {\n    return (\n      <div class={'container space-below-' + this.spaceBelow}>\n        <div>\n          <div class=\"banner\">\n            <div class={'main-message-wrap background-colour-' + this.secondaryColour + ' text-colour-' + this.secondaryTextColour}>{this.mainMessage}</div>\n            <div class={'ticker-wrap background-colour-' + this.primaryColour + ' text-colour-' + this.primaryTextColour}>\n              <div id=\"sleeve_1\" class=\"sleeve\">\n                <slot name=\"ticker-items\"></slot>\n              </div>\n              <div id=\"sleeve_2\" class=\"sleeve sleeve-delayed-copy\">\n                {/* Contents for these 3 are copied in TS and copies shown or hidden based on available space */}\n              </div>\n              <div id=\"sleeve_3\" class=\"sleeve sleeve-delayed-copy\"></div>\n              <div id=\"sleeve_4\" class=\"sleeve sleeve-delayed-copy\"></div>\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"names":["h"],"mappings":"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"}
+{"version":3,"file":"biggive-totalizer.entry.cjs.js","sources":["src/components/biggive-totalizer/biggive-totalizer.scss?tag=biggive-totalizer&encapsulation=shadow","src/components/biggive-totalizer/biggive-totalizer.tsx"],"sourcesContent":["@include backgrounds();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n  @include standard-font();\n\n  --ticker-end-left: -200%;\n}\n\n@keyframes ticker {\n  0% {\n    transform: translate3d(0, 0, 0);\n  }\n\n  100% {\n    transform: translate3d(var(--ticker-end-left), 0, 0);\n  }\n}\n\n.container {\n  position: absolute;\n  left: 0;\n  right: 0;\n  z-index: 1;\n\n  .main-message-wrap {\n    position: absolute;\n    z-index: 1;\n    padding: $spacer-2 $spacer-4;\n    left: 0;\n    top: 0;\n    @include font-size-large();\n    font-weight: 600;\n    max-width: 33.3%;\n  }\n\n  .ticker-wrap {\n    @include font-size-medium();\n    padding: calc($spacer-2 - 4px) $spacer-4 $spacer-2 0;\n    min-height: 17px;\n    overflow: hidden;\n    position: relative;\n\n    .sleeve {\n      will-change: transform; // https://web.dev/stick-to-compositor-only-properties-and-manage-layer-count/\n      display: inline-flex;\n      position: absolute;\n      top: 4px;\n      height: 24px;\n      min-width: 100%;\n      left: 100%;\n      white-space: nowrap;\n\n      animation-iteration-count: infinite;\n      animation-timing-function: linear;\n      animation-name: ticker;\n      // TS overrides the specific timings once the width of ticker elements is known.\n      animation-duration: 10s;\n\n      @media (prefers-reduced-motion) {\n        animation-name: none !important; // Turn off movement when needed for a11y.\n      }\n    }\n\n    .sleeve-delayed-copy {\n      // We set between 0 and 3 copies to `display: inline-flex` in TS, depending on the size\n      // of the items and container.\n      display: none;\n      white-space: nowrap;\n      max-height: 24px;\n    }\n  }\n}\n\n@media screen and (max-width: $screen-tablet-max) {\n  .container {\n    .main-message-wrap {\n      font-size: 15px;\n      line-height: 20px;\n      max-width: 42%;\n      padding: $spacer-2;\n    }\n  }\n}\n","import { Component, Element, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-totalizer',\n  styleUrl: 'biggive-totalizer.scss',\n  shadow: true,\n})\nexport class BiggiveTotalizer {\n  private lastWrapperWidth: number = 0;\n\n  @Element() host: HTMLBiggiveTotalizerElement;\n  /**\n   * Space below component\n   */\n  @Prop() spaceBelow: number = 0;\n  /**\n   * Primary banner colour\n   */\n  @Prop() primaryColour: string = 'primary';\n\n  /**\n   * Primary text colour\n   */\n  @Prop() primaryTextColour: string = 'white';\n\n  /**\n   * Secondary banner colour\n   */\n  @Prop() secondaryColour: string = 'secondary';\n\n  /**\n   * Secondary text colour\n   */\n  @Prop() secondaryTextColour: string = 'black';\n\n  /**\n   * Primary message\n   */\n  @Prop() mainMessage: string;\n\n  private setSpeed(itemsWidth: number, containerWidth: number) {\n    if (containerWidth === this.lastWrapperWidth) {\n      // Some browsers fire 'resize' overzealously on scroll; we don't want to cause extra paints if nothing\n      // relevant changed.\n      return;\n    }\n\n    let sleeves: HTMLDivElement[] = [];\n    for (const ii in [1, 2, 3, 4]) {\n      const sleeve = this.host.shadowRoot?.querySelector('.ticker-wrap #sleeve_' + ii) as HTMLDivElement | null;\n      if (sleeve) {\n        sleeves.push(sleeve);\n        // Restart the animation(s) on window resize to reduce the chance of jankiness.\n        // https://stackoverflow.com/a/45036752/2803757\n        sleeve.style.animationName = 'none';\n      }\n    }\n\n    this.lastWrapperWidth = containerWidth;\n\n    if (sleeves.length === 0) {\n      console.log('sleeves missing, skipping setSpeed()');\n      return;\n    }\n\n    // We've seen the initial calculation exclude the ~30px per set of values end padding before,\n    // and it's safe to err on the side of more copies to reduce the chance of abrupt early loop\n    // ends, so we add a buffer of 40px to the calculation when deciding how many copies to use.\n    // const sleeveCount = Math.max(1, Math.min(4, Math.ceil((2 * (40 + itemsWidth)) / containerWidth)));\n    // TODO Ultimately we'd like to get multiple copies working, or simplify. This\n    // has proven very hard to iterate on pending a fix for DON-867 because\n    // there is Angular-specific behaviour breaking the contents of copies.\n    const sleeveCount = 1;\n    this.host.style.setProperty('--ticker-end-left', `-${(sleeveCount + 1) * 100}%`);\n\n    const duration = Math.round((itemsWidth / 30) * sleeveCount);\n\n    for (let ii = 1; ii <= sleeveCount; ii++) {\n      const sleeve = sleeves[ii - 1];\n      if (sleeve) {\n        sleeve.style.animationDuration = duration + 's';\n        // https://stackoverflow.com/a/45847760\n        sleeve.style.animationDelay = (duration / (sleeveCount - 1)) * (ii - 1) + 's';\n        sleeve.style.display = 'inline-flex';\n        sleeve.style.animationName = 'ticker';\n      }\n    }\n  }\n\n  componentDidLoad() {\n    const wrapper = this.host.shadowRoot?.querySelector('.ticker-wrap') as HTMLDivElement;\n\n    const tickerItemsInternalWrapper: HTMLDivElement | null = this.host.querySelector(`[slot=\"ticker-items\"]`);\n    const sleeve1: HTMLDivElement | null | undefined = this.host.shadowRoot?.querySelector('.ticker-wrap #sleeve_1');\n    const sleeve2: HTMLDivElement | null | undefined = this.host.shadowRoot?.querySelector('.ticker-wrap #sleeve_2');\n    const sleeve3: HTMLDivElement | null | undefined = this.host.shadowRoot?.querySelector('.ticker-wrap #sleeve_3');\n    const sleeve4: HTMLDivElement | null | undefined = this.host.shadowRoot?.querySelector('.ticker-wrap #sleeve_4');\n\n    if (!tickerItemsInternalWrapper || !sleeve1) {\n      console.log('tickerItemsInternalWrapper or sleeve1 is missing, skipping totalizer animation setup');\n      return;\n    }\n\n    // Deep clone [all children of] the ticker items internal wrapper and append them, so the ticker can show items without\n    // a blank break. Sleeve 2 and up will animate on delays per https://stackoverflow.com/a/45847760.\n    setTimeout(() => {\n      sleeve2 && sleeve2.appendChild(tickerItemsInternalWrapper.cloneNode(true));\n      sleeve3 && sleeve3.appendChild(tickerItemsInternalWrapper.cloneNode(true));\n      sleeve4 && sleeve4.appendChild(tickerItemsInternalWrapper.cloneNode(true));\n    }, 800);\n\n    setTimeout(() => {\n      // In Angular contexts, it seems like we need to leave a little time before the calculations work.\n      // Not totally clear why yet.\n      this.setSpeed(tickerItemsInternalWrapper.clientWidth, wrapper.clientWidth);\n    }, 300);\n\n    window.addEventListener('resize', () => {\n      this.setSpeed(tickerItemsInternalWrapper.clientWidth, wrapper.clientWidth);\n    });\n  }\n\n  render() {\n    return (\n      <div class={'container space-below-' + this.spaceBelow}>\n        <div>\n          <div class=\"banner\">\n            <div class={'main-message-wrap background-colour-' + this.secondaryColour + ' text-colour-' + this.secondaryTextColour}>{this.mainMessage}</div>\n            <div class={'ticker-wrap background-colour-' + this.primaryColour + ' text-colour-' + this.primaryTextColour}>\n              <div id=\"sleeve_1\" class=\"sleeve\">\n                <slot name=\"ticker-items\"></slot>\n              </div>\n              <div id=\"sleeve_2\" class=\"sleeve sleeve-delayed-copy\">\n                {/* Contents for these 3 are copied in TS and copies shown or hidden based on available space */}\n              </div>\n              <div id=\"sleeve_3\" class=\"sleeve sleeve-delayed-copy\"></div>\n              <div id=\"sleeve_4\" class=\"sleeve sleeve-delayed-copy\"></div>\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"names":["h"],"mappings":"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"}

package/dist/cjs/biggive-video-feature.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CPmfbPkm.js');
+var index = require('./index-CKQoYlsf.js');
 var video = require('./video-YHlbpuat.js');
 
 const biggiveVideoFeatureCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-er-green:hover,.text-colour-brand-er-green{color:#50B400}.text-colour-hover-brand-er-dark-green:hover,.text-colour-brand-er-dark-green{color:#002413}.text-colour-hover-brand-er-dark-blue:hover,.text-colour-brand-er-dark-blue{color:#0c0068}.text-colour-hover-brand-er-teal:hover,.text-colour-brand-er-teal{color:#00a76d}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}.video-wrap{position:relative}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.video-wrap.youtube{padding-bottom:56.25%}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .sleeve{display:flex;justify-content:space-between}.container .sleeve .content-wrap{width:calc(40% - 15px);position:relative;z-index:1}.container .sleeve .content-wrap .slug{font-size:20px;line-height:24px;font-weight:bold;margin:0;padding:0}.container .sleeve .content-wrap h2{font-size:38px;line-height:45px;font-weight:bold;margin:0 0 15px 0;padding:0}.container .sleeve .content-wrap .teaser{margin:0 0 45px 0;padding:0}.container .sleeve .graphic-wrap{width:calc(60% - 15px)}@media screen and (max-width: 576px){.container .sleeve{flex-wrap:wrap}.container .sleeve .content-wrap{width:100%}.container .sleeve .graphic-wrap{padding-top:20px;width:100%;margin-bottom:15px}}";

package/dist/cjs/biggive-video.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CPmfbPkm.js');
+var index = require('./index-CKQoYlsf.js');
 var video = require('./video-YHlbpuat.js');
 
 const biggiveVideoCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}.video-wrap{position:relative}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.video-wrap.youtube{padding-bottom:56.25%}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}";

package/dist/cjs/biggive.cjs.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-CPmfbPkm.js');
+var index = require('./index-CKQoYlsf.js');
 var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*
- Stencil Client Patch Browser v4.38.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.38.1 | MIT Licensed | https://stenciljs.com
  */
 
 var patchBrowser = () => {

package/dist/cjs/biggive.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"biggive.cjs.js","sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.38.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":["H","promiseResolve","globalScripts","bootstrapLazy"],"mappings":";;;;;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAIzB,EAA0B;AAC1B,IAAI,iBAAiB,CAACA,OAAC,CAAC,SAAS,CAAC;AAClC;AAIA,EAAE,MAAM,UAAU,GAAG,gQAAe;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAOC,oBAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;AACD,IAAI,iBAAiB,GAAG,CAAC,oBAAoB,KAAK;AAClD,EAAE,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,SAAS;AAC1D,EAAE,oBAAoB,CAAC,SAAS,GAAG,SAAS,IAAI,EAAE;AAClD,IAAI,IAAI,IAAI,CAAC,QAAQ,KAAK,UAAU,EAAE;AACtC,MAAM,OAAO,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;AAC/C;AACA,IAAI,MAAM,UAAU,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC;AAC1D,IAAI,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU;AACzC,IAAI,IAAI,IAAI,EAAE;AACd,MAAM,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACrD,QAAQ,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,CAAC,EAAE;AAC7C,UAAU,UAAU,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;AAClE;AACA;AACA;AACA,IAAI,OAAO,UAAU;AACrB,GAAG;AACH,CAAC;;ACrCD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAMC,wBAAa,EAAE;AACvB,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"biggive.cjs.js","sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.38.1 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":["H","promiseResolve","globalScripts","bootstrapLazy"],"mappings":";;;;;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAIzB,EAA0B;AAC1B,IAAI,iBAAiB,CAACA,OAAC,CAAC,SAAS,CAAC;AAClC;AAIA,EAAE,MAAM,UAAU,GAAG,gQAAe;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAOC,oBAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;AACD,IAAI,iBAAiB,GAAG,CAAC,oBAAoB,KAAK;AAClD,EAAE,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,SAAS;AAC1D,EAAE,oBAAoB,CAAC,SAAS,GAAG,SAAS,IAAI,EAAE;AAClD,IAAI,IAAI,IAAI,CAAC,QAAQ,KAAK,UAAU,EAAE;AACtC,MAAM,OAAO,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;AAC/C;AACA,IAAI,MAAM,UAAU,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC;AAC1D,IAAI,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU;AACzC,IAAI,IAAI,IAAI,EAAE;AACd,MAAM,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACrD,QAAQ,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,CAAC,EAAE;AAC7C,UAAU,UAAU,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;AAClE;AACA;AACA;AACA,IAAI,OAAO,UAAU;AACrB,GAAG;AACH,CAAC;;ACrCD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAMC,wBAAa,EAAE;AACvB,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC;;;;","x_google_ignoreList":[0]}

package/dist/cjs/{index-CPmfbPkm.js → index-CKQoYlsf.js}

@@ -4,7 +4,7 @@ const NAMESPACE = 'biggive';
 const BUILD = /* biggive */ { hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, shadowDom: true, updatable: true};
 
 /*
- Stencil Client Platform v4.38.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.38.1 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -2352,8 +2352,11 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
             }
             return;
           }
+          const propFlags = members.find(([m]) => m === propName);
+          if (propFlags && propFlags[1][0] & 4 /* Boolean */) {
+            newValue = newValue === null || newValue === "false" ? false : true;
+          }
           const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
-          newValue = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
           if (newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
             this[propName] = newValue;
           }
@@ -2688,6 +2691,6 @@ exports.h = h;
 exports.promiseResolve = promiseResolve;
 exports.registerInstance = registerInstance;
 exports.setNonce = setNonce;
-//# sourceMappingURL=index-CPmfbPkm.js.map
+//# sourceMappingURL=index-CKQoYlsf.js.map
 
-//# sourceMappingURL=index-CPmfbPkm.js.map
+//# sourceMappingURL=index-CKQoYlsf.js.map