@biggive/components 202506260902.0.0 → 202507090916.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-campaign-card-filter-grid.entry.esm.js.map +1 -1
- package/dist/biggive/biggive-text-input.entry.esm.js.map +1 -1
- package/dist/biggive/biggive.esm.js +1 -1
- package/dist/biggive/biggive.esm.js.map +1 -1
- package/dist/biggive/loader.esm.js.map +1 -1
- package/dist/biggive/{p-23f78624.entry.js → p-039d0bc9.entry.js} +2 -2
- package/dist/biggive/{p-dbc46e3c.entry.js → p-056babcc.entry.js} +2 -2
- package/dist/biggive/{p-95c26e05.entry.js → p-0631cab6.entry.js} +2 -2
- package/dist/biggive/p-0a726edf.entry.js +2 -0
- package/dist/biggive/p-0a726edf.entry.js.map +1 -0
- package/dist/biggive/{p-3ffac663.entry.js → p-0cbb3bae.entry.js} +2 -2
- package/dist/biggive/{p-d853a4e5.entry.js → p-0d51d41b.entry.js} +2 -2
- package/dist/biggive/{p-c2122796.entry.js → p-10d9dde9.entry.js} +2 -2
- package/dist/biggive/{p-9f721661.entry.js → p-1626e783.entry.js} +2 -2
- package/dist/biggive/{p-35b4bd6d.entry.js → p-199aa446.entry.js} +2 -2
- package/dist/biggive/{p-3a92bb20.entry.js → p-27ab178e.entry.js} +2 -2
- package/dist/biggive/{p-fe8e9627.entry.js → p-2d2833fb.entry.js} +2 -2
- package/dist/biggive/{p-fe8e9627.entry.js.map → p-2d2833fb.entry.js.map} +1 -1
- package/dist/biggive/{p-f500074c.entry.js → p-38296d2a.entry.js} +2 -2
- package/dist/biggive/{p-840510f5.entry.js → p-38e0a8fc.entry.js} +2 -2
- package/dist/biggive/{p-eb6fa11a.entry.js → p-3c102321.entry.js} +2 -2
- package/dist/biggive/{p-6bab26b8.entry.js → p-3c78165a.entry.js} +2 -2
- package/dist/biggive/{p-475c8345.entry.js → p-4325c249.entry.js} +2 -2
- package/dist/biggive/{p-00ef8e06.entry.js → p-44d5e7ae.entry.js} +2 -2
- package/dist/biggive/{p-dfbc71b0.entry.js → p-48a82094.entry.js} +2 -2
- package/dist/biggive/{p-e06b3172.entry.js → p-4b0156eb.entry.js} +2 -2
- package/dist/biggive/{p-0e9be8d6.entry.js → p-60000d83.entry.js} +2 -2
- package/dist/biggive/p-685644a0.entry.js +2 -0
- package/dist/biggive/p-68cf8758.entry.js +2 -0
- package/dist/biggive/{p-1ae4f09f.entry.js → p-6e8648dd.entry.js} +2 -2
- package/dist/biggive/p-6f2b9093.entry.js +2 -0
- package/dist/biggive/{p-ee657d37.entry.js → p-71639fa0.entry.js} +2 -2
- package/dist/biggive/{p-38f5b04b.entry.js → p-718554bf.entry.js} +2 -2
- package/dist/biggive/p-736b28c7.entry.js +2 -0
- package/dist/biggive/p-7eb9385d.entry.js +2 -0
- package/dist/biggive/{p-86521f54.entry.js → p-86973651.entry.js} +2 -2
- package/dist/biggive/{p-2459060f.entry.js → p-88839dfd.entry.js} +2 -2
- package/dist/biggive/{p-6a3a6d9e.entry.js → p-8b439a97.entry.js} +2 -2
- package/dist/biggive/{p-32855ae7.entry.js → p-8c3ff888.entry.js} +2 -2
- package/dist/biggive/{p-3061c094.entry.js → p-9351e89f.entry.js} +2 -2
- package/dist/biggive/{p-e14ab003.entry.js → p-946069a6.entry.js} +2 -2
- package/dist/biggive/{p-c3e1f08e.entry.js → p-966a1d73.entry.js} +2 -2
- package/dist/biggive/p-96921f27.entry.js +2 -0
- package/dist/biggive/p-DQuL1Twl.js +2 -0
- package/dist/biggive/p-DQuL1Twl.js.map +1 -0
- package/dist/biggive/p-DszaIBkO.js +3 -0
- package/dist/biggive/p-DszaIBkO.js.map +1 -0
- package/dist/biggive/p-a4027b32.entry.js +2 -0
- package/dist/biggive/{p-749f45b6.entry.js.map → p-a4027b32.entry.js.map} +1 -1
- package/dist/biggive/{p-a140bf98.entry.js → p-b0da3cb4.entry.js} +2 -2
- package/dist/biggive/{p-fc3b5226.entry.js → p-b6db5427.entry.js} +2 -2
- package/dist/biggive/{p-306f4fee.entry.js → p-b8610d73.entry.js} +2 -2
- package/dist/biggive/{p-096c3a62.entry.js → p-bb76f2b5.entry.js} +2 -2
- package/dist/biggive/{p-572fe8cc.entry.js → p-bd8b1459.entry.js} +2 -2
- package/dist/biggive/p-c9967ce5.entry.js +2 -0
- package/dist/biggive/{p-fcd6a283.entry.js → p-ca68b18e.entry.js} +2 -2
- package/dist/biggive/p-dd6efe4f.entry.js +2 -0
- package/dist/biggive/{p-a233016a.entry.js → p-df9d5fd7.entry.js} +2 -2
- package/dist/biggive/p-e0959104.entry.js +2 -0
- package/dist/biggive/{p-722cf5fc.entry.js → p-f573a6d9.entry.js} +2 -2
- package/dist/biggive/{p-4e4351e4.entry.js → p-f8aaeab6.entry.js} +2 -2
- package/dist/biggive/{p-ac025d32.entry.js → p-f8e6a6d3.entry.js} +2 -2
- package/dist/biggive/{p-bc5cbcd1.entry.js → p-f91dd04f.entry.js} +2 -2
- package/dist/biggive/pages/biggive.html +1 -1
- package/dist/cjs/app-globals-V2Kpy_OQ.js +8 -0
- package/dist/cjs/app-globals-V2Kpy_OQ.js.map +1 -0
- package/dist/cjs/biggive-accordion-entry.cjs.entry.js +1 -1
- package/dist/cjs/biggive-accordion.cjs.entry.js +2 -2
- package/dist/cjs/biggive-article-card.cjs.entry.js +3 -3
- package/dist/cjs/biggive-back-to-top.cjs.entry.js +2 -2
- package/dist/cjs/biggive-basic-card.cjs.entry.js +3 -3
- package/dist/cjs/biggive-biography-card.cjs.entry.js +1 -1
- package/dist/cjs/biggive-boxed-content.cjs.entry.js +3 -3
- package/dist/cjs/biggive-branded-image.cjs.entry.js +2 -2
- package/dist/cjs/biggive-button.cjs.entry.js +2 -2
- package/dist/cjs/biggive-call-to-action.cjs.entry.js +2 -2
- package/dist/cjs/biggive-campaign-card-filter-grid.cjs.entry.js +7 -7
- package/dist/cjs/biggive-campaign-card-filter-grid.cjs.entry.js.map +1 -1
- package/dist/cjs/biggive-campaign-card-filter-grid.entry.cjs.js.map +1 -1
- package/dist/cjs/biggive-campaign-card.cjs.entry.js +2 -2
- package/dist/cjs/biggive-campaign-highlights.cjs.entry.js +2 -2
- package/dist/cjs/biggive-container-card.cjs.entry.js +2 -2
- package/dist/cjs/biggive-cookie-banner.cjs.entry.js +2 -2
- package/dist/cjs/biggive-footer.cjs.entry.js +1 -1
- package/dist/cjs/biggive-form-field-select.cjs.entry.js +3 -3
- package/dist/cjs/biggive-form.cjs.entry.js +2 -2
- package/dist/cjs/biggive-formatted-text.cjs.entry.js +2 -2
- package/dist/cjs/biggive-grid.cjs.entry.js +2 -2
- package/dist/cjs/biggive-heading.cjs.entry.js +2 -2
- package/dist/cjs/biggive-hero-image.cjs.entry.js +3 -3
- package/dist/cjs/biggive-icon-button.cjs.entry.js +3 -3
- package/dist/cjs/biggive-image-button.cjs.entry.js +3 -3
- package/dist/cjs/biggive-image-card.cjs.entry.js +3 -3
- package/dist/cjs/biggive-image-feature.cjs.entry.js +2 -2
- package/dist/cjs/biggive-image.cjs.entry.js +2 -2
- package/dist/cjs/biggive-main-menu.cjs.entry.js +2 -2
- package/dist/cjs/biggive-misc-icon.cjs.entry.js +2 -2
- package/dist/cjs/biggive-nav-group.cjs.entry.js +2 -2
- package/dist/cjs/biggive-nav-item.cjs.entry.js +2 -2
- package/dist/cjs/biggive-page-column.cjs.entry.js +2 -2
- package/dist/cjs/biggive-page-columns.cjs.entry.js +2 -2
- package/dist/cjs/biggive-page-section.cjs.entry.js +3 -3
- package/dist/cjs/biggive-popup.cjs.entry.js +2 -2
- package/dist/cjs/biggive-progress-bar.cjs.entry.js +1 -1
- package/dist/cjs/biggive-quote.cjs.entry.js +4 -4
- package/dist/cjs/biggive-sheet.cjs.entry.js +2 -2
- package/dist/cjs/biggive-social-icon.cjs.entry.js +2 -2
- package/dist/cjs/biggive-tab.cjs.entry.js +2 -2
- package/dist/cjs/biggive-tabbed-content.cjs.entry.js +3 -3
- package/dist/cjs/biggive-table.cjs.entry.js +3 -3
- package/dist/cjs/biggive-text-input.cjs.entry.js +2 -2
- package/dist/cjs/biggive-text-input.cjs.entry.js.map +1 -1
- package/dist/cjs/biggive-text-input.entry.cjs.js.map +1 -1
- package/dist/cjs/biggive-timeline-entry.cjs.entry.js +1 -1
- package/dist/cjs/biggive-timeline.cjs.entry.js +3 -3
- package/dist/cjs/biggive-totalizer-ticker-item.cjs.entry.js +2 -2
- package/dist/cjs/biggive-totalizer.cjs.entry.js +2 -2
- package/dist/cjs/biggive-video-feature.cjs.entry.js +2 -2
- package/dist/cjs/biggive-video.cjs.entry.js +2 -2
- package/dist/cjs/biggive.cjs.js +5 -4
- package/dist/cjs/biggive.cjs.js.map +1 -1
- package/dist/cjs/{index-CxRTMpc0.js → index-DLFxgWQI.js} +165 -143
- package/dist/cjs/index-DLFxgWQI.js.map +1 -0
- package/dist/cjs/loader.cjs.js +4 -3
- package/dist/cjs/loader.cjs.js.map +1 -1
- package/dist/cjs/philco-footer.cjs.entry.js +2 -2
- package/dist/cjs/philco-main-menu.cjs.entry.js +2 -2
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/biggive-accordion/biggive-accordion.js +1 -1
- package/dist/collection/components/biggive-article-card/biggive-article-card.js +2 -2
- package/dist/collection/components/biggive-back-to-top/biggive-back-to-top.js +1 -1
- package/dist/collection/components/biggive-basic-card/biggive-basic-card.js +2 -2
- package/dist/collection/components/biggive-boxed-content/biggive-boxed-content.js +2 -2
- package/dist/collection/components/biggive-branded-image/biggive-branded-image.js +1 -1
- package/dist/collection/components/biggive-button/biggive-button.js +1 -1
- package/dist/collection/components/biggive-call-to-action/biggive-call-to-action.js +1 -1
- package/dist/collection/components/biggive-campaign-card/biggive-campaign-card.js +1 -1
- package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.js +7 -7
- package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.js.map +1 -1
- package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.stories.js +1 -1
- package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.stories.js.map +1 -1
- package/dist/collection/components/biggive-campaign-highlights/biggive-campaign-highlights.js +1 -1
- package/dist/collection/components/biggive-container-card/biggive-container-card.js +1 -1
- package/dist/collection/components/biggive-cookie-banner/biggive-cookie-banner.js +1 -1
- package/dist/collection/components/biggive-form/biggive-form.js +1 -1
- package/dist/collection/components/biggive-form-field-select/biggive-form-field-select.js +2 -2
- package/dist/collection/components/biggive-formatted-text/biggive-formatted-text.js +1 -1
- package/dist/collection/components/biggive-grid/biggive-grid.js +1 -1
- package/dist/collection/components/biggive-heading/biggive-heading.js +1 -1
- package/dist/collection/components/biggive-hero-image/biggive-hero-image.js +2 -2
- package/dist/collection/components/biggive-icon-button/biggive-icon-button.js +2 -2
- package/dist/collection/components/biggive-image/biggive-image.js +1 -1
- package/dist/collection/components/biggive-image-button/biggive-image-button.js +2 -2
- package/dist/collection/components/biggive-image-card/biggive-image-card.js +2 -2
- package/dist/collection/components/biggive-image-feature/biggive-image-feature.js +1 -1
- package/dist/collection/components/biggive-main-menu/biggive-main-menu.js +1 -1
- package/dist/collection/components/biggive-misc-icon/biggive-misc-icon.js +1 -1
- package/dist/collection/components/biggive-nav-group/biggive-nav-group.js +1 -1
- package/dist/collection/components/biggive-nav-item/biggive-nav-item.js +1 -1
- package/dist/collection/components/biggive-page-column/biggive-page-column.js +1 -1
- package/dist/collection/components/biggive-page-columns/biggive-page-columns.js +1 -1
- package/dist/collection/components/biggive-page-section/biggive-page-section.js +2 -2
- package/dist/collection/components/biggive-popup/biggive-popup.js +1 -1
- package/dist/collection/components/biggive-quote/biggive-quote.js +3 -3
- package/dist/collection/components/biggive-sheet/biggive-sheet.js +1 -1
- package/dist/collection/components/biggive-social-icon/biggive-social-icon.js +1 -1
- package/dist/collection/components/biggive-tab/biggive-tab.js +1 -1
- package/dist/collection/components/biggive-tabbed-content/biggive-tabbed-content.js +2 -2
- package/dist/collection/components/biggive-table/biggive-table.js +2 -2
- package/dist/collection/components/biggive-text-input/biggive-text-input.js +3 -20
- package/dist/collection/components/biggive-text-input/biggive-text-input.js.map +1 -1
- package/dist/collection/components/biggive-timeline/biggive-timeline.js +2 -2
- package/dist/collection/components/biggive-totalizer/biggive-totalizer.js +1 -1
- package/dist/collection/components/biggive-totalizer-ticker-item/biggive-totalizer-ticker-item.js +1 -1
- package/dist/collection/components/biggive-video/biggive-video.js +1 -1
- package/dist/collection/components/biggive-video-feature/biggive-video-feature.js +1 -1
- package/dist/collection/components/philco-footer/philco-footer.js +1 -1
- package/dist/collection/components/philco-main-menu/philco-main-menu.js +1 -1
- package/dist/collection/pages/biggive.html +1 -1
- package/dist/components/biggive-accordion.js +1 -1
- package/dist/components/biggive-article-card.js +2 -2
- package/dist/components/biggive-back-to-top.js +1 -1
- package/dist/components/biggive-basic-card.js +2 -2
- package/dist/components/biggive-boxed-content.js +2 -2
- package/dist/components/biggive-branded-image.js +1 -1
- package/dist/components/biggive-button2.js +1 -1
- package/dist/components/biggive-call-to-action.js +1 -1
- package/dist/components/biggive-campaign-card-filter-grid.js +6 -6
- package/dist/components/biggive-campaign-card-filter-grid.js.map +1 -1
- package/dist/components/biggive-campaign-card.js +1 -1
- package/dist/components/biggive-campaign-highlights.js +1 -1
- package/dist/components/biggive-container-card.js +1 -1
- package/dist/components/biggive-cookie-banner.js +1 -1
- package/dist/components/biggive-form-field-select2.js +2 -2
- package/dist/components/biggive-form.js +1 -1
- package/dist/components/biggive-formatted-text.js +1 -1
- package/dist/components/biggive-grid.js +1 -1
- package/dist/components/biggive-heading.js +1 -1
- package/dist/components/biggive-hero-image.js +2 -2
- package/dist/components/biggive-icon-button.js +2 -2
- package/dist/components/biggive-image-button.js +2 -2
- package/dist/components/biggive-image-card.js +2 -2
- package/dist/components/biggive-image-feature.js +1 -1
- package/dist/components/biggive-image.js +1 -1
- package/dist/components/biggive-main-menu.js +1 -1
- package/dist/components/biggive-misc-icon2.js +1 -1
- package/dist/components/biggive-nav-group.js +1 -1
- package/dist/components/biggive-nav-item.js +1 -1
- package/dist/components/biggive-page-column.js +1 -1
- package/dist/components/biggive-page-columns.js +1 -1
- package/dist/components/biggive-page-section.js +2 -2
- package/dist/components/biggive-popup2.js +1 -1
- package/dist/components/biggive-quote.js +3 -3
- package/dist/components/biggive-sheet.js +1 -1
- package/dist/components/biggive-social-icon2.js +1 -1
- package/dist/components/biggive-tab.js +1 -1
- package/dist/components/biggive-tabbed-content.js +2 -2
- package/dist/components/biggive-table.js +2 -2
- package/dist/components/biggive-text-input.js +1 -2
- package/dist/components/biggive-text-input.js.map +1 -1
- package/dist/components/biggive-timeline.js +2 -2
- package/dist/components/biggive-totalizer-ticker-item.js +1 -1
- package/dist/components/biggive-totalizer.js +1 -1
- package/dist/components/biggive-video-feature.js +1 -1
- package/dist/components/biggive-video.js +1 -1
- package/dist/components/philco-footer.js +1 -1
- package/dist/components/philco-main-menu.js +1 -1
- package/dist/esm/app-globals-DQuL1Twl.js +6 -0
- package/dist/esm/app-globals-DQuL1Twl.js.map +1 -0
- package/dist/esm/biggive-accordion-entry.entry.js +1 -1
- package/dist/esm/biggive-accordion.entry.js +2 -2
- package/dist/esm/biggive-article-card.entry.js +3 -3
- package/dist/esm/biggive-back-to-top.entry.js +2 -2
- package/dist/esm/biggive-basic-card.entry.js +3 -3
- package/dist/esm/biggive-biography-card.entry.js +1 -1
- package/dist/esm/biggive-boxed-content.entry.js +3 -3
- package/dist/esm/biggive-branded-image.entry.js +2 -2
- package/dist/esm/biggive-button.entry.js +2 -2
- package/dist/esm/biggive-call-to-action.entry.js +2 -2
- package/dist/esm/biggive-campaign-card-filter-grid.entry.js +7 -7
- package/dist/esm/biggive-campaign-card-filter-grid.entry.js.map +1 -1
- package/dist/esm/biggive-campaign-card.entry.js +2 -2
- package/dist/esm/biggive-campaign-highlights.entry.js +2 -2
- package/dist/esm/biggive-container-card.entry.js +2 -2
- package/dist/esm/biggive-cookie-banner.entry.js +2 -2
- package/dist/esm/biggive-footer.entry.js +1 -1
- package/dist/esm/biggive-form-field-select.entry.js +3 -3
- package/dist/esm/biggive-form.entry.js +2 -2
- package/dist/esm/biggive-formatted-text.entry.js +2 -2
- package/dist/esm/biggive-grid.entry.js +2 -2
- package/dist/esm/biggive-heading.entry.js +2 -2
- package/dist/esm/biggive-hero-image.entry.js +3 -3
- package/dist/esm/biggive-icon-button.entry.js +3 -3
- package/dist/esm/biggive-image-button.entry.js +3 -3
- package/dist/esm/biggive-image-card.entry.js +3 -3
- package/dist/esm/biggive-image-feature.entry.js +2 -2
- package/dist/esm/biggive-image.entry.js +2 -2
- package/dist/esm/biggive-main-menu.entry.js +2 -2
- package/dist/esm/biggive-misc-icon.entry.js +2 -2
- package/dist/esm/biggive-nav-group.entry.js +2 -2
- package/dist/esm/biggive-nav-item.entry.js +2 -2
- package/dist/esm/biggive-page-column.entry.js +2 -2
- package/dist/esm/biggive-page-columns.entry.js +2 -2
- package/dist/esm/biggive-page-section.entry.js +3 -3
- package/dist/esm/biggive-popup.entry.js +2 -2
- package/dist/esm/biggive-progress-bar.entry.js +1 -1
- package/dist/esm/biggive-quote.entry.js +4 -4
- package/dist/esm/biggive-sheet.entry.js +2 -2
- package/dist/esm/biggive-social-icon.entry.js +2 -2
- package/dist/esm/biggive-tab.entry.js +2 -2
- package/dist/esm/biggive-tabbed-content.entry.js +3 -3
- package/dist/esm/biggive-table.entry.js +3 -3
- package/dist/esm/biggive-text-input.entry.js +2 -2
- package/dist/esm/biggive-text-input.entry.js.map +1 -1
- package/dist/esm/biggive-timeline-entry.entry.js +1 -1
- package/dist/esm/biggive-timeline.entry.js +3 -3
- package/dist/esm/biggive-totalizer-ticker-item.entry.js +2 -2
- package/dist/esm/biggive-totalizer.entry.js +2 -2
- package/dist/esm/biggive-video-feature.entry.js +2 -2
- package/dist/esm/biggive-video.entry.js +2 -2
- package/dist/esm/biggive.js +5 -4
- package/dist/esm/biggive.js.map +1 -1
- package/dist/esm/{index-DZr5lYtw.js → index-DszaIBkO.js} +166 -143
- package/dist/esm/index-DszaIBkO.js.map +1 -0
- package/dist/esm/loader.js +4 -3
- package/dist/esm/loader.js.map +1 -1
- package/dist/esm/philco-footer.entry.js +2 -2
- package/dist/esm/philco-main-menu.entry.js +2 -2
- package/dist/types/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.d.ts +2 -2
- package/dist/types/components/biggive-text-input/biggive-text-input.d.ts +2 -1
- package/dist/types/components.d.ts +4 -2
- package/dist/types/stencil-public-runtime.d.ts +12 -5
- package/hydrate/index.js +245 -183
- package/hydrate/index.mjs +245 -183
- package/package.json +2 -2
- package/dist/biggive/p-1576d74c.entry.js +0 -2
- package/dist/biggive/p-1576d74c.entry.js.map +0 -1
- package/dist/biggive/p-1ad25908.entry.js +0 -2
- package/dist/biggive/p-28aef3ff.entry.js +0 -2
- package/dist/biggive/p-3a42f5c8.entry.js +0 -2
- package/dist/biggive/p-749f45b6.entry.js +0 -2
- package/dist/biggive/p-7e0efade.entry.js +0 -2
- package/dist/biggive/p-8a882580.entry.js +0 -2
- package/dist/biggive/p-916e38a2.entry.js +0 -2
- package/dist/biggive/p-9ad2836b.entry.js +0 -2
- package/dist/biggive/p-DZr5lYtw.js +0 -3
- package/dist/biggive/p-DZr5lYtw.js.map +0 -1
- package/dist/biggive/p-b6d42bcf.entry.js +0 -2
- package/dist/biggive/p-f1625137.entry.js +0 -2
- package/dist/cjs/index-CxRTMpc0.js.map +0 -1
- package/dist/esm/index-DZr5lYtw.js.map +0 -1
- /package/dist/biggive/{p-23f78624.entry.js.map → p-039d0bc9.entry.js.map} +0 -0
- /package/dist/biggive/{p-dbc46e3c.entry.js.map → p-056babcc.entry.js.map} +0 -0
- /package/dist/biggive/{p-95c26e05.entry.js.map → p-0631cab6.entry.js.map} +0 -0
- /package/dist/biggive/{p-3ffac663.entry.js.map → p-0cbb3bae.entry.js.map} +0 -0
- /package/dist/biggive/{p-d853a4e5.entry.js.map → p-0d51d41b.entry.js.map} +0 -0
- /package/dist/biggive/{p-c2122796.entry.js.map → p-10d9dde9.entry.js.map} +0 -0
- /package/dist/biggive/{p-9f721661.entry.js.map → p-1626e783.entry.js.map} +0 -0
- /package/dist/biggive/{p-35b4bd6d.entry.js.map → p-199aa446.entry.js.map} +0 -0
- /package/dist/biggive/{p-3a92bb20.entry.js.map → p-27ab178e.entry.js.map} +0 -0
- /package/dist/biggive/{p-f500074c.entry.js.map → p-38296d2a.entry.js.map} +0 -0
- /package/dist/biggive/{p-840510f5.entry.js.map → p-38e0a8fc.entry.js.map} +0 -0
- /package/dist/biggive/{p-eb6fa11a.entry.js.map → p-3c102321.entry.js.map} +0 -0
- /package/dist/biggive/{p-6bab26b8.entry.js.map → p-3c78165a.entry.js.map} +0 -0
- /package/dist/biggive/{p-475c8345.entry.js.map → p-4325c249.entry.js.map} +0 -0
- /package/dist/biggive/{p-00ef8e06.entry.js.map → p-44d5e7ae.entry.js.map} +0 -0
- /package/dist/biggive/{p-dfbc71b0.entry.js.map → p-48a82094.entry.js.map} +0 -0
- /package/dist/biggive/{p-e06b3172.entry.js.map → p-4b0156eb.entry.js.map} +0 -0
- /package/dist/biggive/{p-0e9be8d6.entry.js.map → p-60000d83.entry.js.map} +0 -0
- /package/dist/biggive/{p-28aef3ff.entry.js.map → p-685644a0.entry.js.map} +0 -0
- /package/dist/biggive/{p-7e0efade.entry.js.map → p-68cf8758.entry.js.map} +0 -0
- /package/dist/biggive/{p-1ae4f09f.entry.js.map → p-6e8648dd.entry.js.map} +0 -0
- /package/dist/biggive/{p-8a882580.entry.js.map → p-6f2b9093.entry.js.map} +0 -0
- /package/dist/biggive/{p-ee657d37.entry.js.map → p-71639fa0.entry.js.map} +0 -0
- /package/dist/biggive/{p-38f5b04b.entry.js.map → p-718554bf.entry.js.map} +0 -0
- /package/dist/biggive/{p-3a42f5c8.entry.js.map → p-736b28c7.entry.js.map} +0 -0
- /package/dist/biggive/{p-b6d42bcf.entry.js.map → p-7eb9385d.entry.js.map} +0 -0
- /package/dist/biggive/{p-86521f54.entry.js.map → p-86973651.entry.js.map} +0 -0
- /package/dist/biggive/{p-2459060f.entry.js.map → p-88839dfd.entry.js.map} +0 -0
- /package/dist/biggive/{p-6a3a6d9e.entry.js.map → p-8b439a97.entry.js.map} +0 -0
- /package/dist/biggive/{p-32855ae7.entry.js.map → p-8c3ff888.entry.js.map} +0 -0
- /package/dist/biggive/{p-3061c094.entry.js.map → p-9351e89f.entry.js.map} +0 -0
- /package/dist/biggive/{p-e14ab003.entry.js.map → p-946069a6.entry.js.map} +0 -0
- /package/dist/biggive/{p-c3e1f08e.entry.js.map → p-966a1d73.entry.js.map} +0 -0
- /package/dist/biggive/{p-1ad25908.entry.js.map → p-96921f27.entry.js.map} +0 -0
- /package/dist/biggive/{p-a140bf98.entry.js.map → p-b0da3cb4.entry.js.map} +0 -0
- /package/dist/biggive/{p-fc3b5226.entry.js.map → p-b6db5427.entry.js.map} +0 -0
- /package/dist/biggive/{p-306f4fee.entry.js.map → p-b8610d73.entry.js.map} +0 -0
- /package/dist/biggive/{p-096c3a62.entry.js.map → p-bb76f2b5.entry.js.map} +0 -0
- /package/dist/biggive/{p-572fe8cc.entry.js.map → p-bd8b1459.entry.js.map} +0 -0
- /package/dist/biggive/{p-916e38a2.entry.js.map → p-c9967ce5.entry.js.map} +0 -0
- /package/dist/biggive/{p-fcd6a283.entry.js.map → p-ca68b18e.entry.js.map} +0 -0
- /package/dist/biggive/{p-f1625137.entry.js.map → p-dd6efe4f.entry.js.map} +0 -0
- /package/dist/biggive/{p-a233016a.entry.js.map → p-df9d5fd7.entry.js.map} +0 -0
- /package/dist/biggive/{p-9ad2836b.entry.js.map → p-e0959104.entry.js.map} +0 -0
- /package/dist/biggive/{p-722cf5fc.entry.js.map → p-f573a6d9.entry.js.map} +0 -0
- /package/dist/biggive/{p-4e4351e4.entry.js.map → p-f8aaeab6.entry.js.map} +0 -0
- /package/dist/biggive/{p-ac025d32.entry.js.map → p-f8e6a6d3.entry.js.map} +0 -0
- /package/dist/biggive/{p-bc5cbcd1.entry.js.map → p-f91dd04f.entry.js.map} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"biggive-campaign-card-filter-grid.entry.esm.js","sources":["src/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.scss?tag=biggive-campaign-card-filter-grid&encapsulation=shadow","src/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n display: content;\n}\n\n// Each select needs a higher z-index than the one below,\n// so that the drop-down part will occlude it.\n.select-wrapper-1, .select-wrapper-2, .select-wrapper-3, .select-wrapper-4 {\n position: relative;\n margin-top: 1em;\n}\n.select-wrapper-1 {\n z-index: 4;\n}\n.select-wrapper-2 {\n z-index: 3;\n}\n.select-wrapper-3 {\n z-index: 2;\n }\n.select-wrapper-4 {\n z-index: 1;\n}\n\n.container {\n @include standard-font();\n position: relative;\n .search-wrap {\n @include lower-shadow();\n background-color: $colour-white;\n padding: $spacer-3 $spacer-4;\n margin-bottom: $spacer-3;\n h4 {\n margin-bottom: $spacer-3;\n }\n .field-wrap {\n @include flex-container-row();\n\n .input-wrap {\n @include flex-container-row();\n padding-bottom: $spacer-1;\n border-bottom: 1px solid $colour-black;\n margin-right: $spacer-4;\n flex-grow: 1;\n input {\n border: 0;\n }\n }\n button {\n padding: 5px 30px;\n }\n }\n }\n}\n.selected-filter-wrap {\n display: flex;\n margin-bottom: 23px;\n padding: 0;\n .button {\n margin-bottom: 7px;\n display: inline-block;\n cursor: pointer;\n border-radius: 20px;\n padding: 5px 50px 5px 20px;\n margin-right: 15px;\n background-color: $colour-tertiary-coral;;\n color: $colour-black;\n border: 1px solid $colour-tertiary-coral;\n text-decoration: none;\n background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTguNCAxOC40IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOC40IDE4LjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7c3Ryb2tlOiMwMDAwMDA7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOS4yLDguNUwxNywwLjdsMC43LDAuN0w5LjksOS4ybDcuOCw3LjhMMTcsMTcuN0w5LjIsOS45bC03LjgsNy44TDAuNywxN2w3LjgtNy44TDAuNywxLjRsMC43LTAuN0w5LjIsOC41eiIvPgo8L3N2Zz4K);\n background-repeat: no-repeat;\n background-position: right 20px center;\n background-size: 12px auto;\n &:hover {\n background-color: $colour-white;\n color: $colour-black;\n }\n }\n .clear-all {\n margin-left: auto;\n a {\n display: inline-block;\n cursor: pointer;\n border-radius: 20px;\n padding: 5px 20px;\n background-color: $colour-primary-blue;\n color: $colour-white;\n border: 1px solid $colour-primary-blue;\n text-decoration: none;\n &:hover {\n background-color: $colour-white;\n color: $colour-primary-blue;\n }\n }\n }\n}\n\n.sort-filter-wrap {\n display: flex;\n justify-content: flex-end;\n margin-bottom: $spacer-4;\n padding: 0;\n text-align: right;\n .clear-all {\n cursor: pointer;\n vertical-align: center;\n margin-top: auto;\n margin-bottom: auto;\n }\n\n display: flex;\n .sort-wrap {\n margin-left: 15px;\n }\n\n .filter-wrap {\n background-color: $colour-grey-background; // temp for testing dropdown\n\n margin-left: $spacer-3;\n\n .button.filter {\n padding-left: 60px;\n padding-right: 30px;\n\n .filter-icon {\n content: '';\n display: block;\n position: absolute;\n left: 25px;\n top: 17px;\n width: 13px;\n height: 13px;\n\n svg {\n width: 100%;\n height: auto;\n vertical-align: top;\n\n &:hover {\n fill: $colour-primary-blue;\n }\n }\n }\n }\n }\n}\n\n.icon {\n @include icon();\n margin: auto;\n\n > path {\n fill: $colour-primary-blue;\n }\n}\n\n.icon-clear-all {\n > path {\n fill: $colour-black;\n }\n}\n\n@media screen and (max-width: $screen-mobile-small) {\n .sort-filter-wrap {\n flex-direction: column-reverse;\n .sort-wrap {\n margin-top: 20px;\n margin-bottom: 20px;\n }\n }\n}\n\n@media screen and (max-width: $screen-mobile-x-small) {\n .sort-filter-wrap {\n justify-content: space-between;\n .sort-wrap {\n margin-left: 0px;\n }\n .filter-wrap {\n margin-left: 3px;\n }\n }\n}\n\n.align-right {\n text-align: right;\n}\n\n.input-text {\n @include input-text();\n}\n\n.text-colour-primary {\n color: $colour-primary-blue;\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State } from '@stencil/core';\nimport { faMagnifyingGlass } from '@fortawesome/pro-solid-svg-icons';\n\nconst sortOptionLabels = {\n relevance: 'Relevance',\n amountRaised: 'Most raised',\n leastRaised: 'Least raised',\n closeToTarget: 'Close to campaign target',\n matchFundsRemaining: 'Match funds remaining',\n} as const;\n\nexport type sortOptionKey = keyof typeof sortOptionLabels;\nexport type sortOptionLabel = (typeof sortOptionLabels)[sortOptionKey];\n\n@Component({\n tag: 'biggive-campaign-card-filter-grid',\n styleUrl: 'biggive-campaign-card-filter-grid.scss',\n shadow: true,\n})\nexport class BiggiveCampaignCardFilterGrid {\n private sortByPlaceholderText = 'Sort by';\n private beneficiariesPlaceHolderText = 'Select beneficiary';\n private categoriesPlaceHolderText = 'Select category';\n private locationsPlaceHolderText = 'Select location';\n private initialSortByOption: sortOptionLabel;\n\n /**\n * This and similar properties represent selections made in the popup but not yet applied.\n */\n private newSelectedFilterCategory: string | null = null;\n private newSelectedFilterBeneficiary: string | null = null;\n private newSelectedFilterLocation: string | null = null;\n\n @Element() el: HTMLBiggiveCampaignCardFilterGridElement;\n\n /**\n * This event `doSearchAndFilterUpdate` event is emitted and propogates to the parent\n * component which handles it\n */\n @Event({\n eventName: 'doSearchAndFilterUpdate',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n doSearchAndFilterUpdate: EventEmitter<{\n searchText: string | null;\n sortBy: string | null;\n filterCategory: string | null;\n filterBeneficiary: string | null;\n filterLocation: string | null;\n }>;\n\n /**\n * Typically on non-negligible scroll away from the search area.\n */\n @Method() async unfocusInputs() {\n this.unfocusTextInput();\n }\n\n /**\n * Space below component\n */\n @Prop() spaceBelow: number = 0;\n\n /**\n * Intro\n */\n @Prop() intro: string = 'Find a charity or project';\n\n /**\n * Optional search text prop. Useful for pre-populating the search field\n * when the page is loaded with a search term already existing in the URL.\n * This can happen when sharing links, or if a donor goes to a campaign page\n * after searching, and then returns to the search results. In such a case,\n * the search box text will clear, unless we use this prop to populate it on\n * rendering. DON-652.\n */\n @Prop() searchText: string | null = null;\n\n /**\n * Defines the text displayed as the placeholder in the input field\n * before the user types anything\n */\n @Prop() placeholderText: string = 'Search';\n\n /**\n * Defines the text on the search button\n */\n @Prop() buttonText: string = 'Search';\n\n /**\n * JSON array of category key/values, or takes a stringified equiavalent (for Storybook)\n */\n @Prop() categoryOptions: string | Record<string, string> | string[];\n\n /**\n * JSON array of beneficiary key/values, or takes a stringified equiavalent (for Storybook)\n */\n @Prop() beneficiaryOptions: string | Record<string, string> | string[];\n\n /**\n * JSON array of location key/values, or takes a stringified equiavalent (for Storybook)\n */\n @Prop() locationOptions: string | Record<string, string> | string[];\n\n /**\n * This helps us inject a pre-selected dropdown value from outside of this component.\n * This is especially helpful for the Meta campaign and Explore pages, where searching\n * by text wipes out previous sort options and re-uses Relevance, or where one of those\n * two pages is loaded directly with URL parameters - in such a scenario the dropdown\n * shows that it's pre-selected. DON-558.\n */\n @Prop({ mutable: true })\n selectedSortByOption: sortOptionLabel;\n\n /**\n * For injecting the chosen category to filter by, as per the comment above for `selectedSortByOption`.\n */\n @Prop({ mutable: true }) selectedFilterCategory: string | null = null;\n\n /**\n * For injecting the chosen beneficiary to filter by, as per the comment above for `selectedSortByOption`.\n */\n @Prop({ mutable: true }) selectedFilterBeneficiary: string | null = null;\n\n /**\n * For injecting the chosen location to filter by, as per the comment above for `selectedSortByOption`.\n */\n @Prop({ mutable: true }) selectedFilterLocation: string | null = null;\n\n /**\n * State variable - causes re-render on change\n */\n @State() filtersApplied: boolean;\n\n private categoryFilterSelectionChanged = (value: string) => {\n this.newSelectedFilterCategory = value;\n };\n\n private beneficiarySelectionChanged = (value: string) => {\n this.newSelectedFilterBeneficiary = value;\n };\n\n private locationSelectionChanged = (value: string) => {\n this.newSelectedFilterLocation = value;\n };\n\n private sortBySelectionChanged = (value: sortOptionLabel) => {\n this.selectedSortByOption = value;\n this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());\n };\n\n private getSearchAndFilterObject() {\n return {\n searchText: this.searchText,\n sortBy: this.selectedSortByOption,\n filterCategory: this.selectedFilterCategory,\n filterBeneficiary: this.selectedFilterBeneficiary,\n filterLocation: this.selectedFilterLocation,\n };\n }\n\n private handleApplyFilterButtonClick = () => {\n this.selectedFilterCategory = this.newSelectedFilterCategory ?? this.selectedFilterCategory;\n this.selectedFilterBeneficiary = this.newSelectedFilterBeneficiary ?? this.selectedFilterBeneficiary;\n this.selectedFilterLocation = this.newSelectedFilterLocation ?? this.selectedFilterLocation;\n\n const searchAndFilterObj = this.getSearchAndFilterObject();\n this.doSearchAndFilterUpdate.emit(searchAndFilterObj);\n\n const filterPopup = this.el.shadowRoot?.getElementById('filter-popup') as HTMLBiggivePopupElement | undefined;\n if (filterPopup) {\n filterPopup.closeFromOutside();\n }\n\n this.filtersApplied =\n typeof searchAndFilterObj.filterBeneficiary === 'string' || typeof searchAndFilterObj.filterCategory === 'string' || typeof searchAndFilterObj.filterLocation === 'string';\n };\n\n private removeFilter(filterKey: 'locations' | 'categories' | 'beneficiaries') {\n switch (filterKey) {\n case 'beneficiaries':\n this.selectedFilterBeneficiary = null;\n break;\n case 'categories':\n this.selectedFilterCategory = null;\n break;\n case 'locations':\n this.selectedFilterLocation = null;\n break;\n default:\n // This asks the compiler to check that we are in dead code, i.e. we covered all the possible filter keys\n // above. If we missed one we would get a compile error trying to assign a string to a never.\n const exhaustiveSwitch: never = filterKey;\n console.error(exhaustiveSwitch);\n }\n\n const selectEl = this.el.shadowRoot?.getElementById(filterKey) as HTMLBiggiveFormFieldSelectElement | undefined;\n if (!selectEl) {\n return;\n }\n\n selectEl.selectedLabel = null;\n selectEl.selectedValue = null;\n this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());\n }\n\n private handleSearchButtonPressed = () => {\n this.unfocusTextInput();\n this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());\n\n if (this.hasSearchTerm()) {\n this.selectedSortByOption = 'Relevance';\n }\n };\n\n private handleSearchTextChanged = (event: any) => {\n this.searchText = event.target.value;\n };\n\n private handleEnterPressed = (ev: KeyboardEvent) => {\n if (ev.key === 'Enter') {\n this.unfocusTextInput();\n this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());\n }\n };\n\n private handleFilterButtonClick = () => {\n this.newSelectedFilterBeneficiary = this.selectedFilterBeneficiary;\n this.newSelectedFilterCategory = this.selectedFilterCategory;\n this.newSelectedFilterLocation = this.selectedFilterLocation;\n\n const filterPopup = this.el.shadowRoot?.getElementById('filter-popup') as HTMLBiggivePopupElement | undefined;\n if (filterPopup) {\n filterPopup.openFromOutside();\n }\n };\n\n private handleClearAll = () => {\n this.unfocusTextInput();\n\n // Set the 'Filters' button back to the primary background colour\n this.filtersApplied = false;\n\n // Clear all\n this.searchText = null;\n this.selectedSortByOption = this.initialSortByOption;\n this.selectedFilterBeneficiary = null;\n this.selectedFilterCategory = null;\n this.selectedFilterLocation = null;\n\n // Clear <biggive-form-field-select> components' internal selectedValue and selectedLabel. DON-654.\n ['sort-by', 'categories', 'beneficiaries', 'locations', 'funding'].forEach(id => {\n const theEl = this.el.shadowRoot?.getElementById(id) as HTMLBiggiveFormFieldSelectElement | undefined;\n if (!theEl) {\n return;\n }\n\n theEl.selectedValue = null;\n theEl.selectedLabel = null;\n });\n\n const selectedFilters = this.el.shadowRoot?.querySelector('.selected-filters');\n if (selectedFilters) {\n selectedFilters.querySelectorAll('.button').forEach(button => {\n button.remove();\n });\n }\n\n // Emit the doSearchAndFilterUpdate event with null values. DON-654\n this.doSearchAndFilterUpdate.emit({\n searchText: null,\n sortBy: null,\n filterCategory: null,\n filterBeneficiary: null,\n filterLocation: null,\n });\n };\n\n /**\n * We've seen desktop Safari jump to this input when it's focused at times when that's\n * unhelpful, so on a few occasions we proactively blur it.\n */\n private unfocusTextInput() {\n const input = this.el.shadowRoot?.querySelector('.input-text') as HTMLInputElement | undefined;\n input?.blur();\n }\n\n componentWillRender() {\n this.filtersApplied = this.selectedFilterCategory !== null || this.selectedFilterBeneficiary !== null || this.selectedFilterLocation !== null;\n this.initialSortByOption = this.selectedSortByOption;\n }\n\n render() {\n const sortOptions = this.getSortOptions();\n\n return (\n <div class={'container space-below-' + this.spaceBelow}>\n <div class=\"sleeve\">\n <div class=\"search-wrap\">\n <h4>{this.intro}</h4>\n <div class=\"field-wrap\">\n <div class=\"input-wrap\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon\" viewBox=\"0 0 512 512\">\n <path d={faMagnifyingGlass.icon[4].toString()} />\n </svg>\n <input\n type=\"text\"\n value={this.searchText ?? ''}\n class=\"input-text\"\n placeholder={this.placeholderText}\n onInput={this.handleSearchTextChanged}\n onKeyDown={this.handleEnterPressed}\n />\n </div>\n <biggive-button onClick={this.handleSearchButtonPressed} label={this.buttonText} />\n </div>\n </div>\n <div class=\"sort-filter-wrap\">\n <div class=\"filter-wrap\">\n <biggive-button class=\"filter\" colourScheme=\"primary\" onClick={this.handleFilterButtonClick} label=\"Filter\" fullWidth={true} space-below=\"0\"></biggive-button>\n <biggive-popup id=\"filter-popup\">\n <h4 class=\"space-above-0 space-below-3 text-colour-primary\">Filters</h4>\n <div class=\"select-wrapper-1\">\n <biggive-form-field-select\n backgroundColour=\"white\"\n prompt=\"Category\"\n placeholder={this.categoriesPlaceHolderText}\n selectedLabel={this.selectedFilterCategory}\n selectedValue={this.selectedFilterCategory}\n options={this.optionsToArray(this.categoryOptions || [])}\n selectionChanged={this.categoryFilterSelectionChanged}\n id=\"categories\"\n space-below=\"2\"\n ></biggive-form-field-select>\n </div>\n\n <div class=\"select-wrapper-2\">\n <biggive-form-field-select\n backgroundColour=\"white\"\n prompt=\"Beneficiary\"\n placeholder={this.beneficiariesPlaceHolderText}\n selectedLabel={this.selectedFilterBeneficiary}\n selectedValue={this.selectedFilterBeneficiary}\n options={this.optionsToArray(this.beneficiaryOptions || [])}\n selectionChanged={this.beneficiarySelectionChanged}\n id=\"beneficiaries\"\n space-below=\"2\"\n ></biggive-form-field-select>\n </div>\n\n <div class=\"select-wrapper-3\">\n <biggive-form-field-select\n backgroundColour=\"white\"\n prompt=\"Location\"\n placeholder={this.locationsPlaceHolderText}\n selectedLabel={this.selectedFilterLocation}\n selectedValue={this.selectedFilterLocation}\n options={this.optionsToArray(this.locationOptions || [])}\n selectionChanged={this.locationSelectionChanged}\n id=\"locations\"\n space-below=\"2\"\n ></biggive-form-field-select>\n </div>\n\n <div class=\"align-right\">\n <biggive-button label=\"Apply filters\" onClick={this.handleApplyFilterButtonClick} />\n </div>\n </biggive-popup>\n </div>\n\n <div class=\"sort-wrap\">\n <biggive-form-field-select\n options={sortOptions}\n prompt={null}\n select-style=\"underlined\"\n placeholder={this.sortByPlaceholderText}\n selectedLabel={this.selectedSortByOption}\n selectedValue={this.getSelectedValue()}\n selectionChanged={this.sortBySelectionChanged}\n id=\"sort-by\"\n >\n <biggive-form-field-select-option value=\"amountRaised\" label=\"Most raised\"></biggive-form-field-select-option>\n <biggive-form-field-select-option value=\"leastRaised\" label=\"Least raised\"></biggive-form-field-select-option>\n <biggive-form-field-select-option value=\"matchFundsRemaining\" label=\"Match funds remaining\"></biggive-form-field-select-option>\n {(this.searchText || '').length > 0 ? <biggive-form-field-select-option value=\"Relevance\" label=\"Relevance\"></biggive-form-field-select-option> : null}\n </biggive-form-field-select>\n </div>\n </div>\n <div class=\"selected-filter-wrap\">\n <div class=\"selected-filters\">\n {this.selectedFilterCategory && (\n <span\n class=\"button\"\n onClick={() => {\n this.removeFilter('categories');\n }}\n >\n {this.selectedFilterCategory}\n </span>\n )}\n {this.selectedFilterBeneficiary && (\n <span\n class=\"button\"\n onClick={() => {\n this.removeFilter('beneficiaries');\n }}\n >\n {this.selectedFilterBeneficiary}\n </span>\n )}\n {this.selectedFilterLocation && (\n <span\n class=\"button\"\n onClick={() => {\n this.removeFilter('locations');\n }}\n >\n {this.selectedFilterLocation}\n </span>\n )}\n </div>\n <div class=\"clear-all\">\n <a onClick={this.handleClearAll}>Clear all</a>\n </div>\n </div>\n <div class=\"campaign-grid\">\n <slot name=\"campaign-grid\"></slot>\n </div>\n </div>\n </div>\n );\n }\n\n // I'm not sure if I understand the reasoning for own-methods-must-be-private. I made the method below public to unit\n // test it. Maybe the idea is that we should move anything with enough logic to test outside the component class? I\n // can do that if people think it's better.\n //\n // eslint-disable-next-line @stencil-community/own-methods-must-be-private\n public getSelectedValue(): undefined | string {\n const sortByOption = this.selectedSortByOption;\n if (sortByOption === undefined) {\n return undefined;\n }\n const sortOptions = this.getSortOptions();\n const selected = sortOptions.filter(option => {\n return option.label.toLowerCase() === sortByOption.toLowerCase();\n })[0];\n\n return selected?.value;\n }\n\n private getSortOptions(): {\n label: sortOptionLabel;\n value: sortOptionKey;\n }[] {\n // @ts-ignore - see https://github.com/microsoft/TypeScript/pull/12253#issuecomment-263132208\n const sortOptionKeys: sortOptionKey[] = Object.getOwnPropertyNames(sortOptionLabels);\n const relevantOptionKeys = sortOptionKeys.filter(key => key !== 'relevance' || this.hasSearchTerm());\n\n return relevantOptionKeys.map((key: sortOptionKey) => ({ value: key, label: sortOptionLabels[key] }));\n }\n\n private hasSearchTerm() {\n return typeof this.searchText === 'string' && this.searchText.length > 0;\n }\n\n private optionsToArray(options: string | Record<string, string> | string[]): {\n label: string;\n value: string;\n }[] {\n if (typeof options === 'string') {\n options = JSON.parse(options);\n }\n if (Array.isArray(options)) {\n return options.map((option: string) => ({ value: option, label: option }));\n }\n\n return Object.entries(options).map(entry => ({ value: entry[0], label: entry[1] }));\n }\n}\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"biggive-campaign-card-filter-grid.entry.esm.js","sources":["src/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.scss?tag=biggive-campaign-card-filter-grid&encapsulation=shadow","src/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n display: content;\n}\n\n// Each select needs a higher z-index than the one below,\n// so that the drop-down part will occlude it.\n.select-wrapper-1, .select-wrapper-2, .select-wrapper-3, .select-wrapper-4 {\n position: relative;\n margin-top: 1em;\n}\n.select-wrapper-1 {\n z-index: 4;\n}\n.select-wrapper-2 {\n z-index: 3;\n}\n.select-wrapper-3 {\n z-index: 2;\n }\n.select-wrapper-4 {\n z-index: 1;\n}\n\n.container {\n @include standard-font();\n position: relative;\n .search-wrap {\n @include lower-shadow();\n background-color: $colour-white;\n padding: $spacer-3 $spacer-4;\n margin-bottom: $spacer-3;\n h4 {\n margin-bottom: $spacer-3;\n }\n .field-wrap {\n @include flex-container-row();\n\n .input-wrap {\n @include flex-container-row();\n padding-bottom: $spacer-1;\n border-bottom: 1px solid $colour-black;\n margin-right: $spacer-4;\n flex-grow: 1;\n input {\n border: 0;\n }\n }\n button {\n padding: 5px 30px;\n }\n }\n }\n}\n.selected-filter-wrap {\n display: flex;\n margin-bottom: 23px;\n padding: 0;\n .button {\n margin-bottom: 7px;\n display: inline-block;\n cursor: pointer;\n border-radius: 20px;\n padding: 5px 50px 5px 20px;\n margin-right: 15px;\n background-color: $colour-tertiary-coral;;\n color: $colour-black;\n border: 1px solid $colour-tertiary-coral;\n text-decoration: none;\n background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTguNCAxOC40IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOC40IDE4LjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7c3Ryb2tlOiMwMDAwMDA7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOS4yLDguNUwxNywwLjdsMC43LDAuN0w5LjksOS4ybDcuOCw3LjhMMTcsMTcuN0w5LjIsOS45bC03LjgsNy44TDAuNywxN2w3LjgtNy44TDAuNywxLjRsMC43LTAuN0w5LjIsOC41eiIvPgo8L3N2Zz4K);\n background-repeat: no-repeat;\n background-position: right 20px center;\n background-size: 12px auto;\n &:hover {\n background-color: $colour-white;\n color: $colour-black;\n }\n }\n .clear-all {\n margin-left: auto;\n a {\n display: inline-block;\n cursor: pointer;\n border-radius: 20px;\n padding: 5px 20px;\n background-color: $colour-primary-blue;\n color: $colour-white;\n border: 1px solid $colour-primary-blue;\n text-decoration: none;\n &:hover {\n background-color: $colour-white;\n color: $colour-primary-blue;\n }\n }\n }\n}\n\n.sort-filter-wrap {\n display: flex;\n justify-content: flex-end;\n margin-bottom: $spacer-4;\n padding: 0;\n text-align: right;\n .clear-all {\n cursor: pointer;\n vertical-align: center;\n margin-top: auto;\n margin-bottom: auto;\n }\n\n display: flex;\n .sort-wrap {\n margin-left: 15px;\n }\n\n .filter-wrap {\n background-color: $colour-grey-background; // temp for testing dropdown\n\n margin-left: $spacer-3;\n\n .button.filter {\n padding-left: 60px;\n padding-right: 30px;\n\n .filter-icon {\n content: '';\n display: block;\n position: absolute;\n left: 25px;\n top: 17px;\n width: 13px;\n height: 13px;\n\n svg {\n width: 100%;\n height: auto;\n vertical-align: top;\n\n &:hover {\n fill: $colour-primary-blue;\n }\n }\n }\n }\n }\n}\n\n.icon {\n @include icon();\n margin: auto;\n\n > path {\n fill: $colour-primary-blue;\n }\n}\n\n.icon-clear-all {\n > path {\n fill: $colour-black;\n }\n}\n\n@media screen and (max-width: $screen-mobile-small) {\n .sort-filter-wrap {\n flex-direction: column-reverse;\n .sort-wrap {\n margin-top: 20px;\n margin-bottom: 20px;\n }\n }\n}\n\n@media screen and (max-width: $screen-mobile-x-small) {\n .sort-filter-wrap {\n justify-content: space-between;\n .sort-wrap {\n margin-left: 0px;\n }\n .filter-wrap {\n margin-left: 3px;\n }\n }\n}\n\n.align-right {\n text-align: right;\n}\n\n.input-text {\n @include input-text();\n}\n\n.text-colour-primary {\n color: $colour-primary-blue;\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State } from '@stencil/core';\nimport { faMagnifyingGlass } from '@fortawesome/pro-solid-svg-icons';\n\nconst sortOptionLabels = {\n relevance: 'Relevance',\n amountRaised: 'Most raised',\n leastRaised: 'Least raised',\n closeToTarget: 'Nearest target',\n matchFundsRemaining: 'Most funds remaining',\n} as const;\n\nexport type sortOptionKey = keyof typeof sortOptionLabels;\nexport type sortOptionLabel = (typeof sortOptionLabels)[sortOptionKey];\n\n@Component({\n tag: 'biggive-campaign-card-filter-grid',\n styleUrl: 'biggive-campaign-card-filter-grid.scss',\n shadow: true,\n})\nexport class BiggiveCampaignCardFilterGrid {\n private sortByPlaceholderText = 'Sort by';\n private beneficiariesPlaceHolderText = 'Select beneficiary';\n private categoriesPlaceHolderText = 'Select category';\n private locationsPlaceHolderText = 'Select location';\n private initialSortByOption: sortOptionLabel;\n\n /**\n * This and similar properties represent selections made in the popup but not yet applied.\n */\n private newSelectedFilterCategory: string | null = null;\n private newSelectedFilterBeneficiary: string | null = null;\n private newSelectedFilterLocation: string | null = null;\n\n @Element() el: HTMLBiggiveCampaignCardFilterGridElement;\n\n /**\n * This event `doSearchAndFilterUpdate` event is emitted and propogates to the parent\n * component which handles it\n */\n @Event({\n eventName: 'doSearchAndFilterUpdate',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n doSearchAndFilterUpdate: EventEmitter<{\n searchText: string | null;\n sortBy: string | null;\n filterCategory: string | null;\n filterBeneficiary: string | null;\n filterLocation: string | null;\n }>;\n\n /**\n * Typically on non-negligible scroll away from the search area.\n */\n @Method() async unfocusInputs() {\n this.unfocusTextInput();\n }\n\n /**\n * Space below component\n */\n @Prop() spaceBelow: number = 0;\n\n /**\n * Intro\n */\n @Prop() intro: string = 'Find a charity or project';\n\n /**\n * Optional search text prop. Useful for pre-populating the search field\n * when the page is loaded with a search term already existing in the URL.\n * This can happen when sharing links, or if a donor goes to a campaign page\n * after searching, and then returns to the search results. In such a case,\n * the search box text will clear, unless we use this prop to populate it on\n * rendering. DON-652.\n */\n @Prop() searchText: string | null = null;\n\n /**\n * Defines the text displayed as the placeholder in the input field\n * before the user types anything\n */\n @Prop() placeholderText: string = 'Search';\n\n /**\n * Defines the text on the search button\n */\n @Prop() buttonText: string = 'Search';\n\n /**\n * JSON array of category key/values, or takes a stringified equiavalent (for Storybook)\n */\n @Prop() categoryOptions: string | Record<string, string> | string[];\n\n /**\n * JSON array of beneficiary key/values, or takes a stringified equiavalent (for Storybook)\n */\n @Prop() beneficiaryOptions: string | Record<string, string> | string[];\n\n /**\n * JSON array of location key/values, or takes a stringified equiavalent (for Storybook)\n */\n @Prop() locationOptions: string | Record<string, string> | string[];\n\n /**\n * This helps us inject a pre-selected dropdown value from outside of this component.\n * This is especially helpful for the Meta campaign and Explore pages, where searching\n * by text wipes out previous sort options and re-uses Relevance, or where one of those\n * two pages is loaded directly with URL parameters - in such a scenario the dropdown\n * shows that it's pre-selected. DON-558.\n */\n @Prop({ mutable: true })\n selectedSortByOption: sortOptionLabel;\n\n /**\n * For injecting the chosen category to filter by, as per the comment above for `selectedSortByOption`.\n */\n @Prop({ mutable: true }) selectedFilterCategory: string | null = null;\n\n /**\n * For injecting the chosen beneficiary to filter by, as per the comment above for `selectedSortByOption`.\n */\n @Prop({ mutable: true }) selectedFilterBeneficiary: string | null = null;\n\n /**\n * For injecting the chosen location to filter by, as per the comment above for `selectedSortByOption`.\n */\n @Prop({ mutable: true }) selectedFilterLocation: string | null = null;\n\n /**\n * State variable - causes re-render on change\n */\n @State() filtersApplied: boolean;\n\n private categoryFilterSelectionChanged = (value: string) => {\n this.newSelectedFilterCategory = value;\n };\n\n private beneficiarySelectionChanged = (value: string) => {\n this.newSelectedFilterBeneficiary = value;\n };\n\n private locationSelectionChanged = (value: string) => {\n this.newSelectedFilterLocation = value;\n };\n\n private sortBySelectionChanged = (value: sortOptionLabel) => {\n this.selectedSortByOption = value;\n this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());\n };\n\n private getSearchAndFilterObject() {\n return {\n searchText: this.searchText,\n sortBy: this.selectedSortByOption,\n filterCategory: this.selectedFilterCategory,\n filterBeneficiary: this.selectedFilterBeneficiary,\n filterLocation: this.selectedFilterLocation,\n };\n }\n\n private handleApplyFilterButtonClick = () => {\n this.selectedFilterCategory = this.newSelectedFilterCategory ?? this.selectedFilterCategory;\n this.selectedFilterBeneficiary = this.newSelectedFilterBeneficiary ?? this.selectedFilterBeneficiary;\n this.selectedFilterLocation = this.newSelectedFilterLocation ?? this.selectedFilterLocation;\n\n const searchAndFilterObj = this.getSearchAndFilterObject();\n this.doSearchAndFilterUpdate.emit(searchAndFilterObj);\n\n const filterPopup = this.el.shadowRoot?.getElementById('filter-popup') as HTMLBiggivePopupElement | undefined;\n if (filterPopup) {\n filterPopup.closeFromOutside();\n }\n\n this.filtersApplied =\n typeof searchAndFilterObj.filterBeneficiary === 'string' || typeof searchAndFilterObj.filterCategory === 'string' || typeof searchAndFilterObj.filterLocation === 'string';\n };\n\n private removeFilter(filterKey: 'locations' | 'categories' | 'beneficiaries') {\n switch (filterKey) {\n case 'beneficiaries':\n this.selectedFilterBeneficiary = null;\n break;\n case 'categories':\n this.selectedFilterCategory = null;\n break;\n case 'locations':\n this.selectedFilterLocation = null;\n break;\n default:\n // This asks the compiler to check that we are in dead code, i.e. we covered all the possible filter keys\n // above. If we missed one we would get a compile error trying to assign a string to a never.\n const exhaustiveSwitch: never = filterKey;\n console.error(exhaustiveSwitch);\n }\n\n const selectEl = this.el.shadowRoot?.getElementById(filterKey) as HTMLBiggiveFormFieldSelectElement | undefined;\n if (!selectEl) {\n return;\n }\n\n selectEl.selectedLabel = null;\n selectEl.selectedValue = null;\n this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());\n }\n\n private handleSearchButtonPressed = () => {\n this.unfocusTextInput();\n this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());\n\n if (this.hasSearchTerm()) {\n this.selectedSortByOption = 'Relevance';\n }\n };\n\n private handleSearchTextChanged = (event: any) => {\n this.searchText = event.target.value;\n };\n\n private handleEnterPressed = (ev: KeyboardEvent) => {\n if (ev.key === 'Enter') {\n this.unfocusTextInput();\n this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());\n }\n };\n\n private handleFilterButtonClick = () => {\n this.newSelectedFilterBeneficiary = this.selectedFilterBeneficiary;\n this.newSelectedFilterCategory = this.selectedFilterCategory;\n this.newSelectedFilterLocation = this.selectedFilterLocation;\n\n const filterPopup = this.el.shadowRoot?.getElementById('filter-popup') as HTMLBiggivePopupElement | undefined;\n if (filterPopup) {\n filterPopup.openFromOutside();\n }\n };\n\n private handleClearAll = () => {\n this.unfocusTextInput();\n\n // Set the 'Filters' button back to the primary background colour\n this.filtersApplied = false;\n\n // Clear all\n this.searchText = null;\n this.selectedSortByOption = this.initialSortByOption;\n this.selectedFilterBeneficiary = null;\n this.selectedFilterCategory = null;\n this.selectedFilterLocation = null;\n\n // Clear <biggive-form-field-select> components' internal selectedValue and selectedLabel. DON-654.\n ['sort-by', 'categories', 'beneficiaries', 'locations', 'funding'].forEach(id => {\n const theEl = this.el.shadowRoot?.getElementById(id) as HTMLBiggiveFormFieldSelectElement | undefined;\n if (!theEl) {\n return;\n }\n\n theEl.selectedValue = null;\n theEl.selectedLabel = null;\n });\n\n const selectedFilters = this.el.shadowRoot?.querySelector('.selected-filters');\n if (selectedFilters) {\n selectedFilters.querySelectorAll('.button').forEach(button => {\n button.remove();\n });\n }\n\n // Emit the doSearchAndFilterUpdate event with null values. DON-654\n this.doSearchAndFilterUpdate.emit({\n searchText: null,\n sortBy: null,\n filterCategory: null,\n filterBeneficiary: null,\n filterLocation: null,\n });\n };\n\n /**\n * We've seen desktop Safari jump to this input when it's focused at times when that's\n * unhelpful, so on a few occasions we proactively blur it.\n */\n private unfocusTextInput() {\n const input = this.el.shadowRoot?.querySelector('.input-text') as HTMLInputElement | undefined;\n input?.blur();\n }\n\n componentWillRender() {\n this.filtersApplied = this.selectedFilterCategory !== null || this.selectedFilterBeneficiary !== null || this.selectedFilterLocation !== null;\n this.initialSortByOption = this.selectedSortByOption;\n }\n\n render() {\n const sortOptions = this.getSortOptions();\n\n return (\n <div class={'container space-below-' + this.spaceBelow}>\n <div class=\"sleeve\">\n <div class=\"search-wrap\">\n <h4>{this.intro}</h4>\n <div class=\"field-wrap\">\n <div class=\"input-wrap\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon\" viewBox=\"0 0 512 512\">\n <path d={faMagnifyingGlass.icon[4].toString()} />\n </svg>\n <input\n type=\"text\"\n value={this.searchText ?? ''}\n class=\"input-text\"\n placeholder={this.placeholderText}\n onInput={this.handleSearchTextChanged}\n onKeyDown={this.handleEnterPressed}\n />\n </div>\n <biggive-button onClick={this.handleSearchButtonPressed} label={this.buttonText} />\n </div>\n </div>\n <div class=\"sort-filter-wrap\">\n <div class=\"filter-wrap\">\n <biggive-button class=\"filter\" colourScheme=\"primary\" onClick={this.handleFilterButtonClick} label=\"Filter\" fullWidth={true} space-below=\"0\"></biggive-button>\n <biggive-popup id=\"filter-popup\">\n <h4 class=\"space-above-0 space-below-3 text-colour-primary\">Filters</h4>\n <div class=\"select-wrapper-1\">\n <biggive-form-field-select\n backgroundColour=\"white\"\n prompt=\"Category\"\n placeholder={this.categoriesPlaceHolderText}\n selectedLabel={this.selectedFilterCategory}\n selectedValue={this.selectedFilterCategory}\n options={this.optionsToArray(this.categoryOptions || [])}\n selectionChanged={this.categoryFilterSelectionChanged}\n id=\"categories\"\n space-below=\"2\"\n ></biggive-form-field-select>\n </div>\n\n <div class=\"select-wrapper-2\">\n <biggive-form-field-select\n backgroundColour=\"white\"\n prompt=\"Beneficiary\"\n placeholder={this.beneficiariesPlaceHolderText}\n selectedLabel={this.selectedFilterBeneficiary}\n selectedValue={this.selectedFilterBeneficiary}\n options={this.optionsToArray(this.beneficiaryOptions || [])}\n selectionChanged={this.beneficiarySelectionChanged}\n id=\"beneficiaries\"\n space-below=\"2\"\n ></biggive-form-field-select>\n </div>\n\n <div class=\"select-wrapper-3\">\n <biggive-form-field-select\n backgroundColour=\"white\"\n prompt=\"Location\"\n placeholder={this.locationsPlaceHolderText}\n selectedLabel={this.selectedFilterLocation}\n selectedValue={this.selectedFilterLocation}\n options={this.optionsToArray(this.locationOptions || [])}\n selectionChanged={this.locationSelectionChanged}\n id=\"locations\"\n space-below=\"2\"\n ></biggive-form-field-select>\n </div>\n\n <div class=\"align-right\">\n <biggive-button label=\"Apply filters\" onClick={this.handleApplyFilterButtonClick} />\n </div>\n </biggive-popup>\n </div>\n\n <div class=\"sort-wrap\">\n <biggive-form-field-select\n options={sortOptions}\n prompt={null}\n select-style=\"underlined\"\n placeholder={this.sortByPlaceholderText}\n selectedLabel={this.selectedSortByOption}\n selectedValue={this.getSelectedValue()}\n selectionChanged={this.sortBySelectionChanged}\n id=\"sort-by\"\n >\n <biggive-form-field-select-option value=\"amountRaised\" label=\"Most raised\"></biggive-form-field-select-option>\n <biggive-form-field-select-option value=\"leastRaised\" label=\"Least raised\"></biggive-form-field-select-option>\n <biggive-form-field-select-option value=\"matchFundsRemaining\" label=\"Most funds remaining\"></biggive-form-field-select-option>\n <biggive-form-field-select-option value=\"closeToTarget\" label=\"Nearest target\"></biggive-form-field-select-option>\n {(this.searchText || '').length > 0 ? <biggive-form-field-select-option value=\"Relevance\" label=\"Relevance\"></biggive-form-field-select-option> : null}\n </biggive-form-field-select>\n </div>\n </div>\n <div class=\"selected-filter-wrap\">\n <div class=\"selected-filters\">\n {this.selectedFilterCategory && (\n <span\n class=\"button\"\n onClick={() => {\n this.removeFilter('categories');\n }}\n >\n {this.selectedFilterCategory}\n </span>\n )}\n {this.selectedFilterBeneficiary && (\n <span\n class=\"button\"\n onClick={() => {\n this.removeFilter('beneficiaries');\n }}\n >\n {this.selectedFilterBeneficiary}\n </span>\n )}\n {this.selectedFilterLocation && (\n <span\n class=\"button\"\n onClick={() => {\n this.removeFilter('locations');\n }}\n >\n {this.selectedFilterLocation}\n </span>\n )}\n </div>\n <div class=\"clear-all\">\n <a onClick={this.handleClearAll}>Clear all</a>\n </div>\n </div>\n <div class=\"campaign-grid\">\n <slot name=\"campaign-grid\"></slot>\n </div>\n </div>\n </div>\n );\n }\n\n // I'm not sure if I understand the reasoning for own-methods-must-be-private. I made the method below public to unit\n // test it. Maybe the idea is that we should move anything with enough logic to test outside the component class? I\n // can do that if people think it's better.\n //\n // eslint-disable-next-line @stencil-community/own-methods-must-be-private\n public getSelectedValue(): undefined | string {\n const sortByOption = this.selectedSortByOption;\n if (sortByOption === undefined) {\n return undefined;\n }\n const sortOptions = this.getSortOptions();\n const selected = sortOptions.filter(option => {\n return option.label.toLowerCase() === sortByOption.toLowerCase();\n })[0];\n\n return selected?.value;\n }\n\n private getSortOptions(): {\n label: sortOptionLabel;\n value: sortOptionKey;\n }[] {\n // @ts-ignore - see https://github.com/microsoft/TypeScript/pull/12253#issuecomment-263132208\n const sortOptionKeys: sortOptionKey[] = Object.getOwnPropertyNames(sortOptionLabels);\n const relevantOptionKeys = sortOptionKeys.filter(key => key !== 'relevance' || this.hasSearchTerm());\n\n return relevantOptionKeys.map((key: sortOptionKey) => ({ value: key, label: sortOptionLabels[key] }));\n }\n\n private hasSearchTerm() {\n return typeof this.searchText === 'string' && this.searchText.length > 0;\n }\n\n private optionsToArray(options: string | Record<string, string> | string[]): {\n label: string;\n value: string;\n }[] {\n if (typeof options === 'string') {\n options = JSON.parse(options);\n }\n if (Array.isArray(options)) {\n return options.map((option: string) => ({ value: option, label: option }));\n }\n\n return Object.entries(options).map(entry => ({ value: entry[0], label: entry[1] }));\n }\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"biggive-text-input.entry.esm.js","sources":["src/components/biggive-text-input/biggive-text-input.scss?tag=biggive-text-input&encapsulation=shadow","src/components/biggive-text-input/biggive-text-input.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n display: contents;\n}\n\n::slotted([slot=label]) {\n display: inline-block;\n line-height: 1.2; // Slightly less than other text to help with long charity names.\n}\n\n.text-input {\n .currency-symbol {\n position: absolute;\n }\n position: relative;\n .prompt {\n position: relative;\n z-index: 2;\n font-size: small;\n top: 1em;\n left: 4em;\n color: $colour-primary-blue;\n max-width: calc(100% - 10em);\n display: inline-block;\n\n > span {\n padding-left: 1em;\n padding-right: 1em;\n background-color: $colour-grey-background;\n }\n }\n\n\n &.philco .prompt {\n color: $colour-philco-gray-90;\n\n > span {\n background-color: $colour-philco-white;\n }\n }\n\n @include standard-font();\n position: relative;\n text-align: left;\n &.select-style-bordered.biggive{\n .sleeve {\n @include font-size-large();\n font-weight: bolder;\n padding: 2px;\n position: relative;\n background-color: $colour-primary-blue;\n @include corner-clip-small-top-right();\n .inner-sleeve {\n background-color: $colour-grey-background;\n color: $colour-primary-blue;\n display: block;\n position: relative;\n padding: 10px 30px 10px 10px;\n clip-path:\n polygon(\n 0% 0%, /* top left */\n 0% 0%, /* top left */\n calc(100% - 14px) 0%, /* top right */\n 100% 14px, /* top right */\n 100% 100%, /* bottom right */\n 100% 100%, /* bottom right */\n 0 100%, /* bottom left */\n 0 100% /* bottom left */\n );\n &:after {\n content: '';\n display: block;\n position: absolute;\n right: 20px;\n top: 18px;\n width: 10px;\n height: 10px;\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center center;\n }\n }\n &.focused {\n background-color: $colour-tertiary-coral;\n }\n }\n }\n &.select-style-bordered.philco {\n .inner-sleeve {\n border: 2px solid $colour-philco-gray-90;\n border-radius: 6px;\n padding: 12px;\n }\n }\n}\n\n","import { Component, Element, h, Prop } from '@stencil/core';\n\n/**\n * Initially developed for use within the new donate stepper design. Currently has a hard-coded background\n * of $colour-grey-background, intened to appear transparent when used on a page with a matching background.\n *\n * Please ensure input is styled as width: 100%.\n */\n@Component({\n tag: 'biggive-text-input',\n styleUrl: 'biggive-text-input.scss',\n shadow: true,\n})\nexport class BiggiveTextInput {\n @Element() host: HTMLBiggiveTextInputElement;\n
|
|
1
|
+
{"version":3,"file":"biggive-text-input.entry.esm.js","sources":["src/components/biggive-text-input/biggive-text-input.scss?tag=biggive-text-input&encapsulation=shadow","src/components/biggive-text-input/biggive-text-input.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n display: contents;\n}\n\n::slotted([slot=label]) {\n display: inline-block;\n line-height: 1.2; // Slightly less than other text to help with long charity names.\n}\n\n.text-input {\n .currency-symbol {\n position: absolute;\n }\n position: relative;\n .prompt {\n position: relative;\n z-index: 2;\n font-size: small;\n top: 1em;\n left: 4em;\n color: $colour-primary-blue;\n max-width: calc(100% - 10em);\n display: inline-block;\n\n > span {\n padding-left: 1em;\n padding-right: 1em;\n background-color: $colour-grey-background;\n }\n }\n\n\n &.philco .prompt {\n color: $colour-philco-gray-90;\n\n > span {\n background-color: $colour-philco-white;\n }\n }\n\n @include standard-font();\n position: relative;\n text-align: left;\n &.select-style-bordered.biggive{\n .sleeve {\n @include font-size-large();\n font-weight: bolder;\n padding: 2px;\n position: relative;\n background-color: $colour-primary-blue;\n @include corner-clip-small-top-right();\n .inner-sleeve {\n background-color: $colour-grey-background;\n color: $colour-primary-blue;\n display: block;\n position: relative;\n padding: 10px 30px 10px 10px;\n clip-path:\n polygon(\n 0% 0%, /* top left */\n 0% 0%, /* top left */\n calc(100% - 14px) 0%, /* top right */\n 100% 14px, /* top right */\n 100% 100%, /* bottom right */\n 100% 100%, /* bottom right */\n 0 100%, /* bottom left */\n 0 100% /* bottom left */\n );\n &:after {\n content: '';\n display: block;\n position: absolute;\n right: 20px;\n top: 18px;\n width: 10px;\n height: 10px;\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center center;\n }\n }\n &.focused {\n background-color: $colour-tertiary-coral;\n }\n }\n }\n &.select-style-bordered.philco {\n .inner-sleeve {\n border: 2px solid $colour-philco-gray-90;\n border-radius: 6px;\n padding: 12px;\n }\n }\n}\n\n","import { Component, Element, h, Prop } from '@stencil/core';\n\n/**\n * Initially developed for use within the new donate stepper design. Currently has a hard-coded background\n * of $colour-grey-background, intened to appear transparent when used on a page with a matching background.\n *\n * Please ensure input is styled as width: 100%.\n *\n * Requires slots `label` and `input`.\n */\n@Component({\n tag: 'biggive-text-input',\n styleUrl: 'biggive-text-input.scss',\n shadow: true,\n})\nexport class BiggiveTextInput {\n @Element() host: HTMLBiggiveTextInputElement;\n\n /**\n * ISO-4217 currency code if input is for a money value\n */\n @Prop() currency: 'GBP' | 'USD' | undefined;\n @Prop() spaceBelow: number = 0;\n @Prop() selectStyle: 'bordered' | 'underlined' = 'bordered';\n @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n render() {\n const currencySymbol = this.currency === 'GBP' ? '£' : this.currency === 'USD' ? '$' : undefined;\n return (\n <div class={'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle + ' ' + this.siteDesign}>\n <div class=\"prompt\">\n <span>\n <slot name=\"label\" />\n </span>\n </div>\n <div class=\"sleeve\">\n <div class=\"inner-sleeve\">\n {currencySymbol && <span class=\"currency-symbol\">{currencySymbol}</span>}\n <slot name=\"input\" />\n <div style={{ clear: 'both' }}></div>\n </div>\n </div>\n </div>\n );\n }\n\n componentDidLoad() {\n const nativeInput: HTMLElement | null = this.host.querySelector(`[slot=\"input\"]`);\n const sleave = this.host.shadowRoot!.querySelector('.sleeve')!;\n\n if (!nativeInput) {\n throw new Error('Input slot element required for biggive-text-input');\n }\n\n nativeInput.addEventListener('focusin', () => sleave.classList.add('focused'));\n nativeInput.addEventListener('focusout', () => sleave.classList.remove('focused'));\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,mBAAmB,GAAG,iiEAAiiE;;MCehjE,gBAAgB,GAAA,MAAA;AAL7B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAYU,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AACtB,QAAA,IAAW,CAAA,WAAA,GAA8B,UAAU;AACnD,QAAA,IAAU,CAAA,UAAA,GAAyB,SAAS;AAiCrD;IA/BC,MAAM,GAAA;QACJ,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,KAAK,KAAK,GAAG,GAAG,GAAG,IAAI,CAAC,QAAQ,KAAK,KAAK,GAAG,GAAG,GAAG,SAAS;AAChG,QAAA,QACE,4DAAK,KAAK,EAAE,yBAAyB,GAAG,IAAI,CAAC,UAAU,GAAG,gBAAgB,GAAG,IAAI,CAAC,WAAW,GAAG,GAAG,GAAG,IAAI,CAAC,UAAU,EAAA,EACnH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACjB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,OAAO,EAAA,CAAG,CAChB,CACH,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACjB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACtB,cAAc,IAAI,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAAE,cAAc,CAAQ,EACxE,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,OAAO,EAAG,CAAA,EACrB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA,CAAQ,CACjC,CACF,CACF;;IAIV,gBAAgB,GAAA;QACd,MAAM,WAAW,GAAuB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAgB,cAAA,CAAA,CAAC;AACjF,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,UAAW,CAAC,aAAa,CAAC,SAAS,CAAE;QAE9D,IAAI,CAAC,WAAW,EAAE;AAChB,YAAA,MAAM,IAAI,KAAK,CAAC,oDAAoD,CAAC;;AAGvE,QAAA,WAAW,CAAC,gBAAgB,CAAC,SAAS,EAAE,MAAM,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;AAC9E,QAAA,WAAW,CAAC,gBAAgB,CAAC,UAAU,EAAE,MAAM,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;;;;;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,H as o,g as t,b as l}from"./p-DZr5lYtw.js";export{s as setNonce}from"./p-DZr5lYtw.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 t();return l(JSON.parse('[["p-e06b3172",[[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-1576d74c",[[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-a233016a",[[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-749f45b6",[[1,"biggive-cookie-banner",{"autoOpenPreferences":[4,"auto-open-preferences"],"blogUriPrefix":[1,"blog-uri-prefix"],"previouslyAgreedCookiePreferences":[16,"previously-agreed-cookie-preferences"]},null,{"autoOpenPreferences":["autoOpenPreferencesIfRequested"]}]]],["p-0e9be8d6",[[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-35b4bd6d",[[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-86521f54",[[1,"philco-main-menu",{"philcoUrlPrefix":[1,"philco-url-prefix"],"closeMobileMenuFromOutside":[64]}]]],["p-fc3b5226",[[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-c3e1f08e",[[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-d853a4e5",[[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-eb6fa11a",[[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-475c8345",[[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-3ffac663",[[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-722cf5fc",[[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-306f4fee",[[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-3a92bb20",[[1,"biggive-accordion",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"headingColour":[1,"heading-colour"],"children":[32]}]]],["p-b6d42bcf",[[1,"biggive-accordion-entry",{"heading":[1]}]]],["p-916e38a2",[[1,"biggive-back-to-top"]]],["p-e14ab003",[[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-dfbc71b0",[[1,"biggive-boxed-content",{"spaceBelow":[2,"space-below"],"verticalPadding":[2,"vertical-padding"],"horizontalPadding":[2,"horizontal-padding"],"backgroundColour":[1,"background-colour"],"shadow":[4]}]]],["p-bc5cbcd1",[[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-ee657d37",[[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-1ad25908",[[1,"biggive-form"]]],["p-fcd6a283",[[1,"biggive-formatted-text",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"maxWidth":[2,"max-width"],"siteDesign":[1,"site-design"]}]]],["p-3061c094",[[1,"biggive-grid",{"spaceBelow":[2,"space-below"],"columnCount":[2,"column-count"],"spaceBetween":[4,"space-between"],"columnGap":[2,"column-gap"]}]]],["p-6bab26b8",[[1,"biggive-heading",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"colour":[1],"htmlElement":[1,"html-element"],"size":[2],"align":[1],"text":[1],"icon":[4],"iconColour":[1,"icon-colour"],"siteDesign":[1,"site-design"]}]]],["p-096c3a62",[[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-32855ae7",[[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-f500074c",[[1,"biggive-nav-group",{"inline":[4]}]]],["p-28aef3ff",[[1,"biggive-nav-item",{"url":[1],"label":[1],"iconColour":[1,"icon-colour"]}]]],["p-9ad2836b",[[1,"biggive-page-column"]]],["p-95c26e05",[[1,"biggive-page-columns",{"spaceBelow":[2,"space-below"]}]]],["p-572fe8cc",[[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-9f721661",[[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-ac025d32",[[1,"biggive-sheet",{"sheetId":[1,"sheet-id"],"backgroundColour":[1,"background-colour"],"textColour":[1,"text-colour"]}]]],["p-7e0efade",[[1,"biggive-tab",{"tabTitle":[1,"tab-title"]}]]],["p-1ae4f09f",[[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-840510f5",[[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-fe8e9627",[[1,"biggive-text-input",{"value":[1],"currency":[1],"spaceBelow":[2,"space-below"],"selectStyle":[1,"select-style"],"siteDesign":[1,"site-design"]}]]],["p-00ef8e06",[[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-3a42f5c8",[[1,"biggive-timeline-entry",{"date":[1],"heading":[1]}]]],["p-38f5b04b",[[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-f1625137",[[1,"biggive-totalizer-ticker-item",{"figure":[1],"label":[1]}]]],["p-23f78624",[[1,"biggive-video",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"videoUrl":[1,"video-url"]}]]],["p-8a882580",[[1,"philco-footer",{"headingLevel":[2,"heading-level"],"philcoUrlPrefix":[1,"philco-url-prefix"]}]]],["p-6a3a6d9e",[[1,"biggive-form-field-select",{"selectionChanged":[16,"selection-changed"],"prompt":[1],"selectedValue":[1025,"selected-value"],"selectedLabel":[1025,"selected-label"],"options":[1],"selectStyle":[1,"select-style"],"backgroundColour":[1,"background-colour"],"selectedOptionColour":[1,"selected-option-colour"],"selectElementId":[1,"select-element-id"],"spaceBelow":[2,"space-below"],"placeholder":[1]}]]],["p-dbc46e3c",[[1,"biggive-popup",{"modalClosedCallback":[16,"modal-closed-callback"],"openFromOutside":[64],"closeFromOutside":[64]}]]],["p-a140bf98",[[1,"biggive-progress-bar",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"counter":[2]}]]],["p-2459060f",[[1,"biggive-social-icon",{"service":[1],"labelPrefix":[1,"label-prefix"],"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"wide":[4],"url":[1]}]]],["p-c2122796",[[1,"biggive-misc-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"url":[1]}]]],["p-4e4351e4",[[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-DszaIBkO.js";export{s as setNonce}from"./p-DszaIBkO.js";import{g as l}from"./p-DQuL1Twl.js";var r=()=>{{a(o.prototype)}const t=import.meta.url;const l={};if(t!==""){l.resourcesUrl=new URL(".",t).href}return e(l)};var a=e=>{const o=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return o.call(this,e)}const t=o.call(this,false);const l=this.childNodes;if(e){for(let e=0;e<l.length;e++){if(l[e].nodeType!==2){t.appendChild(l[e].cloneNode(true))}}}return t}};r().then((async e=>{await l();return t(JSON.parse('[["p-4b0156eb",[[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-0a726edf",[[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-df9d5fd7",[[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-a4027b32",[[1,"biggive-cookie-banner",{"autoOpenPreferences":[4,"auto-open-preferences"],"blogUriPrefix":[1,"blog-uri-prefix"],"previouslyAgreedCookiePreferences":[16,"previously-agreed-cookie-preferences"]},null,{"autoOpenPreferences":["autoOpenPreferencesIfRequested"]}]]],["p-60000d83",[[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-199aa446",[[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-86973651",[[1,"philco-main-menu",{"philcoUrlPrefix":[1,"philco-url-prefix"],"closeMobileMenuFromOutside":[64]}]]],["p-b6db5427",[[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-966a1d73",[[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-0d51d41b",[[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-3c102321",[[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-4325c249",[[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-0cbb3bae",[[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-f573a6d9",[[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-b8610d73",[[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-27ab178e",[[1,"biggive-accordion",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"headingColour":[1,"heading-colour"],"children":[32]}]]],["p-7eb9385d",[[1,"biggive-accordion-entry",{"heading":[1]}]]],["p-c9967ce5",[[1,"biggive-back-to-top"]]],["p-946069a6",[[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-48a82094",[[1,"biggive-boxed-content",{"spaceBelow":[2,"space-below"],"verticalPadding":[2,"vertical-padding"],"horizontalPadding":[2,"horizontal-padding"],"backgroundColour":[1,"background-colour"],"shadow":[4]}]]],["p-f91dd04f",[[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-71639fa0",[[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-96921f27",[[1,"biggive-form"]]],["p-ca68b18e",[[1,"biggive-formatted-text",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"maxWidth":[2,"max-width"],"siteDesign":[1,"site-design"]}]]],["p-9351e89f",[[1,"biggive-grid",{"spaceBelow":[2,"space-below"],"columnCount":[2,"column-count"],"spaceBetween":[4,"space-between"],"columnGap":[2,"column-gap"]}]]],["p-3c78165a",[[1,"biggive-heading",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"colour":[1],"htmlElement":[1,"html-element"],"size":[2],"align":[1],"text":[1],"icon":[4],"iconColour":[1,"icon-colour"],"siteDesign":[1,"site-design"]}]]],["p-bb76f2b5",[[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-8c3ff888",[[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-38296d2a",[[1,"biggive-nav-group",{"inline":[4]}]]],["p-685644a0",[[1,"biggive-nav-item",{"url":[1],"label":[1],"iconColour":[1,"icon-colour"]}]]],["p-e0959104",[[1,"biggive-page-column"]]],["p-0631cab6",[[1,"biggive-page-columns",{"spaceBelow":[2,"space-below"]}]]],["p-bd8b1459",[[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-1626e783",[[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-f8e6a6d3",[[1,"biggive-sheet",{"sheetId":[1,"sheet-id"],"backgroundColour":[1,"background-colour"],"textColour":[1,"text-colour"]}]]],["p-68cf8758",[[1,"biggive-tab",{"tabTitle":[1,"tab-title"]}]]],["p-6e8648dd",[[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-38e0a8fc",[[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-2d2833fb",[[1,"biggive-text-input",{"currency":[1],"spaceBelow":[2,"space-below"],"selectStyle":[1,"select-style"],"siteDesign":[1,"site-design"]}]]],["p-44d5e7ae",[[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-736b28c7",[[1,"biggive-timeline-entry",{"date":[1],"heading":[1]}]]],["p-718554bf",[[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-dd6efe4f",[[1,"biggive-totalizer-ticker-item",{"figure":[1],"label":[1]}]]],["p-039d0bc9",[[1,"biggive-video",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"videoUrl":[1,"video-url"]}]]],["p-6f2b9093",[[1,"philco-footer",{"headingLevel":[2,"heading-level"],"philcoUrlPrefix":[1,"philco-url-prefix"]}]]],["p-8b439a97",[[1,"biggive-form-field-select",{"selectionChanged":[16,"selection-changed"],"prompt":[1],"selectedValue":[1025,"selected-value"],"selectedLabel":[1025,"selected-label"],"options":[1],"selectStyle":[1,"select-style"],"backgroundColour":[1,"background-colour"],"selectedOptionColour":[1,"selected-option-colour"],"selectElementId":[1,"select-element-id"],"spaceBelow":[2,"space-below"],"placeholder":[1]}]]],["p-056babcc",[[1,"biggive-popup",{"modalClosedCallback":[16,"modal-closed-callback"],"openFromOutside":[64],"closeFromOutside":[64]}]]],["p-b0da3cb4",[[1,"biggive-progress-bar",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"counter":[2]}]]],["p-88839dfd",[[1,"biggive-social-icon",{"service":[1],"labelPrefix":[1,"label-prefix"],"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"wide":[4],"url":[1]}]]],["p-10d9dde9",[[1,"biggive-misc-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"url":[1]}]]],["p-f8aaeab6",[[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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"biggive.esm.js","sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.35.
|
|
1
|
+
{"version":3,"file":"biggive.esm.js","sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.35.3 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":[],"mappings":";;;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAIzB,EAA0B;AAC1B,IAAI,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC;AAClC;AAIA,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;AACD,IAAI,iBAAiB,GAAG,CAAC,oBAAoB,KAAK;AAClD,EAAE,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,SAAS;AAC1D,EAAE,oBAAoB,CAAC,SAAS,GAAG,SAAS,IAAI,EAAE;AAClD,IAAI,IAAI,IAAI,CAAC,QAAQ,KAAK,UAAU,EAAE;AACtC,MAAM,OAAO,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;AAC/C;AACA,IAAI,MAAM,UAAU,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC;AAC1D,IAAI,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU;AACzC,IAAI,IAAI,IAAI,EAAE;AACd,MAAM,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACrD,QAAQ,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,CAAC,EAAE;AAC7C,UAAU,UAAU,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;AAClE;AACA;AACA;AACA,IAAI,OAAO,UAAU;AACrB,GAAG;AACH,CAAC;;ACrCD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE;AACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC","x_google_ignoreList":[0]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"loader.esm.js","sources":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = async (win, options) => {\n if (typeof window === 'undefined') return undefined;\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n};\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"loader.esm.js","sources":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = async (win, options) => {\n if (typeof window === 'undefined') return undefined;\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n};\n"],"names":[],"mappings":";;;;AAGY,MAAC,oBAAoB,GAAG,OAAO,GAAG,EAAE,OAAO,KAAK;AAC5D,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,OAAO,SAAS;AACrD,EAAE,MAAM,aAAa,EAAE;AACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as o,h as e}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as o,h as e}from"./p-DszaIBkO.js";import{V as a}from"./p-DrI3LxX7.js";const t='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}.video-wrap{position:relative}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.video-wrap.youtube{padding-bottom:56.25%}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px}';const i=class{constructor(e){o(this,e);this.spaceAbove=0;this.spaceBelow=0;this.videoUrl=""}render(){return e("div",{key:"b2e5690dbb9e16fdbdc8afec5b0fcccb0dd5737b",class:"container space-above-"+this.spaceAbove+" space-below-"+this.spaceBelow},e("div",{key:"b6e426629178d29bd960b9ca684abe373e29fd2d",class:"video-wrap",innerHTML:a.getEmbedHtml(this.videoUrl,null)}))}};i.style=t;export{i as biggive_video};
|
|
2
|
+
//# sourceMappingURL=p-039d0bc9.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,h as t}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,h as t}from"./p-DszaIBkO.js";const i="a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}.popup{position:fixed;display:none;z-index:100;top:0;bottom:0;left:0;right:0;padding:15px;background-color:rgba(0, 0, 0, 0.75);transition:all 0.5s ease-in-out}.popup .sleeve{position:relative;max-width:600px;padding:30px;box-sizing:border-box;position:relative;margin-left:auto;margin-right:auto;top:50%;transform:translateY(-50%);background-color:#FFFFFF;text-align:left}.popup .header .close{width:25px;height:25px;position:absolute;top:10px;right:10px;background-color:#2C089B;background-image:url(/assets/images/cross.svg?1);background-size:50% 50%;background-position:center center;background-repeat:no-repeat;border-radius:50%;cursor:pointer}.popup[data-visible=true]{display:block}";const a=class{constructor(t){e(this,t);this.modalClosedCallback=()=>{};this.closeFromWithin=e=>{if(e.target.classList.contains("popup")||e.target.classList.contains("close")){this.popup.setAttribute("data-visible","false");this.popup.setAttribute("tabindex","-1");this.modalClosedCallback()}}}async openFromOutside(){this.popup.setAttribute("data-visible","true");this.popup.setAttribute("tabindex","0");this.popup.focus()}async closeFromOutside(){this.popup.setAttribute("data-visible","false");this.popup.setAttribute("tabindex","-1");this.modalClosedCallback()}render(){return t("div",{key:"c799ea3dbeb348916fcf557be444d112ab644096",class:"popup",ref:e=>this.popup=e,tabindex:"-1",onClick:this.closeFromWithin},t("div",{key:"07530c31b81f09d69388c7aac43b3bf6f0ba4db8",class:"sleeve"},t("div",{key:"133658c952775cead347562fd665b2aedc3c7e41",class:"header"},t("div",{key:"a14f9ef567f2bf048546462f2f2a3e803269d068",class:"close",onClick:this.closeFromWithin})),t("div",{key:"593516d9c20212674cdbca799bb520bed2a4d25c",class:"content"},t("slot",{key:"214a8bead548306cb14f58c6481f74be711ca524"}))))}};a.style=i;export{a as biggive_popup};
|
|
2
|
+
//# sourceMappingURL=p-056babcc.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,h as a}from"./p-DszaIBkO.js";const o="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}.columns{max-width:1200px;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto;display:flex;flex-flow:row wrap;justify-content:space-between}.columns .column-primary{width:calc(66.6% - 15px);box-sizing:border-box}.columns .column-secondary{width:calc(33.4% - 15px);box-sizing:border-box}@media screen and (max-width: 768px){.columns .column-primary{width:100%;margin-bottom:15px}.columns .column-secondary{width:100%}}";const c=class{constructor(a){e(this,a);this.spaceBelow=0}render(){return a("div",{key:"9960ea5565cbaa641fde8de32424edf75b8b27e2",class:"container space-below-"+this.spaceBelow},a("div",{key:"6fbc470facaa33d2ace975520750ee8ca2318608",class:"columns"},a("div",{key:"1f2fcb36376c1da56b3e318ce4950e5a431ed382",class:"column-primary"},a("slot",{key:"5d13434033095ee48bcc8d1f0ad2464969c073bd",name:"column-primary"})),a("div",{key:"8b0ef12cb5ecefecbda59c56cdbf5b9d49cb45b8",class:"column-secondary"},a("slot",{key:"5ae67795656b43e708de8f71f50e14e1e343c2c6",name:"column-secondary"}))))}};c.style=o;export{c as biggive_page_columns};
|
|
2
|
+
//# sourceMappingURL=p-0631cab6.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,c as t,h as i,g as a}from"./p-DszaIBkO.js";import{f as s}from"./p-CoGE2Wf-.js";const l='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:content}.select-wrapper-1,.select-wrapper-2,.select-wrapper-3,.select-wrapper-4{position:relative;margin-top:1em}.select-wrapper-1{z-index:4}.select-wrapper-2{z-index:3}.select-wrapper-3{z-index:2}.select-wrapper-4{z-index:1}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;position:relative}.container .search-wrap{background-color:#FFFFFF;padding:15px 30px;margin-bottom:15px}.container .search-wrap h4{margin-bottom:15px}.container .search-wrap .field-wrap{display:flex;justify-content:space-between}.container .search-wrap .field-wrap .input-wrap{display:flex;justify-content:space-between;padding-bottom:5px;border-bottom:1px solid #000000;margin-right:30px;flex-grow:1}.container .search-wrap .field-wrap .input-wrap input{border:0}.container .search-wrap .field-wrap button{padding:5px 30px}.selected-filter-wrap{display:flex;margin-bottom:23px;padding:0}.selected-filter-wrap .button{margin-bottom:7px;display:inline-block;cursor:pointer;border-radius:20px;padding:5px 50px 5px 20px;margin-right:15px;background-color:#FF7272;color:#000000;border:1px solid #FF7272;text-decoration:none;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTguNCAxOC40IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOC40IDE4LjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7c3Ryb2tlOiMwMDAwMDA7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOS4yLDguNUwxNywwLjdsMC43LDAuN0w5LjksOS4ybDcuOCw3LjhMMTcsMTcuN0w5LjIsOS45bC03LjgsNy44TDAuNywxN2w3LjgtNy44TDAuNywxLjRsMC43LTAuN0w5LjIsOC41eiIvPgo8L3N2Zz4K);background-repeat:no-repeat;background-position:right 20px center;background-size:12px auto}.selected-filter-wrap .button:hover{background-color:#FFFFFF;color:#000000}.selected-filter-wrap .clear-all{margin-left:auto}.selected-filter-wrap .clear-all a{display:inline-block;cursor:pointer;border-radius:20px;padding:5px 20px;background-color:#2C089B;color:#FFFFFF;border:1px solid #2C089B;text-decoration:none}.selected-filter-wrap .clear-all a:hover{background-color:#FFFFFF;color:#2C089B}.sort-filter-wrap{display:flex;justify-content:flex-end;margin-bottom:30px;padding:0;text-align:right;display:flex}.sort-filter-wrap .clear-all{cursor:pointer;vertical-align:center;margin-top:auto;margin-bottom:auto}.sort-filter-wrap .sort-wrap{margin-left:15px}.sort-filter-wrap .filter-wrap{background-color:#F6F6F6;margin-left:15px}.sort-filter-wrap .filter-wrap .button.filter{padding-left:60px;padding-right:30px}.sort-filter-wrap .filter-wrap .button.filter .filter-icon{content:"";display:block;position:absolute;left:25px;top:17px;width:13px;height:13px}.sort-filter-wrap .filter-wrap .button.filter .filter-icon svg{width:100%;height:auto;vertical-align:top}.sort-filter-wrap .filter-wrap .button.filter .filter-icon svg:hover{fill:#2C089B}.icon{height:1rem;width:2rem;vertical-align:-0.125rem;margin:auto}.icon>path{fill:#2C089B}.icon-clear-all>path{fill:#000000}@media screen and (max-width: 450px){.sort-filter-wrap{flex-direction:column-reverse}.sort-filter-wrap .sort-wrap{margin-top:20px;margin-bottom:20px}}@media screen and (max-width: 350px){.sort-filter-wrap{justify-content:space-between}.sort-filter-wrap .sort-wrap{margin-left:0px}.sort-filter-wrap .filter-wrap{margin-left:3px}}.align-right{text-align:right}.input-text{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text::placeholder{color:#4A4A4A}.text-colour-primary{color:#2C089B}';const r={relevance:"Relevance",amountRaised:"Most raised",leastRaised:"Least raised",closeToTarget:"Nearest target",matchFundsRemaining:"Most funds remaining"};const c=class{constructor(i){e(this,i);this.doSearchAndFilterUpdate=t(this,"doSearchAndFilterUpdate");this.sortByPlaceholderText="Sort by";this.beneficiariesPlaceHolderText="Select beneficiary";this.categoriesPlaceHolderText="Select category";this.locationsPlaceHolderText="Select location";this.newSelectedFilterCategory=null;this.newSelectedFilterBeneficiary=null;this.newSelectedFilterLocation=null;this.spaceBelow=0;this.intro="Find a charity or project";this.searchText=null;this.placeholderText="Search";this.buttonText="Search";this.selectedFilterCategory=null;this.selectedFilterBeneficiary=null;this.selectedFilterLocation=null;this.categoryFilterSelectionChanged=e=>{this.newSelectedFilterCategory=e};this.beneficiarySelectionChanged=e=>{this.newSelectedFilterBeneficiary=e};this.locationSelectionChanged=e=>{this.newSelectedFilterLocation=e};this.sortBySelectionChanged=e=>{this.selectedSortByOption=e;this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject())};this.handleApplyFilterButtonClick=()=>{var e,t,i,a;this.selectedFilterCategory=(e=this.newSelectedFilterCategory)!==null&&e!==void 0?e:this.selectedFilterCategory;this.selectedFilterBeneficiary=(t=this.newSelectedFilterBeneficiary)!==null&&t!==void 0?t:this.selectedFilterBeneficiary;this.selectedFilterLocation=(i=this.newSelectedFilterLocation)!==null&&i!==void 0?i:this.selectedFilterLocation;const s=this.getSearchAndFilterObject();this.doSearchAndFilterUpdate.emit(s);const l=(a=this.el.shadowRoot)===null||a===void 0?void 0:a.getElementById("filter-popup");if(l){l.closeFromOutside()}this.filtersApplied=typeof s.filterBeneficiary==="string"||typeof s.filterCategory==="string"||typeof s.filterLocation==="string"};this.handleSearchButtonPressed=()=>{this.unfocusTextInput();this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());if(this.hasSearchTerm()){this.selectedSortByOption="Relevance"}};this.handleSearchTextChanged=e=>{this.searchText=e.target.value};this.handleEnterPressed=e=>{if(e.key==="Enter"){this.unfocusTextInput();this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject())}};this.handleFilterButtonClick=()=>{var e;this.newSelectedFilterBeneficiary=this.selectedFilterBeneficiary;this.newSelectedFilterCategory=this.selectedFilterCategory;this.newSelectedFilterLocation=this.selectedFilterLocation;const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.getElementById("filter-popup");if(t){t.openFromOutside()}};this.handleClearAll=()=>{var e;this.unfocusTextInput();this.filtersApplied=false;this.searchText=null;this.selectedSortByOption=this.initialSortByOption;this.selectedFilterBeneficiary=null;this.selectedFilterCategory=null;this.selectedFilterLocation=null;["sort-by","categories","beneficiaries","locations","funding"].forEach((e=>{var t;const i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.getElementById(e);if(!i){return}i.selectedValue=null;i.selectedLabel=null}));const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".selected-filters");if(t){t.querySelectorAll(".button").forEach((e=>{e.remove()}))}this.doSearchAndFilterUpdate.emit({searchText:null,sortBy:null,filterCategory:null,filterBeneficiary:null,filterLocation:null})}}async unfocusInputs(){this.unfocusTextInput()}getSearchAndFilterObject(){return{searchText:this.searchText,sortBy:this.selectedSortByOption,filterCategory:this.selectedFilterCategory,filterBeneficiary:this.selectedFilterBeneficiary,filterLocation:this.selectedFilterLocation}}removeFilter(e){var t;switch(e){case"beneficiaries":this.selectedFilterBeneficiary=null;break;case"categories":this.selectedFilterCategory=null;break;case"locations":this.selectedFilterLocation=null;break;default:const t=e;console.error(t)}const i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.getElementById(e);if(!i){return}i.selectedLabel=null;i.selectedValue=null;this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject())}unfocusTextInput(){var e;const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".input-text");t===null||t===void 0?void 0:t.blur()}componentWillRender(){this.filtersApplied=this.selectedFilterCategory!==null||this.selectedFilterBeneficiary!==null||this.selectedFilterLocation!==null;this.initialSortByOption=this.selectedSortByOption}render(){var e;const t=this.getSortOptions();return i("div",{key:"5be71f04f2f6e4a45e61da8940e2539f348c5cac",class:"container space-below-"+this.spaceBelow},i("div",{key:"f1b79a107817211888847c09c99447759052ccd6",class:"sleeve"},i("div",{key:"7de5ed0dc073f7bc1597fadc3a67ef5b5fed7e84",class:"search-wrap"},i("h4",{key:"c78c9b66dac9880f28513fb3fb8f0f2cca9d0861"},this.intro),i("div",{key:"0aff613fc8e6812c70a8cd683dfac1cac3b4e9b8",class:"field-wrap"},i("div",{key:"406ec166abfc71ad3773077376073fd9ece76aac",class:"input-wrap"},i("svg",{key:"6b736eb1bd1560214079b50cce7bc59fed380eba",xmlns:"http://www.w3.org/2000/svg",class:"icon",viewBox:"0 0 512 512"},i("path",{key:"8fdac8bd9978f84302725fff032d5a7248a78982",d:s.icon[4].toString()})),i("input",{key:"440d6a45a53a222d2bc3043048b55056e60d3fae",type:"text",value:(e=this.searchText)!==null&&e!==void 0?e:"",class:"input-text",placeholder:this.placeholderText,onInput:this.handleSearchTextChanged,onKeyDown:this.handleEnterPressed})),i("biggive-button",{key:"a6adbfb9fcd371fa885c9388d9b0e6ffb77be101",onClick:this.handleSearchButtonPressed,label:this.buttonText}))),i("div",{key:"a45cf9485f92f73f54dd406976556a72d2f29c5d",class:"sort-filter-wrap"},i("div",{key:"f4b956c6fac79dd108795d650207aa4c0dd0360a",class:"filter-wrap"},i("biggive-button",{key:"117c37910f9691a928961462c9ce1282784dc414",class:"filter",colourScheme:"primary",onClick:this.handleFilterButtonClick,label:"Filter",fullWidth:true,"space-below":"0"}),i("biggive-popup",{key:"83411c37fa74ba763c06da58dbd7402669fd5b3c",id:"filter-popup"},i("h4",{key:"882cec7e23e27dca5665d092f72e024e53dcd9b2",class:"space-above-0 space-below-3 text-colour-primary"},"Filters"),i("div",{key:"4c92b8991a118e6e806a06de6fdf66e2a863b3d7",class:"select-wrapper-1"},i("biggive-form-field-select",{key:"75299a448cc29c180be0a974ba6ab64c07be284a",backgroundColour:"white",prompt:"Category",placeholder:this.categoriesPlaceHolderText,selectedLabel:this.selectedFilterCategory,selectedValue:this.selectedFilterCategory,options:this.optionsToArray(this.categoryOptions||[]),selectionChanged:this.categoryFilterSelectionChanged,id:"categories","space-below":"2"})),i("div",{key:"43dd351da5a08270991cab850579e3e5c183e3fe",class:"select-wrapper-2"},i("biggive-form-field-select",{key:"689238442c848dcb332e9e05228e7c1a526795cb",backgroundColour:"white",prompt:"Beneficiary",placeholder:this.beneficiariesPlaceHolderText,selectedLabel:this.selectedFilterBeneficiary,selectedValue:this.selectedFilterBeneficiary,options:this.optionsToArray(this.beneficiaryOptions||[]),selectionChanged:this.beneficiarySelectionChanged,id:"beneficiaries","space-below":"2"})),i("div",{key:"883873a8d9b2d8c1fc1dadec31870c8744f4fc8a",class:"select-wrapper-3"},i("biggive-form-field-select",{key:"c4b288cc45e2f646775dd7d5dadacbde3fe93ab5",backgroundColour:"white",prompt:"Location",placeholder:this.locationsPlaceHolderText,selectedLabel:this.selectedFilterLocation,selectedValue:this.selectedFilterLocation,options:this.optionsToArray(this.locationOptions||[]),selectionChanged:this.locationSelectionChanged,id:"locations","space-below":"2"})),i("div",{key:"e3fde293c9a35f207f6c3d829b8ccd47741af153",class:"align-right"},i("biggive-button",{key:"d84747fced15cd9b631d78f1aa23a45ab4d84d6e",label:"Apply filters",onClick:this.handleApplyFilterButtonClick})))),i("div",{key:"6a472e599b4252013ef4c8e0b8f5ffaa8e553b80",class:"sort-wrap"},i("biggive-form-field-select",{key:"8104bd762a5876b0d94f4490bd6ebed7312df7ee",options:t,prompt:null,"select-style":"underlined",placeholder:this.sortByPlaceholderText,selectedLabel:this.selectedSortByOption,selectedValue:this.getSelectedValue(),selectionChanged:this.sortBySelectionChanged,id:"sort-by"},i("biggive-form-field-select-option",{key:"5be8216a3c20d4a799fdac08546804f9bdf49821",value:"amountRaised",label:"Most raised"}),i("biggive-form-field-select-option",{key:"6694d525c670a76cac8835c4024127020a3ff31c",value:"leastRaised",label:"Least raised"}),i("biggive-form-field-select-option",{key:"345b4557173a1569fb0f0e6083bb0de974ddda1c",value:"matchFundsRemaining",label:"Most funds remaining"}),i("biggive-form-field-select-option",{key:"dc7b50338a0c2ea9a0ed658afbfe4e03aade6bec",value:"closeToTarget",label:"Nearest target"}),(this.searchText||"").length>0?i("biggive-form-field-select-option",{value:"Relevance",label:"Relevance"}):null))),i("div",{key:"7d2c5dea405e6335335c3c2834df8824cc1aa794",class:"selected-filter-wrap"},i("div",{key:"7de713038a47b889df8a612bbf98f871d8ecb7aa",class:"selected-filters"},this.selectedFilterCategory&&i("span",{key:"599df847e376cb3901e84078494d760b919bd0c9",class:"button",onClick:()=>{this.removeFilter("categories")}},this.selectedFilterCategory),this.selectedFilterBeneficiary&&i("span",{key:"230add2861461df94bbf86eb6371cfcd5b2f3921",class:"button",onClick:()=>{this.removeFilter("beneficiaries")}},this.selectedFilterBeneficiary),this.selectedFilterLocation&&i("span",{key:"9e5afaef02c69c8aba878fd1df0e80693f79b03b",class:"button",onClick:()=>{this.removeFilter("locations")}},this.selectedFilterLocation)),i("div",{key:"e9223d5d05c1a20eccb82abf963bac4cc88fbbe5",class:"clear-all"},i("a",{key:"b09d5af23d3dffa6e73f4bf019f5c4413389e6bc",onClick:this.handleClearAll},"Clear all"))),i("div",{key:"58ac398dfb1df79bbdd27ec06c2e1e9b5d09e21f",class:"campaign-grid"},i("slot",{key:"c37dfb5a914398c02efe4945471d715dbb12f675",name:"campaign-grid"}))))}getSelectedValue(){const e=this.selectedSortByOption;if(e===undefined){return undefined}const t=this.getSortOptions();const i=t.filter((t=>t.label.toLowerCase()===e.toLowerCase()))[0];return i===null||i===void 0?void 0:i.value}getSortOptions(){const e=Object.getOwnPropertyNames(r);const t=e.filter((e=>e!=="relevance"||this.hasSearchTerm()));return t.map((e=>({value:e,label:r[e]})))}hasSearchTerm(){return typeof this.searchText==="string"&&this.searchText.length>0}optionsToArray(e){if(typeof e==="string"){e=JSON.parse(e)}if(Array.isArray(e)){return e.map((e=>({value:e,label:e})))}return Object.entries(e).map((e=>({value:e[0],label:e[1]})))}get el(){return a(this)}};c.style=l;export{c as biggive_campaign_card_filter_grid};
|
|
2
|
+
//# sourceMappingURL=p-0a726edf.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["biggiveCampaignCardFilterGridCss","sortOptionLabels","relevance","amountRaised","leastRaised","closeToTarget","matchFundsRemaining","BiggiveCampaignCardFilterGrid","constructor","hostRef","this","sortByPlaceholderText","beneficiariesPlaceHolderText","categoriesPlaceHolderText","locationsPlaceHolderText","newSelectedFilterCategory","newSelectedFilterBeneficiary","newSelectedFilterLocation","spaceBelow","intro","searchText","placeholderText","buttonText","selectedFilterCategory","selectedFilterBeneficiary","selectedFilterLocation","categoryFilterSelectionChanged","value","beneficiarySelectionChanged","locationSelectionChanged","sortBySelectionChanged","selectedSortByOption","doSearchAndFilterUpdate","emit","getSearchAndFilterObject","handleApplyFilterButtonClick","_a","_b","_c","searchAndFilterObj","filterPopup","_d","el","shadowRoot","getElementById","closeFromOutside","filtersApplied","filterBeneficiary","filterCategory","filterLocation","handleSearchButtonPressed","unfocusTextInput","hasSearchTerm","handleSearchTextChanged","event","target","handleEnterPressed","ev","key","handleFilterButtonClick","openFromOutside","handleClearAll","initialSortByOption","forEach","id","theEl","selectedValue","selectedLabel","selectedFilters","querySelector","querySelectorAll","button","remove","sortBy","unfocusInputs","removeFilter","filterKey","exhaustiveSwitch","console","error","selectEl","input","blur","componentWillRender","render","sortOptions","getSortOptions","h","class","xmlns","viewBox","d","faMagnifyingGlass","icon","toString","type","placeholder","onInput","onKeyDown","onClick","label","colourScheme","fullWidth","backgroundColour","prompt","options","optionsToArray","categoryOptions","selectionChanged","beneficiaryOptions","locationOptions","getSelectedValue","length","name","sortByOption","undefined","selected","filter","option","toLowerCase","sortOptionKeys","Object","getOwnPropertyNames","relevantOptionKeys","map","JSON","parse","Array","isArray","entries","entry"],"sources":["src/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.scss?tag=biggive-campaign-card-filter-grid&encapsulation=shadow","src/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n display: content;\n}\n\n// Each select needs a higher z-index than the one below,\n// so that the drop-down part will occlude it.\n.select-wrapper-1, .select-wrapper-2, .select-wrapper-3, .select-wrapper-4 {\n position: relative;\n margin-top: 1em;\n}\n.select-wrapper-1 {\n z-index: 4;\n}\n.select-wrapper-2 {\n z-index: 3;\n}\n.select-wrapper-3 {\n z-index: 2;\n }\n.select-wrapper-4 {\n z-index: 1;\n}\n\n.container {\n @include standard-font();\n position: relative;\n .search-wrap {\n @include lower-shadow();\n background-color: $colour-white;\n padding: $spacer-3 $spacer-4;\n margin-bottom: $spacer-3;\n h4 {\n margin-bottom: $spacer-3;\n }\n .field-wrap {\n @include flex-container-row();\n\n .input-wrap {\n @include flex-container-row();\n padding-bottom: $spacer-1;\n border-bottom: 1px solid $colour-black;\n margin-right: $spacer-4;\n flex-grow: 1;\n input {\n border: 0;\n }\n }\n button {\n padding: 5px 30px;\n }\n }\n }\n}\n.selected-filter-wrap {\n display: flex;\n margin-bottom: 23px;\n padding: 0;\n .button {\n margin-bottom: 7px;\n display: inline-block;\n cursor: pointer;\n border-radius: 20px;\n padding: 5px 50px 5px 20px;\n margin-right: 15px;\n background-color: $colour-tertiary-coral;;\n color: $colour-black;\n border: 1px solid $colour-tertiary-coral;\n text-decoration: none;\n background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTguNCAxOC40IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOC40IDE4LjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7c3Ryb2tlOiMwMDAwMDA7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOS4yLDguNUwxNywwLjdsMC43LDAuN0w5LjksOS4ybDcuOCw3LjhMMTcsMTcuN0w5LjIsOS45bC03LjgsNy44TDAuNywxN2w3LjgtNy44TDAuNywxLjRsMC43LTAuN0w5LjIsOC41eiIvPgo8L3N2Zz4K);\n background-repeat: no-repeat;\n background-position: right 20px center;\n background-size: 12px auto;\n &:hover {\n background-color: $colour-white;\n color: $colour-black;\n }\n }\n .clear-all {\n margin-left: auto;\n a {\n display: inline-block;\n cursor: pointer;\n border-radius: 20px;\n padding: 5px 20px;\n background-color: $colour-primary-blue;\n color: $colour-white;\n border: 1px solid $colour-primary-blue;\n text-decoration: none;\n &:hover {\n background-color: $colour-white;\n color: $colour-primary-blue;\n }\n }\n }\n}\n\n.sort-filter-wrap {\n display: flex;\n justify-content: flex-end;\n margin-bottom: $spacer-4;\n padding: 0;\n text-align: right;\n .clear-all {\n cursor: pointer;\n vertical-align: center;\n margin-top: auto;\n margin-bottom: auto;\n }\n\n display: flex;\n .sort-wrap {\n margin-left: 15px;\n }\n\n .filter-wrap {\n background-color: $colour-grey-background; // temp for testing dropdown\n\n margin-left: $spacer-3;\n\n .button.filter {\n padding-left: 60px;\n padding-right: 30px;\n\n .filter-icon {\n content: '';\n display: block;\n position: absolute;\n left: 25px;\n top: 17px;\n width: 13px;\n height: 13px;\n\n svg {\n width: 100%;\n height: auto;\n vertical-align: top;\n\n &:hover {\n fill: $colour-primary-blue;\n }\n }\n }\n }\n }\n}\n\n.icon {\n @include icon();\n margin: auto;\n\n > path {\n fill: $colour-primary-blue;\n }\n}\n\n.icon-clear-all {\n > path {\n fill: $colour-black;\n }\n}\n\n@media screen and (max-width: $screen-mobile-small) {\n .sort-filter-wrap {\n flex-direction: column-reverse;\n .sort-wrap {\n margin-top: 20px;\n margin-bottom: 20px;\n }\n }\n}\n\n@media screen and (max-width: $screen-mobile-x-small) {\n .sort-filter-wrap {\n justify-content: space-between;\n .sort-wrap {\n margin-left: 0px;\n }\n .filter-wrap {\n margin-left: 3px;\n }\n }\n}\n\n.align-right {\n text-align: right;\n}\n\n.input-text {\n @include input-text();\n}\n\n.text-colour-primary {\n color: $colour-primary-blue;\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State } from '@stencil/core';\nimport { faMagnifyingGlass } from '@fortawesome/pro-solid-svg-icons';\n\nconst sortOptionLabels = {\n relevance: 'Relevance',\n amountRaised: 'Most raised',\n leastRaised: 'Least raised',\n closeToTarget: 'Nearest target',\n matchFundsRemaining: 'Most funds remaining',\n} as const;\n\nexport type sortOptionKey = keyof typeof sortOptionLabels;\nexport type sortOptionLabel = (typeof sortOptionLabels)[sortOptionKey];\n\n@Component({\n tag: 'biggive-campaign-card-filter-grid',\n styleUrl: 'biggive-campaign-card-filter-grid.scss',\n shadow: true,\n})\nexport class BiggiveCampaignCardFilterGrid {\n private sortByPlaceholderText = 'Sort by';\n private beneficiariesPlaceHolderText = 'Select beneficiary';\n private categoriesPlaceHolderText = 'Select category';\n private locationsPlaceHolderText = 'Select location';\n private initialSortByOption: sortOptionLabel;\n\n /**\n * This and similar properties represent selections made in the popup but not yet applied.\n */\n private newSelectedFilterCategory: string | null = null;\n private newSelectedFilterBeneficiary: string | null = null;\n private newSelectedFilterLocation: string | null = null;\n\n @Element() el: HTMLBiggiveCampaignCardFilterGridElement;\n\n /**\n * This event `doSearchAndFilterUpdate` event is emitted and propogates to the parent\n * component which handles it\n */\n @Event({\n eventName: 'doSearchAndFilterUpdate',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n doSearchAndFilterUpdate: EventEmitter<{\n searchText: string | null;\n sortBy: string | null;\n filterCategory: string | null;\n filterBeneficiary: string | null;\n filterLocation: string | null;\n }>;\n\n /**\n * Typically on non-negligible scroll away from the search area.\n */\n @Method() async unfocusInputs() {\n this.unfocusTextInput();\n }\n\n /**\n * Space below component\n */\n @Prop() spaceBelow: number = 0;\n\n /**\n * Intro\n */\n @Prop() intro: string = 'Find a charity or project';\n\n /**\n * Optional search text prop. Useful for pre-populating the search field\n * when the page is loaded with a search term already existing in the URL.\n * This can happen when sharing links, or if a donor goes to a campaign page\n * after searching, and then returns to the search results. In such a case,\n * the search box text will clear, unless we use this prop to populate it on\n * rendering. DON-652.\n */\n @Prop() searchText: string | null = null;\n\n /**\n * Defines the text displayed as the placeholder in the input field\n * before the user types anything\n */\n @Prop() placeholderText: string = 'Search';\n\n /**\n * Defines the text on the search button\n */\n @Prop() buttonText: string = 'Search';\n\n /**\n * JSON array of category key/values, or takes a stringified equiavalent (for Storybook)\n */\n @Prop() categoryOptions: string | Record<string, string> | string[];\n\n /**\n * JSON array of beneficiary key/values, or takes a stringified equiavalent (for Storybook)\n */\n @Prop() beneficiaryOptions: string | Record<string, string> | string[];\n\n /**\n * JSON array of location key/values, or takes a stringified equiavalent (for Storybook)\n */\n @Prop() locationOptions: string | Record<string, string> | string[];\n\n /**\n * This helps us inject a pre-selected dropdown value from outside of this component.\n * This is especially helpful for the Meta campaign and Explore pages, where searching\n * by text wipes out previous sort options and re-uses Relevance, or where one of those\n * two pages is loaded directly with URL parameters - in such a scenario the dropdown\n * shows that it's pre-selected. DON-558.\n */\n @Prop({ mutable: true })\n selectedSortByOption: sortOptionLabel;\n\n /**\n * For injecting the chosen category to filter by, as per the comment above for `selectedSortByOption`.\n */\n @Prop({ mutable: true }) selectedFilterCategory: string | null = null;\n\n /**\n * For injecting the chosen beneficiary to filter by, as per the comment above for `selectedSortByOption`.\n */\n @Prop({ mutable: true }) selectedFilterBeneficiary: string | null = null;\n\n /**\n * For injecting the chosen location to filter by, as per the comment above for `selectedSortByOption`.\n */\n @Prop({ mutable: true }) selectedFilterLocation: string | null = null;\n\n /**\n * State variable - causes re-render on change\n */\n @State() filtersApplied: boolean;\n\n private categoryFilterSelectionChanged = (value: string) => {\n this.newSelectedFilterCategory = value;\n };\n\n private beneficiarySelectionChanged = (value: string) => {\n this.newSelectedFilterBeneficiary = value;\n };\n\n private locationSelectionChanged = (value: string) => {\n this.newSelectedFilterLocation = value;\n };\n\n private sortBySelectionChanged = (value: sortOptionLabel) => {\n this.selectedSortByOption = value;\n this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());\n };\n\n private getSearchAndFilterObject() {\n return {\n searchText: this.searchText,\n sortBy: this.selectedSortByOption,\n filterCategory: this.selectedFilterCategory,\n filterBeneficiary: this.selectedFilterBeneficiary,\n filterLocation: this.selectedFilterLocation,\n };\n }\n\n private handleApplyFilterButtonClick = () => {\n this.selectedFilterCategory = this.newSelectedFilterCategory ?? this.selectedFilterCategory;\n this.selectedFilterBeneficiary = this.newSelectedFilterBeneficiary ?? this.selectedFilterBeneficiary;\n this.selectedFilterLocation = this.newSelectedFilterLocation ?? this.selectedFilterLocation;\n\n const searchAndFilterObj = this.getSearchAndFilterObject();\n this.doSearchAndFilterUpdate.emit(searchAndFilterObj);\n\n const filterPopup = this.el.shadowRoot?.getElementById('filter-popup') as HTMLBiggivePopupElement | undefined;\n if (filterPopup) {\n filterPopup.closeFromOutside();\n }\n\n this.filtersApplied =\n typeof searchAndFilterObj.filterBeneficiary === 'string' || typeof searchAndFilterObj.filterCategory === 'string' || typeof searchAndFilterObj.filterLocation === 'string';\n };\n\n private removeFilter(filterKey: 'locations' | 'categories' | 'beneficiaries') {\n switch (filterKey) {\n case 'beneficiaries':\n this.selectedFilterBeneficiary = null;\n break;\n case 'categories':\n this.selectedFilterCategory = null;\n break;\n case 'locations':\n this.selectedFilterLocation = null;\n break;\n default:\n // This asks the compiler to check that we are in dead code, i.e. we covered all the possible filter keys\n // above. If we missed one we would get a compile error trying to assign a string to a never.\n const exhaustiveSwitch: never = filterKey;\n console.error(exhaustiveSwitch);\n }\n\n const selectEl = this.el.shadowRoot?.getElementById(filterKey) as HTMLBiggiveFormFieldSelectElement | undefined;\n if (!selectEl) {\n return;\n }\n\n selectEl.selectedLabel = null;\n selectEl.selectedValue = null;\n this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());\n }\n\n private handleSearchButtonPressed = () => {\n this.unfocusTextInput();\n this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());\n\n if (this.hasSearchTerm()) {\n this.selectedSortByOption = 'Relevance';\n }\n };\n\n private handleSearchTextChanged = (event: any) => {\n this.searchText = event.target.value;\n };\n\n private handleEnterPressed = (ev: KeyboardEvent) => {\n if (ev.key === 'Enter') {\n this.unfocusTextInput();\n this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());\n }\n };\n\n private handleFilterButtonClick = () => {\n this.newSelectedFilterBeneficiary = this.selectedFilterBeneficiary;\n this.newSelectedFilterCategory = this.selectedFilterCategory;\n this.newSelectedFilterLocation = this.selectedFilterLocation;\n\n const filterPopup = this.el.shadowRoot?.getElementById('filter-popup') as HTMLBiggivePopupElement | undefined;\n if (filterPopup) {\n filterPopup.openFromOutside();\n }\n };\n\n private handleClearAll = () => {\n this.unfocusTextInput();\n\n // Set the 'Filters' button back to the primary background colour\n this.filtersApplied = false;\n\n // Clear all\n this.searchText = null;\n this.selectedSortByOption = this.initialSortByOption;\n this.selectedFilterBeneficiary = null;\n this.selectedFilterCategory = null;\n this.selectedFilterLocation = null;\n\n // Clear <biggive-form-field-select> components' internal selectedValue and selectedLabel. DON-654.\n ['sort-by', 'categories', 'beneficiaries', 'locations', 'funding'].forEach(id => {\n const theEl = this.el.shadowRoot?.getElementById(id) as HTMLBiggiveFormFieldSelectElement | undefined;\n if (!theEl) {\n return;\n }\n\n theEl.selectedValue = null;\n theEl.selectedLabel = null;\n });\n\n const selectedFilters = this.el.shadowRoot?.querySelector('.selected-filters');\n if (selectedFilters) {\n selectedFilters.querySelectorAll('.button').forEach(button => {\n button.remove();\n });\n }\n\n // Emit the doSearchAndFilterUpdate event with null values. DON-654\n this.doSearchAndFilterUpdate.emit({\n searchText: null,\n sortBy: null,\n filterCategory: null,\n filterBeneficiary: null,\n filterLocation: null,\n });\n };\n\n /**\n * We've seen desktop Safari jump to this input when it's focused at times when that's\n * unhelpful, so on a few occasions we proactively blur it.\n */\n private unfocusTextInput() {\n const input = this.el.shadowRoot?.querySelector('.input-text') as HTMLInputElement | undefined;\n input?.blur();\n }\n\n componentWillRender() {\n this.filtersApplied = this.selectedFilterCategory !== null || this.selectedFilterBeneficiary !== null || this.selectedFilterLocation !== null;\n this.initialSortByOption = this.selectedSortByOption;\n }\n\n render() {\n const sortOptions = this.getSortOptions();\n\n return (\n <div class={'container space-below-' + this.spaceBelow}>\n <div class=\"sleeve\">\n <div class=\"search-wrap\">\n <h4>{this.intro}</h4>\n <div class=\"field-wrap\">\n <div class=\"input-wrap\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon\" viewBox=\"0 0 512 512\">\n <path d={faMagnifyingGlass.icon[4].toString()} />\n </svg>\n <input\n type=\"text\"\n value={this.searchText ?? ''}\n class=\"input-text\"\n placeholder={this.placeholderText}\n onInput={this.handleSearchTextChanged}\n onKeyDown={this.handleEnterPressed}\n />\n </div>\n <biggive-button onClick={this.handleSearchButtonPressed} label={this.buttonText} />\n </div>\n </div>\n <div class=\"sort-filter-wrap\">\n <div class=\"filter-wrap\">\n <biggive-button class=\"filter\" colourScheme=\"primary\" onClick={this.handleFilterButtonClick} label=\"Filter\" fullWidth={true} space-below=\"0\"></biggive-button>\n <biggive-popup id=\"filter-popup\">\n <h4 class=\"space-above-0 space-below-3 text-colour-primary\">Filters</h4>\n <div class=\"select-wrapper-1\">\n <biggive-form-field-select\n backgroundColour=\"white\"\n prompt=\"Category\"\n placeholder={this.categoriesPlaceHolderText}\n selectedLabel={this.selectedFilterCategory}\n selectedValue={this.selectedFilterCategory}\n options={this.optionsToArray(this.categoryOptions || [])}\n selectionChanged={this.categoryFilterSelectionChanged}\n id=\"categories\"\n space-below=\"2\"\n ></biggive-form-field-select>\n </div>\n\n <div class=\"select-wrapper-2\">\n <biggive-form-field-select\n backgroundColour=\"white\"\n prompt=\"Beneficiary\"\n placeholder={this.beneficiariesPlaceHolderText}\n selectedLabel={this.selectedFilterBeneficiary}\n selectedValue={this.selectedFilterBeneficiary}\n options={this.optionsToArray(this.beneficiaryOptions || [])}\n selectionChanged={this.beneficiarySelectionChanged}\n id=\"beneficiaries\"\n space-below=\"2\"\n ></biggive-form-field-select>\n </div>\n\n <div class=\"select-wrapper-3\">\n <biggive-form-field-select\n backgroundColour=\"white\"\n prompt=\"Location\"\n placeholder={this.locationsPlaceHolderText}\n selectedLabel={this.selectedFilterLocation}\n selectedValue={this.selectedFilterLocation}\n options={this.optionsToArray(this.locationOptions || [])}\n selectionChanged={this.locationSelectionChanged}\n id=\"locations\"\n space-below=\"2\"\n ></biggive-form-field-select>\n </div>\n\n <div class=\"align-right\">\n <biggive-button label=\"Apply filters\" onClick={this.handleApplyFilterButtonClick} />\n </div>\n </biggive-popup>\n </div>\n\n <div class=\"sort-wrap\">\n <biggive-form-field-select\n options={sortOptions}\n prompt={null}\n select-style=\"underlined\"\n placeholder={this.sortByPlaceholderText}\n selectedLabel={this.selectedSortByOption}\n selectedValue={this.getSelectedValue()}\n selectionChanged={this.sortBySelectionChanged}\n id=\"sort-by\"\n >\n <biggive-form-field-select-option value=\"amountRaised\" label=\"Most raised\"></biggive-form-field-select-option>\n <biggive-form-field-select-option value=\"leastRaised\" label=\"Least raised\"></biggive-form-field-select-option>\n <biggive-form-field-select-option value=\"matchFundsRemaining\" label=\"Most funds remaining\"></biggive-form-field-select-option>\n <biggive-form-field-select-option value=\"closeToTarget\" label=\"Nearest target\"></biggive-form-field-select-option>\n {(this.searchText || '').length > 0 ? <biggive-form-field-select-option value=\"Relevance\" label=\"Relevance\"></biggive-form-field-select-option> : null}\n </biggive-form-field-select>\n </div>\n </div>\n <div class=\"selected-filter-wrap\">\n <div class=\"selected-filters\">\n {this.selectedFilterCategory && (\n <span\n class=\"button\"\n onClick={() => {\n this.removeFilter('categories');\n }}\n >\n {this.selectedFilterCategory}\n </span>\n )}\n {this.selectedFilterBeneficiary && (\n <span\n class=\"button\"\n onClick={() => {\n this.removeFilter('beneficiaries');\n }}\n >\n {this.selectedFilterBeneficiary}\n </span>\n )}\n {this.selectedFilterLocation && (\n <span\n class=\"button\"\n onClick={() => {\n this.removeFilter('locations');\n }}\n >\n {this.selectedFilterLocation}\n </span>\n )}\n </div>\n <div class=\"clear-all\">\n <a onClick={this.handleClearAll}>Clear all</a>\n </div>\n </div>\n <div class=\"campaign-grid\">\n <slot name=\"campaign-grid\"></slot>\n </div>\n </div>\n </div>\n );\n }\n\n // I'm not sure if I understand the reasoning for own-methods-must-be-private. I made the method below public to unit\n // test it. Maybe the idea is that we should move anything with enough logic to test outside the component class? I\n // can do that if people think it's better.\n //\n // eslint-disable-next-line @stencil-community/own-methods-must-be-private\n public getSelectedValue(): undefined | string {\n const sortByOption = this.selectedSortByOption;\n if (sortByOption === undefined) {\n return undefined;\n }\n const sortOptions = this.getSortOptions();\n const selected = sortOptions.filter(option => {\n return option.label.toLowerCase() === sortByOption.toLowerCase();\n })[0];\n\n return selected?.value;\n }\n\n private getSortOptions(): {\n label: sortOptionLabel;\n value: sortOptionKey;\n }[] {\n // @ts-ignore - see https://github.com/microsoft/TypeScript/pull/12253#issuecomment-263132208\n const sortOptionKeys: sortOptionKey[] = Object.getOwnPropertyNames(sortOptionLabels);\n const relevantOptionKeys = sortOptionKeys.filter(key => key !== 'relevance' || this.hasSearchTerm());\n\n return relevantOptionKeys.map((key: sortOptionKey) => ({ value: key, label: sortOptionLabels[key] }));\n }\n\n private hasSearchTerm() {\n return typeof this.searchText === 'string' && this.searchText.length > 0;\n }\n\n private optionsToArray(options: string | Record<string, string> | string[]): {\n label: string;\n value: string;\n }[] {\n if (typeof options === 'string') {\n options = JSON.parse(options);\n }\n if (Array.isArray(options)) {\n return options.map((option: string) => ({ value: option, label: option }));\n }\n\n return Object.entries(options).map(entry => ({ value: entry[0], label: entry[1] }));\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as o,h as r}from"./p-DZr5lYtw.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-er-green:hover,.background-colour-brand-er-green{background-color:#50B400}.background-colour-hover-brand-er-dark-green:hover,.background-colour-brand-er-dark-green{background-color:#002413}.background-colour-hover-brand-er-dark-blue:hover,.background-colour-brand-er-dark-blue{background-color:#0c0068}.background-colour-hover-brand-er-teal:hover,.background-colour-brand-er-teal{background-color:#00a76d}.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}.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-er-green{fill:#50B400}.fill-brand-er-dark-green{fill:#002413}.fill-brand-er-dark-blue{fill:#0c0068}.fill-brand-er-teal{fill:#00a76d}.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-er-green:hover,.text-colour-brand-er-green{color:#50B400}.text-colour-hover-brand-er-dark-green:hover,.text-colour-brand-er-dark-green{color:#002413}.text-colour-hover-brand-er-dark-blue:hover,.text-colour-brand-er-dark-blue{color:#0c0068}.text-colour-hover-brand-er-teal:hover,.text-colour-brand-er-teal{color:#00a76d}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}.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:10px;height:100%;white-space:pre-wrap;box-shadow:0px 0px 30px rgba(0, 0, 0, 0.2)}.container a,.container a:hover{text-decoration:none}.container .sleeve{padding:10px;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{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{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{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 .teaser{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}.container .text-align-left{text-align:left}.container .text-align-center{text-align:center}.container .text-align-right{text-align:right}';const c=class{constructor(r){o(this,r);this.spaceBelow=0;this.backgroundColour="primary";this.textAlign="center";this.teaserColour="black";this.buttonAlign="center";this.buttonStyle="standard";this.buttonColourScheme="clear-primary";this.clipBottomLeftCorner=true;this.clipTopRightCorner=true;this.addAnimation=false}render(){return r("div",{key:"94ab6b09b721c24c0976d109dfb9d3247a359ce9",class:"container space-below-"+this.spaceBelow+" background-colour-"+this.backgroundColour+" clip-bottom-left-corner-"+this.clipBottomLeftCorner+" clip-top-right-corner-"+this.clipTopRightCorner+" add-animation-"+this.addAnimation},r("a",{key:"6e1ac9470d3fc2d275689eeaf2b5e81172b05499",href:this.buttonUrl},r("div",{key:"c3b5dde21e48f1656c8fc8f7577868cadd7edd64",class:"sleeve text-colour-"+this.teaserColour+" text-align-"+this.textAlign},r("div",{key:"3c4e810646f045392e77af555252b3223d88db00",class:"content-wrap"},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("div",{key:"c4618199ba6513b0beb31201bec2dea1de5eeebf",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,label:this.buttonLabel})):null))))}};c.style=e;export{c as biggive_image_card};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as o,h as r}from"./p-DszaIBkO.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-er-green:hover,.background-colour-brand-er-green{background-color:#50B400}.background-colour-hover-brand-er-dark-green:hover,.background-colour-brand-er-dark-green{background-color:#002413}.background-colour-hover-brand-er-dark-blue:hover,.background-colour-brand-er-dark-blue{background-color:#0c0068}.background-colour-hover-brand-er-teal:hover,.background-colour-brand-er-teal{background-color:#00a76d}.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}.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-er-green{fill:#50B400}.fill-brand-er-dark-green{fill:#002413}.fill-brand-er-dark-blue{fill:#0c0068}.fill-brand-er-teal{fill:#00a76d}.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-er-green:hover,.text-colour-brand-er-green{color:#50B400}.text-colour-hover-brand-er-dark-green:hover,.text-colour-brand-er-dark-green{color:#002413}.text-colour-hover-brand-er-dark-blue:hover,.text-colour-brand-er-dark-blue{color:#0c0068}.text-colour-hover-brand-er-teal:hover,.text-colour-brand-er-teal{color:#00a76d}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}.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:10px;height:100%;white-space:pre-wrap;box-shadow:0px 0px 30px rgba(0, 0, 0, 0.2)}.container a,.container a:hover{text-decoration:none}.container .sleeve{padding:10px;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{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{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{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 .teaser{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}.container .text-align-left{text-align:left}.container .text-align-center{text-align:center}.container .text-align-right{text-align:right}';const c=class{constructor(r){o(this,r);this.spaceBelow=0;this.backgroundColour="primary";this.textAlign="center";this.teaserColour="black";this.buttonAlign="center";this.buttonStyle="standard";this.buttonColourScheme="clear-primary";this.clipBottomLeftCorner=true;this.clipTopRightCorner=true;this.addAnimation=false}render(){return r("div",{key:"9925193be2210b889ca2740c30aa6a635d4b3166",class:"container space-below-"+this.spaceBelow+" background-colour-"+this.backgroundColour+" clip-bottom-left-corner-"+this.clipBottomLeftCorner+" clip-top-right-corner-"+this.clipTopRightCorner+" add-animation-"+this.addAnimation},r("a",{key:"9f5c721557ed2f0112e4e8526275609c1719fadd",href:this.buttonUrl},r("div",{key:"c28cde4c332347cd740b171114c9a1ffe2f64a90",class:"sleeve text-colour-"+this.teaserColour+" text-align-"+this.textAlign},r("div",{key:"fd0b5c3dcc1fa73b3c4d12d1eb71f31f93c1fb8c",class:"content-wrap"},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("div",{key:"310e80451037f6bd85e6bdebe1466f9121e46b0a",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,label:this.buttonLabel})):null))))}};c.style=e;export{c as biggive_image_card};
|
|
2
|
+
//# sourceMappingURL=p-0cbb3bae.entry.js.map
|