@biggive/components 202505191118.0.0 → 202505191305.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"file":"biggive-formatted-text.entry.esm.js","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';\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 @Prop() defaultTextColour: string = 'primary';\n @Prop() maxWidth: number = 100;\n @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n render() {\n return (\n <div class={'container ' + this.siteDesign + ' max-width-' + this.maxWidth + ' text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow}>\n <slot></slot>\n </div>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,uBAAuB,GAAG,4gKAA4gK;;MCO/hK,oBAAoB,GAAA,MAAA;AALjC,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMU,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AACtB,QAAA,IAAiB,CAAA,iBAAA,GAAW,SAAS;AACrC,QAAA,IAAQ,CAAA,QAAA,GAAW,GAAG;AACtB,QAAA,IAAU,CAAA,UAAA,GAAyB,SAAS;AASrD;IAPC,MAAM,GAAA;QACJ,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC,UAAU,GAAG,aAAa,GAAG,IAAI,CAAC,QAAQ,GAAG,eAAe,GAAG,IAAI,CAAC,iBAAiB,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,EAAA,EACvJ,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;"}
1
+ {"version":3,"file":"biggive-formatted-text.entry.esm.js","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"],"names":[],"mappings":";;AAAA,MAAM,uBAAuB,GAAG,4gKAA4gK;;MCQ/hK,oBAAoB,GAAA,MAAA;AALjC,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMU,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AAKtB,QAAA,IAAQ,CAAA,QAAA,GAAW,GAAG;AACtB,QAAA,IAAU,CAAA,UAAA,GAAyB,SAAS;AAYrD;IAVC,MAAM,GAAA;AACJ,QAAA,MAAM,gBAAgB,GAAG,OAAO,IAAI,CAAC,iBAAiB,KAAK,QAAQ,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE;AAC3G,QAAA,MAAM,qBAAqB,GAAG,gBAAgB,GAAG,eAAe,GAAG,IAAI,CAAC,iBAAiB,GAAG,EAAE;QAE9F,QACE,4DAAK,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC,UAAU,GAAG,aAAa,GAAG,IAAI,CAAC,QAAQ,GAAG,qBAAqB,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,EAAA,EACpI,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;"}
@@ -1,2 +1,2 @@
1
- import{p as e,H as o,b as t}from"./p-WbNeu5w_.js";export{s as setNonce}from"./p-WbNeu5w_.js";import{g as l}from"./p-DQuL1Twl.js";var r=()=>{{a(o.prototype)}const t=import.meta.url;const l={};if(t!==""){l.resourcesUrl=new URL(".",t).href}return e(l)};var a=e=>{const o=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return o.call(this,e)}const t=o.call(this,false);const l=this.childNodes;if(e){for(let e=0;e<l.length;e++){if(l[e].nodeType!==2){t.appendChild(l[e].cloneNode(true))}}}return t}};r().then((async e=>{await l();return t(JSON.parse('[["p-5f8e79c8",[[1,"biggive-campaign-card",{"spaceBelow":[2,"space-below"],"campaignType":[1,"campaign-type"],"banner":[1],"campaignTitle":[1,"campaign-title"],"organisationName":[1,"organisation-name"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"donateButtonLabel":[1,"donate-button-label"],"donateButtonUrl":[1,"donate-button-url"],"donateButtonColourScheme":[1,"donate-button-colour-scheme"],"moreInfoButtonLabel":[1,"more-info-button-label"],"moreInfoButtonUrl":[1,"more-info-button-url"],"moreInfoButtonColourScheme":[1,"more-info-button-colour-scheme"],"isFutureCampaign":[4,"is-future-campaign"],"isPastCampaign":[4,"is-past-campaign"],"datetime":[1]}]]],["p-61531a73",[[1,"biggive-campaign-card-filter-grid",{"spaceBelow":[2,"space-below"],"intro":[1],"searchText":[1,"search-text"],"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"categoryOptions":[1,"category-options"],"beneficiaryOptions":[1,"beneficiary-options"],"locationOptions":[1,"location-options"],"selectedSortByOption":[1025,"selected-sort-by-option"],"selectedFilterCategory":[1025,"selected-filter-category"],"selectedFilterBeneficiary":[1025,"selected-filter-beneficiary"],"selectedFilterLocation":[1025,"selected-filter-location"],"filtersApplied":[32],"unfocusInputs":[64]}]]],["p-a76fa524",[[1,"biggive-campaign-highlights",{"spaceBelow":[2,"space-below"],"banner":[1],"campaignTitle":[1,"campaign-title"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"primaryStatIcon":[1,"primary-stat-icon"],"primaryStatText":[1,"primary-stat-text"],"secondaryStatIcon":[1,"secondary-stat-icon"],"secondaryStatText":[1,"secondary-stat-text"],"championName":[1,"champion-name"],"championUrl":[1,"champion-url"]}]]],["p-97aa41af",[[1,"biggive-cookie-banner",{"autoOpenPreferences":[4,"auto-open-preferences"],"blogUriPrefix":[1,"blog-uri-prefix"],"previouslyAgreedCookiePreferences":[16,"previously-agreed-cookie-preferences"]},null,{"autoOpenPreferences":["autoOpenPreferencesIfRequested"]}]]],["p-c52abf69",[[1,"biggive-footer",{"headingLevel":[2,"heading-level"],"donateUrlPrefix":[1,"donate-url-prefix"],"blogUrlPrefix":[1,"blog-url-prefix"],"experienceUrlPrefix":[1,"experience-url-prefix"],"smallCharityWeekEnabled":[4,"small-charity-week-enabled"],"usePresetFooter":[4,"use-preset-footer"]}]]],["p-90e3f5c4",[[1,"biggive-main-menu",{"blogUrlPrefix":[1,"blog-url-prefix"],"donateUrlPrefix":[1,"donate-url-prefix"],"experienceUrlPrefix":[1,"experience-url-prefix"],"smallCharityWeekEnabled":[4,"small-charity-week-enabled"],"someCampaignHasHomePageRedirect":[4,"some-campaign-has-home-page-redirect"],"isLoggedIn":[4,"is-logged-in"],"closeMobileMenuFromOutside":[64]}]]],["p-9a14c3d7",[[1,"philco-main-menu",{"philcoUrlPrefix":[1,"philco-url-prefix"],"closeMobileMenuFromOutside":[64]}]]],["p-31c706be",[[1,"biggive-article-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"slug":[1],"slugColour":[1,"slug-colour"],"date":[1],"dateColour":[1,"date-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"image1Url":[1,"image-1-url"],"image1AltText":[1,"image-1-alt-text"],"image2Url":[1,"image-2-url"],"image2AltText":[1,"image-2-alt-text"],"imageLabel":[1,"image-label"],"imageLabelColour":[1,"image-label-colour"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColour":[1,"button-colour"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"]}]]],["p-5026f2de",[[1,"biggive-basic-card",{"spaceBelow":[2,"space-below"],"siteDesign":[1,"site-design"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"mainTitle":[1,"main-title"],"subtitle":[1],"author":[1],"date":[1],"teaser":[1],"icon":[4],"iconColour":[1,"icon-colour"],"buttonAlign":[1,"button-align"],"buttonStyle":[1,"button-style"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"headingLevel":[2,"heading-level"],"addAnimation":[4,"add-animation"]}]]],["p-0fab107a",[[1,"biggive-call-to-action",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"slugSize":[2,"slug-size"],"slugColour":[1,"slug-colour"],"slug":[1],"mainTitleColour":[1,"main-title-colour"],"mainTitleSize":[2,"main-title-size"],"mainTitle":[1,"main-title"],"subtitleSize":[2,"subtitle-size"],"subtitleColour":[1,"subtitle-colour"],"subtitle":[1],"teaserColour":[1,"teaser-colour"],"teaser":[1],"primaryButtonUrl":[1,"primary-button-url"],"primaryButtonLabel":[1,"primary-button-label"],"primaryButtonColourScheme":[1,"primary-button-colour-scheme"],"secondaryButtonUrl":[1,"secondary-button-url"],"secondaryButtonLabel":[1,"secondary-button-label"],"secondaryButtonColourScheme":[1,"secondary-button-colour-scheme"]}]]],["p-a5b941eb",[[1,"biggive-hero-image",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"slug":[1],"slugColour":[1,"slug-colour"],"logo":[1],"logoHeight":[2,"logo-height"],"logoAltText":[1,"logo-alt-text"],"mainImage":[1,"main-image"],"mainImageShape":[1,"main-image-shape"],"mainImageAlignHorizontal":[1,"main-image-align-horizontal"],"mainImageAlignVertical":[1,"main-image-align-vertical"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["p-e88148fc",[[1,"biggive-icon-button",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundPadding":[2,"background-padding"],"text":[1],"textColour":[1,"text-colour"],"icon":[1],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"size":[1],"arrow":[4],"arrowColour":[1,"arrow-colour"],"circle":[4],"shadow":[4],"centered":[4],"rounded":[4],"buttonId":[1,"button-id"]}]]],["p-9aa88968",[[1,"biggive-image-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"textAlign":[1,"text-align"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonAlign":[1,"button-align"],"buttonStyle":[1,"button-style"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"addAnimation":[4,"add-animation"]}]]],["p-3762bfd2",[[1,"biggive-image-feature",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["p-5678fd23",[[1,"biggive-video-feature",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"videoUrl":[1,"video-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["p-8e84dc1a",[[1,"biggive-accordion",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"headingColour":[1,"heading-colour"],"children":[32]}]]],["p-bc95e18d",[[1,"biggive-accordion-entry",{"heading":[1]}]]],["p-3a949af7",[[1,"biggive-back-to-top"]]],["p-14b68eb9",[[1,"biggive-biography-card",{"spaceBelow":[2,"space-below"],"borderWidth":[2,"border-width"],"imageUrl":[1,"image-url"],"imageStyle":[1,"image-style"],"textColour":[1,"text-colour"],"backgroundColour":[1,"background-colour"],"fullName":[1,"full-name"],"jobTitle":[1,"job-title"],"textAlign":[1,"text-align"],"ratio":[1],"circle":[4],"circleColour":[1,"circle-colour"],"rounded":[4],"url":[1]}]]],["p-4d169e44",[[1,"biggive-boxed-content",{"spaceBelow":[2,"space-below"],"verticalPadding":[2,"vertical-padding"],"horizontalPadding":[2,"horizontal-padding"],"backgroundColour":[1,"background-colour"],"shadow":[4]}]]],["p-db9545d3",[[1,"biggive-branded-image",{"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"logoUrl":[1,"logo-url"],"slug":[1],"charityName":[1,"charity-name"],"charityLocation":[1,"charity-location"],"charityUrl":[1,"charity-url"]}]]],["p-457341b7",[[1,"biggive-container-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"headingLevel":[2,"heading-level"]}]]],["p-3073a779",[[1,"biggive-form"]]],["p-4d94e9a2",[[1,"biggive-formatted-text",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"maxWidth":[2,"max-width"],"siteDesign":[1,"site-design"]}]]],["p-b3b8eca4",[[1,"biggive-grid",{"spaceBelow":[2,"space-below"],"columnCount":[2,"column-count"],"spaceBetween":[4,"space-between"],"columnGap":[2,"column-gap"]}]]],["p-d2a71c4a",[[1,"biggive-heading",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"colour":[1],"htmlElement":[1,"html-element"],"size":[2],"align":[1],"text":[1],"icon":[4],"iconColour":[1,"icon-colour"],"siteDesign":[1,"site-design"]}]]],["p-ea941be2",[[1,"biggive-image",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"width":[2],"height":[2],"sizeUnit":[1,"size-unit"]}]]],["p-ffee6d1e",[[1,"biggive-image-button",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundPadding":[2,"background-padding"],"text":[1],"textColour":[1,"text-colour"],"imageUrl":[1,"image-url"],"imageStyle":[1,"image-style"],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"size":[1],"arrow":[4],"arrowColour":[1,"arrow-colour"],"circle":[4],"shadow":[4],"centered":[4],"rounded":[4],"buttonId":[1,"button-id"]}]]],["p-298b64dc",[[1,"biggive-nav-group",{"inline":[4]}]]],["p-0111462c",[[1,"biggive-nav-item",{"url":[1],"label":[1],"iconColour":[1,"icon-colour"]}]]],["p-54653604",[[1,"biggive-page-column"]]],["p-a86899e7",[[1,"biggive-page-columns",{"spaceBelow":[2,"space-below"]}]]],["p-36ddd077",[[1,"biggive-page-section",{"spaceBelow":[2,"space-below"],"sectionStyleTop":[1,"section-style-top"],"sectionStyleBottom":[1,"section-style-bottom"],"colourScheme":[1,"colour-scheme"],"maxWidth":[2,"max-width"],"primaryFullBleed":[4,"primary-full-bleed"]}]]],["p-9b04b2ed",[[1,"biggive-quote",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"quote":[1],"attribution":[1],"quoteIconColour":[1,"quote-icon-colour"],"siteDesign":[1,"site-design"]}]]],["p-314b0c95",[[1,"biggive-sheet",{"sheetId":[1,"sheet-id"],"backgroundColour":[1,"background-colour"],"textColour":[1,"text-colour"]}]]],["p-f8dafa5c",[[1,"biggive-tab",{"tabTitle":[1,"tab-title"]}]]],["p-53419661",[[1,"biggive-tabbed-content",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"selectedTextColour":[1,"selected-text-colour"],"navigationHighlightColour":[1,"navigation-highlight-colour"],"selectedNavigationHighlightColour":[1,"selected-navigation-highlight-colour"],"buttonBackgroundColour":[1,"button-background-colour"],"buttonIconColour":[1,"button-icon-colour"]}]]],["p-27409f56",[[1,"biggive-table",{"spaceBelow":[2,"space-below"],"headerTextColour":[1,"header-text-colour"],"headerBackgroundColour":[1,"header-background-colour"],"bodyTextColour":[1,"body-text-colour"],"bodyBackgroundColour":[1,"body-background-colour"]}]]],["p-dc82f26a",[[1,"biggive-text-input",{"value":[1],"currency":[1],"spaceBelow":[2,"space-below"],"selectStyle":[1,"select-style"],"siteDesign":[1,"site-design"]}]]],["p-fbc83df4",[[1,"biggive-timeline",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"selectedTextColour":[1,"selected-text-colour"],"navigationHighlightColour":[1,"navigation-highlight-colour"],"selectedNavigationHighlightColour":[1,"selected-navigation-highlight-colour"],"buttonBackgroundColour":[1,"button-background-colour"],"buttonIconColour":[1,"button-icon-colour"],"entryBackgroundColour":[1,"entry-background-colour"],"entryHighlightColour":[1,"entry-highlight-colour"],"entryDateColour":[1,"entry-date-colour"],"entryTitleColour":[1,"entry-title-colour"],"entryTextColour":[1,"entry-text-colour"]}]]],["p-03bdba6e",[[1,"biggive-timeline-entry",{"date":[1],"heading":[1]}]]],["p-e6faf7ae",[[1,"biggive-totalizer",{"spaceBelow":[2,"space-below"],"primaryColour":[1,"primary-colour"],"primaryTextColour":[1,"primary-text-colour"],"secondaryColour":[1,"secondary-colour"],"secondaryTextColour":[1,"secondary-text-colour"],"mainMessage":[1,"main-message"]}]]],["p-c3ef72f9",[[1,"biggive-totalizer-ticker-item",{"figure":[1],"label":[1]}]]],["p-8d3e24a4",[[1,"biggive-video",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"videoUrl":[1,"video-url"]}]]],["p-cd874cfa",[[1,"philco-footer",{"headingLevel":[2,"heading-level"],"philcoUrlPrefix":[1,"philco-url-prefix"]}]]],["p-5f45e53d",[[1,"biggive-form-field-select",{"selectionChanged":[16,"selection-changed"],"prompt":[1],"selectedValue":[1025,"selected-value"],"selectedLabel":[1025,"selected-label"],"options":[1],"selectStyle":[1,"select-style"],"backgroundColour":[1,"background-colour"],"selectedOptionColour":[1,"selected-option-colour"],"selectElementId":[1,"select-element-id"],"spaceBelow":[2,"space-below"],"placeholder":[1]}]]],["p-2f5becb1",[[1,"biggive-popup",{"modalClosedCallback":[16,"modal-closed-callback"],"openFromOutside":[64],"closeFromOutside":[64]}]]],["p-c5dbfc07",[[1,"biggive-progress-bar",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"counter":[2]}]]],["p-27899f72",[[1,"biggive-social-icon",{"service":[1],"labelPrefix":[1,"label-prefix"],"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"wide":[4],"url":[1]}]]],["p-f62fa646",[[1,"biggive-misc-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"url":[1]}]]],["p-f952347f",[[1,"biggive-button",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"label":[1],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"fullWidth":[4,"full-width"],"size":[1],"rounded":[4],"centered":[4],"buttonId":[1,"button-id"],"siteDesign":[1,"site-design"],"disabled":[4]}]]]]'),e)}));
1
+ import{p as e,H as o,b as t}from"./p-WbNeu5w_.js";export{s as setNonce}from"./p-WbNeu5w_.js";import{g as l}from"./p-DQuL1Twl.js";var r=()=>{{a(o.prototype)}const t=import.meta.url;const l={};if(t!==""){l.resourcesUrl=new URL(".",t).href}return e(l)};var a=e=>{const o=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return o.call(this,e)}const t=o.call(this,false);const l=this.childNodes;if(e){for(let e=0;e<l.length;e++){if(l[e].nodeType!==2){t.appendChild(l[e].cloneNode(true))}}}return t}};r().then((async e=>{await l();return t(JSON.parse('[["p-5f8e79c8",[[1,"biggive-campaign-card",{"spaceBelow":[2,"space-below"],"campaignType":[1,"campaign-type"],"banner":[1],"campaignTitle":[1,"campaign-title"],"organisationName":[1,"organisation-name"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"donateButtonLabel":[1,"donate-button-label"],"donateButtonUrl":[1,"donate-button-url"],"donateButtonColourScheme":[1,"donate-button-colour-scheme"],"moreInfoButtonLabel":[1,"more-info-button-label"],"moreInfoButtonUrl":[1,"more-info-button-url"],"moreInfoButtonColourScheme":[1,"more-info-button-colour-scheme"],"isFutureCampaign":[4,"is-future-campaign"],"isPastCampaign":[4,"is-past-campaign"],"datetime":[1]}]]],["p-61531a73",[[1,"biggive-campaign-card-filter-grid",{"spaceBelow":[2,"space-below"],"intro":[1],"searchText":[1,"search-text"],"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"categoryOptions":[1,"category-options"],"beneficiaryOptions":[1,"beneficiary-options"],"locationOptions":[1,"location-options"],"selectedSortByOption":[1025,"selected-sort-by-option"],"selectedFilterCategory":[1025,"selected-filter-category"],"selectedFilterBeneficiary":[1025,"selected-filter-beneficiary"],"selectedFilterLocation":[1025,"selected-filter-location"],"filtersApplied":[32],"unfocusInputs":[64]}]]],["p-a76fa524",[[1,"biggive-campaign-highlights",{"spaceBelow":[2,"space-below"],"banner":[1],"campaignTitle":[1,"campaign-title"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"primaryStatIcon":[1,"primary-stat-icon"],"primaryStatText":[1,"primary-stat-text"],"secondaryStatIcon":[1,"secondary-stat-icon"],"secondaryStatText":[1,"secondary-stat-text"],"championName":[1,"champion-name"],"championUrl":[1,"champion-url"]}]]],["p-97aa41af",[[1,"biggive-cookie-banner",{"autoOpenPreferences":[4,"auto-open-preferences"],"blogUriPrefix":[1,"blog-uri-prefix"],"previouslyAgreedCookiePreferences":[16,"previously-agreed-cookie-preferences"]},null,{"autoOpenPreferences":["autoOpenPreferencesIfRequested"]}]]],["p-c52abf69",[[1,"biggive-footer",{"headingLevel":[2,"heading-level"],"donateUrlPrefix":[1,"donate-url-prefix"],"blogUrlPrefix":[1,"blog-url-prefix"],"experienceUrlPrefix":[1,"experience-url-prefix"],"smallCharityWeekEnabled":[4,"small-charity-week-enabled"],"usePresetFooter":[4,"use-preset-footer"]}]]],["p-90e3f5c4",[[1,"biggive-main-menu",{"blogUrlPrefix":[1,"blog-url-prefix"],"donateUrlPrefix":[1,"donate-url-prefix"],"experienceUrlPrefix":[1,"experience-url-prefix"],"smallCharityWeekEnabled":[4,"small-charity-week-enabled"],"someCampaignHasHomePageRedirect":[4,"some-campaign-has-home-page-redirect"],"isLoggedIn":[4,"is-logged-in"],"closeMobileMenuFromOutside":[64]}]]],["p-9a14c3d7",[[1,"philco-main-menu",{"philcoUrlPrefix":[1,"philco-url-prefix"],"closeMobileMenuFromOutside":[64]}]]],["p-31c706be",[[1,"biggive-article-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"slug":[1],"slugColour":[1,"slug-colour"],"date":[1],"dateColour":[1,"date-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"image1Url":[1,"image-1-url"],"image1AltText":[1,"image-1-alt-text"],"image2Url":[1,"image-2-url"],"image2AltText":[1,"image-2-alt-text"],"imageLabel":[1,"image-label"],"imageLabelColour":[1,"image-label-colour"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColour":[1,"button-colour"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"]}]]],["p-5026f2de",[[1,"biggive-basic-card",{"spaceBelow":[2,"space-below"],"siteDesign":[1,"site-design"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"mainTitle":[1,"main-title"],"subtitle":[1],"author":[1],"date":[1],"teaser":[1],"icon":[4],"iconColour":[1,"icon-colour"],"buttonAlign":[1,"button-align"],"buttonStyle":[1,"button-style"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"headingLevel":[2,"heading-level"],"addAnimation":[4,"add-animation"]}]]],["p-0fab107a",[[1,"biggive-call-to-action",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"slugSize":[2,"slug-size"],"slugColour":[1,"slug-colour"],"slug":[1],"mainTitleColour":[1,"main-title-colour"],"mainTitleSize":[2,"main-title-size"],"mainTitle":[1,"main-title"],"subtitleSize":[2,"subtitle-size"],"subtitleColour":[1,"subtitle-colour"],"subtitle":[1],"teaserColour":[1,"teaser-colour"],"teaser":[1],"primaryButtonUrl":[1,"primary-button-url"],"primaryButtonLabel":[1,"primary-button-label"],"primaryButtonColourScheme":[1,"primary-button-colour-scheme"],"secondaryButtonUrl":[1,"secondary-button-url"],"secondaryButtonLabel":[1,"secondary-button-label"],"secondaryButtonColourScheme":[1,"secondary-button-colour-scheme"]}]]],["p-a5b941eb",[[1,"biggive-hero-image",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"slug":[1],"slugColour":[1,"slug-colour"],"logo":[1],"logoHeight":[2,"logo-height"],"logoAltText":[1,"logo-alt-text"],"mainImage":[1,"main-image"],"mainImageShape":[1,"main-image-shape"],"mainImageAlignHorizontal":[1,"main-image-align-horizontal"],"mainImageAlignVertical":[1,"main-image-align-vertical"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["p-e88148fc",[[1,"biggive-icon-button",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundPadding":[2,"background-padding"],"text":[1],"textColour":[1,"text-colour"],"icon":[1],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"size":[1],"arrow":[4],"arrowColour":[1,"arrow-colour"],"circle":[4],"shadow":[4],"centered":[4],"rounded":[4],"buttonId":[1,"button-id"]}]]],["p-9aa88968",[[1,"biggive-image-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"textAlign":[1,"text-align"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonAlign":[1,"button-align"],"buttonStyle":[1,"button-style"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"addAnimation":[4,"add-animation"]}]]],["p-3762bfd2",[[1,"biggive-image-feature",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["p-5678fd23",[[1,"biggive-video-feature",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"videoUrl":[1,"video-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["p-8e84dc1a",[[1,"biggive-accordion",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"headingColour":[1,"heading-colour"],"children":[32]}]]],["p-bc95e18d",[[1,"biggive-accordion-entry",{"heading":[1]}]]],["p-3a949af7",[[1,"biggive-back-to-top"]]],["p-14b68eb9",[[1,"biggive-biography-card",{"spaceBelow":[2,"space-below"],"borderWidth":[2,"border-width"],"imageUrl":[1,"image-url"],"imageStyle":[1,"image-style"],"textColour":[1,"text-colour"],"backgroundColour":[1,"background-colour"],"fullName":[1,"full-name"],"jobTitle":[1,"job-title"],"textAlign":[1,"text-align"],"ratio":[1],"circle":[4],"circleColour":[1,"circle-colour"],"rounded":[4],"url":[1]}]]],["p-4d169e44",[[1,"biggive-boxed-content",{"spaceBelow":[2,"space-below"],"verticalPadding":[2,"vertical-padding"],"horizontalPadding":[2,"horizontal-padding"],"backgroundColour":[1,"background-colour"],"shadow":[4]}]]],["p-db9545d3",[[1,"biggive-branded-image",{"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"logoUrl":[1,"logo-url"],"slug":[1],"charityName":[1,"charity-name"],"charityLocation":[1,"charity-location"],"charityUrl":[1,"charity-url"]}]]],["p-457341b7",[[1,"biggive-container-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"headingLevel":[2,"heading-level"]}]]],["p-3073a779",[[1,"biggive-form"]]],["p-cb1d0c6c",[[1,"biggive-formatted-text",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"maxWidth":[2,"max-width"],"siteDesign":[1,"site-design"]}]]],["p-b3b8eca4",[[1,"biggive-grid",{"spaceBelow":[2,"space-below"],"columnCount":[2,"column-count"],"spaceBetween":[4,"space-between"],"columnGap":[2,"column-gap"]}]]],["p-d2a71c4a",[[1,"biggive-heading",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"colour":[1],"htmlElement":[1,"html-element"],"size":[2],"align":[1],"text":[1],"icon":[4],"iconColour":[1,"icon-colour"],"siteDesign":[1,"site-design"]}]]],["p-ea941be2",[[1,"biggive-image",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"width":[2],"height":[2],"sizeUnit":[1,"size-unit"]}]]],["p-ffee6d1e",[[1,"biggive-image-button",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundPadding":[2,"background-padding"],"text":[1],"textColour":[1,"text-colour"],"imageUrl":[1,"image-url"],"imageStyle":[1,"image-style"],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"size":[1],"arrow":[4],"arrowColour":[1,"arrow-colour"],"circle":[4],"shadow":[4],"centered":[4],"rounded":[4],"buttonId":[1,"button-id"]}]]],["p-298b64dc",[[1,"biggive-nav-group",{"inline":[4]}]]],["p-0111462c",[[1,"biggive-nav-item",{"url":[1],"label":[1],"iconColour":[1,"icon-colour"]}]]],["p-54653604",[[1,"biggive-page-column"]]],["p-a86899e7",[[1,"biggive-page-columns",{"spaceBelow":[2,"space-below"]}]]],["p-36ddd077",[[1,"biggive-page-section",{"spaceBelow":[2,"space-below"],"sectionStyleTop":[1,"section-style-top"],"sectionStyleBottom":[1,"section-style-bottom"],"colourScheme":[1,"colour-scheme"],"maxWidth":[2,"max-width"],"primaryFullBleed":[4,"primary-full-bleed"]}]]],["p-9b04b2ed",[[1,"biggive-quote",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"quote":[1],"attribution":[1],"quoteIconColour":[1,"quote-icon-colour"],"siteDesign":[1,"site-design"]}]]],["p-314b0c95",[[1,"biggive-sheet",{"sheetId":[1,"sheet-id"],"backgroundColour":[1,"background-colour"],"textColour":[1,"text-colour"]}]]],["p-f8dafa5c",[[1,"biggive-tab",{"tabTitle":[1,"tab-title"]}]]],["p-53419661",[[1,"biggive-tabbed-content",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"selectedTextColour":[1,"selected-text-colour"],"navigationHighlightColour":[1,"navigation-highlight-colour"],"selectedNavigationHighlightColour":[1,"selected-navigation-highlight-colour"],"buttonBackgroundColour":[1,"button-background-colour"],"buttonIconColour":[1,"button-icon-colour"]}]]],["p-27409f56",[[1,"biggive-table",{"spaceBelow":[2,"space-below"],"headerTextColour":[1,"header-text-colour"],"headerBackgroundColour":[1,"header-background-colour"],"bodyTextColour":[1,"body-text-colour"],"bodyBackgroundColour":[1,"body-background-colour"]}]]],["p-dc82f26a",[[1,"biggive-text-input",{"value":[1],"currency":[1],"spaceBelow":[2,"space-below"],"selectStyle":[1,"select-style"],"siteDesign":[1,"site-design"]}]]],["p-fbc83df4",[[1,"biggive-timeline",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"selectedTextColour":[1,"selected-text-colour"],"navigationHighlightColour":[1,"navigation-highlight-colour"],"selectedNavigationHighlightColour":[1,"selected-navigation-highlight-colour"],"buttonBackgroundColour":[1,"button-background-colour"],"buttonIconColour":[1,"button-icon-colour"],"entryBackgroundColour":[1,"entry-background-colour"],"entryHighlightColour":[1,"entry-highlight-colour"],"entryDateColour":[1,"entry-date-colour"],"entryTitleColour":[1,"entry-title-colour"],"entryTextColour":[1,"entry-text-colour"]}]]],["p-03bdba6e",[[1,"biggive-timeline-entry",{"date":[1],"heading":[1]}]]],["p-e6faf7ae",[[1,"biggive-totalizer",{"spaceBelow":[2,"space-below"],"primaryColour":[1,"primary-colour"],"primaryTextColour":[1,"primary-text-colour"],"secondaryColour":[1,"secondary-colour"],"secondaryTextColour":[1,"secondary-text-colour"],"mainMessage":[1,"main-message"]}]]],["p-c3ef72f9",[[1,"biggive-totalizer-ticker-item",{"figure":[1],"label":[1]}]]],["p-8d3e24a4",[[1,"biggive-video",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"videoUrl":[1,"video-url"]}]]],["p-cd874cfa",[[1,"philco-footer",{"headingLevel":[2,"heading-level"],"philcoUrlPrefix":[1,"philco-url-prefix"]}]]],["p-5f45e53d",[[1,"biggive-form-field-select",{"selectionChanged":[16,"selection-changed"],"prompt":[1],"selectedValue":[1025,"selected-value"],"selectedLabel":[1025,"selected-label"],"options":[1],"selectStyle":[1,"select-style"],"backgroundColour":[1,"background-colour"],"selectedOptionColour":[1,"selected-option-colour"],"selectElementId":[1,"select-element-id"],"spaceBelow":[2,"space-below"],"placeholder":[1]}]]],["p-2f5becb1",[[1,"biggive-popup",{"modalClosedCallback":[16,"modal-closed-callback"],"openFromOutside":[64],"closeFromOutside":[64]}]]],["p-c5dbfc07",[[1,"biggive-progress-bar",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"counter":[2]}]]],["p-27899f72",[[1,"biggive-social-icon",{"service":[1],"labelPrefix":[1,"label-prefix"],"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"wide":[4],"url":[1]}]]],["p-f62fa646",[[1,"biggive-misc-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"url":[1]}]]],["p-f952347f",[[1,"biggive-button",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"label":[1],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"fullWidth":[4,"full-width"],"size":[1],"rounded":[4],"centered":[4],"buttonId":[1,"button-id"],"siteDesign":[1,"site-design"],"disabled":[4]}]]]]'),e)}));
2
2
  //# sourceMappingURL=biggive.esm.js.map
