@biggive/components 202509250906.0.0 → 202510071230.0.0

package/hydrate/index.mjs

@@ -128,7 +128,7 @@ const NAMESPACE = 'biggive';
 const BUILD = /* biggive */ { hydratedSelectorName: "hydrated", slotRelocation: true, updatable: true};
 
 /*
- Stencil Hydrate Platform v4.36.1 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Platform v4.38.0 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -726,7 +726,7 @@ var convertToPrivate = (node) => {
 
 // src/runtime/client-hydrate.ts
 var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
-  var _a, _b, _c;
+  var _a, _b;
   const endHydrate = createTime("hydrateClient", tagName);
   const shadowRoot = hostElm.shadowRoot;
   const childRenderNodes = [];
@@ -735,21 +735,6 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
   const shadowRootNodes = shadowRoot ? [] : null;
   const vnode = newVNode(tagName, null);
   vnode.$elm$ = hostElm;
-  const members = Object.entries(((_a = hostRef.$cmpMeta$) == null ? void 0 : _a.$members$) || {});
-  members.forEach(([memberName, [memberFlags, metaAttributeName]]) => {
-    var _b2;
-    if (!(memberFlags & 31 /* Prop */)) {
-      return;
-    }
-    const attributeName = metaAttributeName || memberName;
-    const attrVal = hostElm.getAttribute(attributeName);
-    if (attrVal !== null) {
-      const attrPropVal = parsePropertyValue(
-        attrVal,
-        memberFlags);
-      (_b2 = hostRef == null ? void 0 : hostRef.$instanceValues$) == null ? void 0 : _b2.set(memberName, attrPropVal);
-    }
-  });
   if (win.document && (!plt.$orgLocNodes$ || !plt.$orgLocNodes$.size)) {
     initializeDocumentHydrate(win.document.body, plt.$orgLocNodes$ = /* @__PURE__ */ new Map());
   }
@@ -778,7 +763,7 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
       if (childRenderNode.$tag$ === "slot") {
         node["s-cr"] = hostElm["s-cr"];
       }
