@biggive/components 202401191800.0.0 → 202401231203.0.0

package/dist/biggive/p-ae66bad8.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["biggiveBasicCardCss","BiggiveBasicCard","render","HeadingTag","this","headingLevel","h","class","spaceBelow","backgroundColour","clipBottomLeftCorner","clipTopRightCorner","addAnimation","style","backgroundImageUrl","href","buttonUrl","cardColour","textColour","icon","width","height","viewBox","fill","xmlns","d","iconColour","mainImageUrl","src","alt","mainImageAltText","title","mainTitle","subtitle","teaser","buttonLabel","buttonAlign","buttonColourScheme","url","label"],"sources":["src/components/biggive-basic-card/biggive-basic-card.scss?tag=biggive-basic-card&encapsulation=shadow","src/components/biggive-basic-card/biggive-basic-card.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n}\n\n.container {\n  @include standard-font();\n  position: relative;\n  text-align: center;\n  background-size: cover;\n  background-position: center center;\n  padding: $spacer-4;\n  height: 100%;\n  white-space: pre-wrap;\n  a,\n  a:hover {\n    text-decoration: none;\n  }\n  .sleeve {\n    padding: $spacer-4;\n    height: 100%;\n    box-sizing: border-box;\n    transition: all 1s ease-in-out;\n  }\n  &.add-animation-true:hover .sleeve {\n    margin: -30px;\n    padding: 60px;\n    height: calc(100% + 60px);\n  }\n  &.clip-bottom-left-corner-false.clip-top-right-corner-true {\n    .sleeve {\n      @include corner-clip-medium-top-right();\n    }\n  }\n  &.clip-bottom-left-corner-true.clip-top-right-corner-false {\n    .sleeve {\n      @include corner-clip-medium-bottom-left();\n    }\n  }\n  &.clip-bottom-left-corner-true.clip-top-right-corner-true {\n    .sleeve {\n      @include corner-clip-medium-bottom-left-top-right();\n    }\n  }\n\n  .icon {\n    svg {\n      width: 50px;\n      height: auto;\n    }\n  }\n  .title {\n    // these have to be the heading level passed in based on order of headings, but in terms of design we want it look like H3.\n    @include heading-3();\n    margin-bottom: $spacer-3;\n  }\n  .subtitle {\n    margin-bottom: $spacer-3;\n  }\n  .main-image-container {\n    margin-bottom: 15px;\n    img {\n      width: 100%;\n      height: auto;\n    }\n  }\n  .button-wrap {\n    text-align: center;\n    &.align-left {\n      text-align: left;\n    }\n    &.align-right {\n      text-align: right;\n    }\n  }\n\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n  tag: 'biggive-basic-card',\n  styleUrl: 'biggive-basic-card.scss',\n  shadow: true,\n})\nexport class BiggiveBasicCard {\n  @Prop() spaceBelow: spacingOption = 0;\n\n  @Prop() backgroundColour: brandColour = 'primary';\n\n  @Prop() backgroundImageUrl: string = '';\n\n  @Prop() cardColour: brandColour = 'white';\n\n  @Prop() textColour: brandColour = 'black';\n\n  @Prop() mainImageUrl: string;\n\n  @Prop() mainImageAltText: string;\n\n  @Prop() mainTitle: string;\n\n  @Prop() subtitle: string;\n\n  @Prop() teaser: string;\n\n  @Prop() icon: boolean = true;\n\n  @Prop() iconColour: brandColour = 'primary';\n\n  @Prop() buttonAlign: string = 'center';\n\n  @Prop() buttonStyle: string = 'standard';\n\n  @Prop() buttonLabel: string;\n\n  @Prop() buttonUrl: string;\n\n  @Prop() buttonColourScheme: string = 'clear-primary';\n\n  @Prop() clipBottomLeftCorner: boolean = true;\n\n  @Prop() clipTopRightCorner: boolean = true;\n\n  @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 3;\n\n  @Prop() addAnimation: boolean = false;\n\n  render() {\n    const HeadingTag = `h${this.headingLevel}`;\n\n    return (\n      <div\n        class={\n          'container space-below-' +\n          this.spaceBelow +\n          ' background-colour-' +\n          this.backgroundColour +\n          ' clip-bottom-left-corner-' +\n          this.clipBottomLeftCorner +\n          ' clip-top-right-corner-' +\n          this.clipTopRightCorner +\n          ' add-animation-' +\n          this.addAnimation\n        }\n        style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n      >\n        <a href={this.buttonUrl}>\n          <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n            <div class=\"content-wrap\">\n              {this.icon == true ? (\n                <div class=\"icon\">\n                  <svg width=\"53\" height=\"39\" viewBox=\"0 0 53 39\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path d=\"M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z\" class=\"fill-black\" />\n                    <path d=\"M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z\" class={'fill-' + this.iconColour} />\n                  </svg>\n                </div>\n              ) : null}\n              {this.mainImageUrl != '' ? (\n                <div class=\"main-image-container\">\n                  <div class=\"image-wrap\">\n                    <img src={this.mainImageUrl} alt={this.mainImageAltText} title={this.mainImageAltText} />\n                  </div>\n                </div>\n              ) : null}\n              <HeadingTag class=\"title\">{this.mainTitle}</HeadingTag>\n              <div class=\"subtitle\">{this.subtitle}</div>\n              <div class=\"teaser\">{this.teaser}</div>\n              {this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (\n                <div class={'button-wrap align-' + this.buttonAlign}>\n                  <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel}></biggive-button>\n                </div>\n              ) : null}\n            </div>\n          </div>\n        </a>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAsB,8gN,MCSfC,EAAgB,M,yCACS,E,sBAEI,U,wBAEH,G,gBAEH,Q,gBAEA,Q,6IAYV,K,gBAEU,U,iBAEJ,S,iBAEA,W,4EAMO,gB,0BAEG,K,wBAEF,K,kBAEQ,E,kBAEd,K,CAEhC,MAAAC,GACE,MAAMC,EAAa,IAAIC,KAAKC,eAE5B,OACEC,EAAA,OACEC,MACE,yBACAH,KAAKI,WACL,sBACAJ,KAAKK,iBACL,4BACAL,KAAKM,qBACL,0BACAN,KAAKO,mBACL,kBACAP,KAAKQ,aAEPC,MAAO,CAAE,mBAAoB,QAAUT,KAAKU,mBAAqB,OAEjER,EAAA,KAAGS,KAAMX,KAAKY,WACZV,EAAA,OAAKC,MAAO,4BAA8BH,KAAKa,WAAa,gBAAkBb,KAAKc,YACjFZ,EAAA,OAAKC,MAAM,gBACRH,KAAKe,MAAQ,KACZb,EAAA,OAAKC,MAAM,QACTD,EAAA,OAAKc,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAChElB,EAAA,QAAMmB,EAAE,4DAA4DlB,MAAM,eAC1ED,EAAA,QAAMmB,EAAE,gFAAgFlB,MAAO,QAAUH,KAAKsB,eAGhH,KACHtB,KAAKuB,cAAgB,GACpBrB,EAAA,OAAKC,MAAM,wBACTD,EAAA,OAAKC,MAAM,cACTD,EAAA,OAAKsB,IAAKxB,KAAKuB,aAAcE,IAAKzB,KAAK0B,iBAAkBC,MAAO3B,KAAK0B,qBAGvE,KACJxB,EAACH,EAAU,CAACI,MAAM,SAASH,KAAK4B,WAChC1B,EAAA,OAAKC,MAAM,YAAYH,KAAK6B,UAC5B3B,EAAA,OAAKC,MAAM,UAAUH,KAAK8B,QACzB9B,KAAK+B,aAAe,MAAQ/B,KAAKY,WAAa,MAAQZ,KAAKY,WAAa,GACvEV,EAAA,OAAKC,MAAO,qBAAuBH,KAAKgC,aACtC9B,EAAA,kCAA+BF,KAAKiC,mBAAoBC,IAAKlC,KAAKY,UAAWuB,MAAOnC,KAAK+B,eAEzF,Q"}