@@ -1,2 +1,2 @@
1
- import{r as o,h as e}from"./p-WbNeu5w_.js";const t='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:block}.container.biggive h1,.container.biggive .heading-1{font-size:47px;line-height:60px;font-weight:bold}.container.biggive h2,.container.biggive .heading-2{font-size:38px;line-height:45px;font-weight:bold}.container.biggive h3,.container.biggive .heading-3{font-size:25px;line-height:32px;font-weight:bold}.container.biggive h4,.container.biggive .heading-4{font-size:20px;line-height:24px;font-weight:bold}.container.biggive h5,.container.biggive .heading-5{font-size:17px;line-height:24px;font-weight:bold}.container.philco h1,.container.philco .heading-1,.container.philco h2,.container.philco .heading-2,.container.philco h3,.container.philco .heading-3{font-family:"Garage Gothic", sans-serif;font-weight:700;line-height:1.1;font-weight:700;text-transform:uppercase}.container.philco h1,.container.philco .heading-1{font-size:4rem}.container.philco h2,.container.philco .heading-2{font-size:2.5rem}.container.philco h3,.container.philco .heading-3{font-size:1.8rem}.container img{width:100%;height:auto}.container a{color:inherit;text-decoration:underline}.container.max-width-10 .sleeve{max-width:10%;margin-left:auto;margin-right:auto}.container.max-width-15 .sleeve{max-width:15%;margin-left:auto;margin-right:auto}.container.max-width-20 .sleeve{max-width:20%;margin-left:auto;margin-right:auto}.container.max-width-25 .sleeve{max-width:25%;margin-left:auto;margin-right:auto}.container.max-width-30 .sleeve{max-width:30%;margin-left:auto;margin-right:auto}.container.max-width-35 .sleeve{max-width:35%;margin-left:auto;margin-right:auto}.container.max-width-40 .sleeve{max-width:40%;margin-left:auto;margin-right:auto}.container.max-width-45 .sleeve{max-width:45%;margin-left:auto;margin-right:auto}.container.max-width-50 .sleeve{max-width:50%;margin-left:auto;margin-right:auto}.container.max-width-55 .sleeve{max-width:55%;margin-left:auto;margin-right:auto}.container.max-width-60 .sleeve{max-width:60%;margin-left:auto;margin-right:auto}.container.max-width-65 .sleeve{max-width:65%;margin-left:auto;margin-right:auto}.container.max-width-70 .sleeve{max-width:70%;margin-left:auto;margin-right:auto}.container.max-width-75 .sleeve{max-width:75%;margin-left:auto;margin-right:auto}.container.max-width-80 .sleeve{max-width:80%;margin-left:auto;margin-right:auto}.container.max-width-85 .sleeve{max-width:85%;margin-left:auto;margin-right:auto}.container.max-width-90 .sleeve{max-width:90%;margin-left:auto;margin-right:auto}.container.max-width-95 .sleeve{max-width:95%;margin-left:auto;margin-right:auto}';const r=class{constructor(e){o(this,e);this.spaceBelow=0;this.defaultTextColour="primary";this.maxWidth=100;this.siteDesign="biggive"}render(){return e("div",{key:"17c7c6ff60eb941a31adb4c18b096adcc42e6485",class:"container "+this.siteDesign+" max-width-"+this.maxWidth+" text-colour-"+this.defaultTextColour+" space-below-"+this.spaceBelow},e("slot",{key:"f17cffc1ec84437707955cfd66aaa9950dbe191f"}))}};r.style=t;export{r as biggive_formatted_text};
2
- //# sourceMappingURL=p-4d94e9a2.entry.js.map
1
+ import{r as o,h as e}from"./p-WbNeu5w_.js";const t='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:block}.container.biggive h1,.container.biggive .heading-1{font-size:47px;line-height:60px;font-weight:bold}.container.biggive h2,.container.biggive .heading-2{font-size:38px;line-height:45px;font-weight:bold}.container.biggive h3,.container.biggive .heading-3{font-size:25px;line-height:32px;font-weight:bold}.container.biggive h4,.container.biggive .heading-4{font-size:20px;line-height:24px;font-weight:bold}.container.biggive h5,.container.biggive .heading-5{font-size:17px;line-height:24px;font-weight:bold}.container.philco h1,.container.philco .heading-1,.container.philco h2,.container.philco .heading-2,.container.philco h3,.container.philco .heading-3{font-family:"Garage Gothic", sans-serif;font-weight:700;line-height:1.1;font-weight:700;text-transform:uppercase}.container.philco h1,.container.philco .heading-1{font-size:4rem}.container.philco h2,.container.philco .heading-2{font-size:2.5rem}.container.philco h3,.container.philco .heading-3{font-size:1.8rem}.container img{width:100%;height:auto}.container a{color:inherit;text-decoration:underline}.container.max-width-10 .sleeve{max-width:10%;margin-left:auto;margin-right:auto}.container.max-width-15 .sleeve{max-width:15%;margin-left:auto;margin-right:auto}.container.max-width-20 .sleeve{max-width:20%;margin-left:auto;margin-right:auto}.container.max-width-25 .sleeve{max-width:25%;margin-left:auto;margin-right:auto}.container.max-width-30 .sleeve{max-width:30%;margin-left:auto;margin-right:auto}.container.max-width-35 .sleeve{max-width:35%;margin-left:auto;margin-right:auto}.container.max-width-40 .sleeve{max-width:40%;margin-left:auto;margin-right:auto}.container.max-width-45 .sleeve{max-width:45%;margin-left:auto;margin-right:auto}.container.max-width-50 .sleeve{max-width:50%;margin-left:auto;margin-right:auto}.container.max-width-55 .sleeve{max-width:55%;margin-left:auto;margin-right:auto}.container.max-width-60 .sleeve{max-width:60%;margin-left:auto;margin-right:auto}.container.max-width-65 .sleeve{max-width:65%;margin-left:auto;margin-right:auto}.container.max-width-70 .sleeve{max-width:70%;margin-left:auto;margin-right:auto}.container.max-width-75 .sleeve{max-width:75%;margin-left:auto;margin-right:auto}.container.max-width-80 .sleeve{max-width:80%;margin-left:auto;margin-right:auto}.container.max-width-85 .sleeve{max-width:85%;margin-left:auto;margin-right:auto}.container.max-width-90 .sleeve{max-width:90%;margin-left:auto;margin-right:auto}.container.max-width-95 .sleeve{max-width:95%;margin-left:auto;margin-right:auto}';const r=class{constructor(e){o(this,e);this.spaceBelow=0;this.maxWidth=100;this.siteDesign="biggive"}render(){const o=typeof this.defaultTextColour==="string"&&this.defaultTextColour.trim()!=="";const t=o?" text-colour-"+this.defaultTextColour:"";return e("div",{key:"39ae5e63707621a6e4d7d991d56562410a8937a2",class:"container "+this.siteDesign+" max-width-"+this.maxWidth+t+" space-below-"+this.spaceBelow},e("slot",{key:"1b87428ede7d1b8a9e3423fdadc55b611966d244"}))}};r.style=t;export{r as biggive_formatted_text};
2
+ //# sourceMappingURL=p-cb1d0c6c.entry.js.map
@@ -0,0 +1 @@
1
+ {"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,2gK,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":[]}
@@ -162,6 +162,34 @@
162
162
  </biggive-campaign-card-filter-grid>