-    } else if (((_b = childRenderNode.$tag$) == null ? void 0 : _b.toString().includes("-")) && childRenderNode.$tag$ !== "slot-fb" && !childRenderNode.$elm$.shadowRoot) {
+    } else if (((_a = childRenderNode.$tag$) == null ? void 0 : _a.toString().includes("-")) && childRenderNode.$tag$ !== "slot-fb" && !childRenderNode.$elm$.shadowRoot) {
       const cmpMeta = getHostRef(childRenderNode.$elm$);
       if (cmpMeta) {
         const scopeId3 = getScopeId(
@@ -847,7 +832,7 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
           }
         }
         addSlotRelocateNode(slottedItem.node, slottedItem.slot, false, slottedItem.node["s-oo"]);
-        if (((_c = slottedItem.node.parentElement) == null ? void 0 : _c.shadowRoot) && slottedItem.node["getAttribute"] && slottedItem.node.getAttribute("slot")) {
+        if (((_b = slottedItem.node.parentElement) == null ? void 0 : _b.shadowRoot) && slottedItem.node["getAttribute"] && slottedItem.node.getAttribute("slot")) {
           slottedItem.node.removeAttribute("slot");
         }
       }
@@ -1538,13 +1523,6 @@ var scopeCss = (cssText, scopeId2, commentOriginalSelector) => {
   return cssText;
 };
 var parsePropertyValue = (propValue, propType, isFormAssociated) => {
-  if (typeof propValue === "string" && (propValue.startsWith("{") && propValue.endsWith("}") || propValue.startsWith("[") && propValue.endsWith("]"))) {
-    try {
-      propValue = JSON.parse(propValue);
-      return propValue;
-    } catch (e) {
-    }
-  }
   if (typeof propValue === "string" && propValue.startsWith(SERIALIZED_PREFIX)) {
     propValue = deserializeProperty(propValue);
     return propValue;
@@ -2253,6 +2231,11 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
   }
   let maybePromise;
   if (isInitialLoad) {
+    {
+      if (hostRef.$fetchedCbList$.length) {
+        hostRef.$fetchedCbList$.forEach((cb) => cb(elm));
+      }
+    }
     maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
   } else {
     maybePromise = safeCall(instance, "componentWillUpdate", void 0, elm);
@@ -2460,9 +2443,17 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
 var proxyComponent = (Cstr, cmpMeta, flags) => {
   var _a;
   const prototype = Cstr.prototype;
-  if (cmpMeta.$members$ || (cmpMeta.$watchers$ || Cstr.watchers)) {
-    if (Cstr.watchers && !cmpMeta.$watchers$) {
-      cmpMeta.$watchers$ = Cstr.watchers;
+  {
+    {
+      if (Cstr.watchers && !cmpMeta.$watchers$) {
+        cmpMeta.$watchers$ = Cstr.watchers;
+      }
+      if (Cstr.deserializers && !cmpMeta.$deserializers$) {
+        cmpMeta.$deserializers$ = Cstr.deserializers;
+      }
+      if (Cstr.serializers && !cmpMeta.$serializers$) {
+        cmpMeta.$serializers$ = Cstr.serializers;
+      }
     }
     const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
     members.map(([memberName, [memberFlags]]) => {
@@ -2497,8 +2488,6 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
               const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
               if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
                 newValue = ref.$instanceValues$.get(memberName);
-              } else if (!ref.$instanceValues$.get(memberName) && currentValue) {
-                ref.$instanceValues$.set(memberName, currentValue);
               }
               origSetter.apply(this, [
                 parsePropertyValue(
@@ -2544,6 +2533,8 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
       if (!Cstr.isProxied) {
         {
           cmpMeta.$watchers$ = Cstr.watchers;
+          cmpMeta.$serializers$ = Cstr.serializers;
+          cmpMeta.$deserializers$ = Cstr.deserializers;
         }
         proxyComponent(Cstr, cmpMeta);
         Cstr.isProxied = true;
@@ -2830,6 +2821,9 @@ var hAsync = (nodeName, vnodeData, ...children) => {
 // src/hydrate/platform/proxy-host-element.ts
 function proxyHostElement(elm, cstr) {
   const cmpMeta = cstr.cmpMeta;
+  cmpMeta.$watchers$ = cmpMeta.$watchers$ || cstr.watchers;
+  cmpMeta.$deserializers$ = cmpMeta.$deserializers$ || cstr.deserializers;
+  cmpMeta.$serializers$ = cmpMeta.$serializers$ || cstr.serializers;
   if (typeof elm.componentOnReady !== "function") {
     elm.componentOnReady = componentOnReady;
   }
@@ -2843,7 +2837,7 @@ function proxyHostElement(elm, cstr) {
     const hostRef = getHostRef(elm);
     const members = Object.entries(cmpMeta.$members$);
     members.forEach(([memberName, [memberFlags, metaAttributeName]]) => {
-      var _a;
+      var _a, _b;
       if (memberFlags & 31 /* Prop */) {
         const attributeName = metaAttributeName || memberName;
         const attrValue = elm.getAttribute(attributeName);
@@ -2851,7 +2845,13 @@ function proxyHostElement(elm, cstr) {
         let attrPropVal;
         const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(cstr.prototype, memberName) || {};
         if (attrValue != null) {
-          attrPropVal = parsePropertyValue(attrValue, memberFlags);
+          if ((_a = cmpMeta.$deserializers$) == null ? void 0 : _a[memberName]) {
+            for (const methodName of cmpMeta.$deserializers$[memberName]) {
+              attrPropVal = cstr.prototype[methodName](attrValue, memberName);
+            }
+          } else {
+            attrPropVal = parsePropertyValue(attrValue, memberFlags);
+          }
         }
         if (propValue !== void 0) {
           attrPropVal = propValue;
@@ -2862,7 +2862,7 @@ function proxyHostElement(elm, cstr) {
             origSetter.apply(elm, [attrPropVal]);
             attrPropVal = origGetter ? origGetter.apply(elm) : attrPropVal;
           }
-          (_a = hostRef == null ? void 0 : hostRef.$instanceValues$) == null ? void 0 : _a.set(memberName, attrPropVal);
+          (_b = hostRef == null ? void 0 : hostRef.$instanceValues$) == null ? void 0 : _b.set(memberName, attrPropVal);
         }
         const getterSetterDescriptor = {
           get: function() {
@@ -2876,21 +2876,18 @@ function proxyHostElement(elm, cstr) {
         };
         Object.defineProperty(elm, memberName, getterSetterDescriptor);
         Object.defineProperty(elm, metaAttributeName, getterSetterDescriptor);
-        if (!cstr.prototype.__stencilAugmented) {
-          Object.defineProperty(cstr.prototype, memberName, {
-            get: function() {
-              var _a2;
-              const ref = getHostRef(this);
-              const attrPropVal2 = (_a2 = ref == null ? void 0 : ref.$instanceValues$) == null ? void 0 : _a2.get(memberName);
-              if (origGetter && attrPropVal2 === void 0 && !getValue(this, memberName)) {
-                setValue(this, memberName, origGetter.apply(this), cmpMeta);
-              }
-              return attrPropVal2 !== void 0 ? attrPropVal2 : origGetter ? origGetter.apply(this) : getValue(this, memberName);
-            },
-            configurable: true,
-            enumerable: true
-          });
-        }
+        hostRef.$fetchedCbList$.push(() => {
+          var _a2;
+          if (!((_a2 = hostRef == null ? void 0 : hostRef.$instanceValues$) == null ? void 0 : _a2.has(memberName))) {
+            setValue(
+              elm,
+              memberName,
+              attrPropVal !== void 0 ? attrPropVal : hostRef.$lazyInstance$[memberName],
+              cmpMeta
+            );
+          }
+          Object.defineProperty(hostRef.$lazyInstance$, memberName, getterSetterDescriptor);
+        });
       } else if (memberFlags & 64 /* Method */) {
         Object.defineProperty(elm, memberName, {
           value(...args) {
@@ -2906,7 +2903,6 @@ function proxyHostElement(elm, cstr) {
         });
       }
     });
-    cstr.prototype.__stencilAugmented = true;
   }
 }
 function componentOnReady() {
@@ -3255,6 +3251,7 @@ var getHostRef = (ref) => {
   return void 0;
 };
 var registerInstance = (lazyInstance, hostRef) => {
+  if (!hostRef) return void 0;
   lazyInstance.__stencil__getHostRef = () => hostRef;
   hostRef.$lazyInstance$ = lazyInstance;
   return hostRef;
@@ -3265,8 +3262,10 @@ var registerHost = (elm, cmpMeta) => {
     $cmpMeta$: cmpMeta,
     $hostElement$: elm,
     $instanceValues$: /* @__PURE__ */ new Map(),
+    $serializerValues$: /* @__PURE__ */ new Map(),
     $renderCount$: 0
   };
+  hostRef.$fetchedCbList$ = [];
   hostRef.$onInstancePromise$ = new Promise((r) => hostRef.$onInstanceResolve$ = r);
   hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
   elm["s-p"] = [];
@@ -4422,7 +4421,7 @@ class BiggiveCookieBanner {
         "$members$": {
             "autoOpenPreferences": [4, "auto-open-preferences"],
             "blogUriPrefix": [1, "blog-uri-prefix"],
-            "previouslyAgreedCookiePreferences": [16, "previously-agreed-cookie-preferences"]
+            "previouslyAgreedCookiePreferences": [16]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
@@ -4580,7 +4579,7 @@ class BiggiveFormFieldSelect {
         "$flags$": 265,
         "$tagName$": "biggive-form-field-select",
         "$members$": {
-            "selectionChanged": [16, "selection-changed"],
+            "selectionChanged": [16],
             "prompt": [1],
             "selectedValue": [1025, "selected-value"],
             "selectedLabel": [1025, "selected-label"],
@@ -5738,7 +5737,7 @@ class BiggivePopup {
         "$flags$": 265,
         "$tagName$": "biggive-popup",
         "$members$": {
-            "modalClosedCallback": [16, "modal-closed-callback"],
+            "modalClosedCallback": [16],
             "openFromOutside": [64],
             "closeFromOutside": [64]
         },
@@ -6800,7 +6799,7 @@ var BUILD = {
   vdomRender: true,
   vdomStyle: true,
   vdomText: true,
-  watchCallback: true,
+  propChangeCallback: true,
   taskQueue: true,
   hotModuleReplacement: false,
   isDebug: false,
@@ -6848,7 +6847,7 @@ var NAMESPACE = (
 );
 
 /*
- Stencil Hydrate Runner v4.36.1 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Runner v4.38.0 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -21525,6 +21524,9 @@ var _colonHostContextRe = createSupportsRuleRe(":host-context");
 var setMode = (handler) => modeResolutionChain.push(handler);
 var CAPTURE_EVENT_SUFFIX = "Capture";
 var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
+var baseClass = BUILD.lazyLoad ? class {
+} : globalThis.HTMLElement || class {
+};
 
 // src/compiler/html/canonical-link.ts
 var updateCanonicalLink = (doc, href) => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@biggive/components",
   "_comment": "Version number below is automatically replaced during CircleCI build.",
-  "version": "202509250906.0.0",
+  "version": "202510071230.0.0",
   "description": "Big Give Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -67,7 +67,7 @@
     "jest-cli": "^29.7.0",
     "lint-staged": "^16.0.0",
     "prettier": "^3.1.1",
-    "puppeteer": "24.9.*",
+    "puppeteer": "24.23.*",
     "storybook": "^8.1.6"
   },
   "engines": {

package/dist/biggive/p-01e3e032.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["biggivePopupCss","BiggivePopup","constructor","hostRef","this","modalClosedCallback","closeFromWithin","event","target","classList","contains","popup","setAttribute","openFromOutside","focus","closeFromOutside","render","h","key","class","ref","el","tabindex","onClick"],"sources":["src/components/biggive-popup/biggive-popup.scss?tag=biggive-popup&encapsulation=shadow","src/components/biggive-popup/biggive-popup.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n.popup {\n  @include popup();\n  &[data-visible=true] {\n    display: block;\n  }\n}","import { Component, Method, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-popup',\n  styleUrl: 'biggive-popup.scss',\n  shadow: true,\n})\nexport class BiggivePopup {\n  private popup: HTMLDivElement;\n\n  /**\n   * Function to execute when the modal is closed, whether by the user or programmatically.\n   */\n  @Prop() modalClosedCallback: () => void = () => {};\n\n  @Method()\n  async openFromOutside() {\n    this.popup.setAttribute('data-visible', 'true');\n    this.popup.setAttribute('tabindex', '0');\n    this.popup.focus();\n  }\n\n  @Method()\n  async closeFromOutside() {\n    this.popup.setAttribute('data-visible', 'false');\n    this.popup.setAttribute('tabindex', '-1');\n    this.modalClosedCallback();\n  }\n\n  private closeFromWithin = (event: any) => {\n    if (event.target.classList.contains('popup') || event.target.classList.contains('close')) {\n      this.popup.setAttribute('data-visible', 'false');\n      this.popup.setAttribute('tabindex', '-1');\n      this.modalClosedCallback();\n    }\n  };\n\n  render() {\n    return (\n      <div class=\"popup\" ref={el => (this.popup = el as HTMLDivElement)} tabindex=\"-1\" onClick={this.closeFromWithin}>\n        <div class=\"sleeve\">\n          <div class=\"header\">\n            <div class=\"close\" onClick={this.closeFromWithin}></div>\n          </div>\n          <div class=\"content\">\n            <slot></slot>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAkB,ixB,MCOXC,EAAY,MALzB,WAAAC,CAAAC,G,UAWUC,KAAAC,oBAAkC,OAgBlCD,KAAAE,gBAAmBC,IACzB,GAAIA,EAAMC,OAAOC,UAAUC,SAAS,UAAYH,EAAMC,OAAOC,UAAUC,SAAS,SAAU,CACxFN,KAAKO,MAAMC,aAAa,eAAgB,SACxCR,KAAKO,MAAMC,aAAa,WAAY,MACpCR,KAAKC,qB,EAkBV,CAnCC,qBAAMQ,GACJT,KAAKO,MAAMC,aAAa,eAAgB,QACxCR,KAAKO,MAAMC,aAAa,WAAY,KACpCR,KAAKO,MAAMG,O,CAIb,sBAAMC,GACJX,KAAKO,MAAMC,aAAa,eAAgB,SACxCR,KAAKO,MAAMC,aAAa,WAAY,MACpCR,KAAKC,qB,CAWP,MAAAW,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,QAAQC,IAAKC,GAAOjB,KAAKO,MAAQU,EAAuBC,SAAS,KAAKC,QAASnB,KAAKE,iBAC7FW,EAAK,OAAAC,IAAA,2CAAAC,MAAM,UACTF,EAAK,OAAAC,IAAA,2CAAAC,MAAM,UACTF,EAAK,OAAAC,IAAA,2CAAAC,MAAM,QAAQI,QAASnB,KAAKE,mBAEnCW,EAAK,OAAAC,IAAA,2CAAAC,MAAM,WACTF,EAAA,QAAAC,IAAA,+C","ignoreList":[]}

package/dist/biggive/p-049a9e00.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["biggiveFormattedTextCss","BiggiveFormattedText","constructor","hostRef","this","spaceBelow","maxWidth","siteDesign","render","defaultColourSet","defaultTextColour","trim","anyDefaultColourClass","h","key","class"],"sources":["src/components/biggive-formatted-text/biggive-formatted-text.scss?tag=biggive-formatted-text&encapsulation=shadow","src/components/biggive-formatted-text/biggive-formatted-text.tsx"],"sourcesContent":["@include spacers();\n@include text-colours();\n\n:host {\n  display: block;\n}\n\n.container {\n  &.biggive {\n    @include headings-biggive();\n  }\n\n  &.philco {\n    @include headings-philco();\n  }\n\n  img {\n    width: 100%;\n    height: auto;\n  }\n  a {\n    color: inherit;\n    text-decoration: underline;\n  }\n  &.max-width-10 .sleeve { @include max-width-10(); }\n  &.max-width-15 .sleeve { @include max-width-15(); }\n  &.max-width-20 .sleeve { @include max-width-20(); }\n  &.max-width-25 .sleeve { @include max-width-25(); }\n  &.max-width-30 .sleeve { @include max-width-30(); }\n  &.max-width-35 .sleeve { @include max-width-35(); }\n  &.max-width-40 .sleeve { @include max-width-40(); }\n  &.max-width-45 .sleeve { @include max-width-45(); }\n  &.max-width-50 .sleeve { @include max-width-50(); }\n  &.max-width-55 .sleeve { @include max-width-55(); }\n  &.max-width-60 .sleeve { @include max-width-60(); }\n  &.max-width-65 .sleeve { @include max-width-65(); }\n  &.max-width-70 .sleeve { @include max-width-70(); }\n  &.max-width-75 .sleeve { @include max-width-75(); }\n  &.max-width-80 .sleeve { @include max-width-80(); }\n  &.max-width-85 .sleeve { @include max-width-85(); }\n  &.max-width-90 .sleeve { @include max-width-90(); }\n  &.max-width-95 .sleeve { @include max-width-95(); }\n}\n\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\n\n@Component({\n  tag: 'biggive-formatted-text',\n  styleUrl: 'biggive-formatted-text.scss',\n  shadow: true,\n})\nexport class BiggiveFormattedText {\n  @Prop() spaceBelow: number = 0;\n  /**\n   * Text colour. If undefined or blank colour will be inherited as normal from containing element.\n   */\n  @Prop() defaultTextColour: brandColour | undefined;\n  @Prop() maxWidth: number = 100;\n  @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n  render() {\n    const defaultColourSet = typeof this.defaultTextColour === 'string' && this.defaultTextColour.trim() !== '';\n    const anyDefaultColourClass = defaultColourSet ? ' text-colour-' + this.defaultTextColour : '';\n\n    return (\n      <div class={'container ' + this.siteDesign + ' max-width-' + this.maxWidth + anyDefaultColourClass + ' space-below-' + this.spaceBelow}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAA0B,04K,MCQnBC,EAAoB,MALjC,WAAAC,CAAAC,G,UAMUC,KAAUC,WAAW,EAKrBD,KAAQE,SAAW,IACnBF,KAAUG,WAAyB,SAY5C,CAVC,MAAAC,GACE,MAAMC,SAA0BL,KAAKM,oBAAsB,UAAYN,KAAKM,kBAAkBC,SAAW,GACzG,MAAMC,EAAwBH,EAAmB,gBAAkBL,KAAKM,kBAAoB,GAE5F,OACEG,EAAA,OAAAC,IAAA,2CAAKC,MAAO,aAAeX,KAAKG,WAAa,cAAgBH,KAAKE,SAAWM,EAAwB,gBAAkBR,KAAKC,YAC1HQ,EAAa,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/biggive/p-05be4737.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["biggiveSheetCss","BiggiveSheet","constructor","hostRef","this","sheetId","backgroundColour","textColour","closeSheet","_b","_a","host","shadowRoot","querySelector","classList","remove","history","pushState","document","title","window","location","pathname","componentWillLoad","addEventListener","openSheet","hash","componentDidRender","add","render","h","key","class","onClick","width","height","viewBox","fill","xmlns","d"],"sources":["src/components/biggive-sheet/biggive-sheet.scss?tag=biggive-sheet&encapsulation=shadow","src/components/biggive-sheet/biggive-sheet.tsx"],"sourcesContent":["@include backgrounds();\n@include text-colours();\n@include fills();\n\n:host {\n  display: contents;\n  @include standard-font();\n}\n\n\n.container {\n\n  &.active {\n    .popup {\n      transform: translateX(0);\n    }\n    .background {\n      position: fixed;\n      left: 0;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      background-color: rgba(0,0,0,0.6);\n      z-index: 99;\n    }\n  }\n\n  .popup {\n    position: fixed;\n    transition: transform 1s ease-in-out;\n    transform: translateX(100%);\n    z-index: 999;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    width: 66%;\n\n\n  .header {\n    padding: 45px;\n    display: flex;\n    justify-content: space-between;\n    .back-link {\n      cursor: pointer;\n      display: flex;\n      font-size: 14px;\n      .svg-wrap {\n        @each $key, $colour in $brandColours {\n          &.colour-#{$key} svg path { fill: $colour; }\n        }\n        display: flex;\n        margin: 5px 15px auto 0;\n        svg {\n          height: 14px;\n          width: auto;\n        }\n      }\n    }\n\n    .close-link {\n      margin-bottom: auto;\n      cursor: pointer;\n      .svg-wrap {\n        display: block;\n        width: 30px;\n        height: 30px;\n        background-color: #FFFFFF;\n        border-radius: 50%;\n        text-align: center;\n        padding: 6.5px;\n        box-sizing: border-box;\n        svg {\n          display: inline-block;\n          top: -1.5px;\n          position: relative;\n          stroke-width: 1;\n          stroke: #000000;\n          height: 15px;\n          width: 15px;\n          transform: rotate(45deg);\n        }\n      }\n    }\n\n  }\n\n\n  .content{\n    padding: 0 45px 90px 90px;\n    margin-right: 45px;\n    max-height: calc(100vh - 200px);\n    overflow-y: scroll;\n    box-sizing: border-box;\n  }\n\n  }\n\n}\n\n\n@media screen and (max-width: $screen-tablet-max) {\n  .container {\n    .header {\n      padding: 15px;\n    }\n    .content {\n      padding: 0 15px 30px 30px;\n      margin-right: 15px;\n      max-height: calc(100vh - 90px);\n    }\n    .popup {\n      width: 100%;\n    }\n  }\n}\n\n@media screen and (max-width: $screen-mobile-max) {\n  .container {\n    .header {\n      padding: 15px;\n    }\n    .content {\n      padding: 0 15px 30px 30px;\n      margin-right: 15px;\n      max-height: calc(100vh - 90px);\n    }\n    .popup {\n      width: 100%;\n    }\n  }\n}\n","import { Component, Prop, Element, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\n\n@Component({\n  tag: 'biggive-sheet',\n  styleUrl: 'biggive-sheet.scss',\n  shadow: true,\n})\nexport class BiggiveSheet {\n  @Element() host: HTMLBiggiveSheetElement;\n\n  /**\n   * A string ID (no spaces) unique within the page context, used to trigger the opening of the sheet from an anchor hash.\n   */\n  @Prop() sheetId: string = '';\n\n  @Prop() backgroundColour: brandColour = 'primary';\n\n  @Prop() textColour: brandColour = 'white';\n\n  componentWillLoad() {\n    window.addEventListener('hashchange', () => {\n      this.openSheet(window.location.hash);\n    });\n  }\n\n  componentDidRender() {\n    this.openSheet(window.location.hash);\n  }\n\n  private openSheet(hash: string) {\n    if (hash != '' && hash == this.sheetId) {\n      this.host.shadowRoot?.querySelector('.container')?.classList.add('active');\n    }\n  }\n\n  private closeSheet = () => {\n    this.host.shadowRoot?.querySelector('.container')?.classList.remove('active');\n    history.pushState('', document.title, window.location.pathname);\n  };\n\n  render() {\n    return (\n      <div class={'container'}>\n        <div class=\"background\"></div>\n        <div class={'popup background-colour-' + this.backgroundColour + ' text-colour-' + this.textColour}>\n          <div class=\"header\">\n            <div class=\"back-link\" onClick={this.closeSheet}>\n              <span class={'svg-wrap colour-' + this.textColour}>\n                <svg width=\"33\" height=\"16\" viewBox=\"0 0 33 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                  <path\n                    d=\"M0.292892 7.29289C-0.0976295 7.68342 -0.0976295 8.31658 0.292892 8.70711L6.65685 15.0711C7.04738 15.4616 7.68054 15.4616 8.07107 15.0711C8.46159 14.6805 8.46159 14.0474 8.07107 13.6569L2.41421 8L8.07107 2.34315C8.46159 1.95262 8.46159 1.31946 8.07107 0.928932C7.68054 0.538408 7.04738 0.538408 6.65685 0.928932L0.292892 7.29289ZM33 7L1 7V9L33 9V7Z\"\n                    fill=\"black\"\n                  />\n                </svg>\n              </span>\n              Back\n            </div>\n\n            <div class=\"close-link\" onClick={this.closeSheet}>\n              <span class=\"svg-wrap\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n                  <path d=\"M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z\" />\n                </svg>\n              </span>\n            </div>\n          </div>\n          <div class=\"content\">\n            <slot></slot>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAkB,kvV,MCQXC,EAAY,MALzB,WAAAC,CAAAC,G,UAWUC,KAAOC,QAAW,GAElBD,KAAgBE,iBAAgB,UAEhCF,KAAUG,WAAgB,QAkB1BH,KAAUI,WAAG,K,SACnBC,GAAAC,EAAAN,KAAKO,KAAKC,cAAU,MAAAF,SAAA,SAAAA,EAAEG,cAAc,iBAAa,MAAAJ,SAAA,SAAAA,EAAEK,UAAUC,OAAO,UACpEC,QAAQC,UAAU,GAAIC,SAASC,MAAOC,OAAOC,SAASC,SAAS,CAoClE,CAtDC,iBAAAC,GACEH,OAAOI,iBAAiB,cAAc,KACpCpB,KAAKqB,UAAUL,OAAOC,SAASK,KAAK,G,CAIxC,kBAAAC,GACEvB,KAAKqB,UAAUL,OAAOC,SAASK,K,CAGzB,SAAAD,CAAUC,G,QAChB,GAAIA,GAAQ,IAAMA,GAAQtB,KAAKC,QAAS,EACtCI,GAAAC,EAAAN,KAAKO,KAAKC,cAAU,MAAAF,SAAA,SAAAA,EAAEG,cAAc,iBAAa,MAAAJ,SAAA,SAAAA,EAAEK,UAAUc,IAAI,S,EASrE,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,aACVF,EAAK,OAAAC,IAAA,2CAAAC,MAAM,eACXF,EAAA,OAAAC,IAAA,2CAAKC,MAAO,2BAA6B5B,KAAKE,iBAAmB,gBAAkBF,KAAKG,YACtFuB,EAAK,OAAAC,IAAA,2CAAAC,MAAM,UACTF,EAAK,OAAAC,IAAA,2CAAAC,MAAM,YAAYC,QAAS7B,KAAKI,YACnCsB,EAAA,QAAAC,IAAA,2CAAMC,MAAO,mBAAqB5B,KAAKG,YACrCuB,EAAA,OAAAC,IAAA,2CAAKG,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAChER,EACE,QAAAC,IAAA,2CAAAQ,EAAE,8VACFF,KAAK,YAKP,QAENP,EAAK,OAAAC,IAAA,2CAAAC,MAAM,aAAaC,QAAS7B,KAAKI,YACpCsB,EAAM,QAAAC,IAAA,2CAAAC,MAAM,YACVF,EAAA,OAAAC,IAAA,2CAAKG,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYE,MAAM,8BACpDR,EAAA,QAAAC,IAAA,2CAAMQ,EAAE,sDAKhBT,EAAK,OAAAC,IAAA,2CAAAC,MAAM,WACTF,EAAA,QAAAC,IAAA,+C","ignoreList":[]}

package/dist/biggive/p-095433cc.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["biggiveHeroImageCss","BiggiveHeroImage","constructor","hostRef","this","spaceBelow","colourScheme","logo","logoHeight","logoAltText","mainImage","mainImageShape","mainImageAlignHorizontal","mainImageAlignVertical","buttonColourScheme","render","mainTitleClasses","mainTitleColour","length","teaserClasses","_a","buttonLabel","teaserColour","teaserLines","lineBreakToBr","teaser","h","key","class","style","undefined","src","alt","title","_b","_c","slug","slugColour","mainTitle","buttonUrl","url","label","role","string","split","map","line","flat","slice"],"sources":["src/components/biggive-hero-image/biggive-hero-image.scss?tag=biggive-hero-image&encapsulation=shadow","src/components/biggive-hero-image/biggive-hero-image.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n  @include standard-font();\n}\n\n.container {\n  @include standard-font();\n  overflow: hidden;\n  position: relative;\n  margin-bottom: $spacer-4;\n  min-height: 32.5vw;\n  @each $key, $colour in $brandColours {\n    &.colour-scheme-#{$key} { color: $colour; }\n  }\n  .sleeve {\n    @include flex-container-row();\n    max-width: $screen-desktop-max;\n    margin-left: auto;\n    margin-right: auto;\n  }\n  .content-wrap {\n    width: 40%;\n    position: relative;\n    z-index: 1;\n    padding: $spacer-8 $spacer-6 $spacer-6 $spacer-0;\n\n    .logo, .logo-space {\n      height: 75px;\n      &.logo-height-1 { height: 50px; }\n      &.logo-height-2 { height: 75px; }\n      &.logo-height-3 { height: 100px; }\n      &.logo-height-4 { height: 125px; }\n      &.logo-height-5 { height: 150px; }\n      &.logo-height-6 { height: 175px; }\n      &.logo-height-7 { height: 200px; }\n      &.logo-height-8 { height: 225px; }\n      &.logo-height-9 { height: 250px; }\n      &.logo-height-10 { height: 275px; }\n    }\n\n    .logo {\n      background-size: contain;\n      background-repeat: no-repeat;\n      background-position: left center;\n\n      img {\n        width: auto;\n        height: 100%;\n        position: relative;\n      }\n    }\n    .slug {\n      @include heading-4;\n      min-height: 24px; // Sort layout when there is no slug.\n      margin: 0;\n      padding: 0;\n    }\n    h1 {\n      @include heading-1;\n      margin: 0 0 $spacer-3 0;\n      padding: 0;\n\n      @media (max-width: $screen-desktop-max) {\n        @include heading-2;\n      }\n    }\n    .teaser {\n      margin: 0;\n      padding: 0;\n    }\n    .teaser-with-space {\n      margin: 0 0 $spacer-5 0;\n    }\n  }\n\n  .graphic-wrap {\n    position: absolute;\n    display: block;\n    top: 0;\n    left: 0;\n    right: 0;\n    padding-bottom: 32.5vw;\n    background-color: #F1F1F1;\n    margin-left: 20vw;\n    clip-path: polygon(0 0, 100% 0, 100% 100%);\n    .image-wrap {\n      @include absolute-fill();\n      background-size: cover;\n      img {\n        display: none;\n      }\n    }\n  }\n}\n\n@media screen and (max-width: $screen-desktop-max) {\n  .container {\n    min-height: 50vw;\n    .sleeve {\n      flex-wrap: wrap;\n      .content-wrap {\n        width: 60%;\n        padding: 18vw $spacer-3 $spacer-3 $spacer-3;\n        margin-bottom: 50px;\n      }\n      .graphic-wrap {\n        margin-left: 0;\n        bottom: auto;\n        padding-bottom: 50vw;\n      }\n    }\n  }\n}\n\n\n@media screen and (max-width: $screen-tablet-max) {\n  .container {\n    .sleeve {\n      .content-wrap {\n        width: 70%;\n        padding-top: $spacer-8;\n      }\n    }\n  }\n}\n\n@media screen and (max-width: $screen-mobile-max) {\n  .container {\n    .sleeve {\n      .content-wrap {\n        width: 80%;\n      }\n    }\n  }\n}\n\n@media screen and (max-width: $screen-mobile-small) {\n  .container {\n    .sleeve {\n      .content-wrap {\n        width: 100%;\n      }\n    }\n  }\n}\n","/* eslint-disable prettier/prettier */\nimport {Component, h, Prop} from '@stencil/core';\nimport {brandColour} from '../../globals/brand-colour';\nimport {spacingOption} from '../../globals/spacing-option';\n\n\n@Component({\n  tag: 'biggive-hero-image',\n  styleUrl: 'biggive-hero-image.scss',\n  shadow: true,\n})\nexport class BiggiveHeroImage {\n  /**\n   * Space below component\n   */\n  @Prop() spaceBelow: spacingOption = 0;\n\n  /**\n   * Colour Scheme\n   */\n   @Prop() colourScheme: brandColour = 'primary';\n\n  /**\n   * Header slug\n   */\n   @Prop() slug: string;\n\n  /**\n   * Header slug colour\n   */\n   @Prop() slugColour: brandColour;\n\n  /**\n   * Full URL of a logo image.\n   */\n   @Prop() logo: string = '';\n\n   /**\n   * Logo container height selection. Numbers are not measurements.\n   */\n   @Prop() logoHeight: 1|2|3|4|5|6|7|8|9|10 = 3;\n\n  /**\n   * Logo alt text\n   */\n    @Prop() logoAltText: string = '';\n\n  /**\n   * Full URL of a main hero image.\n   */\n    @Prop() mainImage: string|null = null;\n\n  /**\n   * Determines whether the main image is clipped to a triangle shape (default) or used as\n   * a background for the entire component. Clipping can leave a lot of blank space.\n   */\n  @Prop() mainImageShape: 'triangle'|'rectangle' = 'triangle';\n\n  /**\n   * Horizontal alignment of image\n   */\n    @Prop() mainImageAlignHorizontal: string = 'center';\n\n      /**\n   * Vertical alignment of image\n   */\n    @Prop() mainImageAlignVertical: string = 'center';\n\n  /**\n   * Hero image title, typically the page.\n   */\n  @Prop() mainTitle: string;\n  /**\n   * Main title colour\n   */\n   @Prop() mainTitleColour?: brandColour;\n  /**\n   * Introductory teaser text\n   */\n  @Prop() teaser: string|undefined;\n  /**\n   * Teaser colour\n   */\n   @Prop() teaserColour?: brandColour;\n  /**\n   * Button Url\n   */\n   @Prop() buttonUrl: string;\n\n  /**\n   * Button Label\n   */\n   @Prop() buttonLabel: string;\n\n  /**\n   * Button Colour Scheme\n   */\n  @Prop() buttonColourScheme: brandColour = 'primary';\n\n\n  render() {\n    const mainTitleClasses = 'main-title ' + (typeof this.mainTitleColour === 'string' && this.mainTitleColour.length > 0 ? `text-colour-${this.mainTitleColour}` : '');\n    const teaserClasses = 'teaser ' +\n      (this.buttonLabel?.length > 0 ? 'teaser-with-space ' : '') +\n      (typeof this.teaserColour === 'string' && this.teaserColour.length > 0 ? `text-colour-${this.teaserColour}` : '');\n\n    // Charities can use line breaks in their copy so we convert them to BR tags to display. Using this rather than\n    // `pre` or `pre-wrap` so that literal whitespace inserted into the rendered output doesn't affect the layout.\n    // Assuming that this is needed only for the teaser, and the main title would never contain a line break.\n    const teaserLines = this.lineBreakToBr(this.teaser);\n\n    return (\n      <div class={'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow}\n           style={this.mainImageShape === 'rectangle' ?  {'background-image': 'url(' + this.mainImage + ')', 'background-size': 'cover'} : {}}\n      >\n        <div class=\"sleeve\">\n          <div class=\"content-wrap\" >\n            {this.logo !== undefined && this.logo !== null ? (\n              <div class={'logo image-wrap logo-height-'+this.logoHeight}>\n                <img src={this.logo} alt={this.logoAltText} title={this.logoAltText}/>\n              </div>\n            ) : <div class={'logo-space logo-height-'+this.logoHeight}></div>}\n            {this.logo?.length > 0 || this.slug?.length > 0\n              ? (<div class={'slug text-colour-'+this.slugColour}>{this.slug}</div>)\n              : null\n            }\n            <h1 class={mainTitleClasses}>{this.mainTitle}</h1>\n            <div class={teaserClasses}>{teaserLines}</div>\n            {this.buttonLabel != null && this.buttonUrl != null\n              ? <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel}></biggive-button>\n              : null\n            }\n          </div>\n            {this.mainImageShape === 'triangle' && this.mainImage !== null ? (\n              <div class=\"graphic-wrap\">\n              <div\n                class=\"image-wrap\"\n                role=\"presentation\"\n                style={{ 'background-image': 'url(' + this.mainImage + ')', 'background-position': this.mainImageAlignHorizontal + ' ' + this.mainImageAlignVertical }}\n              >\n              </div>\n              </div>\n            ) : null}\n          </div>\n      </div>\n    );\n  }\n\n  /**\n   * Takes a string that may contain any form of newlines, and returns an array that alternates\n   * between substrings found between the newlines and <br/> elements as objects.\n   */\n  private lineBreakToBr(string: string|undefined): unknown[] {\n    if (string == undefined) {\n      return [];\n    }\n\n    return string.split(/\\r?\\n|\\r|\\n/g)\n      .map(line => [line, <br/>])\n      .flat()\n      .slice(0, -1);\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAsB,2iP,MCWfC,EAAgB,MAL7B,WAAAC,CAAAC,G,UASUC,KAAUC,WAAkB,EAK3BD,KAAYE,aAAgB,UAe5BF,KAAIG,KAAW,GAKfH,KAAUI,WAAyB,EAKlCJ,KAAWK,YAAW,GAKtBL,KAASM,UAAgB,KAM3BN,KAAcO,eAA2B,WAKvCP,KAAwBQ,yBAAW,SAKnCR,KAAsBS,uBAAW,SA+BnCT,KAAkBU,mBAAgB,SAiE3C,CA9DC,MAAAC,G,UACE,MAAMC,EAAmB,sBAAwBZ,KAAKa,kBAAoB,UAAYb,KAAKa,gBAAgBC,OAAS,EAAI,eAAed,KAAKa,kBAAoB,IAChK,MAAME,EAAgB,aACnBC,EAAAhB,KAAKiB,eAAW,MAAAD,SAAA,SAAAA,EAAEF,QAAS,EAAI,qBAAuB,YAC/Cd,KAAKkB,eAAiB,UAAYlB,KAAKkB,aAAaJ,OAAS,EAAI,eAAed,KAAKkB,eAAiB,IAKhH,MAAMC,EAAcnB,KAAKoB,cAAcpB,KAAKqB,QAE5C,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,2BAA6BxB,KAAKE,aAAe,gBAAkBF,KAAKC,WAC/EwB,MAAOzB,KAAKO,iBAAmB,YAAe,CAAC,mBAAoB,OAASP,KAAKM,UAAY,IAAK,kBAAmB,SAAW,IAEnIgB,EAAK,OAAAC,IAAA,2CAAAC,MAAM,UACTF,EAAK,OAAAC,IAAA,2CAAAC,MAAM,gBACRxB,KAAKG,OAASuB,WAAa1B,KAAKG,OAAS,KACxCmB,EAAK,OAAAE,MAAO,+BAA+BxB,KAAKI,YAC9CkB,EAAA,OAAKK,IAAK3B,KAAKG,KAAMyB,IAAK5B,KAAKK,YAAawB,MAAO7B,KAAKK,eAExDiB,EAAA,OAAKE,MAAO,0BAA0BxB,KAAKI,eAC9C0B,EAAA9B,KAAKG,QAAI,MAAA2B,SAAA,SAAAA,EAAEhB,QAAS,KAAKiB,EAAA/B,KAAKgC,QAAM,MAAAD,SAAA,SAAAA,EAAAjB,QAAS,EACzCQ,EAAK,OAAAE,MAAO,oBAAoBxB,KAAKiC,YAAajC,KAAKgC,MACxD,KAEJV,EAAA,MAAAC,IAAA,2CAAIC,MAAOZ,GAAmBZ,KAAKkC,WACnCZ,EAAA,OAAAC,IAAA,2CAAKC,MAAOT,GAAgBI,GAC3BnB,KAAKiB,aAAe,MAAQjB,KAAKmC,WAAa,KAC3Cb,EAA+B,kCAAAtB,KAAKU,mBAAoB0B,IAAKpC,KAAKmC,UAAWE,MAAOrC,KAAKiB,cACzF,MAGHjB,KAAKO,iBAAmB,YAAcP,KAAKM,YAAc,KACxDgB,EAAK,OAAAE,MAAM,gBACXF,EAAA,OACEE,MAAM,aACNc,KAAK,eACLb,MAAO,CAAE,mBAAoB,OAASzB,KAAKM,UAAY,IAAK,sBAAuBN,KAAKQ,yBAA2B,IAAMR,KAAKS,2BAI9H,M,CAUN,aAAAW,CAAcmB,GACpB,GAAIA,GAAUb,UAAW,CACvB,MAAO,E,CAGT,OAAOa,EAAOC,MAAM,gBACjBC,KAAIC,GAAQ,CAACA,EAAMpB,EAAK,cACxBqB,OACAC,MAAM,GAAG,E","ignoreList":[]}

package/dist/biggive/p-0ba9c6b9.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["biggiveBasicCardCss","BiggiveBasicCard","constructor","hostRef","this","spaceBelow","siteDesign","backgroundColour","backgroundImageUrl","cardColour","textColour","mainImageUrl","undefined","subtitle","author","date","icon","iconColour","buttonAlign","buttonStyle","buttonColourScheme","clipBottomLeftCorner","clipTopRightCorner","headingLevel","addAnimation","render","HeadingTag","h","key","class","style","href","buttonUrl","width","height","viewBox","fill","xmlns","d","_b","_a","length","src","alt","mainImageAltText","mainTitle","teaser","buttonLabel","url","label","rounded"],"sources":["src/components/biggive-basic-card/biggive-basic-card.scss?tag=biggive-basic-card&encapsulation=shadow","src/components/biggive-basic-card/biggive-basic-card.tsx"],"sourcesContent":["@include backgrounds();\n@include borders();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n}\n\n.container {\n  @include standard-font();\n  position: relative;\n  text-align: center;\n  background-size: cover;\n  background-position: center center;\n  padding: $spacer-4;\n  &.philco {\n    @include philco-body-font();\n    line-height: $philco-standard-body-line-height;\n    border-bottom: 12px;\n    border-bottom-left-radius: 12px;\n    border-bottom-right-radius: 12px;\n    padding: 0;\n    text-align: left;\n    height: auto;\n    box-shadow: 0 0 24px 0 $colour-philco-gray-30;\n\n    .title {\n      @include philco-heading-font();\n      @include font-size-large();\n      margin-top: 0;\n      margin-bottom: $spacer-2;\n      text-transform: uppercase;\n    }\n\n    .subtitle {\n      @include philco-subhead-font();\n      color: $colour-philco-gray-70;\n      .divider {\n        color: $colour-philco-orange;\n      }\n    }\n\n    border-top: 12px solid $colour-philco-orange;\n  }\n  height: 100%;\n  white-space: pre-wrap;\n  a,\n  a:hover {\n    text-decoration: none;\n  }\n  .sleeve {\n    padding: $spacer-4;\n    height: 100%;\n    box-sizing: border-box;\n    transition: all 1s ease-in-out;\n  }\n  &.add-animation-true:hover .sleeve {\n    margin: -30px;\n    padding: 60px;\n    height: calc(100% + 60px);\n  }\n  &.clip-bottom-left-corner-false.clip-top-right-corner-true {\n    .sleeve {\n      @include corner-clip-medium-top-right();\n    }\n  }\n  &.clip-bottom-left-corner-true.clip-top-right-corner-false {\n    .sleeve {\n      @include corner-clip-medium-bottom-left();\n    }\n  }\n  &.clip-bottom-left-corner-true.clip-top-right-corner-true {\n    .sleeve {\n      @include corner-clip-medium-bottom-left-top-right();\n    }\n  }\n\n  .icon {\n    svg {\n      width: 50px;\n      height: auto;\n    }\n  }\n  .title {\n    // these have to be the heading level passed in based on order of headings, but in terms of design we want it look like H3.\n    @include heading-3();\n    margin-bottom: $spacer-3;\n  }\n  .subtitle {\n    margin-bottom: $spacer-3;\n  }\n  .main-image-container {\n    margin-bottom: 15px;\n    img {\n      width: 100%;\n      height: auto;\n    }\n  }\n  .button-wrap {\n    text-align: center;\n    &.align-left {\n      text-align: left;\n    }\n    &.align-right {\n      text-align: right;\n    }\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n  tag: 'biggive-basic-card',\n  styleUrl: 'biggive-basic-card.scss',\n  shadow: true,\n})\nexport class BiggiveBasicCard {\n  @Prop() spaceBelow: spacingOption = 0;\n\n  @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n  @Prop() backgroundColour: brandColour = 'primary';\n\n  @Prop() backgroundImageUrl: string = '';\n\n  @Prop() cardColour: brandColour = 'white';\n\n  @Prop() textColour: brandColour = 'black';\n\n  @Prop() mainImageUrl?: string = undefined;\n\n  @Prop() mainImageAltText: string;\n\n  @Prop() mainTitle: string;\n\n  @Prop() subtitle: string = '';\n\n  @Prop() author: string = '';\n\n  @Prop() date: string = '';\n\n  @Prop() teaser: string;\n\n  @Prop() icon: boolean = true;\n\n  @Prop() iconColour: brandColour = 'primary';\n\n  @Prop() buttonAlign: string = 'center';\n\n  @Prop() buttonStyle: string = 'standard';\n\n  @Prop() buttonLabel: string;\n\n  @Prop() buttonUrl: string;\n\n  @Prop() buttonColourScheme: string = 'clear-primary';\n\n  @Prop() clipBottomLeftCorner: boolean = true;\n\n  @Prop() clipTopRightCorner: boolean = true;\n\n  @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 3;\n\n  @Prop() addAnimation: boolean = false;\n\n  render() {\n    const HeadingTag = `h${this.headingLevel}`;\n\n    return (\n      <div\n        class={\n          'container space-below-' +\n          this.spaceBelow +\n          ' background-colour-' +\n          this.backgroundColour +\n          (this.siteDesign === 'philco' ? ' border-colour-' + this.backgroundColour : '') +\n          ' clip-bottom-left-corner-' +\n          this.clipBottomLeftCorner +\n          ' clip-top-right-corner-' +\n          this.clipTopRightCorner +\n          ' add-animation-' +\n          this.addAnimation +\n          ' ' +\n          this.siteDesign\n        }\n        style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n      >\n        <a href={this.buttonUrl}>\n          <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n            <div class=\"content-wrap\">\n              {this.icon ? (\n                <div class=\"icon\">\n                  <svg width=\"53\" height=\"39\" viewBox=\"0 0 53 39\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path d=\"M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z\" class=\"fill-black\" />\n                    <path d=\"M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z\" class={'fill-' + this.iconColour} />\n                  </svg>\n                </div>\n              ) : null}\n              {(this.mainImageUrl?.length ?? 0) === 0 ? null : (\n                <div class=\"main-image-container\">\n                  <div class=\"image-wrap\">\n                    <img src={this.mainImageUrl} alt={this.mainImageAltText} />\n                  </div>\n                </div>\n              )}\n              <HeadingTag class=\"title\">{this.mainTitle}</HeadingTag>\n              {this.author !== '' || this.date !== '' ? (\n                <div class=\"subtitle\">\n                  {this.author} <span class=\"divider\">|</span> {this.date}\n                </div>\n              ) : null}\n              {this.subtitle !== '' ? <div class=\"subtitle\">{this.subtitle}</div> : null}\n              <div class=\"teaser\">{this.teaser}</div>\n              {this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (\n                <div class={'button-wrap align-' + this.buttonAlign}>\n                  <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel} rounded={this.siteDesign === 'philco'}></biggive-button>\n                </div>\n              ) : null}\n            </div>\n          </div>\n        </a>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAsB,24U,MCSfC,EAAgB,MAL7B,WAAAC,CAAAC,G,UAMUC,KAAUC,WAAkB,EAE5BD,KAAUE,WAAyB,UAEnCF,KAAgBG,iBAAgB,UAEhCH,KAAkBI,mBAAW,GAE7BJ,KAAUK,WAAgB,QAE1BL,KAAUM,WAAgB,QAE1BN,KAAYO,aAAYC,UAMxBR,KAAQS,SAAW,GAEnBT,KAAMU,OAAW,GAEjBV,KAAIW,KAAW,GAIfX,KAAIY,KAAY,KAEhBZ,KAAUa,WAAgB,UAE1Bb,KAAWc,YAAW,SAEtBd,KAAWe,YAAW,WAMtBf,KAAkBgB,mBAAW,gBAE7BhB,KAAoBiB,qBAAY,KAEhCjB,KAAkBkB,mBAAY,KAE9BlB,KAAYmB,aAA0B,EAEtCnB,KAAYoB,aAAY,KA6DjC,CA3DC,MAAAC,G,QACE,MAAMC,EAAa,IAAItB,KAAKmB,eAE5B,OACEI,EAAA,OAAAC,IAAA,2CACEC,MACE,yBACAzB,KAAKC,WACL,sBACAD,KAAKG,kBACJH,KAAKE,aAAe,SAAW,kBAAoBF,KAAKG,iBAAmB,IAC5E,4BACAH,KAAKiB,qBACL,0BACAjB,KAAKkB,mBACL,kBACAlB,KAAKoB,aACL,IACApB,KAAKE,WAEPwB,MAAO,CAAE,mBAAoB,QAAU1B,KAAKI,mBAAqB,OAEjEmB,EAAA,KAAAC,IAAA,2CAAGG,KAAM3B,KAAK4B,WACZL,EAAA,OAAAC,IAAA,2CAAKC,MAAO,4BAA8BzB,KAAKK,WAAa,gBAAkBL,KAAKM,YACjFiB,EAAK,OAAAC,IAAA,2CAAAC,MAAM,gBACRzB,KAAKY,KACJW,EAAA,OAAKE,MAAM,QACTF,EAAA,OAAKM,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAChEV,EAAA,QAAMW,EAAE,4DAA4DT,MAAM,eAC1EF,EAAA,QAAMW,EAAE,gFAAgFT,MAAO,QAAUzB,KAAKa,eAGhH,OACFsB,GAAAC,EAAApC,KAAKO,gBAAc,MAAA6B,SAAA,SAAAA,EAAAC,UAAU,MAAAF,SAAA,EAAAA,EAAA,KAAO,EAAI,KACxCZ,EAAA,OAAKE,MAAM,wBACTF,EAAK,OAAAE,MAAM,cACTF,EAAA,OAAKe,IAAKtC,KAAKO,aAAcgC,IAAKvC,KAAKwC,qBAI7CjB,EAACD,EAAU,CAAAE,IAAA,2CAACC,MAAM,SAASzB,KAAKyC,WAC/BzC,KAAKU,SAAW,IAAMV,KAAKW,OAAS,GACnCY,EAAK,OAAAE,MAAM,YACRzB,KAAKU,OAAM,IAAEa,EAAM,QAAAE,MAAM,WAAkB,SAAEzB,KAAKW,MAEnD,KACHX,KAAKS,WAAa,GAAKc,EAAK,OAAAE,MAAM,YAAYzB,KAAKS,UAAkB,KACtEc,EAAA,OAAAC,IAAA,2CAAKC,MAAM,UAAUzB,KAAK0C,QACzB1C,KAAK2C,aAAe,MAAQ3C,KAAK4B,WAAa,MAAQ5B,KAAK4B,WAAa,GACvEL,EAAA,OAAKE,MAAO,qBAAuBzB,KAAKc,aACtCS,EAAA,kCAA+BvB,KAAKgB,mBAAoB4B,IAAK5C,KAAK4B,UAAWiB,MAAO7C,KAAK2C,YAAaG,QAAS9C,KAAKE,aAAe,YAEnI,Q","ignoreList":[]}

package/dist/biggive/p-17ead927.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["biggiveAccordionCss","BiggiveAccordion","constructor","hostRef","this","spaceBelow","textColour","headingColour","componentWillLoad","children","Array","from","host","toggleSection","e","target","entry","closest","arrow","querySelector","classList","contains","remove","setAttribute","add","render","h","key","class","undefined","map","onClick","title","heading","width","height","viewBox","fill","xmlns","d","stroke","innerHTML"],"sources":["src/components/biggive-accordion/biggive-accordion.scss?tag=biggive-accordion&encapsulation=shadow","src/components/biggive-accordion/biggive-accordion.tsx"],"sourcesContent":["@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n}\n\n.container {\n  @include standard-font();\n  position: relative;\n\n\n  .entry {\n    h3.heading {\n      position: relative;\n      margin: 25px 0 0 0;\n      padding: 15px 60px 10px 20px;\n      border-bottom: 1px solid $colour-black;\n      cursor: pointer;\n      span.arrow {\n        display: block;\n        position: absolute;\n        right: 20px;\n        top: 10px;\n        width: 40px;\n        height: 20px;\n        text-align: center;\n      }\n    }\n    .content {\n      overflow: hidden;\n      max-height: 0;\n      padding: 0 20px;\n    }\n    &.expanded {\n      .content {\n        max-height: 100%;\n      }\n      span.arrow {\n        transform: rotate(-180deg);\n      }\n    }\n  }\n\n  @each $key, $colour in $brandColours {\n    &.heading-colour-#{$key} .entry h3.heading svg path { stroke: $colour; }\n    &.heading-colour-#{$key} h3.heading { color: $colour; }\n    &.text-colour-#{$key} .content { color: $colour; }\n  }\n\n\n}\n\n\n","import { Component, Element, h, Prop, State } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n  tag: 'biggive-accordion',\n  styleUrl: 'biggive-accordion.scss',\n  shadow: true,\n})\nexport class BiggiveAccordion {\n  @Element() host: HTMLBiggiveAccordionElement;\n\n  @Prop() spaceBelow: spacingOption = 0;\n\n  @Prop() textColour: brandColour = 'black';\n\n  @Prop() headingColour: brandColour = 'primary';\n\n  @State() children: Array<HTMLBiggiveAccordionEntryElement>;\n\n  componentWillLoad() {\n    this.children = Array.from(this.host.children) as Array<HTMLBiggiveAccordionEntryElement>;\n  }\n\n  private toggleSection(e: MouseEvent) {\n    const target = (e.target as Element)!;\n    const entry = target.closest('.entry')!;\n    const arrow = entry.querySelector('.arrow')!;\n\n    if (entry.classList.contains('expanded')) {\n      entry.classList.remove('expanded');\n      arrow.setAttribute('title', 'Expand section');\n    } else {\n      entry.classList.add('expanded');\n      arrow.setAttribute('title', 'Collapse section');\n    }\n  }\n\n  render() {\n    return (\n      <div class={'container' + ' space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' heading-colour-' + this.headingColour}>\n        <div class=\"sleeve\">\n          {this.children === undefined\n            ? []\n            : this.children.map(entry => (\n                <div class=\"entry\">\n                  <h3 class=\"heading\" onClick={this.toggleSection} title=\"Expand section\">\n                    {entry.heading}\n                    <span class=\"arrow\">\n                      <svg width=\"15\" height=\"9\" viewBox=\"0 0 15 9\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                        <path d=\"M14.1074 0.999859L7.55357 7.55371L0.999718 0.99986\" stroke=\"black\" stroke-width=\"2\" />\n                      </svg>\n                    </span>\n                  </h3>\n                  <div class=\"content\" innerHTML={entry.innerHTML}></div>\n                </div>\n              ))}\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAsB,kiT,MCSfC,EAAgB,MAL7B,WAAAC,CAAAC,G,UAQUC,KAAUC,WAAkB,EAE5BD,KAAUE,WAAgB,QAE1BF,KAAaG,cAAgB,SA6CtC,CAzCC,iBAAAC,GACEJ,KAAKK,SAAWC,MAAMC,KAAKP,KAAKQ,KAAKH,S,CAG/B,aAAAI,CAAcC,GACpB,MAAMC,EAAUD,EAAEC,OAClB,MAAMC,EAAQD,EAAOE,QAAQ,UAC7B,MAAMC,EAAQF,EAAMG,cAAc,UAElC,GAAIH,EAAMI,UAAUC,SAAS,YAAa,CACxCL,EAAMI,UAAUE,OAAO,YACvBJ,EAAMK,aAAa,QAAS,iB,KACvB,CACLP,EAAMI,UAAUI,IAAI,YACpBN,EAAMK,aAAa,QAAS,mB,EAIhC,MAAAE,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,YAAc,gBAAkBxB,KAAKC,WAAa,gBAAkBD,KAAKE,WAAa,mBAAqBF,KAAKG,eAC1HmB,EAAK,OAAAC,IAAA,2CAAAC,MAAM,UACRxB,KAAKK,WAAaoB,UACf,GACAzB,KAAKK,SAASqB,KAAId,GAChBU,EAAK,OAAAE,MAAM,SACTF,EAAA,MAAIE,MAAM,UAAUG,QAAS3B,KAAKS,cAAemB,MAAM,kBACpDhB,EAAMiB,QACPP,EAAM,QAAAE,MAAM,SACVF,EAAA,OAAKQ,MAAM,KAAKC,OAAO,IAAIC,QAAQ,WAAWC,KAAK,OAAOC,MAAM,8BAC9DZ,EAAA,QAAMa,EAAE,qDAAqDC,OAAO,QAAO,eAAc,SAI/Fd,EAAA,OAAKE,MAAM,UAAUa,UAAWzB,EAAMyB,gB","ignoreList":[]}

package/dist/biggive/p-2a1acc21.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["biggiveBrandedImageCss","BiggiveBrandedImage","constructor","hostRef","this","spaceBelow","imageUrl","logoUrl","render","h","key","class","slug","undefined","imageAlt","src","alt","style","charityName","charityLocation"],"sources":["src/components/biggive-branded-image/biggive-branded-image.scss?tag=biggive-branded-image&encapsulation=shadow","src/components/biggive-branded-image/biggive-branded-image.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n\n:host {\n  display: contents;\n}\n\n.container {\n  @include standard-font();\n  position: relative;\n  .slug {\n    text-align: center;\n    font-weight: bold;\n    background-color: $colour-secondary-green;\n    color: $colour-black;\n    padding: $spacer-1 $spacer-3;\n    width: 100%;\n    margin: -17px auto 17px auto;\n    transform: translateY(50%);\n    box-sizing: border-box;\n  }\n\n  img {\n    width: 100%;\n  }\n\n  .logo-wrap {\n    border-radius: 50%;\n    width: 120px;\n    height: 120px;\n    transform: translateY(-50%);\n    margin-top: 30px;\n    margin-bottom: -30px; // Breathing space before charity name etc.\n    background-size: contain;\n    background-position: center center;\n    background-repeat: no-repeat;\n    background-color: #FFFFFF;\n\n    @media screen and (max-width: $screen-tablet-max) {\n      width: 100px;\n      height: 100px;\n    }\n\n    @media screen and (max-width: $screen-mobile-max) {\n      width: 70px;\n      height: 70px;\n      margin-top: 20px;\n    }\n  }\n\n  #charityName {\n    color: $colour-primary-blue;\n    display: block;\n    margin-bottom: 5px;\n    width: fit-content; // so link doesn't go full width\n  }\n\n  #charityName, .charity-info {\n    font-size: 17px;\n\n    @media screen and (max-width: $screen-tablet-max) {\n      font-size: 16px;\n    }\n\n    @media screen and (max-width: $screen-mobile-max) {\n      font-size: 15px;\n    }\n\n    @media screen and (max-width: $screen-mobile-small) {\n      font-size: 14px;\n    }\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-branded-image',\n  styleUrl: 'biggive-branded-image.scss',\n  shadow: true,\n})\nexport class BiggiveBrandedImage {\n  /**\n   * Space below component\n   */\n  @Prop() spaceBelow: number = 0;\n  /**\n   * Full URL of a image.\n   */\n  @Prop() imageUrl: string = '';\n\n  /**\n   * Alt-text for image, or null if the author has not supplied an alt-text. Should always be a string\n   * (but may be empty) when authoring new content.\n   */\n  @Prop() imageAlt!: string | null;\n\n  /**\n   * Full URL of the logo.\n   */\n  @Prop() logoUrl: string = '';\n\n  /**\n   * Slug\n   */\n  @Prop() slug: string;\n\n  /**\n   * Charity name\n   */\n  @Prop() charityName: string;\n\n  /**\n   * Charity location\n   */\n  @Prop() charityLocation: string;\n\n  /**\n   * Link to the charity's website\n   * @deprecated We should stop passing this soon, and will link to charity URLs alongside socials.\n   */\n  @Prop() charityUrl: string;\n\n  /**\n   * This is only used as a background, presentational \"bonus\" so we are setting\n   * `role=\"presentation\"` every time instead of accepting alt text.\n   */\n  render() {\n    return (\n      <div class={'container space-below-' + this.spaceBelow}>\n        {<div class=\"slug\">{this.slug}</div>}\n        {this.imageUrl !== undefined && this.imageUrl !== null ? (\n          <div class=\"image-wrap\">{this.imageAlt === null ? <img src={this.imageUrl} /> : <img src={this.imageUrl} alt={this.imageAlt} />}</div>\n        ) : null}\n        {this.logoUrl !== undefined && this.logoUrl !== null ? <div class=\"logo-wrap\" style={{ 'background-image': \"url('\" + this.logoUrl + \"')\" }}></div> : null}\n\n        {this.charityName !== undefined && this.charityName !== null ? <h3 class=\"title\">{this.charityName}</h3> : null}\n        {this.charityLocation !== undefined && this.charityLocation !== null ? <div class=\"charity-info\">{this.charityLocation}</div> : null}\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAyB,4vD,MCOlBC,EAAmB,MALhC,WAAAC,CAAAC,G,UASUC,KAAUC,WAAW,EAIrBD,KAAQE,SAAW,GAWnBF,KAAOG,QAAW,EAyC3B,CAdC,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,yBAA2BP,KAAKC,YACzCI,EAAA,OAAAC,IAAA,2CAAKC,MAAM,QAAQP,KAAKQ,MACxBR,KAAKE,WAAaO,WAAaT,KAAKE,WAAa,KAChDG,EAAA,OAAKE,MAAM,cAAcP,KAAKU,WAAa,KAAOL,EAAA,OAAKM,IAAKX,KAAKE,WAAeG,EAAA,OAAKM,IAAKX,KAAKE,SAAUU,IAAKZ,KAAKU,YACjH,KACHV,KAAKG,UAAYM,WAAaT,KAAKG,UAAY,KAAOE,EAAA,OAAKE,MAAM,YAAYM,MAAO,CAAE,mBAAoB,QAAUb,KAAKG,QAAU,QAAiB,KAEpJH,KAAKc,cAAgBL,WAAaT,KAAKc,cAAgB,KAAOT,EAAI,MAAAE,MAAM,SAASP,KAAKc,aAAoB,KAC1Gd,KAAKe,kBAAoBN,WAAaT,KAAKe,kBAAoB,KAAOV,EAAA,OAAKE,MAAM,gBAAgBP,KAAKe,iBAAyB,K","ignoreList":[]}

package/dist/biggive/p-438cd97b.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["biggiveIconButtonCss","BiggiveIconButton","constructor","hostRef","this","spaceBelow","backgroundColour","backgroundPadding","textColour","openInNewTab","size","arrow","arrowColour","circle","shadow","centered","rounded","buttonId","undefined","handleButtonClick","event","doButtonClick","emit","url","target","parentElement","href","render","h","key","class","id","onClick","toString","icon","text","width","height","viewBox","fill","xmlns","d","stroke"],"sources":["src/components/biggive-icon-button/biggive-icon-button.scss?tag=biggive-icon-button&encapsulation=shadow","src/components/biggive-icon-button/biggive-icon-button.tsx"],"sourcesContent":["@include backgrounds();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n}\n\n.container {\n  @include standard-font();\n  a {\n    display: block;\n    text-decoration: none;\n    &.full-width-true {\n      display: block;\n    }\n  }\n  &.centered-true {\n    text-align: center;\n  }\n  &.shadow-true {\n    filter: drop-shadow(5px 5px 10px rgba(0,0,0,0.25));\n  }\n  &.rounded-true {\n    border-radius: 10px;\n  }\n  &.background-padding-1 { padding: $spacer-1; }\n  &.background-padding-2 { padding: $spacer-2; }\n  &.background-padding-3 { padding: $spacer-3; }\n  &.background-padding-4 { padding: $spacer-4; }\n  &.background-padding-5 { padding: $spacer-5; }\n  &.background-padding-6 { padding: $spacer-6; }\n\n  .sleeve {\n    display: flex;\n    .text-wrap {\n      margin: auto 0;\n      text-decoration: none;\n      &.text-padding-1 { padding: 0 $spacer-1; }\n      &.text-padding-2 { padding: 0 $spacer-2; }\n      &.text-padding-3 { padding: 0 $spacer-3; }\n      &.text-padding-4 { padding: 0 $spacer-4; }\n      &.text-padding-5 { padding: 0 $spacer-5; }\n      &.text-padding-6 { padding: 0 $spacer-6; }\n    }\n\n    .arrow-wrap {\n      margin: auto 0 auto auto;\n      @each $key, $colour in $brandColours {\n        &.arrow-colour-#{$key} .arrow-wrap svg path { stroke: $colour; }\n      }\n    }\n  }\n\n  .icon-wrap {\n    background-position: center center;\n    background-size: cover;\n\n    &.circle-true {\n      border-radius: 50%;\n      overflow: hidden;\n    }\n\n    &.size-small {\n      width: 30px;\n      height: 30px;\n    }\n    &.size-medium {\n      width: 45px;\n      height: 45px;\n    }\n    &.size-large {\n      width: 60px;\n      height: 60px;\n    }\n    &.size-x-large {\n      width: 75px;\n      height: 75px;\n    }\n    &.size-xx-large {\n      width: 90px;\n      height: 90px;\n    }\n\n    .misc-icon-item {\n      width: 100%;\n      height: 100%;\n    }\n\n    .misc-icon-item a {\n      padding: 20%;\n    }\n\n  }\n\n  @each $key, $colour in $brandColours {\n    &.arrow-colour-#{$key} .arrow-wrap svg path { stroke: $colour; }\n  }\n}\n","import { Component, Event, EventEmitter, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n  tag: 'biggive-icon-button',\n  styleUrl: 'biggive-icon-button.scss',\n  shadow: true,\n})\nexport class BiggiveIconButton {\n  @Event({\n    eventName: 'doButtonClick',\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  doButtonClick: EventEmitter<{ event: object; url: string }>;\n\n  @Prop() spaceBelow: spacingOption = 1;\n\n  @Prop() backgroundColour: brandColour = 'white';\n\n  @Prop() backgroundPadding: spacingOption = 0;\n\n  @Prop() text: string;\n\n  @Prop() textColour: brandColour = 'black';\n\n  @Prop() icon: string;\n\n  @Prop() url: string;\n\n  @Prop() openInNewTab: boolean = false;\n\n  @Prop() size: 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' = 'medium';\n\n  @Prop() arrow: boolean = false;\n\n  @Prop() arrowColour: brandColour = 'black';\n\n  @Prop() circle: boolean = false;\n\n  @Prop() shadow: boolean = false;\n\n  @Prop() centered: boolean = false;\n\n  @Prop() rounded: boolean = false;\n\n  @Prop() buttonId: undefined | string = undefined;\n\n  private handleButtonClick = (event: any) => {\n    this.doButtonClick.emit({ event: event, url: event.target.parentElement.href });\n  };\n\n  render() {\n    return (\n      <div\n        class={\n          'container space-below-' +\n          this.spaceBelow +\n          ' background-colour-' +\n          this.backgroundColour +\n          ' background-padding-' +\n          this.backgroundPadding +\n          ' centered-' +\n          this.centered +\n          ' rounded-' +\n          this.rounded +\n          ' shadow-' +\n          this.shadow\n        }\n      >\n        <a href={this.url} target={this.openInNewTab ? '_blank' : '_self'} id={this.buttonId}>\n          <div class=\"sleeve\" onClick={this.handleButtonClick}>\n            <div class={'icon-wrap ' + ' size-' + this.size + ' circle-' + this.circle.toString()}>\n              <biggive-misc-icon icon={this.icon}></biggive-misc-icon>\n            </div>\n\n            {this.text != '' ? <div class={'text-wrap text-colour-' + this.textColour + ' text-padding-' + this.backgroundPadding}>{this.text}</div> : null}\n\n            {this.arrow ? (\n              <div class={'arrow-wrap arrow-colour-' + this.arrowColour}>\n                <svg width=\"8\" height=\"12\" viewBox=\"0 0 8 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                  <path d=\"M0.76912 1.0791L5.73828 6.04826L0.769121 11.0174\" stroke=\"black\" stroke-width=\"2\" />\n                </svg>\n              </div>\n            ) : null}\n          </div>\n        </a>\n      </div>\n    );\n  }\n}\n"],"mappings":"6CAAA,MAAMA,EAAuB,u/Y,MCShBC,EAAiB,MAL9B,WAAAC,CAAAC,G,qDAcUC,KAAUC,WAAkB,EAE5BD,KAAgBE,iBAAgB,QAEhCF,KAAiBG,kBAAkB,EAInCH,KAAUI,WAAgB,QAM1BJ,KAAYK,aAAY,MAExBL,KAAIM,KAA0D,SAE9DN,KAAKO,MAAY,MAEjBP,KAAWQ,YAAgB,QAE3BR,KAAMS,OAAY,MAElBT,KAAMU,OAAY,MAElBV,KAAQW,SAAY,MAEpBX,KAAOY,QAAY,MAEnBZ,KAAQa,SAAuBC,UAE/Bd,KAAAe,kBAAqBC,IAC3BhB,KAAKiB,cAAcC,KAAK,CAAEF,MAAOA,EAAOG,IAAKH,EAAMI,OAAOC,cAAcC,MAAO,CAyClF,CAtCC,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MACE,yBACA1B,KAAKC,WACL,sBACAD,KAAKE,iBACL,uBACAF,KAAKG,kBACL,aACAH,KAAKW,SACL,YACAX,KAAKY,QACL,WACAZ,KAAKU,QAGPc,EAAG,KAAAC,IAAA,2CAAAH,KAAMtB,KAAKmB,IAAKC,OAAQpB,KAAKK,aAAe,SAAW,QAASsB,GAAI3B,KAAKa,UAC1EW,EAAK,OAAAC,IAAA,2CAAAC,MAAM,SAASE,QAAS5B,KAAKe,mBAChCS,EAAA,OAAAC,IAAA,2CAAKC,MAAO,aAAe,SAAW1B,KAAKM,KAAO,WAAaN,KAAKS,OAAOoB,YACzEL,EAAA,qBAAAC,IAAA,2CAAmBK,KAAM9B,KAAK8B,QAG/B9B,KAAK+B,MAAQ,GAAKP,EAAA,OAAKE,MAAO,yBAA2B1B,KAAKI,WAAa,iBAAmBJ,KAAKG,mBAAoBH,KAAK+B,MAAc,KAE1I/B,KAAKO,MACJiB,EAAK,OAAAE,MAAO,2BAA6B1B,KAAKQ,aAC5CgB,EAAA,OAAKQ,MAAM,IAAIC,OAAO,KAAKC,QAAQ,WAAWC,KAAK,OAAOC,MAAM,8BAC9DZ,EAAM,QAAAa,EAAE,mDAAmDC,OAAO,QAAO,eAAc,QAGzF,O","ignoreList":[]}

package/dist/biggive/p-4a7c3666.entry.js

@@ -1,2 +0,0 @@
-import{r as c,h as s,d as o}from"./p-Bw8i6zSc.js";const r=":host{display:block}";const e=class{constructor(s){c(this,s)}render(){return s(o,{key:"c9ba74a1b0d168d61c90cb8994f8d9d8f9b8e967"},s("slot",{key:"23f6e7258b011e5a807c2c01d7c3451384fb43db"}))}};e.style=r;export{e as biggive_form};
-//# sourceMappingURL=p-4a7c3666.entry.js.map

package/dist/biggive/p-4a7c3666.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["biggiveFormCss","BiggiveForm","render","h","Host","key"],"sources":["src/components/biggive-form/biggive-form.css?tag=biggive-form&encapsulation=shadow","src/components/biggive-form/biggive-form.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-form',\n  styleUrl: 'biggive-form.css',\n  shadow: true,\n})\nexport class BiggiveForm {\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAiB,uB,MCOVC,EAAW,M,yBACtB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAa,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/biggive/p-4be3ddac.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["philcoMainMenuCss","PhilcoMainMenu","constructor","hostRef","this","openMobileMenu","mobileMenu","host","shadowRoot","querySelector","style","left","closeMobileMenu","closeMobileMenuFromOutside","componentDidLoad","classList","add","render","homePageLink","h","Host","key","role","class","href","philcoUrlPrefix","src","getAssetPath","alt","icon","onClick","id","slot","makeURL","label","rounded","url"],"sources":["src/components/philco-main-menu/philco-main-menu.scss?tag=philco-main-menu&encapsulation=shadow","src/components/philco-main-menu/philco-main-menu.tsx"],"sourcesContent":[":host {\n  display: block !important;\n}\n\n:host(.fixed) {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  z-index: 10;\n}\n\n* {\n  @include philco-body-font();\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\n\n.mobile-only {\n  display: none !important;\n}\n\n.row-top {\n  padding: $spacer-2 $spacer-4;\n  background-color: $colour-primary-blue;\n  display: flex;\n  max-height: $icon-size-large + 2 * $spacer-2;\n}\n\nnav {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: $nav-height-desktop;\n  background: $colour-philco-gray-90;\n  z-index: 99;\n  box-shadow: 0 1px 2px rgb(0 0 0 / 20%);\n\n  .navbar {\n    height: 100%;\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin: auto;\n    padding: 0 50px;\n    background-color: $colour-philco-gray-90;\n    color: $colour-philco-white;\n\n    .nav-links {\n      line-height: $nav-height-desktop;\n      height: 100%;\n\n      .sidebar-logo {\n        display: none;\n      }\n\n      .links {\n        display: flex;\n\n        li {\n          position: relative;\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          list-style: none;\n          padding: 0 30px;\n\n          a {\n            height: 100%;\n            text-decoration: none;\n            white-space: nowrap;\n            color: $colour-philco-white;\n            font-size: 17px;\n            font-weight: 500;\n          }\n        }\n      }\n    }\n\n    .logo {\n      min-width: 10px;\n      width: 100px;\n\n      img {\n      height: 100%;\n        width: 100%;\n        object-fit: contain;\n      }\n\n      a {\n        font-size: 30px;\n        color: $colour-philco-white;\n        text-decoration: none;\n        font-weight: 600;\n        display: grid;\n\n        img {\n          height: 100%;\n          width: 100%;\n          object-fit: contain;\n        }\n      }\n    }\n\n    .bx-menu {\n      display: none;\n    }\n  }\n}\n\n@media (max-width: $screen-large) {\n  .mobile-only {\n    display: block !important;\n  }\n\n  .row-top {\n    display: none;\n  }\n\n  nav {\n    height: 60px;\n    .navbar {\n      padding: 0 25px;\n\n      .logo {\n        min-width: 100px;\n        width: 100px;\n        img {\n          height: 100%;\n          width: 100%;\n          object-fit: contain;\n        }\n      }\n\n      .bx-menu {\n        display: block;\n        font-size: 25px;\n        color: black;\n      }\n\n      .nav-links {\n        position: fixed;\n        top: 0;\n        left: -100%;\n        display: block;\n        max-width: 450px;\n        width: 100%;\n        background: $colour-philco-gray-90;\n        line-height: 40px;\n        padding: 20px;\n        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n        transition: all 0.5s ease;\n        z-index: 1000;\n        overflow-y: scroll;\n\n        .sidebar-logo {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n\n          a {\n            display: contents;\n          }\n\n          #x {\n            margin-right: 15px;\n          }\n\n          i {\n            font-size: 25px;\n            color: black;\n          }\n        }\n\n        .links {\n          display: block;\n          margin-top: 20px;\n\n          li {\n            display: block;\n            border-bottom: 1px solid #e6e6e6;\n            padding: 0 7px 0 17px;\n\n            &.signup {\n              // 10px less on the left so that the big button's text doesn't look so misaligned from the standalone\n              // links. Extra vertical so the surrounding lines look more balanced.\n              padding: 15px 7px 12px 0;\n            }\n\n            a {\n              width: 100%;\n              display: block;\n              font-size: 15px;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  @media (max-width: 370px) {\n    nav .navbar .nav-links {\n      max-width: 100%;\n    }\n  }\n}\n\n.arrow {\n  margin-left: 5px;\n  text-align: center;\n  display: inline-block;\n  color: black;\n  transition: all 0.3s ease;\n\n  &.transform-90 {\n    transform: rotate(90deg);\n  }\n}\n","import { Component, Element, Event, EventEmitter, getAssetPath, h, Host, Method, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n  tag: 'philco-main-menu',\n  styleUrl: 'philco-main-menu.scss',\n  shadow: true,\n})\nexport class PhilcoMainMenu {\n  @Element() host: HTMLPhilcoMainMenuElement;\n\n  // URL prefixes vary by environment, and components library is not best placed to know what they are, so we\n  // take them as props. But somehow on first render the prop passed in doesn't seem to be used, so the defaults\n  // below are the values currently used in our prod site. They should be replaced by other values in other\n  // environments.\n  @Prop() philcoUrlPrefix: string;\n\n  @Event({\n    eventName: 'logoutClicked',\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  logoutClicked: EventEmitter<void>;\n\n  @Method()\n  async closeMobileMenuFromOutside() {\n    const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n    mobileMenu!.style.left = '-100%';\n  }\n\n  private openMobileMenu = () => {\n    const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n    mobileMenu!.style.left = '0';\n  };\n\n  private closeMobileMenu = () => {\n    const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n    mobileMenu!.style.left = '-100%';\n  };\n\n  componentDidLoad() {\n    this.host.classList.add('fixed');\n  }\n\n  render() {\n    const homePageLink = '/';\n\n    return (\n      <Host>\n        <nav role=\"navigation\" aria-label=\"Main Menu\">\n          <div class=\"navbar\">\n            <div class=\"logo\">\n              <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\">\n                <img src={getAssetPath('/assets/images/philco/Philcologo-white.png')} alt=\"PhilCo\" />\n              </a>\n            </div>\n            <biggive-misc-icon class=\"bx bx-menu\" background-colour=\"transparent\" icon-colour=\"white\" icon=\"MenuOpen\" onClick={this.openMobileMenu}></biggive-misc-icon>\n            <div class=\"nav-links\">\n              <div class=\"sidebar-logo\">\n                <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\"></a>\n                <biggive-misc-icon class=\"bx bx-x\" background-colour=\"transparent\" icon-colour=\"white\" icon=\"MenuClose\" onClick={this.closeMobileMenu}></biggive-misc-icon>\n              </div>\n              <div id=\"nav-primary\">\n                <ul class=\"links\" slot=\"nav-primary\">\n                  <li>\n                    <a href={makeURL('Philco', this.philcoUrlPrefix, 'why-become-a-philco')}>Why become a Philco</a>\n                  </li>\n                  <li>\n                    <a href={makeURL('Philco', this.philcoUrlPrefix, 'news')}>News</a>\n                  </li>\n                  <li class=\"signup\">\n                    <biggive-button\n                      label=\"Sign up\"\n                      site-design=\"philco\"\n                      colour-scheme=\"philco-white\"\n                      rounded={true}\n                      url={makeURL('Philco', this.philcoUrlPrefix, 'sign-up')}\n                    ></biggive-button>\n                  </li>\n                </ul>\n              </div>\n            </div>\n          </div>\n        </nav>\n      </Host>\n    );\n  }\n}\n"],"mappings":"2GAAA,MAAMA,EAAoB,qqF,MCQbC,EAAc,MAL3B,WAAAC,CAAAC,G,qDA4BUC,KAAcC,eAAG,KACvB,MAAMC,EAAaF,KAAKG,KAAKC,WAAYC,cAA2B,cACpEH,EAAYI,MAAMC,KAAO,GAAG,EAGtBP,KAAeQ,gBAAG,KACxB,MAAMN,EAAaF,KAAKG,KAAKC,WAAYC,cAA2B,cACpEH,EAAYI,MAAMC,KAAO,OAAO,CAkDnC,CA9DC,gCAAME,GACJ,MAAMP,EAAaF,KAAKG,KAAKC,WAAYC,cAA2B,cACpEH,EAAYI,MAAMC,KAAO,O,CAa3B,gBAAAG,GACEV,KAAKG,KAAKQ,UAAUC,IAAI,Q,CAG1B,MAAAC,GACE,MAAMC,EAAe,IAErB,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,KAAK,aAAY,aAAY,aAChCH,EAAK,OAAAE,IAAA,2CAAAE,MAAM,UACTJ,EAAK,OAAAE,IAAA,2CAAAE,MAAM,QACTJ,EAAG,KAAAE,IAAA,2CAAAG,KAAMpB,KAAKqB,gBAAkBP,EAAY,aAAa,QACvDC,EAAA,OAAAE,IAAA,2CAAKK,IAAKC,EAAa,8CAA+CC,IAAI,aAG9ET,EAAA,qBAAAE,IAAA,2CAAmBE,MAAM,aAA+B,kCAAa,cAAa,QAAQM,KAAK,WAAWC,QAAS1B,KAAKC,iBACxHc,EAAK,OAAAE,IAAA,2CAAAE,MAAM,aACTJ,EAAK,OAAAE,IAAA,2CAAAE,MAAM,gBACTJ,EAAG,KAAAE,IAAA,2CAAAG,KAAMpB,KAAKqB,gBAAkBP,EAAyB,sBACzDC,EAAA,qBAAAE,IAAA,2CAAmBE,MAAM,UAAS,oBAAmB,cAAa,cAAa,QAAQM,KAAK,YAAYC,QAAS1B,KAAKQ,mBAExHO,EAAK,OAAAE,IAAA,2CAAAU,GAAG,eACNZ,EAAA,MAAAE,IAAA,2CAAIE,MAAM,QAAQS,KAAK,eACrBb,EAAA,MAAAE,IAAA,4CACEF,EAAA,KAAAE,IAAA,2CAAGG,KAAMS,EAAQ,SAAU7B,KAAKqB,gBAAiB,wBAAsB,wBAEzEN,EAAA,MAAAE,IAAA,4CACEF,EAAA,KAAAE,IAAA,2CAAGG,KAAMS,EAAQ,SAAU7B,KAAKqB,gBAAiB,SAAO,SAE1DN,EAAI,MAAAE,IAAA,2CAAAE,MAAM,UACRJ,EAAA,kBAAAE,IAAA,2CACEa,MAAM,UAAS,cACH,SACE,+BACdC,QAAS,KACTC,IAAKH,EAAQ,SAAU7B,KAAKqB,gBAAiB,mB","ignoreList":[]}

package/dist/biggive/p-4db2a4f5.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["biggiveGridCss","BiggiveGrid","constructor","hostRef","this","spaceBelow","columnCount","spaceBetween","columnGap","render","h","key","class"],"sources":["src/components/biggive-grid/biggive-grid.scss?tag=biggive-grid&encapsulation=shadow","src/components/biggive-grid/biggive-grid.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n  display: contents;\n}\n\n.grid {\n  margin-bottom: $spacer-3;\n  display: flex;\n  flex-flow: row wrap;\n}\n\n.space-between {\n  justify-content: space-between;\n}\n\n.grid ::slotted([slot=grid-item]) {\n  display: block;\n}\n\n.column-count-2 ::slotted(*) {\n  width: calc( 100% / 2 );\n  @include flex-container-column();\n}\n\n.column-count-3 ::slotted(*) {\n  width: calc( 100% / 3 );\n  @include flex-container-column();\n}\n\n.column-count-4 ::slotted(*) {\n  width: calc( 100% / 4 );\n  @include flex-container-column();\n}\n\n.column-count-5 ::slotted(*) {\n  width: calc( 100% / 5 );\n  @include flex-container-column();\n}\n\n.column-count-6 ::slotted(*) {\n  width: calc( 100% / 6 );\n  @include flex-container-column();\n}\n\n\n.column-gap-1 { justify-content: space-between; }\n.column-gap-2 { justify-content: space-between; }\n.column-gap-3 { justify-content: space-between; }\n.column-gap-4 { justify-content: space-between; }\n.column-gap-5 { justify-content: space-between; }\n.column-gap-6 { justify-content: space-between; }\n\n\n.column-count-2.column-gap-1 ::slotted(*) { width: calc( 100% / 2 - (($spacer-1 * 1) / 2) );}\n.column-count-2.column-gap-2 ::slotted(*) { width: calc( 100% / 2 - (($spacer-2 * 1) / 2) );}\n.column-count-2.column-gap-3 ::slotted(*) { width: calc( 100% / 2 - (($spacer-3 * 1) / 2) );}\n.column-count-2.column-gap-4 ::slotted(*) { width: calc( 100% / 2 - (($spacer-4 * 1) / 2) );}\n.column-count-2.column-gap-5 ::slotted(*) { width: calc( 100% / 2 - (($spacer-5 * 1) / 2) );}\n.column-count-2.column-gap-6 ::slotted(*) { width: calc( 100% / 2 - (($spacer-6 * 1) / 2) );}\n\n.column-count-3.column-gap-1 ::slotted(*) { width: calc( 100% / 3 - (($spacer-1 * 2) / 3) );}\n.column-count-3.column-gap-2 ::slotted(*) { width: calc( 100% / 3 - (($spacer-2 * 2) / 3) );}\n.column-count-3.column-gap-3 ::slotted(*) { width: calc( 100% / 3 - (($spacer-3 * 2) / 3) );}\n.column-count-3.column-gap-4 ::slotted(*) { width: calc( 100% / 3 - (($spacer-4 * 2) / 3) );}\n.column-count-3.column-gap-5 ::slotted(*) { width: calc( 100% / 3 - (($spacer-5 * 2) / 3) );}\n.column-count-3.column-gap-6 ::slotted(*) { width: calc( 100% / 3 - (($spacer-6 * 2) / 3) );}\n\n.column-count-4.column-gap-1 ::slotted(*) { width: calc( 100% / 4 - (($spacer-1 * 3) / 4) );}\n.column-count-4.column-gap-2 ::slotted(*) { width: calc( 100% / 4 - (($spacer-2 * 3) / 4) );}\n.column-count-4.column-gap-3 ::slotted(*) { width: calc( 100% / 4 - (($spacer-3 * 3) / 4) );}\n.column-count-4.column-gap-4 ::slotted(*) { width: calc( 100% / 4 - (($spacer-4 * 3) / 4) );}\n.column-count-4.column-gap-5 ::slotted(*) { width: calc( 100% / 4 - (($spacer-5 * 3) / 4) );}\n.column-count-4.column-gap-6 ::slotted(*) { width: calc( 100% / 4 - (($spacer-6 * 3) / 4) );}\n\n.column-count-5.column-gap-1 ::slotted(*) { width: calc( 100% / 5 - (($spacer-1 * 4) / 5) );}\n.column-count-5.column-gap-2 ::slotted(*) { width: calc( 100% / 5 - (($spacer-2 * 4) / 5) );}\n.column-count-5.column-gap-3 ::slotted(*) { width: calc( 100% / 5 - (($spacer-3 * 4) / 5) );}\n.column-count-5.column-gap-4 ::slotted(*) { width: calc( 100% / 5 - (($spacer-4 * 4) / 5) );}\n.column-count-5.column-gap-5 ::slotted(*) { width: calc( 100% / 5 - (($spacer-5 * 4) / 5) );}\n.column-count-5.column-gap-6 ::slotted(*) { width: calc( 100% / 5 - (($spacer-6 * 4) / 5) );}\n\n.column-count-6.column-gap-1 ::slotted(*) { width: calc( 100% / 6 - (($spacer-1 * 5) / 6) );}\n.column-count-6.column-gap-2 ::slotted(*) { width: calc( 100% / 6 - (($spacer-2 * 5) / 6) );}\n.column-count-6.column-gap-3 ::slotted(*) { width: calc( 100% / 6 - (($spacer-3 * 5) / 6) );}\n.column-count-6.column-gap-4 ::slotted(*) { width: calc( 100% / 6 - (($spacer-4 * 5) / 6) );}\n.column-count-6.column-gap-5 ::slotted(*) { width: calc( 100% / 6 - (($spacer-5 * 5) / 6) );}\n.column-count-6.column-gap-6 ::slotted(*) { width: calc( 100% / 6 - (($spacer-6 * 5) / 6) );}\n\n.column-count-3.column-gap-1:after { content: \"\"; @include flex-container-column(); width: calc( 100% / 3 - (($spacer-1 * 2) / 3) );}\n.column-count-3.column-gap-2:after { content: \"\"; @include flex-container-column(); width: calc( 100% / 3 - (($spacer-2 * 2) / 3) );}\n.column-count-3.column-gap-3:after { content: \"\"; @include flex-container-column(); width: calc( 100% / 3 - (($spacer-3 * 2) / 3) );}\n.column-count-3.column-gap-4:after { content: \"\"; @include flex-container-column(); width: calc( 100% / 3 - (($spacer-4 * 2) / 3) );}\n.column-count-3.column-gap-5:after { content: \"\"; @include flex-container-column(); width: calc( 100% / 3 - (($spacer-5 * 2) / 3) );}\n.column-count-3.column-gap-6:after { content: \"\"; @include flex-container-column(); width: calc( 100% / 3 - (($spacer-6 * 2) / 3) );}\n\n\n\n\n@media screen and (max-width: $screen-large) {\n\n  @for $i from 1 through 6 {\n    .column-count-#{$i}  ::slotted(*) { width: calc( 51% - (($spacer-4 * 1) / 2)) };\n    @for $j from 1 through 6 {\n      .column-count-#{$i}.column-gap-#{$j} ::slotted(*) { width: calc( 50% - (($spacer-4 * 1) / 2)) };\n    }\n  }\n\n}\n\n@media screen and (max-width: $screen-mobile-max) {\n  @for $i from 1 through 6 {\n    .column-count-#{$i}  ::slotted(*) { width: 100%; };\n    @for $j from 1 through 6 {\n      .column-count-#{$i}.column-gap-#{$j}  ::slotted(*) { width: 100%; };\n    }\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n  tag: 'biggive-grid',\n  styleUrl: 'biggive-grid.scss',\n  shadow: true,\n})\nexport class BiggiveGrid {\n  @Prop() spaceBelow: number = 4;\n\n  @Prop() columnCount: number = 3;\n\n  /**\n   * Deprecated - should use columGap Instead\n   */\n  @Prop() spaceBetween: boolean = false;\n\n  @Prop() columnGap: spacingOption = 0;\n\n  render() {\n    return (\n      <div class={'grid column-count-' + this.columnCount + ' space-below-' + this.spaceBelow + ' column-gap-' + this.columnGap + (this.spaceBetween ? ' space-between' : '')}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAiB,k3R,MCQVC,EAAW,MALxB,WAAAC,CAAAC,G,UAMUC,KAAUC,WAAW,EAErBD,KAAWE,YAAW,EAKtBF,KAAYG,aAAY,MAExBH,KAASI,UAAkB,CASpC,CAPC,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,qBAAuBR,KAAKE,YAAc,gBAAkBF,KAAKC,WAAa,eAAiBD,KAAKI,WAAaJ,KAAKG,aAAe,iBAAmB,KAClKG,EAAa,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/biggive/p-55e2c83a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["biggiveImageCss","BiggiveImage","constructor","hostRef","this","spaceAbove","spaceBelow","imageUrl","imageAltText","width","height","sizeUnit","getWidth","getHeight","render","h","key","class","style","src","alt"],"sources":["src/components/biggive-image/biggive-image.scss?tag=biggive-image&encapsulation=shadow","src/components/biggive-image/biggive-image.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n\n:host {\n  display: contents;\n}\n\n.container {\n  @include standard-font();\n}","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-image',\n  styleUrl: 'biggive-image.scss',\n  shadow: true,\n})\nexport class BiggiveImage {\n  /**\n   * Space above component\n   */\n  @Prop() spaceAbove: number = 0;\n\n  /**\n   * Space below component\n   */\n  @Prop() spaceBelow: number = 0;\n\n  /**\n   * Full URL of a image.\n   */\n  @Prop() imageUrl: string = '';\n\n  /**\n   * Image alt text tag.\n   */\n  @Prop() imageAltText: string = '';\n\n  /**\n   * Image width\n   */\n  @Prop() width: number = 0;\n\n  /**\n   * Image width\n   */\n  @Prop() height: number = 0;\n\n  /**\n   * Size unit\n   */\n  @Prop() sizeUnit: string = 'px';\n\n  private getWidth(): string {\n    var width = 'auto';\n    if (this.width > 0) {\n      width = this.width + this.sizeUnit;\n    }\n    return width;\n  }\n\n  private getHeight(): string {\n    var height = 'auto';\n    if (this.height > 0) {\n      height = this.height + this.sizeUnit;\n    }\n    return height;\n  }\n\n  render() {\n    return (\n      <div class={'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow} style={{ width: this.getWidth(), height: this.getHeight() }}>\n        <div class=\"image-wrap\">\n          <img src={this.imageUrl} style={{ width: this.getWidth(), height: this.getHeight() }} alt={this.imageAltText} />\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAkB,4pB,MCOXC,EAAY,MALzB,WAAAC,CAAAC,G,UASUC,KAAUC,WAAW,EAKrBD,KAAUE,WAAW,EAKrBF,KAAQG,SAAW,GAKnBH,KAAYI,aAAW,GAKvBJ,KAAKK,MAAW,EAKhBL,KAAMM,OAAW,EAKjBN,KAAQO,SAAW,IA2B5B,CAzBS,QAAAC,GACN,IAAIH,EAAQ,OACZ,GAAIL,KAAKK,MAAQ,EAAG,CAClBA,EAAQL,KAAKK,MAAQL,KAAKO,Q,CAE5B,OAAOF,C,CAGD,SAAAI,GACN,IAAIH,EAAS,OACb,GAAIN,KAAKM,OAAS,EAAG,CACnBA,EAASN,KAAKM,OAASN,KAAKO,Q,CAE9B,OAAOD,C,CAGT,MAAAI,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,yBAA2Bb,KAAKC,WAAa,gBAAkBD,KAAKE,WAAYY,MAAO,CAAET,MAAOL,KAAKQ,WAAYF,OAAQN,KAAKS,cACxIE,EAAK,OAAAC,IAAA,2CAAAC,MAAM,cACTF,EAAA,OAAAC,IAAA,2CAAKG,IAAKf,KAAKG,SAAUW,MAAO,CAAET,MAAOL,KAAKQ,WAAYF,OAAQN,KAAKS,aAAeO,IAAKhB,KAAKI,gB","ignoreList":[]}

package/dist/biggive/p-5dcfe9fe.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["biggiveSocialIconCss","BiggiveSocialIcon","constructor","hostRef","this","labelPrefix","backgroundColour","iconColour","wide","url","render","sIcon","FontAwesomeIconsService","getSocialIcon","service","h","key","class","href","target","rel","width","icon","height","xmlns","viewBox","overflow","d","toString"],"sources":["src/components/biggive-social-icon/biggive-social-icon.scss?tag=biggive-social-icon&encapsulation=shadow","src/components/biggive-social-icon/biggive-social-icon.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n\n:host {\n  display: contents;\n}\n\n.social-icon-item {\n  @include icon-large();\n  @include icon-hoverable();\n\n  &.wide {\n    margin-right: 30px;\n  }\n\n  @media screen and (max-width: $screen-mobile-max) {\n    @include icon-medium();\n\n    &.wide {\n      @include icon-medium();\n    }\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { FontAwesomeIconsService } from '../../util/fontawesome-icons';\n\n/**\n * Used to indicate and link to a charity's social page, or their own web site.\n */\n@Component({\n  tag: 'biggive-social-icon',\n  styleUrl: 'biggive-social-icon.scss',\n  shadow: true,\n})\nexport class BiggiveSocialIcon {\n  /**\n   * Service name\n   */\n  @Prop() service!: 'Facebook' | 'Instagram' | 'LinkedIn' | 'Twitter' | 'Web' | 'Whatsapp' | 'YouTube';\n\n  /**\n   * Used within accessible labels for links. Typically a charity name or \"Big Give\". Can also be \"Share\".\n   */\n  @Prop() labelPrefix: string = 'Big Give';\n\n  /**\n   * Background colour\n   */\n  @Prop() backgroundColour: string = 'primary';\n\n  /**\n   * Icon colour\n   */\n  @Prop() iconColour: string = 'white';\n\n  /**\n   * Used in the social icons in the biggive-footer, which are more spaced out\n   * than others across the site. COM-43.\n   */\n  @Prop() wide: boolean = false;\n\n  /**\n   * Url\n   */\n  @Prop() url: string = '#';\n\n  render() {\n    const sIcon = FontAwesomeIconsService.getSocialIcon(this.service);\n\n    return (\n      <div class={'social-icon-item background-colour-' + this.backgroundColour + (this.wide ? ' wide' : '')}>\n        <a href={this.url} aria-label={`${this.labelPrefix} on ${this.service}`} target=\"_blank\" rel=\"noopener\">\n          <svg\n            width={sIcon.icon[0]}\n            height={sIcon.icon[1]}\n            xmlns=\"http://www.w3.org/2000/svg\"\n            class={'fill-' + this.iconColour}\n            viewBox={'0 0 ' + sIcon.icon[0] + ' ' + sIcon.icon[1]}\n            overflow=\"hidden\"\n          >\n            <path d={sIcon.icon[4].toString()} />\n          </svg>\n        </a>\n      </div>\n    );\n  }\n}\n"],"mappings":"uGAAA,MAAMA,EAAuB,6wT,MCWhBC,EAAiB,MAL9B,WAAAC,CAAAC,G,UAcUC,KAAWC,YAAW,WAKtBD,KAAgBE,iBAAW,UAK3BF,KAAUG,WAAW,QAMrBH,KAAII,KAAY,MAKhBJ,KAAGK,IAAW,GAsBvB,CApBC,MAAAC,GACE,MAAMC,EAAQC,EAAwBC,cAAcT,KAAKU,SAEzD,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,sCAAwCb,KAAKE,kBAAoBF,KAAKI,KAAO,QAAU,KACjGO,EAAG,KAAAC,IAAA,2CAAAE,KAAMd,KAAKK,IAAiB,gBAAGL,KAAKC,kBAAkBD,KAAKU,UAAWK,OAAO,SAASC,IAAI,YAC3FL,EACE,OAAAC,IAAA,2CAAAK,MAAOV,EAAMW,KAAK,GAClBC,OAAQZ,EAAMW,KAAK,GACnBE,MAAM,6BACNP,MAAO,QAAUb,KAAKG,WACtBkB,QAAS,OAASd,EAAMW,KAAK,GAAK,IAAMX,EAAMW,KAAK,GACnDI,SAAS,UAETX,EAAA,QAAAC,IAAA,2CAAMW,EAAGhB,EAAMW,KAAK,GAAGM,e","ignoreList":[]}

package/dist/biggive/p-5fa1e82a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["biggiveTimelineCss","BiggiveTimeline","constructor","hostRef","this","spaceBelow","textColour","selectedTextColour","navigationHighlightColour","selectedNavigationHighlightColour","buttonBackgroundColour","buttonIconColour","entryBackgroundColour","entryHighlightColour","entryDateColour","entryTitleColour","entryTextColour","scrollOffset","tabHeadings","children","clickTabHandler","e","i","el","target","parentElement","showTab","clickPrevHandler","scrollTab","clickNextHandler","componentWillLoad","Array","from","host","forEach","entry","tab","date","substring","includes","push","componentDidRender","tabs","_a","shadowRoot","querySelectorAll","entries","_b","length","scrollContextTab","_c","querySelector","currentTabTitle","_d","innerHTML","j","classList","add","remove","style","display","getAttribute","direction","sleeve","max","scrollWidth","offsetWidth","previousElementSibling","nextElementSibling","li","transitionDuration","transitionTimingFunction","transform","render","h","key","class","onClick","title","width","height","viewBox","fill","xmlns","d","stroke","map","heading"],"sources":["src/components/biggive-timeline/biggive-timeline.scss?tag=biggive-timeline&encapsulation=shadow","src/components/biggive-timeline/biggive-timeline.tsx"],"sourcesContent":["@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n}\n\n::slotted(*) {\n  display: none;\n}\n\n.container {\n  @include standard-font();\n  position: relative;\n\n  .navigation {\n    padding: 0 40px;\n    .button {\n      position: absolute;\n      top: 5px;\n      display: block;\n      width: 30px;\n      height: 30px;\n      padding: 2.5px 10px;\n      box-sizing: border-box;\n      background-color: #FFFFFF;\n      box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);\n      border-radius: 50%;\n      cursor: pointer;\n      text-align: center;\n      &.prev {\n        left: 0;\n      }\n      &.next {\n        right: 0;\n      }\n      svg {\n        width: 10px;\n        height: 10px;\n      }\n    }\n    .sleeve {\n      overflow-x: hidden;\n      ul {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        display: flex;\n        border-bottom: 1px solid $colour-grey-light;\n        li {\n          flex-grow: 1;\n          padding: 10px 20px;\n          margin: 0 0 -1px 0;\n          width: calc(33.3% - 20px);\n          border-bottom: 3px solid transparent;\n          text-align: center;\n          cursor: pointer;\n          &.selected {\n            font-weight: bold;\n          }\n        }\n      }\n    }\n  }\n\n  .entry-wrap {\n    padding: 40px;\n\n    .entry {\n      margin-bottom: $spacer-3;\n      border-left: 15px solid transparent;\n      padding: 15px 40px 15px 40px;\n      .title {\n        font-weight: bold;\n        margin: 0 0 5px 0;\n        padding: 0\n      }\n      .content {\n        p {\n          margin: 0 0 5px 0;\n        }\n      }\n\n    }\n  }\n\n  @each $key, $colour in $brandColours {\n    &.text-colour-#{$key} .navigation li { color: $colour; }\n    &.navigation-highlight-colour-#{$key} .navigation ul {border-color: $colour; }\n    &.selected-text-colour-#{$key} .navigation li.selected { color: $colour; }\n    &.selected-navigation-highlight-colour-#{$key} .navigation li.selected { border-color: $colour; }\n    &.button-background-colour-#{$key} .navigation .button { background-color: $colour; }\n    &.button-icon-colour-#{$key} .navigation .button svg path { stroke: $colour; }\n    &.entry-background-colour-#{$key} .entry { background-color: $colour; }\n    &.entry-highlight-colour-#{$key} .entry { border-color: $colour; }\n    &.entry-date-colour-#{$key} .entry .date { color: $colour; }\n    &.entry-title-colour-#{$key} .entry .title { color: $colour; }\n    &.entry-text-colour-#{$key} .entry .content { color: $colour; }\n  }\n\n}\n","import { Component, Prop, Element, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n  tag: 'biggive-timeline',\n  styleUrl: 'biggive-timeline.scss',\n  shadow: true,\n})\nexport class BiggiveTimeline {\n  @Element() host: HTMLBiggiveTimelineElement;\n\n  @Prop() spaceBelow: spacingOption = 0;\n\n  @Prop() textColour: brandColour = 'black';\n\n  @Prop() selectedTextColour: brandColour = 'primary';\n\n  @Prop() navigationHighlightColour: brandColour = 'grey-medium';\n\n  @Prop() selectedNavigationHighlightColour: brandColour = 'primary';\n\n  @Prop() buttonBackgroundColour: brandColour = 'white';\n\n  @Prop() buttonIconColour: brandColour = 'primary';\n\n  @Prop() entryBackgroundColour: brandColour = 'white';\n\n  @Prop() entryHighlightColour: brandColour = 'secondary';\n\n  @Prop() entryDateColour: brandColour = 'black';\n\n  @Prop() entryTitleColour: brandColour = 'primary';\n\n  @Prop() entryTextColour: brandColour = 'black';\n\n  private scrollContextTab: HTMLElement | null;\n  private scrollOffset: number = 0;\n  private tabHeadings: Array<string> = [];\n  private children: Array<HTMLBiggiveTimelineEntryElement> = [];\n\n  componentWillLoad() {\n    this.children = Array.from(this.host.children) as Array<HTMLBiggiveTimelineEntryElement>;\n\n    let tabHeadings = this.tabHeadings;\n\n    this.children.forEach(function (entry) {\n      let tab = entry.date.substring(0, 4);\n      if (!tabHeadings.includes(tab)) {\n        tabHeadings.push(tab);\n      }\n    });\n  }\n\n  componentDidRender() {\n    this.showTab(0);\n  }\n\n  /*\n   * Shows the i'th element in the timeline, counting from zero. Does nothing if i out of range.\n   */\n  private showTab(i: number) {\n    const tabs = this.host.shadowRoot?.querySelectorAll<HTMLElement>('.navigation ul li')!;\n    const entries = this.host.shadowRoot?.querySelectorAll<HTMLElement>('.entry')!;\n\n    if (tabs.length > 0) {\n      this.scrollContextTab = this.host.shadowRoot?.querySelector<HTMLElement>('.navigation ul li')!;\n    }\n\n    if (i >= 0 && i <= tabs?.length - 1) {\n      let currentTabTitle = tabs[i]?.innerHTML;\n      let j = 0;\n      tabs?.forEach(function (tab) {\n        if (i == j) {\n          tab.classList.add('selected');\n        } else {\n          tab.classList.remove('selected');\n        }\n        j++;\n      });\n\n      entries.forEach(function (entry) {\n        entry.style.display = entry.getAttribute('data-date')?.substring(0, 4) == currentTabTitle ? 'block' : 'none';\n      });\n    }\n  }\n\n  private clickTabHandler = (e: any) => {\n    let i = 0;\n    for (let el of e.target.parentElement.children) {\n      if (el == e.target) {\n        this.showTab(i);\n        return;\n      }\n      i++;\n    }\n  };\n\n  private scrollTab(direction: 'NEXT' | 'PREV') {\n    if (!this.scrollContextTab) {\n      return;\n    }\n\n    let sleeve: HTMLElement = this.scrollContextTab.parentElement!;\n    let max = sleeve.scrollWidth - sleeve.parentElement?.offsetWidth!;\n\n    if (direction == 'PREV') {\n      if (this.scrollOffset + this.scrollContextTab.offsetWidth > 0) {\n        return;\n      }\n\n      this.scrollOffset = this.scrollOffset + this.scrollContextTab.offsetWidth;\n      if (this.scrollContextTab.previousElementSibling) {\n        this.scrollContextTab = this.scrollContextTab.previousElementSibling as HTMLElement;\n      }\n    } else if (direction == 'NEXT') {\n      if (0 - this.scrollOffset > max) {\n        return;\n      }\n\n      this.scrollOffset = this.scrollOffset - this.scrollContextTab.offsetWidth;\n      if (this.scrollContextTab.nextElementSibling) {\n        this.scrollContextTab = this.scrollContextTab.nextElementSibling as HTMLElement;\n      }\n    }\n\n    sleeve.querySelectorAll('li').forEach(li => {\n      li.style.transitionDuration = '0.3s';\n      li.style.transitionTimingFunction = 'ease-out';\n      li.style.transform = 'translate3d(' + this.scrollOffset + 'px, 0, 0)';\n    });\n  }\n\n  private clickPrevHandler = () => {\n    this.scrollTab('PREV');\n  };\n\n  private clickNextHandler = () => {\n    this.scrollTab('NEXT');\n  };\n\n  render() {\n    return (\n      <div\n        class={\n          'container space-below-' +\n          this.spaceBelow +\n          ' text-colour-' +\n          this.textColour +\n          ' selected-text-colour-' +\n          this.selectedTextColour +\n          ' navigation-highlight-colour-' +\n          this.navigationHighlightColour +\n          ' selected-navigation-highlight-colour-' +\n          this.selectedNavigationHighlightColour +\n          ' button-background-colour-' +\n          this.buttonBackgroundColour +\n          ' button-icon-colour-' +\n          this.buttonIconColour +\n          ' entry-background-colour-' +\n          this.entryBackgroundColour +\n          ' entry-highlight-colour-' +\n          this.entryHighlightColour +\n          ' entry-date-colour-' +\n          this.entryDateColour +\n          ' entry-title-colour-' +\n          this.entryTitleColour +\n          ' entry-text-colour-' +\n          this.entryTextColour\n        }\n      >\n        <div class=\"navigation\">\n          <div class=\"button prev\" onClick={this.clickPrevHandler} title=\"Previous\">\n            <svg width=\"9\" height=\"16\" viewBox=\"0 0 9 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261\" stroke=\"#000000\" stroke-width=\"2\" />\n            </svg>\n          </div>\n          <div class=\"sleeve\">\n            <ul>\n              {this.tabHeadings.map(tab => (\n                <li onClick={this.clickTabHandler}>{tab}</li>\n              ))}\n            </ul>\n          </div>\n          <div class=\"button next\" onClick={this.clickNextHandler} title=\"Next\">\n            <svg width=\"9\" height=\"16\" viewBox=\"0 0 9 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686\" stroke=\"#000000\" stroke-width=\"2\" />\n            </svg>\n          </div>\n        </div>\n        <div class=\"entry-wrap\">\n          {this.children.map(entry => (\n            <div class=\"entry\" data-date={entry.date}>\n              <h4 class=\"title\">{entry.heading}</h4>\n              <div class=\"content\" innerHTML={entry.innerHTML}></div>\n            </div>\n          ))}\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAqB,+n9B,MCSdC,EAAe,MAL5B,WAAAC,CAAAC,G,UAQUC,KAAUC,WAAkB,EAE5BD,KAAUE,WAAgB,QAE1BF,KAAkBG,mBAAgB,UAElCH,KAAyBI,0BAAgB,cAEzCJ,KAAiCK,kCAAgB,UAEjDL,KAAsBM,uBAAgB,QAEtCN,KAAgBO,iBAAgB,UAEhCP,KAAqBQ,sBAAgB,QAErCR,KAAoBS,qBAAgB,YAEpCT,KAAeU,gBAAgB,QAE/BV,KAAgBW,iBAAgB,UAEhCX,KAAeY,gBAAgB,QAG/BZ,KAAYa,aAAW,EACvBb,KAAWc,YAAkB,GAC7Bd,KAAQe,SAA2C,GAgDnDf,KAAAgB,gBAAmBC,IACzB,IAAIC,EAAI,EACR,IAAK,IAAIC,KAAMF,EAAEG,OAAOC,cAAcN,SAAU,CAC9C,GAAII,GAAMF,EAAEG,OAAQ,CAClBpB,KAAKsB,QAAQJ,GACb,M,CAEFA,G,GAuCIlB,KAAgBuB,iBAAG,KACzBvB,KAAKwB,UAAU,OAAO,EAGhBxB,KAAgByB,iBAAG,KACzBzB,KAAKwB,UAAU,OAAO,CA+DzB,CAhKC,iBAAAE,GACE1B,KAAKe,SAAWY,MAAMC,KAAK5B,KAAK6B,KAAKd,UAErC,IAAID,EAAcd,KAAKc,YAEvBd,KAAKe,SAASe,SAAQ,SAAUC,GAC9B,IAAIC,EAAMD,EAAME,KAAKC,UAAU,EAAG,GAClC,IAAKpB,EAAYqB,SAASH,GAAM,CAC9BlB,EAAYsB,KAAKJ,E,CAErB,G,CAGF,kBAAAK,GACErC,KAAKsB,QAAQ,E,CAMP,OAAAA,CAAQJ,G,YACd,MAAMoB,GAAOC,EAAAvC,KAAK6B,KAAKW,cAAY,MAAAD,SAAA,SAAAA,EAAAE,iBAA8B,qBACjE,MAAMC,GAAUC,EAAA3C,KAAK6B,KAAKW,cAAY,MAAAG,SAAA,SAAAA,EAAAF,iBAA8B,UAEpE,GAAIH,EAAKM,OAAS,EAAG,CACnB5C,KAAK6C,kBAAmBC,EAAA9C,KAAK6B,KAAKW,cAAY,MAAAM,SAAA,SAAAA,EAAAC,cAA2B,oB,CAG3E,GAAI7B,GAAK,GAAKA,IAAKoB,IAAA,MAAAA,SAAI,SAAJA,EAAMM,QAAS,EAAG,CACnC,IAAII,GAAkBC,EAAAX,EAAKpB,MAAI,MAAA+B,SAAA,SAAAA,EAAAC,UAC/B,IAAIC,EAAI,EACRb,IAAI,MAAJA,SAAA,SAAAA,EAAMR,SAAQ,SAAUE,GACtB,GAAId,GAAKiC,EAAG,CACVnB,EAAIoB,UAAUC,IAAI,W,KACb,CACLrB,EAAIoB,UAAUE,OAAO,W,CAEvBH,GACF,IAEAT,EAAQZ,SAAQ,SAAUC,G,MACxBA,EAAMwB,MAAMC,UAAUjB,EAAAR,EAAM0B,aAAa,gBAAc,MAAAlB,SAAA,SAAAA,EAAAL,UAAU,EAAG,KAAMc,EAAkB,QAAU,MACxG,G,EAeI,SAAAxB,CAAUkC,G,MAChB,IAAK1D,KAAK6C,iBAAkB,CAC1B,M,CAGF,IAAIc,EAAsB3D,KAAK6C,iBAAiBxB,cAChD,IAAIuC,EAAMD,EAAOE,cAActB,EAAAoB,EAAOtC,iBAAe,MAAAkB,SAAA,SAAAA,EAAAuB,aAErD,GAAIJ,GAAa,OAAQ,CACvB,GAAI1D,KAAKa,aAAeb,KAAK6C,iBAAiBiB,YAAc,EAAG,CAC7D,M,CAGF9D,KAAKa,aAAeb,KAAKa,aAAeb,KAAK6C,iBAAiBiB,YAC9D,GAAI9D,KAAK6C,iBAAiBkB,uBAAwB,CAChD/D,KAAK6C,iBAAmB7C,KAAK6C,iBAAiBkB,sB,OAE3C,GAAIL,GAAa,OAAQ,CAC9B,GAAI,EAAI1D,KAAKa,aAAe+C,EAAK,CAC/B,M,CAGF5D,KAAKa,aAAeb,KAAKa,aAAeb,KAAK6C,iBAAiBiB,YAC9D,GAAI9D,KAAK6C,iBAAiBmB,mBAAoB,CAC5ChE,KAAK6C,iBAAmB7C,KAAK6C,iBAAiBmB,kB,EAIlDL,EAAOlB,iBAAiB,MAAMX,SAAQmC,IACpCA,EAAGV,MAAMW,mBAAqB,OAC9BD,EAAGV,MAAMY,yBAA2B,WACpCF,EAAGV,MAAMa,UAAY,eAAiBpE,KAAKa,aAAe,WAAW,G,CAYzE,MAAAwD,GACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MACE,yBACAxE,KAAKC,WACL,gBACAD,KAAKE,WACL,yBACAF,KAAKG,mBACL,gCACAH,KAAKI,0BACL,yCACAJ,KAAKK,kCACL,6BACAL,KAAKM,uBACL,uBACAN,KAAKO,iBACL,4BACAP,KAAKQ,sBACL,2BACAR,KAAKS,qBACL,sBACAT,KAAKU,gBACL,uBACAV,KAAKW,iBACL,sBACAX,KAAKY,iBAGP0D,EAAK,OAAAC,IAAA,2CAAAC,MAAM,cACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,cAAcC,QAASzE,KAAKuB,iBAAkBmD,MAAM,YAC7DJ,EAAA,OAAAC,IAAA,2CAAKI,MAAM,IAAIC,OAAO,KAAKC,QAAQ,WAAWC,KAAK,OAAOC,MAAM,8BAC9DT,EAAM,QAAAC,IAAA,2CAAAS,EAAE,mDAAmDC,OAAO,UAAuB,uBAG7FX,EAAK,OAAAC,IAAA,2CAAAC,MAAM,UACTF,EACG,MAAAC,IAAA,4CAAAvE,KAAKc,YAAYoE,KAAIlD,GACpBsC,EAAA,MAAIG,QAASzE,KAAKgB,iBAAkBgB,OAI1CsC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,cAAcC,QAASzE,KAAKyB,iBAAkBiD,MAAM,QAC7DJ,EAAA,OAAAC,IAAA,2CAAKI,MAAM,IAAIC,OAAO,KAAKC,QAAQ,WAAWC,KAAK,OAAOC,MAAM,8BAC9DT,EAAA,QAAAC,IAAA,2CAAMS,EAAE,qDAAqDC,OAAO,UAAS,eAAc,SAIjGX,EAAK,OAAAC,IAAA,2CAAAC,MAAM,cACRxE,KAAKe,SAASmE,KAAInD,GACjBuC,EAAK,OAAAE,MAAM,QAAO,YAAYzC,EAAME,MAClCqC,EAAA,MAAIE,MAAM,SAASzC,EAAMoD,SACzBb,EAAA,OAAKE,MAAM,UAAUtB,UAAWnB,EAAMmB,gB","ignoreList":[]}

package/dist/biggive/p-60206f92.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t}from"./p-Bw8i6zSc.js";const n='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px}';const i=class{constructor(t){e(this,t);this.tabTitle=""}render(){return t("div",{key:"93061a4f25b7ea92f0e29d203155a75ea09fdff4",class:"container"},t("slot",{key:"003e5cfbba702d76606d263f054dab2bf467ce94"}))}};i.style=n;export{i as biggive_tab};
-//# sourceMappingURL=p-60206f92.entry.js.map

package/dist/biggive/p-60206f92.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["biggiveTabCss","BiggiveTab","constructor","hostRef","this","tabTitle","render","h","key","class"],"sources":["src/components/biggive-tab/biggive-tab.scss?tag=biggive-tab&encapsulation=shadow","src/components/biggive-tab/biggive-tab.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n\n.container {\n  @include standard-font();\n}","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-tab',\n  styleUrl: 'biggive-tab.scss',\n  shadow: true,\n})\nexport class BiggiveTab {\n  @Prop() tabTitle: string = '';\n\n  render() {\n    return (\n      <div class=\"container\">\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAgB,sL,MCOTC,EAAU,MALvB,WAAAC,CAAAC,G,UAMUC,KAAQC,SAAW,EAS5B,CAPC,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,aACTF,EAAa,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/biggive/p-630d329d.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["biggiveTextInputCss","BiggiveTextInput","constructor","hostRef","this","spaceBelow","selectStyle","siteDesign","render","currencySymbol","currency","undefined","h","key","class","name","style","clear","componentDidLoad","nativeInput","host","querySelector","sleave","shadowRoot","Error","addEventListener","classList","add","remove"],"sources":["src/components/biggive-text-input/biggive-text-input.scss?tag=biggive-text-input&encapsulation=shadow","src/components/biggive-text-input/biggive-text-input.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n  display: contents;\n}\n\n::slotted([slot=label]) {\n  display: inline-block;\n  line-height: 1.2; // Slightly less than other text to help with long charity names.\n}\n\n.text-input {\n  .currency-symbol {\n    position: absolute;\n  }\n  position: relative;\n  .prompt {\n    position: relative;\n    z-index: 2;\n    font-size: small;\n    top: 1em;\n    left: 4em;\n    color: $colour-primary-blue;\n    max-width: calc(100% - 10em);\n    display: inline-block;\n\n    > span {\n      padding-left: 1em;\n      padding-right: 1em;\n      background-color: $colour-grey-background;\n    }\n  }\n\n\n  &.philco .prompt {\n    color: $colour-philco-gray-90;\n\n    > span {\n      background-color: $colour-philco-white;\n    }\n  }\n\n  @include standard-font();\n  position: relative;\n  text-align: left;\n  &.select-style-bordered.biggive{\n    .sleeve {\n      @include font-size-large();\n      font-weight: bolder;\n      padding: 2px;\n      position: relative;\n      background-color: $colour-primary-blue;\n      @include corner-clip-small-top-right();\n      .inner-sleeve {\n        background-color: $colour-grey-background;\n        color: $colour-primary-blue;\n        display: block;\n        position: relative;\n        padding: 10px 30px 10px 10px;\n        clip-path:\n          polygon(\n            0% 0%,     /* top left */\n            0% 0%,     /* top left */\n            calc(100% - 14px) 0%,    /* top right */\n            100% 14px,   /* top right */\n            100% 100%,  /* bottom right */\n            100% 100%,  /* bottom right */\n            0 100%,   /* bottom left */\n            0 100%      /* bottom left */\n          );\n          &:after {\n            content: '';\n            display: block;\n            position: absolute;\n            right: 20px;\n            top: 18px;\n            width: 10px;\n            height: 10px;\n            background-size: contain;\n            background-repeat: no-repeat;\n            background-position: center center;\n          }\n      }\n      &.focused {\n        background-color: $colour-tertiary-coral;\n      }\n    }\n  }\n  &.select-style-bordered.philco {\n    .inner-sleeve {\n      border: 2px solid $colour-philco-gray-90;\n      border-radius: 6px;\n      padding: 12px;\n    }\n  }\n}\n\n","import { Component, Element, h, Prop } from '@stencil/core';\n\n/**\n * Initially developed for use within the new donate stepper design. Currently has a hard-coded background\n * of $colour-grey-background, intened to appear transparent when used on a page with a matching background.\n *\n * Please ensure input is styled as width: 100%.\n *\n * Requires slots `label` and `input`.\n */\n@Component({\n  tag: 'biggive-text-input',\n  styleUrl: 'biggive-text-input.scss',\n  shadow: true,\n})\nexport class BiggiveTextInput {\n  @Element() host: HTMLBiggiveTextInputElement;\n\n  /**\n   * ISO-4217 currency code if input is for a money value\n   */\n  @Prop() currency: 'GBP' | 'USD' | undefined;\n  @Prop() spaceBelow: number = 0;\n  @Prop() selectStyle: 'bordered' | 'underlined' = 'bordered';\n  @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n  render() {\n    const currencySymbol = this.currency === 'GBP' ? '£' : this.currency === 'USD' ? '$' : undefined;\n    return (\n      <div class={'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle + ' ' + this.siteDesign}>\n        <div class=\"prompt\">\n          <span>\n            <slot name=\"label\" />\n          </span>\n        </div>\n        <div class=\"sleeve\">\n          <div class=\"inner-sleeve\">\n            {currencySymbol && <span class=\"currency-symbol\">{currencySymbol}</span>}\n            <slot name=\"input\" />\n            <div style={{ clear: 'both' }}></div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  componentDidLoad() {\n    const nativeInput: HTMLElement | null = this.host.querySelector(`[slot=\"input\"]`);\n    const sleave = this.host.shadowRoot!.querySelector('.sleeve')!;\n\n    if (!nativeInput) {\n      throw new Error('Input slot element required for biggive-text-input');\n    }\n\n    nativeInput.addEventListener('focusin', () => sleave.classList.add('focused'));\n    nativeInput.addEventListener('focusout', () => sleave.classList.remove('focused'));\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAsB,8hE,MCefC,EAAgB,MAL7B,WAAAC,CAAAC,G,UAYUC,KAAUC,WAAW,EACrBD,KAAWE,YAA8B,WACzCF,KAAUG,WAAyB,SAiC5C,CA/BC,MAAAC,GACE,MAAMC,EAAiBL,KAAKM,WAAa,MAAQ,IAAMN,KAAKM,WAAa,MAAQ,IAAMC,UACvF,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,0BAA4BV,KAAKC,WAAa,iBAAmBD,KAAKE,YAAc,IAAMF,KAAKG,YACzGK,EAAK,OAAAC,IAAA,2CAAAC,MAAM,UACTF,EAAA,QAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,2CAAME,KAAK,YAGfH,EAAK,OAAAC,IAAA,2CAAAC,MAAM,UACTF,EAAK,OAAAC,IAAA,2CAAAC,MAAM,gBACRL,GAAkBG,EAAM,QAAAC,IAAA,2CAAAC,MAAM,mBAAmBL,GAClDG,EAAM,QAAAC,IAAA,2CAAAE,KAAK,UACXH,EAAA,OAAAC,IAAA,2CAAKG,MAAO,CAAEC,MAAO,Y,CAO/B,gBAAAC,GACE,MAAMC,EAAkCf,KAAKgB,KAAKC,cAAc,kBAChE,MAAMC,EAASlB,KAAKgB,KAAKG,WAAYF,cAAc,WAEnD,IAAKF,EAAa,CAChB,MAAM,IAAIK,MAAM,qD,CAGlBL,EAAYM,iBAAiB,WAAW,IAAMH,EAAOI,UAAUC,IAAI,aACnER,EAAYM,iBAAiB,YAAY,IAAMH,EAAOI,UAAUE,OAAO,Y","ignoreList":[]}

package/dist/biggive/p-66ab4142.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["biggiveVideoCss","BiggiveVideo","constructor","hostRef","this","spaceAbove","spaceBelow","videoUrl","render","h","key","class","innerHTML","VideoService","getEmbedHtml"],"sources":["src/components/biggive-video/biggive-video.scss?tag=biggive-video&encapsulation=shadow","src/components/biggive-video/biggive-video.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n  display: contents;\n}\n\n.video-wrap {\n  @include video-wrap();\n}\n\n.video-wrap.youtube {\n  padding-bottom: 56.25%;\n}\n\n.container {\n  @include standard-font();\n}\n\n","import { Component, Prop, h } from '@stencil/core';\nimport { VideoService } from '../../util/video';\n\n@Component({\n  tag: 'biggive-video',\n  styleUrl: 'biggive-video.scss',\n  shadow: true,\n})\nexport class BiggiveVideo {\n  /**\n   * Space above component\n   */\n  @Prop() spaceAbove: number = 0;\n  /**\n   * Space below component\n   */\n  @Prop() spaceBelow: number = 0;\n  /**\n   * Full URL of a video.\n   */\n  @Prop() videoUrl: string = '';\n\n  render() {\n    return (\n      <div class={'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow}>\n        <div class=\"video-wrap\" innerHTML={VideoService.getEmbedHtml(this.videoUrl, null)}></div>\n      </div>\n    );\n  }\n}\n"],"mappings":"+EAAA,MAAMA,EAAkB,g0B,MCQXC,EAAY,MALzB,WAAAC,CAAAC,G,UASUC,KAAUC,WAAW,EAIrBD,KAAUE,WAAW,EAIrBF,KAAQG,SAAW,EAS5B,CAPC,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,yBAA2BP,KAAKC,WAAa,gBAAkBD,KAAKE,YAC9EG,EAAA,OAAAC,IAAA,2CAAKC,MAAM,aAAaC,UAAWC,EAAaC,aAAaV,KAAKG,SAAU,Q","ignoreList":[]}