package/dist/biggive/p-ce051cb4.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["biggiveVideoCss","BiggiveVideo","render","h","class","this","spaceAbove","spaceBelow","innerHTML","VideoService","getEmbedHtml","videoUrl"],"sources":["src/components/biggive-video/biggive-video.scss?tag=biggive-video&encapsulation=shadow","src/components/biggive-video/biggive-video.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n  display: contents;\n}\n\n.video-wrap {\n  @include video-wrap();\n}\n\n.video-wrap.youtube {\n  padding-bottom: 56.25%;\n}\n\n.container {\n  @include standard-font();\n}\n\n","import { Component, Prop, h } from '@stencil/core';\nimport { VideoService } from '../../util/video';\n\n@Component({\n  tag: 'biggive-video',\n  styleUrl: 'biggive-video.scss',\n  shadow: true,\n})\nexport class BiggiveVideo {\n  /**\n   * Space above component\n   */\n  @Prop() spaceAbove: number = 0;\n  /**\n   * Space below component\n   */\n  @Prop() spaceBelow: number = 0;\n  /**\n   * Full URL of a video.\n   */\n  @Prop() videoUrl: string = '';\n\n  render() {\n    return (\n      <div class={'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow}>\n        <div class=\"video-wrap\" innerHTML={VideoService.getEmbedHtml(this.videoUrl, null)}></div>\n      </div>\n    );\n  }\n}\n"],"mappings":"+EAAA,MAAMA,EAAkB,g0B,MCQXC,EAAY,M,yCAIM,E,gBAIA,E,cAIF,E,CAE3B,MAAAC,GACE,OACEC,EAAA,OAAKC,MAAO,yBAA2BC,KAAKC,WAAa,gBAAkBD,KAAKE,YAC9EJ,EAAA,OAAKC,MAAM,aAAaI,UAAWC,EAAaC,aAAaL,KAAKM,SAAU,Q"}