163
163
 
164
164
 
165
+ <biggive-page-section
166
+ colour-scheme="primary" max-width="100" section-style-top="straight" section-style-bottom="crop-right" >
167
+
168
+ <biggive-formatted-text id = "formatted-text-1"
169
+ space-below="0" default-text-colour="" max-width="100" site-design="biggive" >
170
+ <p>Here's some white text on a blue background with empty default-text-colour="" below, matching
171
+ current behaviour of our WP site
172
+ </p>
173
+ </biggive-formatted-text>
174
+
175
+ <hr />
176
+
177
+ <biggive-formatted-text id = "formatted-text-1"
178
+ space-below="0" max-width="100" site-design="biggive" >
179
+ <p>Here's some more white text on a blue background with no default-text-colour. Should match behaviour of previous version
180
+ </p>
181
+ </biggive-formatted-text>
182
+
183
+ <hr />
184
+
185
+ <biggive-formatted-text id = "formatted-text-1"
186
+ space-below="0" default-text-colour="brand-emf-yellow" max-width="100" site-design="biggive" >
187
+ <p>Here's some yellow text on a blue background for variety
188
+ </p>
189
+ </biggive-formatted-text>
190
+ </biggive-page-section>
191
+
192
+
165
193
  <biggive-timeline space-below="6" entry-background-colour="grey-extra-light" entry-text-colour="tertiary">
