@biggive/components 202504221648.0.0 → 202504231610.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.
- package/dist/biggive/biggive.esm.js +1 -1
- package/dist/biggive/{p-4acd5f82.entry.js → p-a6618470.entry.js} +2 -2
- package/dist/biggive/p-a6618470.entry.js.map +1 -0
- package/dist/biggive/p-af22ff32.entry.js +2 -0
- package/dist/biggive/p-af22ff32.entry.js.map +1 -0
- package/dist/biggive/p-f63ef6ee.entry.js +2 -0
- package/dist/biggive/p-f63ef6ee.entry.js.map +1 -0
- package/dist/cjs/biggive-basic-card.cjs.entry.js +1 -1
- package/dist/cjs/biggive-basic-card.cjs.entry.js.map +1 -1
- package/dist/cjs/biggive-button.cjs.entry.js +1 -1
- package/dist/cjs/biggive-button.cjs.entry.js.map +1 -1
- package/dist/cjs/biggive-quote.cjs.entry.js +1 -1
- package/dist/cjs/biggive-quote.cjs.entry.js.map +1 -1
- package/dist/collection/components/biggive-basic-card/biggive-basic-card.css +3 -0
- package/dist/collection/components/biggive-button/biggive-button.css +1 -3
- package/dist/collection/components/biggive-button/biggive-button.stories.js +4 -0
- package/dist/collection/components/biggive-button/biggive-button.stories.js.map +1 -1
- package/dist/collection/components/biggive-quote/biggive-quote.css +2 -0
- package/dist/components/biggive-basic-card.js +1 -1
- package/dist/components/biggive-basic-card.js.map +1 -1
- package/dist/components/biggive-button2.js +1 -1
- package/dist/components/biggive-button2.js.map +1 -1
- package/dist/components/biggive-quote.js +1 -1
- package/dist/components/biggive-quote.js.map +1 -1
- package/dist/esm/biggive-basic-card.entry.js +1 -1
- package/dist/esm/biggive-basic-card.entry.js.map +1 -1
- package/dist/esm/biggive-button.entry.js +1 -1
- package/dist/esm/biggive-button.entry.js.map +1 -1
- package/dist/esm/biggive-quote.entry.js +1 -1
- package/dist/esm/biggive-quote.entry.js.map +1 -1
- package/dist/types/components/biggive-button/biggive-button.stories.d.ts +4 -0
- package/hydrate/index.js +3 -3
- package/hydrate/index.mjs +3 -3
- package/package.json +1 -1
- package/dist/biggive/p-4acd5f82.entry.js.map +0 -1
- package/dist/biggive/p-6f253594.entry.js +0 -2
- package/dist/biggive/p-6f253594.entry.js.map +0 -1
- package/dist/biggive/p-780aee64.entry.js +0 -2
- package/dist/biggive/p-780aee64.entry.js.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,H as o,b as t}from"./p-0cedd560.js";export{s as setNonce}from"./p-0cedd560.js";import{g as l}from"./p-e1255160.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-df065ff2",[[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-f08e0727",[[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-aab8f046",[[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-2da84e16",[[1,"biggive-cookie-banner",{"autoOpenPreferences":[4,"auto-open-preferences"],"blogUriPrefix":[1,"blog-uri-prefix"],"previouslyAgreedCookiePreferences":[16]},null,{"autoOpenPreferences":["autoOpenPreferencesIfRequested"]}]]],["p-3b3ec8f6",[[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-68b98a75",[[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-c43aea6d",[[1,"philco-main-menu",{"philcoUrlPrefix":[1,"philco-url-prefix"],"closeMobileMenuFromOutside":[64]}]]],["p-883d3a3c",[[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-4acd5f82",[[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-ba0197ba",[[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-dedeb4ae",[[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-cfebc5f1",[[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-2b97a6f0",[[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-6a039368",[[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-7c70d1a6",[[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-72ea7015",[[1,"biggive-accordion",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"headingColour":[1,"heading-colour"],"children":[32]}]]],["p-6b3f32c3",[[1,"biggive-accordion-entry",{"heading":[1]}]]],["p-7cd24c41",[[1,"biggive-back-to-top"]]],["p-4473537b",[[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-a043051c",[[1,"biggive-boxed-content",{"spaceBelow":[2,"space-below"],"verticalPadding":[2,"vertical-padding"],"horizontalPadding":[2,"horizontal-padding"],"backgroundColour":[1,"background-colour"],"shadow":[4]}]]],["p-18264bd2",[[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-a1e95602",[[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-38677249",[[1,"biggive-form"]]],["p-3e16773a",[[1,"biggive-formatted-text",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"maxWidth":[2,"max-width"]}]]],["p-1fcfd985",[[1,"biggive-grid",{"spaceBelow":[2,"space-below"],"columnCount":[2,"column-count"],"spaceBetween":[4,"space-between"],"columnGap":[2,"column-gap"]}]]],["p-8b927a9d",[[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"]}]]],["p-6982fdc0",[[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-f427dabd",[[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-d0c80568",[[1,"biggive-nav-group",{"inline":[4]}]]],["p-e547c90c",[[1,"biggive-nav-item",{"url":[1],"label":[1],"iconColour":[1,"icon-colour"]}]]],["p-090da850",[[1,"biggive-page-column"]]],["p-92350ad9",[[1,"biggive-page-columns",{"spaceBelow":[2,"space-below"]}]]],["p-874eb056",[[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-780aee64",[[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-6c7d1090",[[1,"biggive-sheet",{"sheetId":[1,"sheet-id"],"backgroundColour":[1,"background-colour"],"textColour":[1,"text-colour"]}]]],["p-2df44aa5",[[1,"biggive-tab",{"tabTitle":[1,"tab-title"]}]]],["p-f5074301",[[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-48d7e762",[[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-c14c3d1e",[[1,"biggive-text-input",{"value":[1],"currency":[1],"spaceBelow":[2,"space-below"],"selectStyle":[1,"select-style"],"siteDesign":[1,"site-design"]}]]],["p-71fe5573",[[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-2a46a00c",[[1,"biggive-timeline-entry",{"date":[1],"heading":[1]}]]],["p-671ff619",[[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-3d817748",[[1,"biggive-totalizer-ticker-item",{"figure":[1],"label":[1]}]]],["p-41621756",[[1,"biggive-video",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"videoUrl":[1,"video-url"]}]]],["p-d43ab928",[[1,"philco-footer",{"headingLevel":[2,"heading-level"],"philcoUrlPrefix":[1,"philco-url-prefix"]}]]],["p-9478552c",[[1,"biggive-form-field-select",{"selectionChanged":[16],"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"],"spaceBelow":[2,"space-below"],"placeholder":[1]}]]],["p-6dd1dfc1",[[1,"biggive-popup",{"modalClosedCallback":[16],"openFromOutside":[64],"closeFromOutside":[64]}]]],["p-2ac73719",[[1,"biggive-progress-bar",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"counter":[2]}]]],["p-bf6c495e",[[1,"biggive-social-icon",{"service":[1],"labelPrefix":[1,"label-prefix"],"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"wide":[4],"url":[1]}]]],["p-60e5f77e",[[1,"biggive-misc-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"url":[1]}]]],["p-6f253594",[[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-0cedd560.js";export{s as setNonce}from"./p-0cedd560.js";import{g as l}from"./p-e1255160.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-df065ff2",[[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-f08e0727",[[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-aab8f046",[[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-2da84e16",[[1,"biggive-cookie-banner",{"autoOpenPreferences":[4,"auto-open-preferences"],"blogUriPrefix":[1,"blog-uri-prefix"],"previouslyAgreedCookiePreferences":[16]},null,{"autoOpenPreferences":["autoOpenPreferencesIfRequested"]}]]],["p-3b3ec8f6",[[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-68b98a75",[[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-c43aea6d",[[1,"philco-main-menu",{"philcoUrlPrefix":[1,"philco-url-prefix"],"closeMobileMenuFromOutside":[64]}]]],["p-883d3a3c",[[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-a6618470",[[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-ba0197ba",[[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-dedeb4ae",[[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-cfebc5f1",[[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-2b97a6f0",[[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-6a039368",[[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-7c70d1a6",[[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-72ea7015",[[1,"biggive-accordion",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"headingColour":[1,"heading-colour"],"children":[32]}]]],["p-6b3f32c3",[[1,"biggive-accordion-entry",{"heading":[1]}]]],["p-7cd24c41",[[1,"biggive-back-to-top"]]],["p-4473537b",[[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-a043051c",[[1,"biggive-boxed-content",{"spaceBelow":[2,"space-below"],"verticalPadding":[2,"vertical-padding"],"horizontalPadding":[2,"horizontal-padding"],"backgroundColour":[1,"background-colour"],"shadow":[4]}]]],["p-18264bd2",[[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-a1e95602",[[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-38677249",[[1,"biggive-form"]]],["p-3e16773a",[[1,"biggive-formatted-text",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"maxWidth":[2,"max-width"]}]]],["p-1fcfd985",[[1,"biggive-grid",{"spaceBelow":[2,"space-below"],"columnCount":[2,"column-count"],"spaceBetween":[4,"space-between"],"columnGap":[2,"column-gap"]}]]],["p-8b927a9d",[[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"]}]]],["p-6982fdc0",[[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-f427dabd",[[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-d0c80568",[[1,"biggive-nav-group",{"inline":[4]}]]],["p-e547c90c",[[1,"biggive-nav-item",{"url":[1],"label":[1],"iconColour":[1,"icon-colour"]}]]],["p-090da850",[[1,"biggive-page-column"]]],["p-92350ad9",[[1,"biggive-page-columns",{"spaceBelow":[2,"space-below"]}]]],["p-874eb056",[[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-f63ef6ee",[[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-6c7d1090",[[1,"biggive-sheet",{"sheetId":[1,"sheet-id"],"backgroundColour":[1,"background-colour"],"textColour":[1,"text-colour"]}]]],["p-2df44aa5",[[1,"biggive-tab",{"tabTitle":[1,"tab-title"]}]]],["p-f5074301",[[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-48d7e762",[[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-c14c3d1e",[[1,"biggive-text-input",{"value":[1],"currency":[1],"spaceBelow":[2,"space-below"],"selectStyle":[1,"select-style"],"siteDesign":[1,"site-design"]}]]],["p-71fe5573",[[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-2a46a00c",[[1,"biggive-timeline-entry",{"date":[1],"heading":[1]}]]],["p-671ff619",[[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-3d817748",[[1,"biggive-totalizer-ticker-item",{"figure":[1],"label":[1]}]]],["p-41621756",[[1,"biggive-video",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"videoUrl":[1,"video-url"]}]]],["p-d43ab928",[[1,"philco-footer",{"headingLevel":[2,"heading-level"],"philcoUrlPrefix":[1,"philco-url-prefix"]}]]],["p-9478552c",[[1,"biggive-form-field-select",{"selectionChanged":[16],"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"],"spaceBelow":[2,"space-below"],"placeholder":[1]}]]],["p-6dd1dfc1",[[1,"biggive-popup",{"modalClosedCallback":[16],"openFromOutside":[64],"closeFromOutside":[64]}]]],["p-2ac73719",[[1,"biggive-progress-bar",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"counter":[2]}]]],["p-bf6c495e",[[1,"biggive-social-icon",{"service":[1],"labelPrefix":[1,"label-prefix"],"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"wide":[4],"url":[1]}]]],["p-60e5f77e",[[1,"biggive-misc-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"url":[1]}]]],["p-af22ff32",[[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 r}from"./p-0cedd560.js";const e='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-philco-orange:hover,.background-colour-philco-orange{background-color:#f18a00}.background-colour-hover-philco-gray-90:hover,.background-colour-philco-gray-90{background-color:#1d1d1B}.background-colour-hover-philco-gray-70:hover,.background-colour-philco-gray-70{background-color:#7D7D7D}.background-colour-hover-philco-white:hover,.background-colour-philco-white{background-color:#FFFFFF}.background-colour-hover-philco-success-green:hover,.background-colour-philco-success-green{background-color:#1Ec691}.background-colour-hover-philco-error-coral:hover,.background-colour-philco-error-coral{background-color:#F54242}.background-colour-hover-philco-gray-30:hover,.background-colour-philco-gray-30{background-color:#BBBBBB}.background-colour-hover-philco-gray-20:hover,.background-colour-philco-gray-20{background-color:#F6F6F6}.border-colour-primary{border-color:#2C089B}.border-colour-secondary{border-color:#2AF135}.border-colour-tertiary{border-color:#FF7272}.border-colour-brand-cc-red{border-color:#B30510}.border-colour-brand-wgmf-purple{border-color:#6E0887}.border-colour-brand-gmf-green{border-color:#50B400}.border-colour-brand-emf-yellow{border-color:#FFE500}.border-colour-brand-c4c-orange{border-color:#F07D00}.border-colour-brand-afa-pink{border-color:#BF387D}.border-colour-brand-scw-magenta{border-color:#EE2C65}.border-colour-brand-mhf-turquoise{border-color:#62CFC9}.border-colour-brand-grey{border-color:#CBC8C8}.border-colour-white{border-color:#FFFFFF}.border-colour-black{border-color:#000000}.border-colour-grey-extra-light{border-color:#D7D7D7}.border-colour-grey-light{border-color:#E8E8E8}.border-colour-grey-medium{border-color:#8A8A8A}.border-colour-grey-dark{border-color:#4A4A4A}.border-colour-philco-orange{border-color:#f18a00}.border-colour-philco-gray-90{border-color:#1d1d1B}.border-colour-philco-gray-70{border-color:#7D7D7D}.border-colour-philco-white{border-color:#FFFFFF}.border-colour-philco-success-green{border-color:#1Ec691}.border-colour-philco-error-coral{border-color:#F54242}.border-colour-philco-gray-30{border-color:#BBBBBB}.border-colour-philco-gray-20{border-color:#F6F6F6}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-scw-magenta{fill:#EE2C65}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-philco-orange{fill:#f18a00}.fill-philco-gray-90{fill:#1d1d1B}.fill-philco-gray-70{fill:#7D7D7D}.fill-philco-white{fill:#FFFFFF}.fill-philco-success-green{fill:#1Ec691}.fill-philco-error-coral{fill:#F54242}.fill-philco-gray-30{fill:#BBBBBB}.fill-philco-gray-20{fill:#F6F6F6}.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:contents}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:center;background-size:cover;background-position:center center;padding:30px;height:100%;white-space:pre-wrap}.container.philco{border-bottom:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:0;text-align:left;height:auto;box-shadow:0 0 24px 0 #BBBBBB;border-top:12px solid #f18a00}.container.philco .title{font-family:"Garage Gothic", sans-serif;font-weight:700;font-size:24px;line-height:30px;margin-top:0;margin-bottom:10px;text-transform:uppercase}.container.philco .subtitle{color:#7D7D7D}.container.philco .subtitle .divider{color:#f18a00}.container a,.container a:hover{text-decoration:none}.container .sleeve{padding:30px;height:100%;box-sizing:border-box;transition:all 1s ease-in-out}.container.add-animation-true:hover .sleeve{margin:-30px;padding:60px;height:calc(100% + 60px)}.container.clip-bottom-left-corner-false.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 0% 100%, 0 100%)}.container.clip-bottom-left-corner-true.clip-top-right-corner-false .sleeve{clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container.clip-bottom-left-corner-true.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .icon svg{width:50px;height:auto}.container .title{font-size:25px;line-height:32px;font-weight:bold;margin-bottom:15px}.container .subtitle{margin-bottom:15px}.container .main-image-container{margin-bottom:15px}.container .main-image-container img{width:100%;height:auto}.container .button-wrap{text-align:center}.container .button-wrap.align-left{text-align:left}.container .button-wrap.align-right{text-align:right}';const c=e;const l=class{constructor(r){o(this,r);this.spaceBelow=0;this.siteDesign="biggive";this.backgroundColour="primary";this.backgroundImageUrl="";this.cardColour="white";this.textColour="black";this.mainImageUrl=undefined;this.subtitle="";this.author="";this.date="";this.icon=true;this.iconColour="primary";this.buttonAlign="center";this.buttonStyle="standard";this.buttonColourScheme="clear-primary";this.clipBottomLeftCorner=true;this.clipTopRightCorner=true;this.headingLevel=3;this.addAnimation=false}render(){const o=`h${this.headingLevel}`;return r("div",{key:"0a2ef1f76ae13a05fed05f036c26cd398a0568d8",class:"container space-below-"+this.spaceBelow+" background-colour-"+this.backgroundColour+(this.siteDesign==="philco"?" border-colour-"+this.backgroundColour:"")+" clip-bottom-left-corner-"+this.clipBottomLeftCorner+" clip-top-right-corner-"+this.clipTopRightCorner+" add-animation-"+this.addAnimation+" "+this.siteDesign,style:{"background-image":"url('"+this.backgroundImageUrl+"')"}},r("a",{key:"c31f093a21fe801a9e188cd88f9ba5e28f48a535",href:this.buttonUrl},r("div",{key:"7265fb02eebe5eb9af0b29f49747025a5d42e81f",class:"sleeve background-colour-"+this.cardColour+" text-colour-"+this.textColour},r("div",{key:"e3ec069fdd618bfb5c89742ac5bd2e1d859fd22a",class:"content-wrap"},this.icon==true?r("div",{class:"icon"},r("svg",{width:"53",height:"39",viewBox:"0 0 53 39",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{d:"M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z",class:"fill-black"}),r("path",{d:"M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z",class:"fill-"+this.iconColour}))):null,this.mainImageUrl!=""?r("div",{class:"main-image-container"},r("div",{class:"image-wrap"},r("img",{src:this.mainImageUrl,alt:this.mainImageAltText,title:this.mainImageAltText}))):null,r(o,{key:"f37806e716ad45dc3fd1bdea7b797127205d97c1",class:"title"},this.mainTitle),this.author!==""||this.date!==""?r("div",{class:"subtitle"},this.author," ",r("span",{class:"divider"},"|")," ",this.date):null,this.subtitle!==""?r("div",{class:"subtitle"},this.subtitle):null,r("div",{key:"3bd7297fb18ee7fe67fd0c110adbd0e42b162a7e",class:"teaser"},this.teaser),this.buttonLabel!=null&&this.buttonUrl!=null&&this.buttonUrl!=""?r("div",{class:"button-wrap align-"+this.buttonAlign},r("biggive-button",{"colour-scheme":this.buttonColourScheme,url:this.buttonUrl,label:this.buttonLabel,rounded:this.siteDesign==="philco"})):null))))}};l.style=c;export{l as biggive_basic_card};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as o,h as r}from"./p-0cedd560.js";const e='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-philco-orange:hover,.background-colour-philco-orange{background-color:#f18a00}.background-colour-hover-philco-gray-90:hover,.background-colour-philco-gray-90{background-color:#1d1d1B}.background-colour-hover-philco-gray-70:hover,.background-colour-philco-gray-70{background-color:#7D7D7D}.background-colour-hover-philco-white:hover,.background-colour-philco-white{background-color:#FFFFFF}.background-colour-hover-philco-success-green:hover,.background-colour-philco-success-green{background-color:#1Ec691}.background-colour-hover-philco-error-coral:hover,.background-colour-philco-error-coral{background-color:#F54242}.background-colour-hover-philco-gray-30:hover,.background-colour-philco-gray-30{background-color:#BBBBBB}.background-colour-hover-philco-gray-20:hover,.background-colour-philco-gray-20{background-color:#F6F6F6}.border-colour-primary{border-color:#2C089B}.border-colour-secondary{border-color:#2AF135}.border-colour-tertiary{border-color:#FF7272}.border-colour-brand-cc-red{border-color:#B30510}.border-colour-brand-wgmf-purple{border-color:#6E0887}.border-colour-brand-gmf-green{border-color:#50B400}.border-colour-brand-emf-yellow{border-color:#FFE500}.border-colour-brand-c4c-orange{border-color:#F07D00}.border-colour-brand-afa-pink{border-color:#BF387D}.border-colour-brand-scw-magenta{border-color:#EE2C65}.border-colour-brand-mhf-turquoise{border-color:#62CFC9}.border-colour-brand-grey{border-color:#CBC8C8}.border-colour-white{border-color:#FFFFFF}.border-colour-black{border-color:#000000}.border-colour-grey-extra-light{border-color:#D7D7D7}.border-colour-grey-light{border-color:#E8E8E8}.border-colour-grey-medium{border-color:#8A8A8A}.border-colour-grey-dark{border-color:#4A4A4A}.border-colour-philco-orange{border-color:#f18a00}.border-colour-philco-gray-90{border-color:#1d1d1B}.border-colour-philco-gray-70{border-color:#7D7D7D}.border-colour-philco-white{border-color:#FFFFFF}.border-colour-philco-success-green{border-color:#1Ec691}.border-colour-philco-error-coral{border-color:#F54242}.border-colour-philco-gray-30{border-color:#BBBBBB}.border-colour-philco-gray-20{border-color:#F6F6F6}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-scw-magenta{fill:#EE2C65}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-philco-orange{fill:#f18a00}.fill-philco-gray-90{fill:#1d1d1B}.fill-philco-gray-70{fill:#7D7D7D}.fill-philco-white{fill:#FFFFFF}.fill-philco-success-green{fill:#1Ec691}.fill-philco-error-coral{fill:#F54242}.fill-philco-gray-30{fill:#BBBBBB}.fill-philco-gray-20{fill:#F6F6F6}.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:contents}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:center;background-size:cover;background-position:center center;padding:30px;height:100%;white-space:pre-wrap}.container.philco{font-family:"Bitter", serif;font-size:16px;border-bottom:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:0;text-align:left;height:auto;box-shadow:0 0 24px 0 #BBBBBB;border-top:12px solid #f18a00}.container.philco .title{font-family:"Garage Gothic", sans-serif;font-weight:700;font-size:24px;line-height:30px;margin-top:0;margin-bottom:10px;text-transform:uppercase}.container.philco .subtitle{font-family:"Bitter", serif;color:#7D7D7D}.container.philco .subtitle .divider{color:#f18a00}.container a,.container a:hover{text-decoration:none}.container .sleeve{padding:30px;height:100%;box-sizing:border-box;transition:all 1s ease-in-out}.container.add-animation-true:hover .sleeve{margin:-30px;padding:60px;height:calc(100% + 60px)}.container.clip-bottom-left-corner-false.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 0% 100%, 0 100%)}.container.clip-bottom-left-corner-true.clip-top-right-corner-false .sleeve{clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container.clip-bottom-left-corner-true.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .icon svg{width:50px;height:auto}.container .title{font-size:25px;line-height:32px;font-weight:bold;margin-bottom:15px}.container .subtitle{margin-bottom:15px}.container .main-image-container{margin-bottom:15px}.container .main-image-container img{width:100%;height:auto}.container .button-wrap{text-align:center}.container .button-wrap.align-left{text-align:left}.container .button-wrap.align-right{text-align:right}';const c=e;const l=class{constructor(r){o(this,r);this.spaceBelow=0;this.siteDesign="biggive";this.backgroundColour="primary";this.backgroundImageUrl="";this.cardColour="white";this.textColour="black";this.mainImageUrl=undefined;this.subtitle="";this.author="";this.date="";this.icon=true;this.iconColour="primary";this.buttonAlign="center";this.buttonStyle="standard";this.buttonColourScheme="clear-primary";this.clipBottomLeftCorner=true;this.clipTopRightCorner=true;this.headingLevel=3;this.addAnimation=false}render(){const o=`h${this.headingLevel}`;return r("div",{key:"0a2ef1f76ae13a05fed05f036c26cd398a0568d8",class:"container space-below-"+this.spaceBelow+" background-colour-"+this.backgroundColour+(this.siteDesign==="philco"?" border-colour-"+this.backgroundColour:"")+" clip-bottom-left-corner-"+this.clipBottomLeftCorner+" clip-top-right-corner-"+this.clipTopRightCorner+" add-animation-"+this.addAnimation+" "+this.siteDesign,style:{"background-image":"url('"+this.backgroundImageUrl+"')"}},r("a",{key:"c31f093a21fe801a9e188cd88f9ba5e28f48a535",href:this.buttonUrl},r("div",{key:"7265fb02eebe5eb9af0b29f49747025a5d42e81f",class:"sleeve background-colour-"+this.cardColour+" text-colour-"+this.textColour},r("div",{key:"e3ec069fdd618bfb5c89742ac5bd2e1d859fd22a",class:"content-wrap"},this.icon==true?r("div",{class:"icon"},r("svg",{width:"53",height:"39",viewBox:"0 0 53 39",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{d:"M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z",class:"fill-black"}),r("path",{d:"M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z",class:"fill-"+this.iconColour}))):null,this.mainImageUrl!=""?r("div",{class:"main-image-container"},r("div",{class:"image-wrap"},r("img",{src:this.mainImageUrl,alt:this.mainImageAltText,title:this.mainImageAltText}))):null,r(o,{key:"f37806e716ad45dc3fd1bdea7b797127205d97c1",class:"title"},this.mainTitle),this.author!==""||this.date!==""?r("div",{class:"subtitle"},this.author," ",r("span",{class:"divider"},"|")," ",this.date):null,this.subtitle!==""?r("div",{class:"subtitle"},this.subtitle):null,r("div",{key:"3bd7297fb18ee7fe67fd0c110adbd0e42b162a7e",class:"teaser"},this.teaser),this.buttonLabel!=null&&this.buttonUrl!=null&&this.buttonUrl!=""?r("div",{class:"button-wrap align-"+this.buttonAlign},r("biggive-button",{"colour-scheme":this.buttonColourScheme,url:this.buttonUrl,label:this.buttonLabel,rounded:this.siteDesign==="philco"})):null))))}};l.style=c;export{l as biggive_basic_card};
|
|
2
|
+
//# sourceMappingURL=p-a6618470.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["biggiveBasicCardCss","BiggiveBasicCardStyle0","BiggiveBasicCard","constructor","hostRef","this","spaceBelow","siteDesign","backgroundColour","backgroundImageUrl","cardColour","textColour","mainImageUrl","undefined","subtitle","author","date","icon","iconColour","buttonAlign","buttonStyle","buttonColourScheme","clipBottomLeftCorner","clipTopRightCorner","headingLevel","addAnimation","render","HeadingTag","h","key","class","style","href","buttonUrl","width","height","viewBox","fill","xmlns","d","src","alt","mainImageAltText","title","mainTitle","teaser","buttonLabel","url","label","rounded"],"sources":["src/components/biggive-basic-card/biggive-basic-card.scss?tag=biggive-basic-card&encapsulation=shadow","src/components/biggive-basic-card/biggive-basic-card.tsx"],"sourcesContent":["@include backgrounds();\n@include borders();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n position: relative;\n text-align: center;\n background-size: cover;\n background-position: center center;\n padding: $spacer-4;\n &.philco {\n @include philco-body-font();\n border-bottom: 12px;\n border-bottom-left-radius: 12px;\n border-bottom-right-radius: 12px;\n padding: 0;\n text-align: left;\n height: auto;\n box-shadow: 0 0 24px 0 $colour-philco-gray-30;\n\n .title {\n @include philco-heading-font();\n @include font-size-large();\n margin-top: 0;\n margin-bottom: $spacer-2;\n text-transform: uppercase;\n }\n\n .subtitle {\n @include philco-subhead-font();\n color: $colour-philco-gray-70;\n .divider {\n color: $colour-philco-orange;\n }\n }\n\n border-top: 12px solid $colour-philco-orange;\n }\n height: 100%;\n white-space: pre-wrap;\n a,\n a:hover {\n text-decoration: none;\n }\n .sleeve {\n padding: $spacer-4;\n height: 100%;\n box-sizing: border-box;\n transition: all 1s ease-in-out;\n }\n &.add-animation-true:hover .sleeve {\n margin: -30px;\n padding: 60px;\n height: calc(100% + 60px);\n }\n &.clip-bottom-left-corner-false.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-top-right();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-false {\n .sleeve {\n @include corner-clip-medium-bottom-left();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-bottom-left-top-right();\n }\n }\n\n .icon {\n svg {\n width: 50px;\n height: auto;\n }\n }\n .title {\n // these have to be the heading level passed in based on order of headings, but in terms of design we want it look like H3.\n @include heading-3();\n margin-bottom: $spacer-3;\n }\n .subtitle {\n margin-bottom: $spacer-3;\n }\n .main-image-container {\n margin-bottom: 15px;\n img {\n width: 100%;\n height: auto;\n }\n }\n .button-wrap {\n text-align: center;\n &.align-left {\n text-align: left;\n }\n &.align-right {\n text-align: right;\n }\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-basic-card',\n styleUrl: 'biggive-basic-card.scss',\n shadow: true,\n})\nexport class BiggiveBasicCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n @Prop() backgroundColour: brandColour = 'primary';\n\n @Prop() backgroundImageUrl: string = '';\n\n @Prop() cardColour: brandColour = 'white';\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() mainImageUrl?: string = undefined;\n\n @Prop() mainImageAltText: string;\n\n @Prop() mainTitle: string;\n\n @Prop() subtitle: string = '';\n\n @Prop() author: string = '';\n\n @Prop() date: string = '';\n\n @Prop() teaser: string;\n\n @Prop() icon: boolean = true;\n\n @Prop() iconColour: brandColour = 'primary';\n\n @Prop() buttonAlign: string = 'center';\n\n @Prop() buttonStyle: string = 'standard';\n\n @Prop() buttonLabel: string;\n\n @Prop() buttonUrl: string;\n\n @Prop() buttonColourScheme: string = 'clear-primary';\n\n @Prop() clipBottomLeftCorner: boolean = true;\n\n @Prop() clipTopRightCorner: boolean = true;\n\n @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 3;\n\n @Prop() addAnimation: boolean = false;\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n\n return (\n <div\n class={\n 'container space-below-' +\n this.spaceBelow +\n ' background-colour-' +\n this.backgroundColour +\n (this.siteDesign === 'philco' ? ' border-colour-' + this.backgroundColour : '') +\n ' clip-bottom-left-corner-' +\n this.clipBottomLeftCorner +\n ' clip-top-right-corner-' +\n this.clipTopRightCorner +\n ' add-animation-' +\n this.addAnimation +\n ' ' +\n this.siteDesign\n }\n style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n >\n <a href={this.buttonUrl}>\n <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n <div class=\"content-wrap\">\n {this.icon == true ? (\n <div class=\"icon\">\n <svg width=\"53\" height=\"39\" viewBox=\"0 0 53 39\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z\" class=\"fill-black\" />\n <path d=\"M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z\" class={'fill-' + this.iconColour} />\n </svg>\n </div>\n ) : null}\n {this.mainImageUrl != '' ? (\n <div class=\"main-image-container\">\n <div class=\"image-wrap\">\n <img src={this.mainImageUrl} alt={this.mainImageAltText} title={this.mainImageAltText} />\n </div>\n </div>\n ) : null}\n <HeadingTag class=\"title\">{this.mainTitle}</HeadingTag>\n {this.author !== '' || this.date !== '' ? (\n <div class=\"subtitle\">\n {this.author} <span class=\"divider\">|</span> {this.date}\n </div>\n ) : null}\n {this.subtitle !== '' ? <div class=\"subtitle\">{this.subtitle}</div> : null}\n <div class=\"teaser\">{this.teaser}</div>\n {this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (\n <div class={'button-wrap align-' + this.buttonAlign}>\n <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel} rounded={this.siteDesign === 'philco'}></biggive-button>\n </div>\n ) : null}\n </div>\n </div>\n </a>\n </div>\n );\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAAsB,8sSAC5B,MAAAC,EAAeD,E,MCQFE,EAAgB,MAL7B,WAAAC,CAAAC,G,UAMUC,KAAAC,WAA4B,EAE5BD,KAAAE,WAAmC,UAEnCF,KAAAG,iBAAgC,UAEhCH,KAAAI,mBAA6B,GAE7BJ,KAAAK,WAA0B,QAE1BL,KAAAM,WAA0B,QAE1BN,KAAAO,aAAwBC,UAMxBR,KAAAS,SAAmB,GAEnBT,KAAAU,OAAiB,GAEjBV,KAAAW,KAAe,GAIfX,KAAAY,KAAgB,KAEhBZ,KAAAa,WAA0B,UAE1Bb,KAAAc,YAAsB,SAEtBd,KAAAe,YAAsB,WAMtBf,KAAAgB,mBAA6B,gBAE7BhB,KAAAiB,qBAAgC,KAEhCjB,KAAAkB,mBAA8B,KAE9BlB,KAAAmB,aAAsC,EAEtCnB,KAAAoB,aAAwB,K,CAEhC,MAAAC,GACE,MAAMC,EAAa,IAAItB,KAAKmB,eAE5B,OACEI,EAAA,OAAAC,IAAA,2CACEC,MACE,yBACAzB,KAAKC,WACL,sBACAD,KAAKG,kBACJH,KAAKE,aAAe,SAAW,kBAAoBF,KAAKG,iBAAmB,IAC5E,4BACAH,KAAKiB,qBACL,0BACAjB,KAAKkB,mBACL,kBACAlB,KAAKoB,aACL,IACApB,KAAKE,WAEPwB,MAAO,CAAE,mBAAoB,QAAU1B,KAAKI,mBAAqB,OAEjEmB,EAAA,KAAAC,IAAA,2CAAGG,KAAM3B,KAAK4B,WACZL,EAAA,OAAAC,IAAA,2CAAKC,MAAO,4BAA8BzB,KAAKK,WAAa,gBAAkBL,KAAKM,YACjFiB,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gBACRzB,KAAKY,MAAQ,KACZW,EAAA,OAAKE,MAAM,QACTF,EAAA,OAAKM,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAChEV,EAAA,QAAMW,EAAE,4DAA4DT,MAAM,eAC1EF,EAAA,QAAMW,EAAE,gFAAgFT,MAAO,QAAUzB,KAAKa,eAGhH,KACHb,KAAKO,cAAgB,GACpBgB,EAAA,OAAKE,MAAM,wBACTF,EAAA,OAAKE,MAAM,cACTF,EAAA,OAAKY,IAAKnC,KAAKO,aAAc6B,IAAKpC,KAAKqC,iBAAkBC,MAAOtC,KAAKqC,qBAGvE,KACJd,EAACD,EAAU,CAAAE,IAAA,2CAACC,MAAM,SAASzB,KAAKuC,WAC/BvC,KAAKU,SAAW,IAAMV,KAAKW,OAAS,GACnCY,EAAA,OAAKE,MAAM,YACRzB,KAAKU,OAAM,IAAEa,EAAA,QAAME,MAAM,WAAS,KAAS,IAAEzB,KAAKW,MAEnD,KACHX,KAAKS,WAAa,GAAKc,EAAA,OAAKE,MAAM,YAAYzB,KAAKS,UAAkB,KACtEc,EAAA,OAAAC,IAAA,2CAAKC,MAAM,UAAUzB,KAAKwC,QACzBxC,KAAKyC,aAAe,MAAQzC,KAAK4B,WAAa,MAAQ5B,KAAK4B,WAAa,GACvEL,EAAA,OAAKE,MAAO,qBAAuBzB,KAAKc,aACtCS,EAAA,kCAA+BvB,KAAKgB,mBAAoB0B,IAAK1C,KAAK4B,UAAWe,MAAO3C,KAAKyC,YAAaG,QAAS5C,KAAKE,aAAe,YAEnI,Q","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as o,c as r,h as t}from"./p-0cedd560.js";const n="a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}.container{font-family:inherit}.container a{display:inline-block}.container a.full-width-true{display:block}.container.centered-true{text-align:center}.button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#FFFFFF;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{color:#2AF135;background-color:#FFFFFF}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{color:#FF7272;background-color:#FFFFFF}.button-brand-cc-red{color:#FFFFFF;background-color:#B30510;border-color:#B30510}.button-brand-cc-red:hover{color:#B30510;background-color:#FFFFFF}.button-brand-wgmf-purple{color:#FFFFFF;background-color:#6E0887;border-color:#6E0887}.button-brand-wgmf-purple:hover{color:#6E0887;background-color:#FFFFFF}.button-brand-gmf-green{color:#FFFFFF;background-color:#50B400;border-color:#50B400}.button-brand-gmf-green:hover{color:#50B400;background-color:#FFFFFF}.button-brand-emf-yellow{color:#FFFFFF;background-color:#FFE500;border-color:#FFE500}.button-brand-emf-yellow:hover{color:#FFE500;background-color:#FFFFFF}.button-brand-c4c-orange{color:#FFFFFF;background-color:#F07D00;border-color:#F07D00}.button-brand-c4c-orange:hover{color:#F07D00;background-color:#FFFFFF}.button-brand-afa-pink{color:#FFFFFF;background-color:#BF387D;border-color:#BF387D}.button-brand-afa-pink:hover{color:#BF387D;background-color:#FFFFFF}.button-brand-scw-magenta{color:#FFFFFF;background-color:#EE2C65;border-color:#EE2C65}.button-brand-scw-magenta:hover{color:#EE2C65;background-color:#FFFFFF}.button-brand-mhf-turquoise{color:#FFFFFF;background-color:#62CFC9;border-color:#62CFC9}.button-brand-mhf-turquoise:hover{color:#62CFC9;background-color:#FFFFFF}.button-brand-grey{color:#FFFFFF;background-color:#CBC8C8;border-color:#CBC8C8}.button-brand-grey:hover{color:#CBC8C8;background-color:#FFFFFF}.button-white{color:#FFFFFF;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#FFFFFF;background-color:#FFFFFF}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-grey-extra-light{color:#FFFFFF;background-color:#D7D7D7;border-color:#D7D7D7}.button-grey-extra-light:hover{color:#D7D7D7;background-color:#FFFFFF}.button-grey-light{color:#FFFFFF;background-color:#E8E8E8;border-color:#E8E8E8}.button-grey-light:hover{color:#E8E8E8;background-color:#FFFFFF}.button-grey-medium{color:#FFFFFF;background-color:#8A8A8A;border-color:#8A8A8A}.button-grey-medium:hover{color:#8A8A8A;background-color:#FFFFFF}.button-grey-dark{color:#FFFFFF;background-color:#4A4A4A;border-color:#4A4A4A}.button-grey-dark:hover{color:#4A4A4A;background-color:#FFFFFF}.button-philco-orange{color:#FFFFFF;background-color:#f18a00;border-color:#f18a00}.button-philco-orange:hover{color:#f18a00;background-color:#FFFFFF}.button-philco-gray-90{color:#FFFFFF;background-color:#1d1d1B;border-color:#1d1d1B}.button-philco-gray-90:hover{color:#1d1d1B;background-color:#FFFFFF}.button-philco-gray-70{color:#FFFFFF;background-color:#7D7D7D;border-color:#7D7D7D}.button-philco-gray-70:hover{color:#7D7D7D;background-color:#FFFFFF}.button-philco-white{color:#FFFFFF;background-color:#FFFFFF;border-color:#FFFFFF}.button-philco-white:hover{color:#FFFFFF;background-color:#FFFFFF}.button-philco-success-green{color:#FFFFFF;background-color:#1Ec691;border-color:#1Ec691}.button-philco-success-green:hover{color:#1Ec691;background-color:#FFFFFF}.button-philco-error-coral{color:#FFFFFF;background-color:#F54242;border-color:#F54242}.button-philco-error-coral:hover{color:#F54242;background-color:#FFFFFF}.button-philco-gray-30{color:#FFFFFF;background-color:#BBBBBB;border-color:#BBBBBB}.button-philco-gray-30:hover{color:#BBBBBB;background-color:#FFFFFF}.button-philco-gray-20{color:#FFFFFF;background-color:#F6F6F6;border-color:#F6F6F6}.button-philco-gray-20:hover{color:#F6F6F6;background-color:#FFFFFF}.button-secondary{color:#000000}.button-secondary:hover{color:#000000;background-color:#FFFFFF;border-color:#000000}.button-brand-grey{color:#FFFFFF}.button-brand-grey:hover{background-color:#000000}.button-brand-mhf-turquoise:hover{background-color:#000000}.button-brand-afa-pink:hover{background-color:#000000}.button-white{color:#2C089B}.button-white:hover{color:#000000;background-color:#2AF135}.button-philco-gray-90{color:#FFFFFF}.button-philco-gray-90:hover{color:#1d1d1B;background-color:#f18a00}.button-philco-orange{color:#1d1d1B}.button-philco-orange:hover{color:#FFFFFF;background-color:#1d1d1B}.button-philco-white{color:#1d1d1B}.button-philco-white:hover{color:#1d1d1B !important;background-color:#f18a00 !important}.container.philco a{border-color:transparent}.container.disabled.philco .button{cursor:not-allowed;background-color:#BBBBBB !important;color:#FFFFFF}.container.disabled.philco .button:hover{background-color:#BBBBBB;color:#FFFFFF}.button-black{color:#FFFFFF}.button-black:hover{background-color:#FFFFFF}.button-grey-extra-light{color:#000000}.button-grey-extra-light:hover{background-color:#000000}.button-grey-light{color:#000000}.button-grey-light:hover{background-color:#000000}.button-grey-medium{color:#FFFFFF}.button-grey-medium:hover{background-color:#FFFFFF}.button-grey-dark{color:#FFFFFF}.button-grey-dark:hover{background-color:#FFFFFF}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{color:#2C089B;text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{color:#2AF135;text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{color:#FF7272;text-decoration:none;background-color:transparent}.button-clear-brand-cc-red{color:#B30510;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-cc-red:hover{color:#B30510;text-decoration:none;background-color:transparent}.button-clear-brand-wgmf-purple{color:#6E0887;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-wgmf-purple:hover{color:#6E0887;text-decoration:none;background-color:transparent}.button-clear-brand-gmf-green{color:#50B400;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-gmf-green:hover{color:#50B400;text-decoration:none;background-color:transparent}.button-clear-brand-emf-yellow{color:#FFE500;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-emf-yellow:hover{color:#FFE500;text-decoration:none;background-color:transparent}.button-clear-brand-c4c-orange{color:#F07D00;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-c4c-orange:hover{color:#F07D00;text-decoration:none;background-color:transparent}.button-clear-brand-afa-pink{color:#BF387D;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-afa-pink:hover{color:#BF387D;text-decoration:none;background-color:transparent}.button-clear-brand-scw-magenta{color:#EE2C65;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-scw-magenta:hover{color:#EE2C65;text-decoration:none;background-color:transparent}.button-clear-brand-mhf-turquoise{color:#62CFC9;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-mhf-turquoise:hover{color:#62CFC9;text-decoration:none;background-color:transparent}.button-clear-brand-grey{color:#CBC8C8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-grey:hover{color:#CBC8C8;text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-clear-black{color:#000000;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-black:hover{color:#000000;text-decoration:none;background-color:transparent}.button-clear-grey-extra-light{color:#D7D7D7;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-extra-light:hover{color:#D7D7D7;text-decoration:none;background-color:transparent}.button-clear-grey-light{color:#E8E8E8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-light:hover{color:#E8E8E8;text-decoration:none;background-color:transparent}.button-clear-grey-medium{color:#8A8A8A;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-medium:hover{color:#8A8A8A;text-decoration:none;background-color:transparent}.button-clear-grey-dark{color:#4A4A4A;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-dark:hover{color:#4A4A4A;text-decoration:none;background-color:transparent}.button-clear-philco-orange{color:#f18a00;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-philco-orange:hover{color:#f18a00;text-decoration:none;background-color:transparent}.button-clear-philco-gray-90{color:#1d1d1B;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-philco-gray-90:hover{color:#1d1d1B;text-decoration:none;background-color:transparent}.button-clear-philco-gray-70{color:#7D7D7D;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-philco-gray-70:hover{color:#7D7D7D;text-decoration:none;background-color:transparent}.button-clear-philco-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-philco-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-clear-philco-success-green{color:#1Ec691;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-philco-success-green:hover{color:#1Ec691;text-decoration:none;background-color:transparent}.button-clear-philco-error-coral{color:#F54242;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-philco-error-coral:hover{color:#F54242;text-decoration:none;background-color:transparent}.button-clear-philco-gray-30{color:#BBBBBB;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-philco-gray-30:hover{color:#BBBBBB;text-decoration:none;background-color:transparent}.button-clear-philco-gray-20{color:#F6F6F6;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-philco-gray-20:hover{color:#F6F6F6;text-decoration:none;background-color:transparent}";const e=n;const c=class{constructor(t){o(this,t);this.doButtonClick=r(this,"doButtonClick",7);this.spaceBelow=1;this.colourScheme="primary";this.label="Click me";this.openInNewTab=false;this.fullWidth=false;this.size="medium";this.rounded=false;this.centered=false;this.buttonId=undefined;this.siteDesign="biggive";this.disabled=false;this.handleButtonClick=o=>{this.doButtonClick.emit({event:o,url:o.target.parentElement.href})}}render(){const o=this.url||"javascript:void(0);";return t("div",{key:"8889492855641a0338e8a734b61572bfe3cf5080",class:"container space-below-"+this.spaceBelow+" centered-"+this.centered+" "+this.siteDesign+(this.disabled?" disabled":"")},t("a",{key:"112673260c993ce4ad7946c34de4374fa1de9eb9","pointer-events":this.disabled?"none":"auto","aria-disabled":this.disabled,role:"button",href:o,target:this.openInNewTab?"_blank":"_self",id:this.buttonId,class:"button button-"+this.colourScheme+" full-width-"+this.fullWidth.toString()+" size-"+this.size+" rounded-"+this.rounded.toString()},t("span",{key:"aa604d1e44eac21159d0e9ed694062922654fb41",onClick:this.disabled?()=>{}:this.handleButtonClick},this.label)))}};c.style=e;export{c as biggive_button};
|
|
2
|
+
//# sourceMappingURL=p-af22ff32.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["biggiveButtonCss","BiggiveButtonStyle0","BiggiveButton","constructor","hostRef","this","spaceBelow","colourScheme","label","openInNewTab","fullWidth","size","rounded","centered","buttonId","undefined","siteDesign","disabled","handleButtonClick","event","doButtonClick","emit","url","target","parentElement","href","render","h","key","class","role","id","toString","onClick"],"sources":["src/components/biggive-button/biggive-button.scss?tag=biggive-button&encapsulation=shadow","src/components/biggive-button/biggive-button.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n display: contents;\n}\n\n.container {\n font-family: inherit;\n a {\n display: inline-block;\n &.full-width-true {\n display: block;\n }\n }\n &.centered-true {\n text-align: center;\n }\n}\n\n.button {\n @include button();\n &.size-small {\n @include button-small();\n }\n\n &.button.rounded-true {\n @include button-rounded();\n }\n}\n\n@each $brand, $colour in $brandColours {\n .button-#{$brand} {\n color: $colour-white; // may be overridden by following rules. Later CSS rules have priority.\n background-color: $colour;\n border-color: $colour;\n &:hover {\n color: $colour;\n background-color: $colour-white; // may be overriden by following rules\n }\n }\n}\n\n.button-secondary {\n color: $colour-black;\n &:hover {\n color: $colour-black;\n background-color: $colour-white;\n border-color: $colour-black;\n }\n}\n\n.button-brand-grey {\n color: $colour-white;\n &:hover {\n background-color: $colour-black;\n }\n}\n\n.button-brand-mhf-turquoise {\n &:hover {\n background-color: $colour-black;\n }\n}\n\n.button-brand-afa-pink {\n &:hover {\n background-color: $colour-black;\n }\n}\n\n.button-white {\n color: $colour-primary-blue;\n &:hover {\n color: $colour-black;\n background-color: $colour-secondary-green;\n }\n}\n\n.button-philco-gray-90 {\n color: $colour-philco-white;\n &:hover {\n color: $colour-philco-gray-90;\n background-color: $colour-philco-orange;\n }\n}\n\n.button-philco-orange {\n color: $colour-philco-gray-90;\n &:hover {\n color: $colour-philco-white;\n background-color: $colour-philco-gray-90;\n }\n}\n\n.button-philco-white {\n color: $colour-philco-gray-90;\n &:hover {\n\n color: $colour-philco-gray-90 !important;\n background-color: $colour-philco-orange !important;\n }\n}\n\n.container.philco a {\n border-color: transparent;\n}\n\n.container.disabled.philco .button {\n cursor: not-allowed;\n background-color: $colour-philco-gray-30 !important;\n\n color: $colour-philco-white;\n &:hover {\n background-color: $colour-philco-gray-30;\n color: $colour-philco-white;\n }\n}\n\n.button-black {\n color: $colour-white;\n &:hover {\n background-color: $colour-white;\n }\n}\n\n.button-grey-extra-light {\n color: $colour-black;\n &:hover {\n background-color: $colour-black;\n }\n}\n\n.button-grey-light {\n color: $colour-black;\n &:hover {\n background-color: $colour-black;\n }}\n\n.button-grey-medium {\n color: $colour-white;\n &:hover {\n background-color: $colour-white;\n }\n}\n\n.button-grey-dark {\n color: $colour-white;\n &:hover {\n background-color: $colour-white;\n }\n}\n\n.button-rounded {\n @include button-rounded();\n }\n\n @each $brand, $colour in $brandColours {\n .button-clear-#{$brand} {\n color: $colour;\n background-color: transparent;\n text-decoration: underline;\n border: 0;\n padding-left: 0;\n padding-right: 0;\n &:hover {\n color: $colour;\n text-decoration: none;\n background-color: transparent;\n }\n }\n}\n","import { Component, Event, EventEmitter, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\n\n@Component({\n tag: 'biggive-button',\n styleUrl: 'biggive-button.scss',\n shadow: true,\n})\nexport class BiggiveButton {\n @Event({\n eventName: 'doButtonClick',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n doButtonClick: EventEmitter<{ event: object; url: string }>;\n\n /**\n * Space below component\n */\n @Prop() spaceBelow: number = 1;\n\n /**\n * Colour Scheme\n */\n @Prop() colourScheme: brandColour = 'primary';\n\n /**\n * Text\n */\n @Prop() label: string = 'Click me';\n\n /**\n * URL\n */\n @Prop() url: string | undefined;\n\n /**\n * New Tab\n */\n @Prop() openInNewTab: boolean = false;\n\n /**\n * Display full width\n */\n @Prop() fullWidth: boolean = false;\n\n /**\n * Size\n */\n @Prop() size: string = 'medium';\n\n /**\n * Rounded corners\n */\n @Prop() rounded: boolean = false;\n\n /**\n * Centered\n */\n @Prop() centered: boolean = false;\n\n @Prop() buttonId: undefined | string = undefined;\n\n @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n /**\n * For use only in philco site - the Big Give site does not use disabled\n * buttons and does not have a design for such.\n */\n @Prop() disabled = false;\n\n private handleButtonClick = (event: any) => {\n this.doButtonClick.emit({ event: event, url: event.target.parentElement.href });\n };\n\n render() {\n // We always want to have a href so that browsers will see this as a link and allow clicking with keybard.\n // If there's no or an empty href then it isn't possible to click by keyboard and we would have to handle keyboard\n // interaction separately.\n const href = this.url || 'javascript:void(0);';\n\n return (\n <div class={'container space-below-' + this.spaceBelow + ' centered-' + this.centered + ' ' + this.siteDesign + (this.disabled ? ' disabled' : '')}>\n <a\n pointer-events={this.disabled ? 'none' : 'auto'}\n aria-disabled={this.disabled}\n role=\"button\"\n href={href}\n target={this.openInNewTab ? '_blank' : '_self'}\n id={this.buttonId}\n class={'button button-' + this.colourScheme + ' full-width-' + this.fullWidth.toString() + ' size-' + this.size + ' rounded-' + this.rounded.toString()}\n >\n <span onClick={this.disabled ? () => {} : this.handleButtonClick}>{this.label}</span>\n </a>\n </div>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAmB,yzYACzB,MAAAC,EAAeD,E,MCOFE,EAAa,MAL1B,WAAAC,CAAAC,G,uDAiBUC,KAAAC,WAAqB,EAKrBD,KAAAE,aAA4B,UAK5BF,KAAAG,MAAgB,WAUhBH,KAAAI,aAAwB,MAKxBJ,KAAAK,UAAqB,MAKrBL,KAAAM,KAAe,SAKfN,KAAAO,QAAmB,MAKnBP,KAAAQ,SAAoB,MAEpBR,KAAAS,SAA+BC,UAE/BV,KAAAW,WAAmC,UAMnCX,KAAAY,SAAW,MAEXZ,KAAAa,kBAAqBC,IAC3Bd,KAAKe,cAAcC,KAAK,CAAEF,MAAOA,EAAOG,IAAKH,EAAMI,OAAOC,cAAcC,MAAO,C,CAGjF,MAAAC,GAIE,MAAMD,EAAOpB,KAAKiB,KAAO,sBAEzB,OACEK,EAAA,OAAAC,IAAA,2CAAKC,MAAO,yBAA2BxB,KAAKC,WAAa,aAAeD,KAAKQ,SAAW,IAAMR,KAAKW,YAAcX,KAAKY,SAAW,YAAc,KAC7IU,EAAA,KAAAC,IAAA,4DACkBvB,KAAKY,SAAW,OAAS,OAAM,gBAChCZ,KAAKY,SACpBa,KAAK,SACLL,KAAMA,EACNF,OAAQlB,KAAKI,aAAe,SAAW,QACvCsB,GAAI1B,KAAKS,SACTe,MAAO,iBAAmBxB,KAAKE,aAAe,eAAiBF,KAAKK,UAAUsB,WAAa,SAAW3B,KAAKM,KAAO,YAAcN,KAAKO,QAAQoB,YAE7IL,EAAA,QAAAC,IAAA,2CAAMK,QAAS5B,KAAKY,SAAW,OAAWZ,KAAKa,mBAAoBb,KAAKG,Q","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as o,h as e}from"./p-0cedd560.js";const r='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.image-wrap img{width:100%;height:auto}.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:contents}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;height:100%;background-color:white;text-align:center;margin-left:auto;margin-right:auto;max-width:600px;padding:60px}.container.philco{font-family:"Bitter", serif;font-size:16px;background-color:transparent}.container.philco .image-wrap svg{height:90px}.container .image-wrap{text-align:center;margin-bottom:15px}.container .image-wrap svg{height:30px;width:auto;margin:auto}.container .quote{margin-bottom:30px}.container.quote-icon-colour-primary .image-wrap path{fill:#2C089B}.container.quote-icon-colour-secondary .image-wrap path{fill:#2AF135}.container.quote-icon-colour-tertiary .image-wrap path{fill:#FF7272}.container.quote-icon-colour-brand-cc-red .image-wrap path{fill:#B30510}.container.quote-icon-colour-brand-wgmf-purple .image-wrap path{fill:#6E0887}.container.quote-icon-colour-brand-gmf-green .image-wrap path{fill:#50B400}.container.quote-icon-colour-brand-emf-yellow .image-wrap path{fill:#FFE500}.container.quote-icon-colour-brand-c4c-orange .image-wrap path{fill:#F07D00}.container.quote-icon-colour-brand-afa-pink .image-wrap path{fill:#BF387D}.container.quote-icon-colour-brand-scw-magenta .image-wrap path{fill:#EE2C65}.container.quote-icon-colour-brand-mhf-turquoise .image-wrap path{fill:#62CFC9}.container.quote-icon-colour-brand-grey .image-wrap path{fill:#CBC8C8}.container.quote-icon-colour-white .image-wrap path{fill:#FFFFFF}.container.quote-icon-colour-black .image-wrap path{fill:#000000}.container.quote-icon-colour-grey-extra-light .image-wrap path{fill:#D7D7D7}.container.quote-icon-colour-grey-light .image-wrap path{fill:#E8E8E8}.container.quote-icon-colour-grey-medium .image-wrap path{fill:#8A8A8A}.container.quote-icon-colour-grey-dark .image-wrap path{fill:#4A4A4A}.container.quote-icon-colour-philco-orange .image-wrap path{fill:#f18a00}.container.quote-icon-colour-philco-gray-90 .image-wrap path{fill:#1d1d1B}.container.quote-icon-colour-philco-gray-70 .image-wrap path{fill:#7D7D7D}.container.quote-icon-colour-philco-white .image-wrap path{fill:#FFFFFF}.container.quote-icon-colour-philco-success-green .image-wrap path{fill:#1Ec691}.container.quote-icon-colour-philco-error-coral .image-wrap path{fill:#F54242}.container.quote-icon-colour-philco-gray-30 .image-wrap path{fill:#BBBBBB}.container.quote-icon-colour-philco-gray-20 .image-wrap path{fill:#F6F6F6}@media screen and (max-width: 768px){.container{padding:45px}.container svg{width:40px;height:40px}}@media screen and (max-width: 576px){.container{padding:30px;font-size:13px;line-height:17px}.container svg{width:30px;height:30px}}@media screen and (max-width: 450px){.container{padding:15px}}.container.philco .attribution{font-weight:bolder;color:#7D7D7D}';const t=r;const a=class{constructor(e){o(this,e);this.spaceBelow=0;this.defaultTextColour="black";this.quote="";this.attribution="";this.quoteIconColour="primary";this.siteDesign="biggive"}render(){const o=this.siteDesign==="philco"?this.quote:`“${this.quote}”`;const r=this.siteDesign==="philco"?this.attribution:`- ${this.attribution}`;const t=e("svg",{key:"5de20dedf9b3f63e0d18a3c6f6db658773930ef4",width:"34",height:"24",viewBox:"0 0 34 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"4232e2d6813809c0e65b72b2bcb857adf78523bb",d:"M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z",fill:"#2C089B"}));const a=e("svg",{key:"801adfd0b7b04c3ce3f4ba8c959399af9ed46767",width:"472",height:"86",viewBox:"0 0 472 86",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"424767034f03aa08fcde792af2effed57b3e7828",d:"M218.139 82.2C203.139 82.2 194.539 70.2 194.539 50.2C194.539 28.4 206.339 11.4 229.539 0.799992L237.339 16.4C222.539 23 214.939 32.8 214.939 46.8L216.139 65.8L204.339 49.4C207.939 46.2 213.939 43.6 218.939 43.6C229.739 43.6 237.139 51 237.139 62C237.139 74.2 229.139 82.2 218.139 82.2ZM271.339 82.2C256.339 82.2 247.739 70.2 247.739 50.2C247.739 28.4 259.539 11.4 282.739 0.799992L290.539 16.4C275.739 23 268.139 32.8 268.139 46.8L269.339 65.8L257.539 49.4C261.139 46.2 267.139 43.6 272.139 43.6C282.939 43.6 290.339 51 290.339 62C290.339 74.2 282.339 82.2 271.339 82.2Z",fill:"#F18A00"}));return e("div",{key:"02da30d77792fb4a463ba66a513eb98f127d2dae",class:"container text-colour-"+this.defaultTextColour+" quote-icon-colour-"+this.quoteIconColour+" space-below-"+this.spaceBelow+" "+this.siteDesign},e("div",{key:"2518585cff80d128faf19c8f67909e7c003c12b5",class:"image-wrap"},this.siteDesign==="philco"?a:t),e("div",{key:"8c5e0f38c369fe9539311fe9004bfd072553688e",class:"quote"},o),e("div",{key:"f5b981bdd4da90849dff4ecd6015466ed4ccf5f2",class:"attribution"},r))}};a.style=t;export{a as biggive_quote};
|
|
2
|
+
//# sourceMappingURL=p-f63ef6ee.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["biggiveQuoteCss","BiggiveQuoteStyle0","BiggiveQuote","constructor","hostRef","this","spaceBelow","defaultTextColour","quote","attribution","quoteIconColour","siteDesign","render","bigGiveQuoteMarks","h","key","width","height","viewBox","fill","xmlns","d","philcoQuoteMarks","class"],"sources":["src/components/biggive-quote/biggive-quote.scss?tag=biggive-quote&encapsulation=shadow","src/components/biggive-quote/biggive-quote.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include all-round-shadow();\n @include standard-font();\n height: 100%;\n background-color: white;\n &.philco {\n @include philco-body-font();\n background-color: transparent;\n .image-wrap {\n svg {\n height: 90px;\n }\n }\n }\n text-align: center;\n margin-left: auto;\n margin-right: auto;\n max-width: 600px;\n padding: $spacer-6;\n .image-wrap {\n text-align: center;\n margin-bottom: $spacer-3;\n svg {\n height: 30px;\n width: auto;\n margin: auto;\n }\n }\n .quote {\n margin-bottom: $spacer-4;\n }\n\n @each $key, $colour in $brandColours {\n &.quote-icon-colour-#{$key} .image-wrap path { fill: $colour; }\n }\n\n\n @media screen and (max-width: $screen-tablet-max) {\n padding: $spacer-5;\n svg {\n width: 40px;\n height: 40px;\n }\n }\n\n @media screen and (max-width: $screen-mobile-max) {\n padding: $spacer-4;\n @include font-size-small();\n\n svg {\n width: 30px;\n height: 30px;\n }\n }\n\n @media screen and (max-width: $screen-mobile-small) {\n padding: $spacer-3;\n }\n\n &.philco .attribution {\n font-weight: bolder;\n color: $colour-philco-gray-70;\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-quote',\n styleUrl: 'biggive-quote.scss',\n shadow: true,\n})\nexport class BiggiveQuote {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() defaultTextColour: brandColour = 'black';\n\n @Prop() quote: string = '';\n\n @Prop() attribution: string = '';\n\n @Prop() quoteIconColour: brandColour = 'primary';\n\n @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n render() {\n const quote = this.siteDesign === 'philco' ? this.quote : `“${this.quote}”`;\n const attribution = this.siteDesign === 'philco' ? this.attribution : `- ${this.attribution}`;\n\n const bigGiveQuoteMarks = (\n <svg width=\"34\" height=\"24\" viewBox=\"0 0 34 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z\" fill=\"#2C089B\" />\n </svg>\n );\n\n const philcoQuoteMarks = (\n <svg width=\"472\" height=\"86\" viewBox=\"0 0 472 86\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M218.139 82.2C203.139 82.2 194.539 70.2 194.539 50.2C194.539 28.4 206.339 11.4 229.539 0.799992L237.339 16.4C222.539 23 214.939 32.8 214.939 46.8L216.139 65.8L204.339 49.4C207.939 46.2 213.939 43.6 218.939 43.6C229.739 43.6 237.139 51 237.139 62C237.139 74.2 229.139 82.2 218.139 82.2ZM271.339 82.2C256.339 82.2 247.739 70.2 247.739 50.2C247.739 28.4 259.539 11.4 282.739 0.799992L290.539 16.4C275.739 23 268.139 32.8 268.139 46.8L269.339 65.8L257.539 49.4C261.139 46.2 267.139 43.6 272.139 43.6C282.939 43.6 290.339 51 290.339 62C290.339 74.2 282.339 82.2 271.339 82.2Z\"\n fill=\"#F18A00\"\n />\n </svg>\n );\n\n return (\n <div class={'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow + ' ' + this.siteDesign}>\n <div class=\"image-wrap\">{this.siteDesign === 'philco' ? philcoQuoteMarks : bigGiveQuoteMarks}</div>\n <div class=\"quote\">{quote}</div>\n <div class=\"attribution\">{attribution}</div>\n </div>\n );\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAAkB,+xKACxB,MAAAC,EAAeD,E,MCQFE,EAAY,MALzB,WAAAC,CAAAC,G,UAMUC,KAAAC,WAA4B,EAE5BD,KAAAE,kBAAiC,QAEjCF,KAAAG,MAAgB,GAEhBH,KAAAI,YAAsB,GAEtBJ,KAAAK,gBAA+B,UAE/BL,KAAAM,WAAmC,S,CAE3C,MAAAC,GACE,MAAMJ,EAAQH,KAAKM,aAAe,SAAWN,KAAKG,MAAQ,IAAIH,KAAKG,SACnE,MAAMC,EAAcJ,KAAKM,aAAe,SAAWN,KAAKI,YAAc,KAAKJ,KAAKI,cAEhF,MAAMI,EACJC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAChEN,EAAA,QAAAC,IAAA,2CAAMM,EAAE,mFAAmFF,KAAK,aAIpG,MAAMG,EACJR,EAAA,OAAAC,IAAA,2CAAKC,MAAM,MAAMC,OAAO,KAAKC,QAAQ,aAAaC,KAAK,OAAOC,MAAM,8BAClEN,EAAA,QAAAC,IAAA,2CACEM,EAAE,6jBACFF,KAAK,aAKX,OACEL,EAAA,OAAAC,IAAA,2CAAKQ,MAAO,yBAA2BlB,KAAKE,kBAAoB,sBAAwBF,KAAKK,gBAAkB,gBAAkBL,KAAKC,WAAa,IAAMD,KAAKM,YAC5JG,EAAA,OAAAC,IAAA,2CAAKQ,MAAM,cAAclB,KAAKM,aAAe,SAAWW,EAAmBT,GAC3EC,EAAA,OAAAC,IAAA,2CAAKQ,MAAM,SAASf,GACpBM,EAAA,OAAAC,IAAA,2CAAKQ,MAAM,eAAed,G","ignoreList":[]}
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-68d18263.js');
|
|
6
6
|
|
|
7
|
-
const biggiveBasicCardCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-philco-orange:hover,.background-colour-philco-orange{background-color:#f18a00}.background-colour-hover-philco-gray-90:hover,.background-colour-philco-gray-90{background-color:#1d1d1B}.background-colour-hover-philco-gray-70:hover,.background-colour-philco-gray-70{background-color:#7D7D7D}.background-colour-hover-philco-white:hover,.background-colour-philco-white{background-color:#FFFFFF}.background-colour-hover-philco-success-green:hover,.background-colour-philco-success-green{background-color:#1Ec691}.background-colour-hover-philco-error-coral:hover,.background-colour-philco-error-coral{background-color:#F54242}.background-colour-hover-philco-gray-30:hover,.background-colour-philco-gray-30{background-color:#BBBBBB}.background-colour-hover-philco-gray-20:hover,.background-colour-philco-gray-20{background-color:#F6F6F6}.border-colour-primary{border-color:#2C089B}.border-colour-secondary{border-color:#2AF135}.border-colour-tertiary{border-color:#FF7272}.border-colour-brand-cc-red{border-color:#B30510}.border-colour-brand-wgmf-purple{border-color:#6E0887}.border-colour-brand-gmf-green{border-color:#50B400}.border-colour-brand-emf-yellow{border-color:#FFE500}.border-colour-brand-c4c-orange{border-color:#F07D00}.border-colour-brand-afa-pink{border-color:#BF387D}.border-colour-brand-scw-magenta{border-color:#EE2C65}.border-colour-brand-mhf-turquoise{border-color:#62CFC9}.border-colour-brand-grey{border-color:#CBC8C8}.border-colour-white{border-color:#FFFFFF}.border-colour-black{border-color:#000000}.border-colour-grey-extra-light{border-color:#D7D7D7}.border-colour-grey-light{border-color:#E8E8E8}.border-colour-grey-medium{border-color:#8A8A8A}.border-colour-grey-dark{border-color:#4A4A4A}.border-colour-philco-orange{border-color:#f18a00}.border-colour-philco-gray-90{border-color:#1d1d1B}.border-colour-philco-gray-70{border-color:#7D7D7D}.border-colour-philco-white{border-color:#FFFFFF}.border-colour-philco-success-green{border-color:#1Ec691}.border-colour-philco-error-coral{border-color:#F54242}.border-colour-philco-gray-30{border-color:#BBBBBB}.border-colour-philco-gray-20{border-color:#F6F6F6}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-scw-magenta{fill:#EE2C65}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-philco-orange{fill:#f18a00}.fill-philco-gray-90{fill:#1d1d1B}.fill-philco-gray-70{fill:#7D7D7D}.fill-philco-white{fill:#FFFFFF}.fill-philco-success-green{fill:#1Ec691}.fill-philco-error-coral{fill:#F54242}.fill-philco-gray-30{fill:#BBBBBB}.fill-philco-gray-20{fill:#F6F6F6}.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:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:center;background-size:cover;background-position:center center;padding:30px;height:100%;white-space:pre-wrap}.container.philco{border-bottom:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:0;text-align:left;height:auto;box-shadow:0 0 24px 0 #BBBBBB;border-top:12px solid #f18a00}.container.philco .title{font-family:\"Garage Gothic\", sans-serif;font-weight:700;font-size:24px;line-height:30px;margin-top:0;margin-bottom:10px;text-transform:uppercase}.container.philco .subtitle{color:#7D7D7D}.container.philco .subtitle .divider{color:#f18a00}.container a,.container a:hover{text-decoration:none}.container .sleeve{padding:30px;height:100%;box-sizing:border-box;transition:all 1s ease-in-out}.container.add-animation-true:hover .sleeve{margin:-30px;padding:60px;height:calc(100% + 60px)}.container.clip-bottom-left-corner-false.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 0% 100%, 0 100%)}.container.clip-bottom-left-corner-true.clip-top-right-corner-false .sleeve{clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container.clip-bottom-left-corner-true.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .icon svg{width:50px;height:auto}.container .title{font-size:25px;line-height:32px;font-weight:bold;margin-bottom:15px}.container .subtitle{margin-bottom:15px}.container .main-image-container{margin-bottom:15px}.container .main-image-container img{width:100%;height:auto}.container .button-wrap{text-align:center}.container .button-wrap.align-left{text-align:left}.container .button-wrap.align-right{text-align:right}";
|
|
7
|
+
const biggiveBasicCardCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-philco-orange:hover,.background-colour-philco-orange{background-color:#f18a00}.background-colour-hover-philco-gray-90:hover,.background-colour-philco-gray-90{background-color:#1d1d1B}.background-colour-hover-philco-gray-70:hover,.background-colour-philco-gray-70{background-color:#7D7D7D}.background-colour-hover-philco-white:hover,.background-colour-philco-white{background-color:#FFFFFF}.background-colour-hover-philco-success-green:hover,.background-colour-philco-success-green{background-color:#1Ec691}.background-colour-hover-philco-error-coral:hover,.background-colour-philco-error-coral{background-color:#F54242}.background-colour-hover-philco-gray-30:hover,.background-colour-philco-gray-30{background-color:#BBBBBB}.background-colour-hover-philco-gray-20:hover,.background-colour-philco-gray-20{background-color:#F6F6F6}.border-colour-primary{border-color:#2C089B}.border-colour-secondary{border-color:#2AF135}.border-colour-tertiary{border-color:#FF7272}.border-colour-brand-cc-red{border-color:#B30510}.border-colour-brand-wgmf-purple{border-color:#6E0887}.border-colour-brand-gmf-green{border-color:#50B400}.border-colour-brand-emf-yellow{border-color:#FFE500}.border-colour-brand-c4c-orange{border-color:#F07D00}.border-colour-brand-afa-pink{border-color:#BF387D}.border-colour-brand-scw-magenta{border-color:#EE2C65}.border-colour-brand-mhf-turquoise{border-color:#62CFC9}.border-colour-brand-grey{border-color:#CBC8C8}.border-colour-white{border-color:#FFFFFF}.border-colour-black{border-color:#000000}.border-colour-grey-extra-light{border-color:#D7D7D7}.border-colour-grey-light{border-color:#E8E8E8}.border-colour-grey-medium{border-color:#8A8A8A}.border-colour-grey-dark{border-color:#4A4A4A}.border-colour-philco-orange{border-color:#f18a00}.border-colour-philco-gray-90{border-color:#1d1d1B}.border-colour-philco-gray-70{border-color:#7D7D7D}.border-colour-philco-white{border-color:#FFFFFF}.border-colour-philco-success-green{border-color:#1Ec691}.border-colour-philco-error-coral{border-color:#F54242}.border-colour-philco-gray-30{border-color:#BBBBBB}.border-colour-philco-gray-20{border-color:#F6F6F6}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-scw-magenta{fill:#EE2C65}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-philco-orange{fill:#f18a00}.fill-philco-gray-90{fill:#1d1d1B}.fill-philco-gray-70{fill:#7D7D7D}.fill-philco-white{fill:#FFFFFF}.fill-philco-success-green{fill:#1Ec691}.fill-philco-error-coral{fill:#F54242}.fill-philco-gray-30{fill:#BBBBBB}.fill-philco-gray-20{fill:#F6F6F6}.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:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:center;background-size:cover;background-position:center center;padding:30px;height:100%;white-space:pre-wrap}.container.philco{font-family:\"Bitter\", serif;font-size:16px;border-bottom:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:0;text-align:left;height:auto;box-shadow:0 0 24px 0 #BBBBBB;border-top:12px solid #f18a00}.container.philco .title{font-family:\"Garage Gothic\", sans-serif;font-weight:700;font-size:24px;line-height:30px;margin-top:0;margin-bottom:10px;text-transform:uppercase}.container.philco .subtitle{font-family:\"Bitter\", serif;color:#7D7D7D}.container.philco .subtitle .divider{color:#f18a00}.container a,.container a:hover{text-decoration:none}.container .sleeve{padding:30px;height:100%;box-sizing:border-box;transition:all 1s ease-in-out}.container.add-animation-true:hover .sleeve{margin:-30px;padding:60px;height:calc(100% + 60px)}.container.clip-bottom-left-corner-false.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 0% 100%, 0 100%)}.container.clip-bottom-left-corner-true.clip-top-right-corner-false .sleeve{clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container.clip-bottom-left-corner-true.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .icon svg{width:50px;height:auto}.container .title{font-size:25px;line-height:32px;font-weight:bold;margin-bottom:15px}.container .subtitle{margin-bottom:15px}.container .main-image-container{margin-bottom:15px}.container .main-image-container img{width:100%;height:auto}.container .button-wrap{text-align:center}.container .button-wrap.align-left{text-align:left}.container .button-wrap.align-right{text-align:right}";
|
|
8
8
|
const BiggiveBasicCardStyle0 = biggiveBasicCardCss;
|
|
9
9
|
|
|
10
10
|
const BiggiveBasicCard = class {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"biggive-basic-card.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,mBAAmB,GAAG,
|
|
1
|
+
{"file":"biggive-basic-card.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,mBAAmB,GAAG,qtSAAqtS,CAAC;AAClvS,+BAAe,mBAAmB;;MCQrB,gBAAgB;IAL7B;;QAMU,eAAU,GAAkB,CAAC,CAAC;QAE9B,eAAU,GAAyB,SAAS,CAAC;QAE7C,qBAAgB,GAAgB,SAAS,CAAC;QAE1C,uBAAkB,GAAW,EAAE,CAAC;QAEhC,eAAU,GAAgB,OAAO,CAAC;QAElC,eAAU,GAAgB,OAAO,CAAC;QAElC,iBAAY,GAAY,SAAS,CAAC;QAMlC,aAAQ,GAAW,EAAE,CAAC;QAEtB,WAAM,GAAW,EAAE,CAAC;QAEpB,SAAI,GAAW,EAAE,CAAC;QAIlB,SAAI,GAAY,IAAI,CAAC;QAErB,eAAU,GAAgB,SAAS,CAAC;QAEpC,gBAAW,GAAW,QAAQ,CAAC;QAE/B,gBAAW,GAAW,UAAU,CAAC;QAMjC,uBAAkB,GAAW,eAAe,CAAC;QAE7C,yBAAoB,GAAY,IAAI,CAAC;QAErC,uBAAkB,GAAY,IAAI,CAAC;QAEnC,iBAAY,GAA0B,CAAC,CAAC;QAExC,iBAAY,GAAY,KAAK,CAAC;KA6DvC;IA3DC,MAAM;QACJ,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;QAE3C,QACEA,kEACE,KAAK,EACH,wBAAwB;gBACxB,IAAI,CAAC,UAAU;gBACf,qBAAqB;gBACrB,IAAI,CAAC,gBAAgB;iBACpB,IAAI,CAAC,UAAU,KAAK,QAAQ,GAAG,iBAAiB,GAAG,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;gBAC/E,2BAA2B;gBAC3B,IAAI,CAAC,oBAAoB;gBACzB,yBAAyB;gBACzB,IAAI,CAAC,kBAAkB;gBACvB,iBAAiB;gBACjB,IAAI,CAAC,YAAY;gBACjB,GAAG;gBACH,IAAI,CAAC,UAAU,EAEjB,KAAK,EAAE,EAAE,kBAAkB,EAAE,OAAO,GAAG,IAAI,CAAC,kBAAkB,GAAG,IAAI,EAAE,IAEvEA,gEAAG,IAAI,EAAE,IAAI,CAAC,SAAS,IACrBA,kEAAK,KAAK,EAAE,2BAA2B,GAAG,IAAI,CAAC,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,IAC3FA,kEAAK,KAAK,EAAC,cAAc,IACtB,IAAI,CAAC,IAAI,IAAI,IAAI,IAChBA,iBAAK,KAAK,EAAC,MAAM,IACfA,iBAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC5FA,kBAAM,CAAC,EAAC,2DAA2D,EAAC,KAAK,EAAC,YAAY,GAAG,EACzFA,kBAAM,CAAC,EAAC,+EAA+E,EAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,GAAI,CACxH,CACF,IACJ,IAAI,EACP,IAAI,CAAC,YAAY,IAAI,EAAE,IACtBA,iBAAK,KAAK,EAAC,sBAAsB,IAC/BA,iBAAK,KAAK,EAAC,YAAY,IACrBA,iBAAK,GAAG,EAAE,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE,IAAI,CAAC,gBAAgB,EAAE,KAAK,EAAE,IAAI,CAAC,gBAAgB,GAAI,CACrF,CACF,IACJ,IAAI,EACRA,QAAC,UAAU,qDAAC,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,SAAS,CAAc,EACtD,IAAI,CAAC,MAAM,KAAK,EAAE,IAAI,IAAI,CAAC,IAAI,KAAK,EAAE,IACrCA,iBAAK,KAAK,EAAC,UAAU,IAClB,IAAI,CAAC,MAAM,OAAEA,kBAAM,KAAK,EAAC,SAAS,QAAS,OAAE,IAAI,CAAC,IAAI,CACnD,IACJ,IAAI,EACP,IAAI,CAAC,QAAQ,KAAK,EAAE,GAAGA,iBAAK,KAAK,EAAC,UAAU,IAAE,IAAI,CAAC,QAAQ,CAAO,GAAG,IAAI,EAC1EA,kEAAK,KAAK,EAAC,QAAQ,IAAE,IAAI,CAAC,MAAM,CAAO,EACtC,IAAI,CAAC,WAAW,IAAI,IAAI,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,IAAI,IAAI,CAAC,SAAS,IAAI,EAAE,IACzEA,iBAAK,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC,WAAW,IACjDA,6CAA+B,IAAI,CAAC,kBAAkB,EAAE,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,EAAE,IAAI,CAAC,UAAU,KAAK,QAAQ,GAAmB,CAC1J,IACJ,IAAI,CACJ,CACF,CACJ,CACA,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/biggive-basic-card/biggive-basic-card.scss?tag=biggive-basic-card&encapsulation=shadow","src/components/biggive-basic-card/biggive-basic-card.tsx"],"sourcesContent":["@include backgrounds();\n@include borders();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n position: relative;\n text-align: center;\n background-size: cover;\n background-position: center center;\n padding: $spacer-4;\n &.philco {\n @include philco-body-font();\n border-bottom: 12px;\n border-bottom-left-radius: 12px;\n border-bottom-right-radius: 12px;\n padding: 0;\n text-align: left;\n height: auto;\n box-shadow: 0 0 24px 0 $colour-philco-gray-30;\n\n .title {\n @include philco-heading-font();\n @include font-size-large();\n margin-top: 0;\n margin-bottom: $spacer-2;\n text-transform: uppercase;\n }\n\n .subtitle {\n @include philco-subhead-font();\n color: $colour-philco-gray-70;\n .divider {\n color: $colour-philco-orange;\n }\n }\n\n border-top: 12px solid $colour-philco-orange;\n }\n height: 100%;\n white-space: pre-wrap;\n a,\n a:hover {\n text-decoration: none;\n }\n .sleeve {\n padding: $spacer-4;\n height: 100%;\n box-sizing: border-box;\n transition: all 1s ease-in-out;\n }\n &.add-animation-true:hover .sleeve {\n margin: -30px;\n padding: 60px;\n height: calc(100% + 60px);\n }\n &.clip-bottom-left-corner-false.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-top-right();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-false {\n .sleeve {\n @include corner-clip-medium-bottom-left();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-bottom-left-top-right();\n }\n }\n\n .icon {\n svg {\n width: 50px;\n height: auto;\n }\n }\n .title {\n // these have to be the heading level passed in based on order of headings, but in terms of design we want it look like H3.\n @include heading-3();\n margin-bottom: $spacer-3;\n }\n .subtitle {\n margin-bottom: $spacer-3;\n }\n .main-image-container {\n margin-bottom: 15px;\n img {\n width: 100%;\n height: auto;\n }\n }\n .button-wrap {\n text-align: center;\n &.align-left {\n text-align: left;\n }\n &.align-right {\n text-align: right;\n }\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-basic-card',\n styleUrl: 'biggive-basic-card.scss',\n shadow: true,\n})\nexport class BiggiveBasicCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n @Prop() backgroundColour: brandColour = 'primary';\n\n @Prop() backgroundImageUrl: string = '';\n\n @Prop() cardColour: brandColour = 'white';\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() mainImageUrl?: string = undefined;\n\n @Prop() mainImageAltText: string;\n\n @Prop() mainTitle: string;\n\n @Prop() subtitle: string = '';\n\n @Prop() author: string = '';\n\n @Prop() date: string = '';\n\n @Prop() teaser: string;\n\n @Prop() icon: boolean = true;\n\n @Prop() iconColour: brandColour = 'primary';\n\n @Prop() buttonAlign: string = 'center';\n\n @Prop() buttonStyle: string = 'standard';\n\n @Prop() buttonLabel: string;\n\n @Prop() buttonUrl: string;\n\n @Prop() buttonColourScheme: string = 'clear-primary';\n\n @Prop() clipBottomLeftCorner: boolean = true;\n\n @Prop() clipTopRightCorner: boolean = true;\n\n @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 3;\n\n @Prop() addAnimation: boolean = false;\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n\n return (\n <div\n class={\n 'container space-below-' +\n this.spaceBelow +\n ' background-colour-' +\n this.backgroundColour +\n (this.siteDesign === 'philco' ? ' border-colour-' + this.backgroundColour : '') +\n ' clip-bottom-left-corner-' +\n this.clipBottomLeftCorner +\n ' clip-top-right-corner-' +\n this.clipTopRightCorner +\n ' add-animation-' +\n this.addAnimation +\n ' ' +\n this.siteDesign\n }\n style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n >\n <a href={this.buttonUrl}>\n <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n <div class=\"content-wrap\">\n {this.icon == true ? (\n <div class=\"icon\">\n <svg width=\"53\" height=\"39\" viewBox=\"0 0 53 39\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z\" class=\"fill-black\" />\n <path d=\"M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z\" class={'fill-' + this.iconColour} />\n </svg>\n </div>\n ) : null}\n {this.mainImageUrl != '' ? (\n <div class=\"main-image-container\">\n <div class=\"image-wrap\">\n <img src={this.mainImageUrl} alt={this.mainImageAltText} title={this.mainImageAltText} />\n </div>\n </div>\n ) : null}\n <HeadingTag class=\"title\">{this.mainTitle}</HeadingTag>\n {this.author !== '' || this.date !== '' ? (\n <div class=\"subtitle\">\n {this.author} <span class=\"divider\">|</span> {this.date}\n </div>\n ) : null}\n {this.subtitle !== '' ? <div class=\"subtitle\">{this.subtitle}</div> : null}\n <div class=\"teaser\">{this.teaser}</div>\n {this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (\n <div class={'button-wrap align-' + this.buttonAlign}>\n <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel} rounded={this.siteDesign === 'philco'}></biggive-button>\n </div>\n ) : null}\n </div>\n </div>\n </a>\n </div>\n );\n }\n}\n"],"version":3}
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-68d18263.js');
|
|
6
6
|
|
|
7
|
-
const biggiveButtonCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container a{display:inline-block}.container a.full-width-true{display:block}.container.centered-true{text-align:center}.button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#FFFFFF;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{color:#2AF135;background-color:#FFFFFF}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{color:#FF7272;background-color:#FFFFFF}.button-brand-cc-red{color:#FFFFFF;background-color:#B30510;border-color:#B30510}.button-brand-cc-red:hover{color:#B30510;background-color:#FFFFFF}.button-brand-wgmf-purple{color:#FFFFFF;background-color:#6E0887;border-color:#6E0887}.button-brand-wgmf-purple:hover{color:#6E0887;background-color:#FFFFFF}.button-brand-gmf-green{color:#FFFFFF;background-color:#50B400;border-color:#50B400}.button-brand-gmf-green:hover{color:#50B400;background-color:#FFFFFF}.button-brand-emf-yellow{color:#FFFFFF;background-color:#FFE500;border-color:#FFE500}.button-brand-emf-yellow:hover{color:#FFE500;background-color:#FFFFFF}.button-brand-c4c-orange{color:#FFFFFF;background-color:#F07D00;border-color:#F07D00}.button-brand-c4c-orange:hover{color:#F07D00;background-color:#FFFFFF}.button-brand-afa-pink{color:#FFFFFF;background-color:#BF387D;border-color:#BF387D}.button-brand-afa-pink:hover{color:#BF387D;background-color:#FFFFFF}.button-brand-scw-magenta{color:#FFFFFF;background-color:#EE2C65;border-color:#EE2C65}.button-brand-scw-magenta:hover{color:#EE2C65;background-color:#FFFFFF}.button-brand-mhf-turquoise{color:#FFFFFF;background-color:#62CFC9;border-color:#62CFC9}.button-brand-mhf-turquoise:hover{color:#62CFC9;background-color:#FFFFFF}.button-brand-grey{color:#FFFFFF;background-color:#CBC8C8;border-color:#CBC8C8}.button-brand-grey:hover{color:#CBC8C8;background-color:#FFFFFF}.button-white{color:#FFFFFF;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#FFFFFF;background-color:#FFFFFF}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-grey-extra-light{color:#FFFFFF;background-color:#D7D7D7;border-color:#D7D7D7}.button-grey-extra-light:hover{color:#D7D7D7;background-color:#FFFFFF}.button-grey-light{color:#FFFFFF;background-color:#E8E8E8;border-color:#E8E8E8}.button-grey-light:hover{color:#E8E8E8;background-color:#FFFFFF}.button-grey-medium{color:#FFFFFF;background-color:#8A8A8A;border-color:#8A8A8A}.button-grey-medium:hover{color:#8A8A8A;background-color:#FFFFFF}.button-grey-dark{color:#FFFFFF;background-color:#4A4A4A;border-color:#4A4A4A}.button-grey-dark:hover{color:#4A4A4A;background-color:#FFFFFF}.button-philco-orange{color:#FFFFFF;background-color:#f18a00;border-color:#f18a00}.button-philco-orange:hover{color:#f18a00;background-color:#FFFFFF}.button-philco-gray-90{color:#FFFFFF;background-color:#1d1d1B;border-color:#1d1d1B}.button-philco-gray-90:hover{color:#1d1d1B;background-color:#FFFFFF}.button-philco-gray-70{color:#FFFFFF;background-color:#7D7D7D;border-color:#7D7D7D}.button-philco-gray-70:hover{color:#7D7D7D;background-color:#FFFFFF}.button-philco-white{color:#FFFFFF;background-color:#FFFFFF;border-color:#FFFFFF}.button-philco-white:hover{color:#FFFFFF;background-color:#FFFFFF}.button-philco-success-green{color:#FFFFFF;background-color:#1Ec691;border-color:#1Ec691}.button-philco-success-green:hover{color:#1Ec691;background-color:#FFFFFF}.button-philco-error-coral{color:#FFFFFF;background-color:#F54242;border-color:#F54242}.button-philco-error-coral:hover{color:#F54242;background-color:#FFFFFF}.button-philco-gray-30{color:#FFFFFF;background-color:#BBBBBB;border-color:#BBBBBB}.button-philco-gray-30:hover{color:#BBBBBB;background-color:#FFFFFF}.button-philco-gray-20{color:#FFFFFF;background-color:#F6F6F6;border-color:#F6F6F6}.button-philco-gray-20:hover{color:#F6F6F6;background-color:#FFFFFF}.button-secondary{color:#000000}.button-secondary:hover{color:#000000;background-color:#FFFFFF;border-color:#000000}.button-brand-grey{color:#FFFFFF}.button-brand-grey:hover{background-color:#000000}.button-brand-mhf-turquoise:hover{background-color:#000000}.button-brand-afa-pink:hover{background-color:#000000}.button-white{color:#2C089B}.button-white:hover{color:#000000;background-color:#2AF135}.button-philco-gray-90{color:#FFFFFF}.button-philco-gray-90:hover{color:#1d1d1B;background-color:#f18a00}.button-philco-orange{color:#1d1d1B}.button-philco-orange:hover{color:#FFFFFF;background-color:#1d1d1B}.button-philco-white{color:#1d1d1B}.button-philco-white:hover{color:#1d1d1B !important;background-color:#f18a00 !important}.container.philco a{border-color:transparent}.container.disabled.philco .button{cursor:not-allowed;background-color:#BBBBBB !important;color:#FFFFFF}.container.disabled.philco .button:hover{background-color:#BBBBBB;color:#FFFFFF}.button-black{color:#FFFFFF}.button-black:hover{background-color:#FFFFFF}.button-grey-extra-light{color:#000000}.button-grey-extra-light:hover{background-color:#000000}.button-grey-light{color:#000000}.button-grey-light:hover{background-color:#000000}.button-grey-medium{color:#FFFFFF}.button-grey-medium:hover{background-color:#FFFFFF}.button-grey-dark{color:#FFFFFF}.button-grey-dark:hover{background-color:#FFFFFF}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{color:#2C089B;text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{color:#2AF135;text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{color:#FF7272;text-decoration:none;background-color:transparent}.button-clear-brand-cc-red{color:#B30510;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-cc-red:hover{color:#B30510;text-decoration:none;background-color:transparent}.button-clear-brand-wgmf-purple{color:#6E0887;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-wgmf-purple:hover{color:#6E0887;text-decoration:none;background-color:transparent}.button-clear-brand-gmf-green{color:#50B400;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-gmf-green:hover{color:#50B400;text-decoration:none;background-color:transparent}.button-clear-brand-emf-yellow{color:#FFE500;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-emf-yellow:hover{color:#FFE500;text-decoration:none;background-color:transparent}.button-clear-brand-c4c-orange{color:#F07D00;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-c4c-orange:hover{color:#F07D00;text-decoration:none;background-color:transparent}.button-clear-brand-afa-pink{color:#BF387D;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-afa-pink:hover{color:#BF387D;text-decoration:none;background-color:transparent}.button-clear-brand-scw-magenta{color:#EE2C65;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-scw-magenta:hover{color:#EE2C65;text-decoration:none;background-color:transparent}.button-clear-brand-mhf-turquoise{color:#62CFC9;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-mhf-turquoise:hover{color:#62CFC9;text-decoration:none;background-color:transparent}.button-clear-brand-grey{color:#CBC8C8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-grey:hover{color:#CBC8C8;text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-clear-black{color:#000000;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-black:hover{color:#000000;text-decoration:none;background-color:transparent}.button-clear-grey-extra-light{color:#D7D7D7;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-extra-light:hover{color:#D7D7D7;text-decoration:none;background-color:transparent}.button-clear-grey-light{color:#E8E8E8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-light:hover{color:#E8E8E8;text-decoration:none;background-color:transparent}.button-clear-grey-medium{color:#8A8A8A;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-medium:hover{color:#8A8A8A;text-decoration:none;background-color:transparent}.button-clear-grey-dark{color:#4A4A4A;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-dark:hover{color:#4A4A4A;text-decoration:none;background-color:transparent}.button-clear-philco-orange{color:#f18a00;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-philco-orange:hover{color:#f18a00;text-decoration:none;background-color:transparent}.button-clear-philco-gray-90{color:#1d1d1B;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-philco-gray-90:hover{color:#1d1d1B;text-decoration:none;background-color:transparent}.button-clear-philco-gray-70{color:#7D7D7D;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-philco-gray-70:hover{color:#7D7D7D;text-decoration:none;background-color:transparent}.button-clear-philco-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-philco-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-clear-philco-success-green{color:#1Ec691;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-philco-success-green:hover{color:#1Ec691;text-decoration:none;background-color:transparent}.button-clear-philco-error-coral{color:#F54242;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-philco-error-coral:hover{color:#F54242;text-decoration:none;background-color:transparent}.button-clear-philco-gray-30{color:#BBBBBB;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-philco-gray-30:hover{color:#BBBBBB;text-decoration:none;background-color:transparent}.button-clear-philco-gray-20{color:#F6F6F6;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-philco-gray-20:hover{color:#F6F6F6;text-decoration:none;background-color:transparent}";
|
|
7
|
+
const biggiveButtonCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}.container{font-family:inherit}.container a{display:inline-block}.container a.full-width-true{display:block}.container.centered-true{text-align:center}.button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#FFFFFF;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{color:#2AF135;background-color:#FFFFFF}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{color:#FF7272;background-color:#FFFFFF}.button-brand-cc-red{color:#FFFFFF;background-color:#B30510;border-color:#B30510}.button-brand-cc-red:hover{color:#B30510;background-color:#FFFFFF}.button-brand-wgmf-purple{color:#FFFFFF;background-color:#6E0887;border-color:#6E0887}.button-brand-wgmf-purple:hover{color:#6E0887;background-color:#FFFFFF}.button-brand-gmf-green{color:#FFFFFF;background-color:#50B400;border-color:#50B400}.button-brand-gmf-green:hover{color:#50B400;background-color:#FFFFFF}.button-brand-emf-yellow{color:#FFFFFF;background-color:#FFE500;border-color:#FFE500}.button-brand-emf-yellow:hover{color:#FFE500;background-color:#FFFFFF}.button-brand-c4c-orange{color:#FFFFFF;background-color:#F07D00;border-color:#F07D00}.button-brand-c4c-orange:hover{color:#F07D00;background-color:#FFFFFF}.button-brand-afa-pink{color:#FFFFFF;background-color:#BF387D;border-color:#BF387D}.button-brand-afa-pink:hover{color:#BF387D;background-color:#FFFFFF}.button-brand-scw-magenta{color:#FFFFFF;background-color:#EE2C65;border-color:#EE2C65}.button-brand-scw-magenta:hover{color:#EE2C65;background-color:#FFFFFF}.button-brand-mhf-turquoise{color:#FFFFFF;background-color:#62CFC9;border-color:#62CFC9}.button-brand-mhf-turquoise:hover{color:#62CFC9;background-color:#FFFFFF}.button-brand-grey{color:#FFFFFF;background-color:#CBC8C8;border-color:#CBC8C8}.button-brand-grey:hover{color:#CBC8C8;background-color:#FFFFFF}.button-white{color:#FFFFFF;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#FFFFFF;background-color:#FFFFFF}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-grey-extra-light{color:#FFFFFF;background-color:#D7D7D7;border-color:#D7D7D7}.button-grey-extra-light:hover{color:#D7D7D7;background-color:#FFFFFF}.button-grey-light{color:#FFFFFF;background-color:#E8E8E8;border-color:#E8E8E8}.button-grey-light:hover{color:#E8E8E8;background-color:#FFFFFF}.button-grey-medium{color:#FFFFFF;background-color:#8A8A8A;border-color:#8A8A8A}.button-grey-medium:hover{color:#8A8A8A;background-color:#FFFFFF}.button-grey-dark{color:#FFFFFF;background-color:#4A4A4A;border-color:#4A4A4A}.button-grey-dark:hover{color:#4A4A4A;background-color:#FFFFFF}.button-philco-orange{color:#FFFFFF;background-color:#f18a00;border-color:#f18a00}.button-philco-orange:hover{color:#f18a00;background-color:#FFFFFF}.button-philco-gray-90{color:#FFFFFF;background-color:#1d1d1B;border-color:#1d1d1B}.button-philco-gray-90:hover{color:#1d1d1B;background-color:#FFFFFF}.button-philco-gray-70{color:#FFFFFF;background-color:#7D7D7D;border-color:#7D7D7D}.button-philco-gray-70:hover{color:#7D7D7D;background-color:#FFFFFF}.button-philco-white{color:#FFFFFF;background-color:#FFFFFF;border-color:#FFFFFF}.button-philco-white:hover{color:#FFFFFF;background-color:#FFFFFF}.button-philco-success-green{color:#FFFFFF;background-color:#1Ec691;border-color:#1Ec691}.button-philco-success-green:hover{color:#1Ec691;background-color:#FFFFFF}.button-philco-error-coral{color:#FFFFFF;background-color:#F54242;border-color:#F54242}.button-philco-error-coral:hover{color:#F54242;background-color:#FFFFFF}.button-philco-gray-30{color:#FFFFFF;background-color:#BBBBBB;border-color:#BBBBBB}.button-philco-gray-30:hover{color:#BBBBBB;background-color:#FFFFFF}.button-philco-gray-20{color:#FFFFFF;background-color:#F6F6F6;border-color:#F6F6F6}.button-philco-gray-20:hover{color:#F6F6F6;background-color:#FFFFFF}.button-secondary{color:#000000}.button-secondary:hover{color:#000000;background-color:#FFFFFF;border-color:#000000}.button-brand-grey{color:#FFFFFF}.button-brand-grey:hover{background-color:#000000}.button-brand-mhf-turquoise:hover{background-color:#000000}.button-brand-afa-pink:hover{background-color:#000000}.button-white{color:#2C089B}.button-white:hover{color:#000000;background-color:#2AF135}.button-philco-gray-90{color:#FFFFFF}.button-philco-gray-90:hover{color:#1d1d1B;background-color:#f18a00}.button-philco-orange{color:#1d1d1B}.button-philco-orange:hover{color:#FFFFFF;background-color:#1d1d1B}.button-philco-white{color:#1d1d1B}.button-philco-white:hover{color:#1d1d1B !important;background-color:#f18a00 !important}.container.philco a{border-color:transparent}.container.disabled.philco .button{cursor:not-allowed;background-color:#BBBBBB !important;color:#FFFFFF}.container.disabled.philco .button:hover{background-color:#BBBBBB;color:#FFFFFF}.button-black{color:#FFFFFF}.button-black:hover{background-color:#FFFFFF}.button-grey-extra-light{color:#000000}.button-grey-extra-light:hover{background-color:#000000}.button-grey-light{color:#000000}.button-grey-light:hover{background-color:#000000}.button-grey-medium{color:#FFFFFF}.button-grey-medium:hover{background-color:#FFFFFF}.button-grey-dark{color:#FFFFFF}.button-grey-dark:hover{background-color:#FFFFFF}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{color:#2C089B;text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{color:#2AF135;text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{color:#FF7272;text-decoration:none;background-color:transparent}.button-clear-brand-cc-red{color:#B30510;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-cc-red:hover{color:#B30510;text-decoration:none;background-color:transparent}.button-clear-brand-wgmf-purple{color:#6E0887;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-wgmf-purple:hover{color:#6E0887;text-decoration:none;background-color:transparent}.button-clear-brand-gmf-green{color:#50B400;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-gmf-green:hover{color:#50B400;text-decoration:none;background-color:transparent}.button-clear-brand-emf-yellow{color:#FFE500;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-emf-yellow:hover{color:#FFE500;text-decoration:none;background-color:transparent}.button-clear-brand-c4c-orange{color:#F07D00;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-c4c-orange:hover{color:#F07D00;text-decoration:none;background-color:transparent}.button-clear-brand-afa-pink{color:#BF387D;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-afa-pink:hover{color:#BF387D;text-decoration:none;background-color:transparent}.button-clear-brand-scw-magenta{color:#EE2C65;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-scw-magenta:hover{color:#EE2C65;text-decoration:none;background-color:transparent}.button-clear-brand-mhf-turquoise{color:#62CFC9;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-mhf-turquoise:hover{color:#62CFC9;text-decoration:none;background-color:transparent}.button-clear-brand-grey{color:#CBC8C8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-grey:hover{color:#CBC8C8;text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-clear-black{color:#000000;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-black:hover{color:#000000;text-decoration:none;background-color:transparent}.button-clear-grey-extra-light{color:#D7D7D7;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-extra-light:hover{color:#D7D7D7;text-decoration:none;background-color:transparent}.button-clear-grey-light{color:#E8E8E8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-light:hover{color:#E8E8E8;text-decoration:none;background-color:transparent}.button-clear-grey-medium{color:#8A8A8A;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-medium:hover{color:#8A8A8A;text-decoration:none;background-color:transparent}.button-clear-grey-dark{color:#4A4A4A;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-dark:hover{color:#4A4A4A;text-decoration:none;background-color:transparent}.button-clear-philco-orange{color:#f18a00;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-philco-orange:hover{color:#f18a00;text-decoration:none;background-color:transparent}.button-clear-philco-gray-90{color:#1d1d1B;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-philco-gray-90:hover{color:#1d1d1B;text-decoration:none;background-color:transparent}.button-clear-philco-gray-70{color:#7D7D7D;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-philco-gray-70:hover{color:#7D7D7D;text-decoration:none;background-color:transparent}.button-clear-philco-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-philco-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-clear-philco-success-green{color:#1Ec691;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-philco-success-green:hover{color:#1Ec691;text-decoration:none;background-color:transparent}.button-clear-philco-error-coral{color:#F54242;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-philco-error-coral:hover{color:#F54242;text-decoration:none;background-color:transparent}.button-clear-philco-gray-30{color:#BBBBBB;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-philco-gray-30:hover{color:#BBBBBB;text-decoration:none;background-color:transparent}.button-clear-philco-gray-20{color:#F6F6F6;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-philco-gray-20:hover{color:#F6F6F6;text-decoration:none;background-color:transparent}";
|
|
8
8
|
const BiggiveButtonStyle0 = biggiveButtonCss;
|
|
9
9
|
|
|
10
10
|
const BiggiveButton = class {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"biggive-button.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,gBAAgB,GAAG,
|
|
1
|
+
{"file":"biggive-button.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,gBAAgB,GAAG,wzYAAwzY,CAAC;AACl1Y,4BAAe,gBAAgB;;MCOlB,aAAa;IAL1B;;;;;;QAiBU,eAAU,GAAW,CAAC,CAAC;;;;QAKvB,iBAAY,GAAgB,SAAS,CAAC;;;;QAKtC,UAAK,GAAW,UAAU,CAAC;;;;QAU3B,iBAAY,GAAY,KAAK,CAAC;;;;QAK9B,cAAS,GAAY,KAAK,CAAC;;;;QAK3B,SAAI,GAAW,QAAQ,CAAC;;;;QAKxB,YAAO,GAAY,KAAK,CAAC;;;;QAKzB,aAAQ,GAAY,KAAK,CAAC;QAE1B,aAAQ,GAAuB,SAAS,CAAC;QAEzC,eAAU,GAAyB,SAAS,CAAC;;;;;QAM7C,aAAQ,GAAG,KAAK,CAAC;QAEjB,sBAAiB,GAAG,CAAC,KAAU;YACrC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC,CAAC;SACjF,CAAC;KAwBH;IAtBC,MAAM;;;;QAIJ,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,IAAI,qBAAqB,CAAC;QAE/C,QACEA,kEAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU,GAAG,YAAY,GAAG,IAAI,CAAC,QAAQ,GAAG,GAAG,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ,GAAG,WAAW,GAAG,EAAE,CAAC,IAChJA,kFACkB,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,MAAM,mBAChC,IAAI,CAAC,QAAQ,EAC5B,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,IAAI,CAAC,YAAY,GAAG,QAAQ,GAAG,OAAO,EAC9C,EAAE,EAAE,IAAI,CAAC,QAAQ,EACjB,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAC,YAAY,GAAG,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,GAAG,QAAQ,GAAG,IAAI,CAAC,IAAI,GAAG,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,IAEvJA,mEAAM,OAAO,EAAE,IAAI,CAAC,QAAQ,GAAG,SAAQ,GAAG,IAAI,CAAC,iBAAiB,IAAG,IAAI,CAAC,KAAK,CAAQ,CACnF,CACA,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/biggive-button/biggive-button.scss?tag=biggive-button&encapsulation=shadow","src/components/biggive-button/biggive-button.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n display: contents;\n}\n\n.container {\n font-family: inherit;\n a {\n display: inline-block;\n &.full-width-true {\n display: block;\n }\n }\n &.centered-true {\n text-align: center;\n }\n}\n\n.button {\n @include button();\n &.size-small {\n @include button-small();\n }\n\n &.button.rounded-true {\n @include button-rounded();\n }\n}\n\n@each $brand, $colour in $brandColours {\n .button-#{$brand} {\n color: $colour-white; // may be overridden by following rules. Later CSS rules have priority.\n background-color: $colour;\n border-color: $colour;\n &:hover {\n color: $colour;\n background-color: $colour-white; // may be overriden by following rules\n }\n }\n}\n\n.button-secondary {\n color: $colour-black;\n &:hover {\n color: $colour-black;\n background-color: $colour-white;\n border-color: $colour-black;\n }\n}\n\n.button-brand-grey {\n color: $colour-white;\n &:hover {\n background-color: $colour-black;\n }\n}\n\n.button-brand-mhf-turquoise {\n &:hover {\n background-color: $colour-black;\n }\n}\n\n.button-brand-afa-pink {\n &:hover {\n background-color: $colour-black;\n }\n}\n\n.button-white {\n color: $colour-primary-blue;\n &:hover {\n color: $colour-black;\n background-color: $colour-secondary-green;\n }\n}\n\n.button-philco-gray-90 {\n color: $colour-philco-white;\n &:hover {\n color: $colour-philco-gray-90;\n background-color: $colour-philco-orange;\n }\n}\n\n.button-philco-orange {\n color: $colour-philco-gray-90;\n &:hover {\n color: $colour-philco-white;\n background-color: $colour-philco-gray-90;\n }\n}\n\n.button-philco-white {\n color: $colour-philco-gray-90;\n &:hover {\n\n color: $colour-philco-gray-90 !important;\n background-color: $colour-philco-orange !important;\n }\n}\n\n.container.philco a {\n border-color: transparent;\n}\n\n.container.disabled.philco .button {\n cursor: not-allowed;\n background-color: $colour-philco-gray-30 !important;\n\n color: $colour-philco-white;\n &:hover {\n background-color: $colour-philco-gray-30;\n color: $colour-philco-white;\n }\n}\n\n.button-black {\n color: $colour-white;\n &:hover {\n background-color: $colour-white;\n }\n}\n\n.button-grey-extra-light {\n color: $colour-black;\n &:hover {\n background-color: $colour-black;\n }\n}\n\n.button-grey-light {\n color: $colour-black;\n &:hover {\n background-color: $colour-black;\n }}\n\n.button-grey-medium {\n color: $colour-white;\n &:hover {\n background-color: $colour-white;\n }\n}\n\n.button-grey-dark {\n color: $colour-white;\n &:hover {\n background-color: $colour-white;\n }\n}\n\n.button-rounded {\n @include button-rounded();\n }\n\n @each $brand, $colour in $brandColours {\n .button-clear-#{$brand} {\n color: $colour;\n background-color: transparent;\n text-decoration: underline;\n border: 0;\n padding-left: 0;\n padding-right: 0;\n &:hover {\n color: $colour;\n text-decoration: none;\n background-color: transparent;\n }\n }\n}\n","import { Component, Event, EventEmitter, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\n\n@Component({\n tag: 'biggive-button',\n styleUrl: 'biggive-button.scss',\n shadow: true,\n})\nexport class BiggiveButton {\n @Event({\n eventName: 'doButtonClick',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n doButtonClick: EventEmitter<{ event: object; url: string }>;\n\n /**\n * Space below component\n */\n @Prop() spaceBelow: number = 1;\n\n /**\n * Colour Scheme\n */\n @Prop() colourScheme: brandColour = 'primary';\n\n /**\n * Text\n */\n @Prop() label: string = 'Click me';\n\n /**\n * URL\n */\n @Prop() url: string | undefined;\n\n /**\n * New Tab\n */\n @Prop() openInNewTab: boolean = false;\n\n /**\n * Display full width\n */\n @Prop() fullWidth: boolean = false;\n\n /**\n * Size\n */\n @Prop() size: string = 'medium';\n\n /**\n * Rounded corners\n */\n @Prop() rounded: boolean = false;\n\n /**\n * Centered\n */\n @Prop() centered: boolean = false;\n\n @Prop() buttonId: undefined | string = undefined;\n\n @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n /**\n * For use only in philco site - the Big Give site does not use disabled\n * buttons and does not have a design for such.\n */\n @Prop() disabled = false;\n\n private handleButtonClick = (event: any) => {\n this.doButtonClick.emit({ event: event, url: event.target.parentElement.href });\n };\n\n render() {\n // We always want to have a href so that browsers will see this as a link and allow clicking with keybard.\n // If there's no or an empty href then it isn't possible to click by keyboard and we would have to handle keyboard\n // interaction separately.\n const href = this.url || 'javascript:void(0);';\n\n return (\n <div class={'container space-below-' + this.spaceBelow + ' centered-' + this.centered + ' ' + this.siteDesign + (this.disabled ? ' disabled' : '')}>\n <a\n pointer-events={this.disabled ? 'none' : 'auto'}\n aria-disabled={this.disabled}\n role=\"button\"\n href={href}\n target={this.openInNewTab ? '_blank' : '_self'}\n id={this.buttonId}\n class={'button button-' + this.colourScheme + ' full-width-' + this.fullWidth.toString() + ' size-' + this.size + ' rounded-' + this.rounded.toString()}\n >\n <span onClick={this.disabled ? () => {} : this.handleButtonClick}>{this.label}</span>\n </a>\n </div>\n );\n }\n}\n"],"version":3}
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-68d18263.js');
|
|
6
6
|
|
|
7
|
-
const biggiveQuoteCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.image-wrap img{width:100%;height:auto}.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:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;height:100%;background-color:white;text-align:center;margin-left:auto;margin-right:auto;max-width:600px;padding:60px}.container.philco{background-color:transparent}.container.philco .image-wrap svg{height:90px}.container .image-wrap{text-align:center;margin-bottom:15px}.container .image-wrap svg{height:30px;width:auto;margin:auto}.container .quote{margin-bottom:30px}.container.quote-icon-colour-primary .image-wrap path{fill:#2C089B}.container.quote-icon-colour-secondary .image-wrap path{fill:#2AF135}.container.quote-icon-colour-tertiary .image-wrap path{fill:#FF7272}.container.quote-icon-colour-brand-cc-red .image-wrap path{fill:#B30510}.container.quote-icon-colour-brand-wgmf-purple .image-wrap path{fill:#6E0887}.container.quote-icon-colour-brand-gmf-green .image-wrap path{fill:#50B400}.container.quote-icon-colour-brand-emf-yellow .image-wrap path{fill:#FFE500}.container.quote-icon-colour-brand-c4c-orange .image-wrap path{fill:#F07D00}.container.quote-icon-colour-brand-afa-pink .image-wrap path{fill:#BF387D}.container.quote-icon-colour-brand-scw-magenta .image-wrap path{fill:#EE2C65}.container.quote-icon-colour-brand-mhf-turquoise .image-wrap path{fill:#62CFC9}.container.quote-icon-colour-brand-grey .image-wrap path{fill:#CBC8C8}.container.quote-icon-colour-white .image-wrap path{fill:#FFFFFF}.container.quote-icon-colour-black .image-wrap path{fill:#000000}.container.quote-icon-colour-grey-extra-light .image-wrap path{fill:#D7D7D7}.container.quote-icon-colour-grey-light .image-wrap path{fill:#E8E8E8}.container.quote-icon-colour-grey-medium .image-wrap path{fill:#8A8A8A}.container.quote-icon-colour-grey-dark .image-wrap path{fill:#4A4A4A}.container.quote-icon-colour-philco-orange .image-wrap path{fill:#f18a00}.container.quote-icon-colour-philco-gray-90 .image-wrap path{fill:#1d1d1B}.container.quote-icon-colour-philco-gray-70 .image-wrap path{fill:#7D7D7D}.container.quote-icon-colour-philco-white .image-wrap path{fill:#FFFFFF}.container.quote-icon-colour-philco-success-green .image-wrap path{fill:#1Ec691}.container.quote-icon-colour-philco-error-coral .image-wrap path{fill:#F54242}.container.quote-icon-colour-philco-gray-30 .image-wrap path{fill:#BBBBBB}.container.quote-icon-colour-philco-gray-20 .image-wrap path{fill:#F6F6F6}@media screen and (max-width: 768px){.container{padding:45px}.container svg{width:40px;height:40px}}@media screen and (max-width: 576px){.container{padding:30px;font-size:13px;line-height:17px}.container svg{width:30px;height:30px}}@media screen and (max-width: 450px){.container{padding:15px}}.container.philco .attribution{font-weight:bolder;color:#7D7D7D}";
|
|
7
|
+
const biggiveQuoteCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.image-wrap img{width:100%;height:auto}.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:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;height:100%;background-color:white;text-align:center;margin-left:auto;margin-right:auto;max-width:600px;padding:60px}.container.philco{font-family:\"Bitter\", serif;font-size:16px;background-color:transparent}.container.philco .image-wrap svg{height:90px}.container .image-wrap{text-align:center;margin-bottom:15px}.container .image-wrap svg{height:30px;width:auto;margin:auto}.container .quote{margin-bottom:30px}.container.quote-icon-colour-primary .image-wrap path{fill:#2C089B}.container.quote-icon-colour-secondary .image-wrap path{fill:#2AF135}.container.quote-icon-colour-tertiary .image-wrap path{fill:#FF7272}.container.quote-icon-colour-brand-cc-red .image-wrap path{fill:#B30510}.container.quote-icon-colour-brand-wgmf-purple .image-wrap path{fill:#6E0887}.container.quote-icon-colour-brand-gmf-green .image-wrap path{fill:#50B400}.container.quote-icon-colour-brand-emf-yellow .image-wrap path{fill:#FFE500}.container.quote-icon-colour-brand-c4c-orange .image-wrap path{fill:#F07D00}.container.quote-icon-colour-brand-afa-pink .image-wrap path{fill:#BF387D}.container.quote-icon-colour-brand-scw-magenta .image-wrap path{fill:#EE2C65}.container.quote-icon-colour-brand-mhf-turquoise .image-wrap path{fill:#62CFC9}.container.quote-icon-colour-brand-grey .image-wrap path{fill:#CBC8C8}.container.quote-icon-colour-white .image-wrap path{fill:#FFFFFF}.container.quote-icon-colour-black .image-wrap path{fill:#000000}.container.quote-icon-colour-grey-extra-light .image-wrap path{fill:#D7D7D7}.container.quote-icon-colour-grey-light .image-wrap path{fill:#E8E8E8}.container.quote-icon-colour-grey-medium .image-wrap path{fill:#8A8A8A}.container.quote-icon-colour-grey-dark .image-wrap path{fill:#4A4A4A}.container.quote-icon-colour-philco-orange .image-wrap path{fill:#f18a00}.container.quote-icon-colour-philco-gray-90 .image-wrap path{fill:#1d1d1B}.container.quote-icon-colour-philco-gray-70 .image-wrap path{fill:#7D7D7D}.container.quote-icon-colour-philco-white .image-wrap path{fill:#FFFFFF}.container.quote-icon-colour-philco-success-green .image-wrap path{fill:#1Ec691}.container.quote-icon-colour-philco-error-coral .image-wrap path{fill:#F54242}.container.quote-icon-colour-philco-gray-30 .image-wrap path{fill:#BBBBBB}.container.quote-icon-colour-philco-gray-20 .image-wrap path{fill:#F6F6F6}@media screen and (max-width: 768px){.container{padding:45px}.container svg{width:40px;height:40px}}@media screen and (max-width: 576px){.container{padding:30px;font-size:13px;line-height:17px}.container svg{width:30px;height:30px}}@media screen and (max-width: 450px){.container{padding:15px}}.container.philco .attribution{font-weight:bolder;color:#7D7D7D}";
|
|
8
8
|
const BiggiveQuoteStyle0 = biggiveQuoteCss;
|
|
9
9
|
|
|
10
10
|
const BiggiveQuote = class {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"biggive-quote.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,eAAe,GAAG,
|
|
1
|
+
{"file":"biggive-quote.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,eAAe,GAAG,kyKAAkyK,CAAC;AAC3zK,2BAAe,eAAe;;MCQjB,YAAY;IALzB;;QAMU,eAAU,GAAkB,CAAC,CAAC;QAE9B,sBAAiB,GAAgB,OAAO,CAAC;QAEzC,UAAK,GAAW,EAAE,CAAC;QAEnB,gBAAW,GAAW,EAAE,CAAC;QAEzB,oBAAe,GAAgB,SAAS,CAAC;QAEzC,eAAU,GAAyB,SAAS,CAAC;KA6BtD;IA3BC,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC;QAC5E,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,KAAK,QAAQ,GAAG,IAAI,CAAC,WAAW,GAAG,KAAK,IAAI,CAAC,WAAW,EAAE,CAAC;QAE9F,MAAM,iBAAiB,IACrBA,kEAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC5FA,mEAAM,CAAC,EAAC,kFAAkF,EAAC,IAAI,EAAC,SAAS,GAAG,CACxG,CACP,CAAC;QAEF,MAAM,gBAAgB,IACpBA,kEAAK,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC9FA,mEACE,CAAC,EAAC,4jBAA4jB,EAC9jB,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAC;QAEF,QACEA,kEAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,iBAAiB,GAAG,qBAAqB,GAAG,IAAI,CAAC,eAAe,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,GAAG,GAAG,IAAI,CAAC,UAAU,IACtKA,kEAAK,KAAK,EAAC,YAAY,IAAE,IAAI,CAAC,UAAU,KAAK,QAAQ,GAAG,gBAAgB,GAAG,iBAAiB,CAAO,EACnGA,kEAAK,KAAK,EAAC,OAAO,IAAE,KAAK,CAAO,EAChCA,kEAAK,KAAK,EAAC,aAAa,IAAE,WAAW,CAAO,CACxC,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/biggive-quote/biggive-quote.scss?tag=biggive-quote&encapsulation=shadow","src/components/biggive-quote/biggive-quote.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include all-round-shadow();\n @include standard-font();\n height: 100%;\n background-color: white;\n &.philco {\n @include philco-body-font();\n background-color: transparent;\n .image-wrap {\n svg {\n height: 90px;\n }\n }\n }\n text-align: center;\n margin-left: auto;\n margin-right: auto;\n max-width: 600px;\n padding: $spacer-6;\n .image-wrap {\n text-align: center;\n margin-bottom: $spacer-3;\n svg {\n height: 30px;\n width: auto;\n margin: auto;\n }\n }\n .quote {\n margin-bottom: $spacer-4;\n }\n\n @each $key, $colour in $brandColours {\n &.quote-icon-colour-#{$key} .image-wrap path { fill: $colour; }\n }\n\n\n @media screen and (max-width: $screen-tablet-max) {\n padding: $spacer-5;\n svg {\n width: 40px;\n height: 40px;\n }\n }\n\n @media screen and (max-width: $screen-mobile-max) {\n padding: $spacer-4;\n @include font-size-small();\n\n svg {\n width: 30px;\n height: 30px;\n }\n }\n\n @media screen and (max-width: $screen-mobile-small) {\n padding: $spacer-3;\n }\n\n &.philco .attribution {\n font-weight: bolder;\n color: $colour-philco-gray-70;\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-quote',\n styleUrl: 'biggive-quote.scss',\n shadow: true,\n})\nexport class BiggiveQuote {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() defaultTextColour: brandColour = 'black';\n\n @Prop() quote: string = '';\n\n @Prop() attribution: string = '';\n\n @Prop() quoteIconColour: brandColour = 'primary';\n\n @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n render() {\n const quote = this.siteDesign === 'philco' ? this.quote : `“${this.quote}”`;\n const attribution = this.siteDesign === 'philco' ? this.attribution : `- ${this.attribution}`;\n\n const bigGiveQuoteMarks = (\n <svg width=\"34\" height=\"24\" viewBox=\"0 0 34 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z\" fill=\"#2C089B\" />\n </svg>\n );\n\n const philcoQuoteMarks = (\n <svg width=\"472\" height=\"86\" viewBox=\"0 0 472 86\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M218.139 82.2C203.139 82.2 194.539 70.2 194.539 50.2C194.539 28.4 206.339 11.4 229.539 0.799992L237.339 16.4C222.539 23 214.939 32.8 214.939 46.8L216.139 65.8L204.339 49.4C207.939 46.2 213.939 43.6 218.939 43.6C229.739 43.6 237.139 51 237.139 62C237.139 74.2 229.139 82.2 218.139 82.2ZM271.339 82.2C256.339 82.2 247.739 70.2 247.739 50.2C247.739 28.4 259.539 11.4 282.739 0.799992L290.539 16.4C275.739 23 268.139 32.8 268.139 46.8L269.339 65.8L257.539 49.4C261.139 46.2 267.139 43.6 272.139 43.6C282.939 43.6 290.339 51 290.339 62C290.339 74.2 282.339 82.2 271.339 82.2Z\"\n fill=\"#F18A00\"\n />\n </svg>\n );\n\n return (\n <div class={'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow + ' ' + this.siteDesign}>\n <div class=\"image-wrap\">{this.siteDesign === 'philco' ? philcoQuoteMarks : bigGiveQuoteMarks}</div>\n <div class=\"quote\">{quote}</div>\n <div class=\"attribution\">{attribution}</div>\n </div>\n );\n }\n}\n"],"version":3}
|
|
@@ -552,6 +552,8 @@ a:hover {
|
|
|
552
552
|
white-space: pre-wrap;
|
|
553
553
|
}
|
|
554
554
|
.container.philco {
|
|
555
|
+
font-family: "Bitter", serif;
|
|
556
|
+
font-size: 16px;
|
|
555
557
|
border-bottom: 12px;
|
|
556
558
|
border-bottom-left-radius: 12px;
|
|
557
559
|
border-bottom-right-radius: 12px;
|
|
@@ -571,6 +573,7 @@ a:hover {
|
|
|
571
573
|
text-transform: uppercase;
|
|
572
574
|
}
|
|
573
575
|
.container.philco .subtitle {
|
|
576
|
+
font-family: "Bitter", serif;
|
|
574
577
|
color: #7D7D7D;
|
|
575
578
|
}
|
|
576
579
|
.container.philco .subtitle .divider {
|