package/dist/biggive/p-d1f0f752.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["biggiveCategoryIconCss","BiggiveCategoryIcon","getCategoryIcon","icon","FontAwesomeIconsService","this","render","h","class","backgroundColour","href","url","width","height","xmlns","iconColour","viewBox","d","toString","label"],"sources":["src/components/biggive-category-icon/biggive-category-icon.scss?tag=biggive-category-icon","src/components/biggive-category-icon/biggive-category-icon.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n\n:host {\n  display: contents;\n}\n\n.container {\n  @include standard-font();\n  display: flex;\n  justify-content: flex-start;\n  .label {\n    padding-left: $spacer-3;\n    @include font-size-x-small();\n    width: 60px;\n    margin-top: auto;\n    margin-bottom: auto;\n  }\n}\n\n.category-icon-item {\n  @include icon-medium();\n}","import { IconDefinition } from '@fortawesome/fontawesome-svg-core';\nimport { Component, Prop, h } from '@stencil/core';\nimport { FontAwesomeIconsService } from '../../util/fontawesome-icons';\n\n@Component({\n  tag: 'biggive-category-icon',\n  styleUrl: 'biggive-category-icon.scss',\n  shadow: false,\n})\nexport class BiggiveCategoryIcon {\n  /**\n   * Background colour\n   */\n  @Prop() backgroundColour: string = 'primary';\n\n  /**\n   * Background colour\n   */\n  @Prop() iconColour: string = 'white';\n  /**\n   * Icon\n   */\n  @Prop() icon: string;\n\n  /**\n   * Label\n   */\n  @Prop() label: string;\n\n  /**\n   * Url\n   */\n  @Prop() url: string = '#';\n\n  private getCategoryIcon(): IconDefinition {\n    var icon = FontAwesomeIconsService.getCategoryIcon(this.icon);\n    return icon;\n  }\n\n  render() {\n    return (\n      <div class=\"container\">\n        <div class={'category-icon-item background-colour-' + this.backgroundColour}>\n          <a href={this.url}>\n            <svg\n              width={this.getCategoryIcon().icon[0]}\n              height={this.getCategoryIcon().icon[1]}\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class={'fill-' + this.iconColour}\n              viewBox={'0 0 ' + this.getCategoryIcon().icon[0] + ' ' + this.getCategoryIcon().icon[1]}\n            >\n              <path d={this.getCategoryIcon().icon[4].toString()} />\n            </svg>\n          </a>\n        </div>\n        <div class=\"label\">{this.label}</div>\n      </div>\n    );\n  }\n}\n"],"mappings":"+EAAA,MAAMA,EAAyB,s4L,MCSlBC,EAAmB,M,+CAIK,U,gBAKN,Q,kDAcP,G,CAEd,eAAAC,GACN,IAAIC,EAAOC,EAAwBF,gBAAgBG,KAAKF,MACxD,OAAOA,C,CAGT,MAAAG,GACE,OACEC,EAAA,OAAKC,MAAM,aACTD,EAAA,OAAKC,MAAO,wCAA0CH,KAAKI,kBACzDF,EAAA,KAAGG,KAAML,KAAKM,KACZJ,EAAA,OACEK,MAAOP,KAAKH,kBAAkBC,KAAK,GACnCU,OAAQR,KAAKH,kBAAkBC,KAAK,GACpCW,MAAM,6BACNN,MAAO,QAAUH,KAAKU,WACtBC,QAAS,OAASX,KAAKH,kBAAkBC,KAAK,GAAK,IAAME,KAAKH,kBAAkBC,KAAK,IAErFI,EAAA,QAAMU,EAAGZ,KAAKH,kBAAkBC,KAAK,GAAGe,gBAI9CX,EAAA,OAAKC,MAAM,SAASH,KAAKc,O"}