166
194
 
167
195
  <biggive-timeline-entry date="2022-01-01" heading="Heading 1">
@@ -8,12 +8,13 @@ const BiggiveFormattedText = class {
8
8
  constructor(hostRef) {
9
9
  index.registerInstance(this, hostRef);
10
10
  this.spaceBelow = 0;
11
- this.defaultTextColour = 'primary';
12
11
  this.maxWidth = 100;
13
12
  this.siteDesign = 'biggive';
14
13
  }
15
14
  render() {
16
- return (index.h("div", { key: '17c7c6ff60eb941a31adb4c18b096adcc42e6485', class: 'container ' + this.siteDesign + ' max-width-' + this.maxWidth + ' text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, index.h("slot", { key: 'f17cffc1ec84437707955cfd66aaa9950dbe191f' })));
15
+ const defaultColourSet = typeof this.defaultTextColour === 'string' && this.defaultTextColour.trim() !== '';
16
+ const anyDefaultColourClass = defaultColourSet ? ' text-colour-' + this.defaultTextColour : '';
17
+ return (index.h("div", { key: '39ae5e63707621a6e4d7d991d56562410a8937a2', class: 'container ' + this.siteDesign + ' max-width-' + this.maxWidth + anyDefaultColourClass + ' space-below-' + this.spaceBelow }, index.h("slot", { key: '1b87428ede7d1b8a9e3423fdadc55b611966d244' })));
17
18
  }
18
19
  };
19
20
  BiggiveFormattedText.style = biggiveFormattedTextCss;
@@ -1 +1 @@
1
- {"file":"biggive-formatted-text.entry.cjs.js","mappings":";;;;AAAA,MAAM,uBAAuB,GAAG,4gKAA4gK;;MCO/hK,oBAAoB,GAAA,MAAA;AALjC,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMU,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AACtB,QAAA,IAAiB,CAAA,iBAAA,GAAW,SAAS;AACrC,QAAA,IAAQ,CAAA,QAAA,GAAW,GAAG;AACtB,QAAA,IAAU,CAAA,UAAA,GAAyB,SAAS;AASrD;IAPC,MAAM,GAAA;QACJ,QACEA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC,UAAU,GAAG,aAAa,GAAG,IAAI,CAAC,QAAQ,GAAG,eAAe,GAAG,IAAI,CAAC,iBAAiB,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,EAAA,EACvJA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;","names":["h"],"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';\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 @Prop() defaultTextColour: string = 'primary';\n @Prop() maxWidth: number = 100;\n @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n render() {\n return (\n <div class={'container ' + this.siteDesign + ' max-width-' + this.maxWidth + ' text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow}>\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}
1
+ {"file":"biggive-formatted-text.entry.cjs.js","mappings":";;;;AAAA,MAAM,uBAAuB,GAAG,4gKAA4gK;;MCQ/hK,oBAAoB,GAAA,MAAA;AALjC,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMU,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AAKtB,QAAA,IAAQ,CAAA,QAAA,GAAW,GAAG;AACtB,QAAA,IAAU,CAAA,UAAA,GAAyB,SAAS;AAYrD;IAVC,MAAM,GAAA;AACJ,QAAA,MAAM,gBAAgB,GAAG,OAAO,IAAI,CAAC,iBAAiB,KAAK,QAAQ,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE;AAC3G,QAAA,MAAM,qBAAqB,GAAG,gBAAgB,GAAG,eAAe,GAAG,IAAI,CAAC,iBAAiB,GAAG,EAAE;QAE9F,QACEA,kEAAK,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC,UAAU,GAAG,aAAa,GAAG,IAAI,CAAC,QAAQ,GAAG,qBAAqB,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,EAAA,EACpIA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;","names":["h"],"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"],"version":3}
@@ -1 +1 @@
1
- {"version":3,"file":"biggive-formatted-text.entry.cjs.js","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';\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 @Prop() defaultTextColour: string = 'primary';\n @Prop() maxWidth: number = 100;\n @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n render() {\n return (\n <div class={'container ' + this.siteDesign + ' max-width-' + this.maxWidth + ' text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow}>\n <slot></slot>\n </div>\n );\n }\n}\n"],"names":["h"],"mappings":";;;;AAAA,MAAM,uBAAuB,GAAG,4gKAA4gK;;MCO/hK,oBAAoB,GAAA,MAAA;AALjC,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMU,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AACtB,QAAA,IAAiB,CAAA,iBAAA,GAAW,SAAS;AACrC,QAAA,IAAQ,CAAA,QAAA,GAAW,GAAG;AACtB,QAAA,IAAU,CAAA,UAAA,GAAyB,SAAS;AASrD;IAPC,MAAM,GAAA;QACJ,QACEA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC,UAAU,GAAG,aAAa,GAAG,IAAI,CAAC,QAAQ,GAAG,eAAe,GAAG,IAAI,CAAC,iBAAiB,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,EAAA,EACvJA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;"}
1
+ {"version":3,"file":"biggive-formatted-text.entry.cjs.js","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"],"names":["h"],"mappings":";;;;AAAA,MAAM,uBAAuB,GAAG,4gKAA4gK;;MCQ/hK,oBAAoB,GAAA,MAAA;AALjC,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMU,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AAKtB,QAAA,IAAQ,CAAA,QAAA,GAAW,GAAG;AACtB,QAAA,IAAU,CAAA,UAAA,GAAyB,SAAS;AAYrD;IAVC,MAAM,GAAA;AACJ,QAAA,MAAM,gBAAgB,GAAG,OAAO,IAAI,CAAC,iBAAiB,KAAK,QAAQ,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE;AAC3G,QAAA,MAAM,qBAAqB,GAAG,gBAAgB,GAAG,eAAe,GAAG,IAAI,CAAC,iBAAiB,GAAG,EAAE;QAE9F,QACEA,kEAAK,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC,UAAU,GAAG,aAAa,GAAG,IAAI,CAAC,QAAQ,GAAG,qBAAqB,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,EAAA,EACpIA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;"}
@@ -2,12 +2,13 @@ import { h } from "@stencil/core";
2
2
  export class BiggiveFormattedText {
3
3
  constructor() {
4
4
  this.spaceBelow = 0;
5
- this.defaultTextColour = 'primary';
6
5
  this.maxWidth = 100;
7
6
  this.siteDesign = 'biggive';
8
7
  }
9
8
  render() {
10
- return (h("div", { key: '17c7c6ff60eb941a31adb4c18b096adcc42e6485', class: 'container ' + this.siteDesign + ' max-width-' + this.maxWidth + ' text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, h("slot", { key: 'f17cffc1ec84437707955cfd66aaa9950dbe191f' })));
9
+ const defaultColourSet = typeof this.defaultTextColour === 'string' && this.defaultTextColour.trim() !== '';
10
+ const anyDefaultColourClass = defaultColourSet ? ' text-colour-' + this.defaultTextColour : '';
11
+ return (h("div", { key: '39ae5e63707621a6e4d7d991d56562410a8937a2', class: 'container ' + this.siteDesign + ' max-width-' + this.maxWidth + anyDefaultColourClass + ' space-below-' + this.spaceBelow }, h("slot", { key: '1b87428ede7d1b8a9e3423fdadc55b611966d244' })));
11
12
  }
12
13
  static get is() { return "biggive-formatted-text"; }
13
14
  static get encapsulation() { return "shadow"; }
@@ -48,20 +49,25 @@ export class BiggiveFormattedText {
48
49
  "attribute": "default-text-colour",
49
50
  "mutable": false,
50
51
  "complexType": {
51
- "original": "string",
52
- "resolved": "string",
53
- "references": {}
52
+ "original": "brandColour | undefined",
53
+ "resolved": "\"primary\" | \"secondary\" | \"tertiary\" | \"white\" | \"black\" | \"clear-primary\" | \"clear-secondary\" | \"clear-tertiary\" | \"clear-white\" | \"clear-black\" | \"brand-cc-red\" | \"brand-wgmf-purple\" | \"brand-gmf-green\" | \"brand-emf-yellow\" | \"brand-c4c-orange\" | \"brand-afa-pink\" | \"brand-scw-magenta\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"grey-dark\" | \"philco-orange\" | \"philco-gray-90\" | \"philco-gray-70\" | \"philco-white\" | \"philco-success-green\" | \"philco-error-coral\" | \"philco-gray-30\" | \"philco-gray-20\" | undefined",
54
+ "references": {
55
+ "brandColour": {
56
+ "location": "import",
57
+ "path": "../../globals/brand-colour",
58
+ "id": "src/globals/brand-colour.ts::brandColour"
59
+ }
60
+ }
54
61
  },
55
62
  "required": false,
56
63
  "optional": false,
57
64
  "docs": {
58
65
  "tags": [],
59
- "text": ""
66
+ "text": "Text colour. If undefined or blank colour will be inherited as normal from containing element."
60
67
  },
61
68
  "getter": false,
62
69
  "setter": false,
63
- "reflect": false,
64
- "defaultValue": "'primary'"
70
+ "reflect": false
65
71
  },
66
72
  "maxWidth": {
67
73
  "type": "number",
@@ -1 +1 @@
1
- {"version":3,"file":"biggive-formatted-text.js","sourceRoot":"","sources":["../../../src/components/biggive-formatted-text/biggive-formatted-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,oBAAoB;IALjC;QAMU,eAAU,GAAW,CAAC,CAAC;QACvB,sBAAiB,GAAW,SAAS,CAAC;QACtC,aAAQ,GAAW,GAAG,CAAC;QACvB,eAAU,GAAyB,SAAS,CAAC;KAStD;IAPC,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC,UAAU,GAAG,aAAa,GAAG,IAAI,CAAC,QAAQ,GAAG,eAAe,GAAG,IAAI,CAAC,iBAAiB,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU;YACvJ,8DAAa,CACT,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\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 @Prop() defaultTextColour: string = 'primary';\n @Prop() maxWidth: number = 100;\n @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n render() {\n return (\n <div class={'container ' + this.siteDesign + ' max-width-' + this.maxWidth + ' text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow}>\n <slot></slot>\n </div>\n );\n }\n}\n"]}
1
+ {"version":3,"file":"biggive-formatted-text.js","sourceRoot":"","sources":["../../../src/components/biggive-formatted-text/biggive-formatted-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQnD,MAAM,OAAO,oBAAoB;IALjC;QAMU,eAAU,GAAW,CAAC,CAAC;QAKvB,aAAQ,GAAW,GAAG,CAAC;QACvB,eAAU,GAAyB,SAAS,CAAC;KAYtD;IAVC,MAAM;QACJ,MAAM,gBAAgB,GAAG,OAAO,IAAI,CAAC,iBAAiB,KAAK,QAAQ,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC;QAC5G,MAAM,qBAAqB,GAAG,gBAAgB,CAAC,CAAC,CAAC,eAAe,GAAG,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;QAE/F,OAAO,CACL,4DAAK,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC,UAAU,GAAG,aAAa,GAAG,IAAI,CAAC,QAAQ,GAAG,qBAAqB,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU;YACpI,8DAAa,CACT,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}
@@ -162,6 +162,34 @@
162
162
  </biggive-campaign-card-filter-grid>
163
163
 
164
164
 
165
+ <biggive-page-section
166
+ colour-scheme="primary" max-width="100" section-style-top="straight" section-style-bottom="crop-right" >
167
+
168
+ <biggive-formatted-text id = "formatted-text-1"
169
+ space-below="0" default-text-colour="" max-width="100" site-design="biggive" >
170
+ <p>Here's some white text on a blue background with empty default-text-colour="" below, matching
171
+ current behaviour of our WP site
172
+ </p>
173
+ </biggive-formatted-text>
174
+
175
+ <hr />
176
+
177
+ <biggive-formatted-text id = "formatted-text-1"
178
+ space-below="0" max-width="100" site-design="biggive" >
179
+ <p>Here's some more white text on a blue background with no default-text-colour. Should match behaviour of previous version
180
+ </p>
181
+ </biggive-formatted-text>
182
+
183
+ <hr />
184
+
185
+ <biggive-formatted-text id = "formatted-text-1"
186
+ space-below="0" default-text-colour="brand-emf-yellow" max-width="100" site-design="biggive" >
187
+ <p>Here's some yellow text on a blue background for variety
188
+ </p>
189
+ </biggive-formatted-text>
190
+ </biggive-page-section>
191
+
192
+
165
193
  <biggive-timeline space-below="6" entry-background-colour="grey-extra-light" entry-text-colour="tertiary">
166
194
 
167
195
  <biggive-timeline-entry date="2022-01-01" heading="Heading 1">
@@ -8,12 +8,13 @@ const BiggiveFormattedText$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveFor
8
8
  this.__registerHost();
9
9
  this.__attachShadow();
10
10
  this.spaceBelow = 0;
11
- this.defaultTextColour = 'primary';
12
11
  this.maxWidth = 100;
13
12
  this.siteDesign = 'biggive';
14
13
  }
15
14
  render() {
16
- return (h("div", { key: '17c7c6ff60eb941a31adb4c18b096adcc42e6485', class: 'container ' + this.siteDesign + ' max-width-' + this.maxWidth + ' text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, h("slot", { key: 'f17cffc1ec84437707955cfd66aaa9950dbe191f' })));
15
+ const defaultColourSet = typeof this.defaultTextColour === 'string' && this.defaultTextColour.trim() !== '';
16
+ const anyDefaultColourClass = defaultColourSet ? ' text-colour-' + this.defaultTextColour : '';
17
+ return (h("div", { key: '39ae5e63707621a6e4d7d991d56562410a8937a2', class: 'container ' + this.siteDesign + ' max-width-' + this.maxWidth + anyDefaultColourClass + ' space-below-' + this.spaceBelow }, h("slot", { key: '1b87428ede7d1b8a9e3423fdadc55b611966d244' })));
17
18
  }
18
19
  static get style() { return biggiveFormattedTextCss; }
19
20
  }, [1, "biggive-formatted-text", {
@@ -1 +1 @@
1
- {"file":"biggive-formatted-text.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,4gKAA4gK;;MCO/hKA,sBAAoB,iBAAAC,kBAAA,CAAA,MAAA,oBAAA,SAAA,WAAA,CAAA;AALjC,IAAA,WAAA,GAAA;;;;AAMU,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AACtB,QAAA,IAAiB,CAAA,iBAAA,GAAW,SAAS;AACrC,QAAA,IAAQ,CAAA,QAAA,GAAW,GAAG;AACtB,QAAA,IAAU,CAAA,UAAA,GAAyB,SAAS;AASrD;IAPC,MAAM,GAAA;QACJ,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC,UAAU,GAAG,aAAa,GAAG,IAAI,CAAC,QAAQ,GAAG,eAAe,GAAG,IAAI,CAAC,iBAAiB,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,EAAA,EACvJ,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveFormattedText","__stencil_proxyCustomElement"],"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';\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 @Prop() defaultTextColour: string = 'primary';\n @Prop() maxWidth: number = 100;\n @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n render() {\n return (\n <div class={'container ' + this.siteDesign + ' max-width-' + this.maxWidth + ' text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow}>\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}
1
+ {"file":"biggive-formatted-text.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,4gKAA4gK;;MCQ/hKA,sBAAoB,iBAAAC,kBAAA,CAAA,MAAA,oBAAA,SAAA,WAAA,CAAA;AALjC,IAAA,WAAA,GAAA;;;;AAMU,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AAKtB,QAAA,IAAQ,CAAA,QAAA,GAAW,GAAG;AACtB,QAAA,IAAU,CAAA,UAAA,GAAyB,SAAS;AAYrD;IAVC,MAAM,GAAA;AACJ,QAAA,MAAM,gBAAgB,GAAG,OAAO,IAAI,CAAC,iBAAiB,KAAK,QAAQ,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE;AAC3G,QAAA,MAAM,qBAAqB,GAAG,gBAAgB,GAAG,eAAe,GAAG,IAAI,CAAC,iBAAiB,GAAG,EAAE;QAE9F,QACE,4DAAK,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC,UAAU,GAAG,aAAa,GAAG,IAAI,CAAC,QAAQ,GAAG,qBAAqB,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,EAAA,EACpI,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveFormattedText","__stencil_proxyCustomElement"],"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"],"version":3}
@@ -6,12 +6,13 @@ const BiggiveFormattedText = class {
6
6
  constructor(hostRef) {
7
7
  registerInstance(this, hostRef);
8
8
  this.spaceBelow = 0;
9
- this.defaultTextColour = 'primary';
10
9
  this.maxWidth = 100;
11
10
  this.siteDesign = 'biggive';
12
11
  }
13
12
  render() {
14
- return (h("div", { key: '17c7c6ff60eb941a31adb4c18b096adcc42e6485', class: 'container ' + this.siteDesign + ' max-width-' + this.maxWidth + ' text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, h("slot", { key: 'f17cffc1ec84437707955cfd66aaa9950dbe191f' })));
13
+ const defaultColourSet = typeof this.defaultTextColour === 'string' && this.defaultTextColour.trim() !== '';
14
+ const anyDefaultColourClass = defaultColourSet ? ' text-colour-' + this.defaultTextColour : '';
15
+ return (h("div", { key: '39ae5e63707621a6e4d7d991d56562410a8937a2', class: 'container ' + this.siteDesign + ' max-width-' + this.maxWidth + anyDefaultColourClass + ' space-below-' + this.spaceBelow }, h("slot", { key: '1b87428ede7d1b8a9e3423fdadc55b611966d244' })));
15
16
  }
16
17
  };
17
18
  BiggiveFormattedText.style = biggiveFormattedTextCss;
@@ -1 +1 @@
1
- {"version":3,"file":"biggive-formatted-text.entry.js","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';\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 @Prop() defaultTextColour: string = 'primary';\n @Prop() maxWidth: number = 100;\n @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n render() {\n return (\n <div class={'container ' + this.siteDesign + ' max-width-' + this.maxWidth + ' text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow}>\n <slot></slot>\n </div>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,uBAAuB,GAAG,4gKAA4gK;;MCO/hK,oBAAoB,GAAA,MAAA;AALjC,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMU,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AACtB,QAAA,IAAiB,CAAA,iBAAA,GAAW,SAAS;AACrC,QAAA,IAAQ,CAAA,QAAA,GAAW,GAAG;AACtB,QAAA,IAAU,CAAA,UAAA,GAAyB,SAAS;AASrD;IAPC,MAAM,GAAA;QACJ,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC,UAAU,GAAG,aAAa,GAAG,IAAI,CAAC,QAAQ,GAAG,eAAe,GAAG,IAAI,CAAC,iBAAiB,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,EAAA,EACvJ,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;"}
1
+ {"version":3,"file":"biggive-formatted-text.entry.js","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"],"names":[],"mappings":";;AAAA,MAAM,uBAAuB,GAAG,4gKAA4gK;;MCQ/hK,oBAAoB,GAAA,MAAA;AALjC,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMU,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AAKtB,QAAA,IAAQ,CAAA,QAAA,GAAW,GAAG;AACtB,QAAA,IAAU,CAAA,UAAA,GAAyB,SAAS;AAYrD;IAVC,MAAM,GAAA;AACJ,QAAA,MAAM,gBAAgB,GAAG,OAAO,IAAI,CAAC,iBAAiB,KAAK,QAAQ,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE;AAC3G,QAAA,MAAM,qBAAqB,GAAG,gBAAgB,GAAG,eAAe,GAAG,IAAI,CAAC,iBAAiB,GAAG,EAAE;QAE9F,QACE,4DAAK,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC,UAAU,GAAG,aAAa,GAAG,IAAI,CAAC,QAAQ,GAAG,qBAAqB,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,EAAA,EACpI,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;"}
@@ -1,6 +1,10 @@
1
+ import { brandColour } from '../../globals/brand-colour';
1
2
  export declare class BiggiveFormattedText {
2
3
  spaceBelow: number;
3
- defaultTextColour: string;
4
+ /**
5
+ * Text colour. If undefined or blank colour will be inherited as normal from containing element.
6
+ */
7
+ defaultTextColour: brandColour | undefined;
4
8
  maxWidth: number;
5
9
  siteDesign: 'biggive' | 'philco';
6
10
  render(): any;
@@ -540,7 +540,10 @@ export namespace Components {
540
540
  "spaceBelow": number;
541
541
  }
542
542
  interface BiggiveFormattedText {
543
- "defaultTextColour": string;
543
+ /**
544
+ * Text colour. If undefined or blank colour will be inherited as normal from containing element.
545
+ */
546
+ "defaultTextColour": brandColour | undefined;
544
547
  "maxWidth": number;
545
548
  "siteDesign": 'biggive' | 'philco';
546
549
  "spaceBelow": number;
@@ -2155,7 +2158,10 @@ declare namespace LocalJSX {
2155
2158
  "spaceBelow"?: number;
2156
2159
  }
2157
2160
  interface BiggiveFormattedText {
2158
- "defaultTextColour"?: string;
2161
+ /**
2162
+ * Text colour. If undefined or blank colour will be inherited as normal from containing element.
2163
+ */
2164
+ "defaultTextColour"?: brandColour | undefined;
2159
2165
  "maxWidth"?: number;
2160
2166
  "siteDesign"?: 'biggive' | 'philco';
2161
2167
  "spaceBelow"?: number;
package/hydrate/index.js CHANGED
@@ -4471,12 +4471,13 @@ class BiggiveFormattedText {
4471
4471
  constructor(hostRef) {
4472
4472
  registerInstance(this, hostRef);
4473
4473
  this.spaceBelow = 0;
4474
- this.defaultTextColour = 'primary';
4475
4474
  this.maxWidth = 100;
4476
4475
  this.siteDesign = 'biggive';
4477
4476
  }
4478
4477
  render() {
4479
- return (hAsync("div", { key: '17c7c6ff60eb941a31adb4c18b096adcc42e6485', class: 'container ' + this.siteDesign + ' max-width-' + this.maxWidth + ' text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, hAsync("slot", { key: 'f17cffc1ec84437707955cfd66aaa9950dbe191f' })));
4478
+ const defaultColourSet = typeof this.defaultTextColour === 'string' && this.defaultTextColour.trim() !== '';
4479
+ const anyDefaultColourClass = defaultColourSet ? ' text-colour-' + this.defaultTextColour : '';
4480
+ return (hAsync("div", { key: '39ae5e63707621a6e4d7d991d56562410a8937a2', class: 'container ' + this.siteDesign + ' max-width-' + this.maxWidth + anyDefaultColourClass + ' space-below-' + this.spaceBelow }, hAsync("slot", { key: '1b87428ede7d1b8a9e3423fdadc55b611966d244' })));
4480
4481
  }
4481
4482
  static get style() { return biggiveFormattedTextCss; }
4482
4483
  static get cmpMeta() { return {
package/hydrate/index.mjs CHANGED
@@ -4469,12 +4469,13 @@ class BiggiveFormattedText {
4469
4469
  constructor(hostRef) {
4470
4470
  registerInstance(this, hostRef);
4471
4471
  this.spaceBelow = 0;
4472
- this.defaultTextColour = 'primary';
4473
4472
  this.maxWidth = 100;
4474
4473
  this.siteDesign = 'biggive';
4475
4474
  }
4476
4475
  render() {
4477
- return (hAsync("div", { key: '17c7c6ff60eb941a31adb4c18b096adcc42e6485', class: 'container ' + this.siteDesign + ' max-width-' + this.maxWidth + ' text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, hAsync("slot", { key: 'f17cffc1ec84437707955cfd66aaa9950dbe191f' })));
4476
+ const defaultColourSet = typeof this.defaultTextColour === 'string' && this.defaultTextColour.trim() !== '';
4477
+ const anyDefaultColourClass = defaultColourSet ? ' text-colour-' + this.defaultTextColour : '';
4478
+ return (hAsync("div", { key: '39ae5e63707621a6e4d7d991d56562410a8937a2', class: 'container ' + this.siteDesign + ' max-width-' + this.maxWidth + anyDefaultColourClass + ' space-below-' + this.spaceBelow }, hAsync("slot", { key: '1b87428ede7d1b8a9e3423fdadc55b611966d244' })));
4478
4479
  }
4479
4480
  static get style() { return biggiveFormattedTextCss; }
4480
4481
  static get cmpMeta() { return {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@biggive/components",
3
3
  "_comment": "Version number below is automatically replaced during CircleCI build.",
4
- "version": "202505191118.0.0",
4
+ "version": "202505191305.0.0",
5
5
  "description": "Big Give Components",
6
6
  "main": "dist/index.cjs.js",
7
7
  "module": "dist/index.js",
@@ -1 +0,0 @@
1
- {"version":3,"names":["biggiveFormattedTextCss","BiggiveFormattedText","constructor","hostRef","this","spaceBelow","defaultTextColour","maxWidth","siteDesign","render","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';\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 @Prop() defaultTextColour: string = 'primary';\n @Prop() maxWidth: number = 100;\n @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n render() {\n return (\n <div class={'container ' + this.siteDesign + ' max-width-' + this.maxWidth + ' text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow}>\n <slot></slot>\n </div>\n );\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAA0B,2gK,MCOnBC,EAAoB,MALjC,WAAAC,CAAAC,G,UAMUC,KAAUC,WAAW,EACrBD,KAAiBE,kBAAW,UAC5BF,KAAQG,SAAW,IACnBH,KAAUI,WAAyB,SAS5C,CAPC,MAAAC,GACE,OACEC,EAAK,OAAAC,IAAA,2CAAAC,MAAO,aAAeR,KAAKI,WAAa,cAAgBJ,KAAKG,SAAW,gBAAkBH,KAAKE,kBAAoB,gBAAkBF,KAAKC,YAC7IK,EAAa,QAAAC,IAAA,6C","ignoreList":[]}