@biggive/components 202401301136.0.0 → 202401301139.0.0

package/dist/cjs/biggive-table.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-fb5fdee7.js');
+const index = require('./index-e9de07ad.js');
 
 const biggiveTableCss = "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-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-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-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-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-brand-6{fill:#CBC8C8}:host{display:contents;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container.header-text-colour-primary thead{color:#2C089B}.container.header-background-colour-primary thead{background-color:#2C089B}.container.body-text-colour-primary tbody{color:#2C089B}.container.body-background-colour-primary tbody{background-color:#2C089B}.container.header-text-colour-secondary thead{color:#2AF135}.container.header-background-colour-secondary thead{background-color:#2AF135}.container.body-text-colour-secondary tbody{color:#2AF135}.container.body-background-colour-secondary tbody{background-color:#2AF135}.container.header-text-colour-tertiary thead{color:#FF7272}.container.header-background-colour-tertiary thead{background-color:#FF7272}.container.body-text-colour-tertiary tbody{color:#FF7272}.container.body-background-colour-tertiary tbody{background-color:#FF7272}.container.header-text-colour-brand-1 thead{color:#B30510}.container.header-background-colour-brand-1 thead{background-color:#B30510}.container.body-text-colour-brand-1 tbody{color:#B30510}.container.body-background-colour-brand-1 tbody{background-color:#B30510}.container.header-text-colour-brand-2 thead{color:#6E0887}.container.header-background-colour-brand-2 thead{background-color:#6E0887}.container.body-text-colour-brand-2 tbody{color:#6E0887}.container.body-background-colour-brand-2 tbody{background-color:#6E0887}.container.header-text-colour-brand-3 thead{color:#50B400}.container.header-background-colour-brand-3 thead{background-color:#50B400}.container.body-text-colour-brand-3 tbody{color:#50B400}.container.body-background-colour-brand-3 tbody{background-color:#50B400}.container.header-text-colour-brand-4 thead{color:#FFE500}.container.header-background-colour-brand-4 thead{background-color:#FFE500}.container.body-text-colour-brand-4 tbody{color:#FFE500}.container.body-background-colour-brand-4 tbody{background-color:#FFE500}.container.header-text-colour-brand-5 thead{color:#F07D00}.container.header-background-colour-brand-5 thead{background-color:#F07D00}.container.body-text-colour-brand-5 tbody{color:#F07D00}.container.body-background-colour-brand-5 tbody{background-color:#F07D00}.container.header-text-colour-brand-cc-red thead{color:#B30510}.container.header-background-colour-brand-cc-red thead{background-color:#B30510}.container.body-text-colour-brand-cc-red tbody{color:#B30510}.container.body-background-colour-brand-cc-red tbody{background-color:#B30510}.container.header-text-colour-brand-wgmf-purple thead{color:#6E0887}.container.header-background-colour-brand-wgmf-purple thead{background-color:#6E0887}.container.body-text-colour-brand-wgmf-purple tbody{color:#6E0887}.container.body-background-colour-brand-wgmf-purple tbody{background-color:#6E0887}.container.header-text-colour-brand-gmf-green thead{color:#50B400}.container.header-background-colour-brand-gmf-green thead{background-color:#50B400}.container.body-text-colour-brand-gmf-green tbody{color:#50B400}.container.body-background-colour-brand-gmf-green tbody{background-color:#50B400}.container.header-text-colour-brand-emf-yellow thead{color:#FFE500}.container.header-background-colour-brand-emf-yellow thead{background-color:#FFE500}.container.body-text-colour-brand-emf-yellow tbody{color:#FFE500}.container.body-background-colour-brand-emf-yellow tbody{background-color:#FFE500}.container.header-text-colour-brand-c4c-orange thead{color:#F07D00}.container.header-background-colour-brand-c4c-orange thead{background-color:#F07D00}.container.body-text-colour-brand-c4c-orange tbody{color:#F07D00}.container.body-background-colour-brand-c4c-orange tbody{background-color:#F07D00}.container.header-text-colour-brand-afa-pink thead{color:#BF387D}.container.header-background-colour-brand-afa-pink thead{background-color:#BF387D}.container.body-text-colour-brand-afa-pink tbody{color:#BF387D}.container.body-background-colour-brand-afa-pink tbody{background-color:#BF387D}.container.header-text-colour-brand-mhf-turquoise thead{color:#62CFC9}.container.header-background-colour-brand-mhf-turquoise thead{background-color:#62CFC9}.container.body-text-colour-brand-mhf-turquoise tbody{color:#62CFC9}.container.body-background-colour-brand-mhf-turquoise tbody{background-color:#62CFC9}.container.header-text-colour-brand-grey thead{color:#CBC8C8}.container.header-background-colour-brand-grey thead{background-color:#CBC8C8}.container.body-text-colour-brand-grey tbody{color:#CBC8C8}.container.body-background-colour-brand-grey tbody{background-color:#CBC8C8}.container.header-text-colour-white thead{color:#FFFFFF}.container.header-background-colour-white thead{background-color:#FFFFFF}.container.body-text-colour-white tbody{color:#FFFFFF}.container.body-background-colour-white tbody{background-color:#FFFFFF}.container.header-text-colour-black thead{color:#000000}.container.header-background-colour-black thead{background-color:#000000}.container.body-text-colour-black tbody{color:#000000}.container.body-background-colour-black tbody{background-color:#000000}.container.header-text-colour-grey-extra-light thead{color:#D7D7D7}.container.header-background-colour-grey-extra-light thead{background-color:#D7D7D7}.container.body-text-colour-grey-extra-light tbody{color:#D7D7D7}.container.body-background-colour-grey-extra-light tbody{background-color:#D7D7D7}.container.header-text-colour-grey-light thead{color:#E8E8E8}.container.header-background-colour-grey-light thead{background-color:#E8E8E8}.container.body-text-colour-grey-light tbody{color:#E8E8E8}.container.body-background-colour-grey-light tbody{background-color:#E8E8E8}.container.header-text-colour-grey-medium thead{color:#8A8A8A}.container.header-background-colour-grey-medium thead{background-color:#8A8A8A}.container.body-text-colour-grey-medium tbody{color:#8A8A8A}.container.body-background-colour-grey-medium tbody{background-color:#8A8A8A}.container.header-text-colour-grey-dark thead{color:#4A4A4A}.container.header-background-colour-grey-dark thead{background-color:#4A4A4A}.container.body-text-colour-grey-dark tbody{color:#4A4A4A}.container.body-background-colour-grey-dark tbody{background-color:#4A4A4A}.container.header-text-colour-brand-6 thead{color:#62CFC9}.container.header-background-colour-brand-6 thead{background-color:#62CFC9}.container.body-text-colour-brand-6 tbody{color:#62CFC9}.container.body-background-colour-brand-6 tbody{background-color:#62CFC9}.container table{width:100%;border-collapse:collapse;border:0}.container table td,.container table th{padding:10px 20px;border:0;font-size:inherit}.container table thead{filter:drop-shadow(-1px 3px 12px rgba(0, 0, 0, 0.15))}.container table thead td,.container table thead th{font-weight:bold}.container table tbody tr.odd{background-color:rgba(255, 255, 255, 0.3)}.container table tbody td,.container table tbody th{font-size:80%}";
 const BiggiveTableStyle0 = biggiveTableCss;
@@ -17,7 +17,7 @@ const BiggiveTable = class {
         this.bodyBackgroundColour = 'grey-light';
     }
     render() {
-        return (index.h("div", { class: 'container header-text-colour-' +
+        return (index.h("div", { key: '2eccacbfce1350d28cab259aab315d12db157411', class: 'container header-text-colour-' +
                 this.headerTextColour +
                 ' header-background-colour-' +
                 this.headerBackgroundColour +
@@ -26,7 +26,7 @@ const BiggiveTable = class {
                 ' body-background-colour-' +
                 this.bodyBackgroundColour +
                 ' space-below-' +
-                this.spaceBelow }, index.h("slot", null)));
+                this.spaceBelow }, index.h("slot", { key: '2ccd1f183504aaf3b42ebb9696686ed0ec88733f' })));
     }
 };
 BiggiveTable.style = BiggiveTableStyle0;

package/dist/cjs/biggive-table.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"biggive-table.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,eAAe,GAAG,+qTAA+qT,CAAC;AACxsT,2BAAe,eAAe;;MCQjB,YAAY;;;0BACa,CAAC;gCAEG,SAAS;sCAEH,OAAO;8BAEf,OAAO;oCAED,YAAY;;IAExD,MAAM;QACJ,QACEA,iBACE,KAAK,EACH,+BAA+B;gBAC/B,IAAI,CAAC,gBAAgB;gBACrB,4BAA4B;gBAC5B,IAAI,CAAC,sBAAsB;gBAC3B,oBAAoB;gBACpB,IAAI,CAAC,cAAc;gBACnB,0BAA0B;gBAC1B,IAAI,CAAC,oBAAoB;gBACzB,eAAe;gBACf,IAAI,CAAC,UAAU,IAGjBA,qBAAa,CACT,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/biggive-table/biggive-table.scss?tag=biggive-table","src/components/biggive-table/biggive-table.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n\n:host {\n  display: contents;\n  @include standard-font();\n}\n\n\n.container {\n\n  @each $key, $colour in $brandColoursIncBrand6Turquoise {\n    &.header-text-colour-#{$key} thead { color: $colour; }\n    &.header-background-colour-#{$key} thead { background-color: $colour; }\n    &.body-text-colour-#{$key} tbody { color: $colour; }\n    &.body-background-colour-#{$key} tbody { background-color: $colour; }\n  }\n\n\n  table {\n    width: 100%;\n    border-collapse: collapse;\n    border: 0;\n\n    td,th {\n      padding: 10px 20px;\n      border: 0;\n      font-size: inherit;\n    }\n\n    thead {\n      filter: drop-shadow(-1px 3px 12px rgba(0,0,0,0.15));\n      td,th {\n        font-weight: bold;\n      }\n    }\n\n    tbody {\n      tr.odd {\n        background-color: rgba(255,255,255,0.3);\n      }\n      \n      td,th {\n        font-size: 80%;\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-table',\n  styleUrl: 'biggive-table.scss',\n  shadow: false,\n})\nexport class BiggiveTable {\n  @Prop() spaceBelow: spacingOption = 0;\n\n  @Prop() headerTextColour: brandColour = 'primary';\n\n  @Prop() headerBackgroundColour: brandColour = 'white';\n\n  @Prop() bodyTextColour: brandColour = 'black';\n\n  @Prop() bodyBackgroundColour: brandColour = 'grey-light';\n\n  render() {\n    return (\n      <div\n        class={\n          'container header-text-colour-' +\n          this.headerTextColour +\n          ' header-background-colour-' +\n          this.headerBackgroundColour +\n          ' body-text-colour-' +\n          this.bodyTextColour +\n          ' body-background-colour-' +\n          this.bodyBackgroundColour +\n          ' space-below-' +\n          this.spaceBelow\n        }\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"biggive-table.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,eAAe,GAAG,+qTAA+qT,CAAC;AACxsT,2BAAe,eAAe;;MCQjB,YAAY;;;0BACa,CAAC;gCAEG,SAAS;sCAEH,OAAO;8BAEf,OAAO;oCAED,YAAY;;IAExD,MAAM;QACJ,QACEA,kEACE,KAAK,EACH,+BAA+B;gBAC/B,IAAI,CAAC,gBAAgB;gBACrB,4BAA4B;gBAC5B,IAAI,CAAC,sBAAsB;gBAC3B,oBAAoB;gBACpB,IAAI,CAAC,cAAc;gBACnB,0BAA0B;gBAC1B,IAAI,CAAC,oBAAoB;gBACzB,eAAe;gBACf,IAAI,CAAC,UAAU,IAGjBA,oEAAa,CACT,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/biggive-table/biggive-table.scss?tag=biggive-table","src/components/biggive-table/biggive-table.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n\n:host {\n  display: contents;\n  @include standard-font();\n}\n\n\n.container {\n\n  @each $key, $colour in $brandColoursIncBrand6Turquoise {\n    &.header-text-colour-#{$key} thead { color: $colour; }\n    &.header-background-colour-#{$key} thead { background-color: $colour; }\n    &.body-text-colour-#{$key} tbody { color: $colour; }\n    &.body-background-colour-#{$key} tbody { background-color: $colour; }\n  }\n\n\n  table {\n    width: 100%;\n    border-collapse: collapse;\n    border: 0;\n\n    td,th {\n      padding: 10px 20px;\n      border: 0;\n      font-size: inherit;\n    }\n\n    thead {\n      filter: drop-shadow(-1px 3px 12px rgba(0,0,0,0.15));\n      td,th {\n        font-weight: bold;\n      }\n    }\n\n    tbody {\n      tr.odd {\n        background-color: rgba(255,255,255,0.3);\n      }\n      \n      td,th {\n        font-size: 80%;\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-table',\n  styleUrl: 'biggive-table.scss',\n  shadow: false,\n})\nexport class BiggiveTable {\n  @Prop() spaceBelow: spacingOption = 0;\n\n  @Prop() headerTextColour: brandColour = 'primary';\n\n  @Prop() headerBackgroundColour: brandColour = 'white';\n\n  @Prop() bodyTextColour: brandColour = 'black';\n\n  @Prop() bodyBackgroundColour: brandColour = 'grey-light';\n\n  render() {\n    return (\n      <div\n        class={\n          'container header-text-colour-' +\n          this.headerTextColour +\n          ' header-background-colour-' +\n          this.headerBackgroundColour +\n          ' body-text-colour-' +\n          this.bodyTextColour +\n          ' body-background-colour-' +\n          this.bodyBackgroundColour +\n          ' space-below-' +\n          this.spaceBelow\n        }\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/biggive-video.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-fb5fdee7.js');
+const index = require('./index-e9de07ad.js');
 const video = require('./video-4454820e.js');
 
 const biggiveVideoCss = "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}";
@@ -16,7 +16,7 @@ const BiggiveVideo = class {
         this.videoUrl = '';
     }
     render() {
-        return (index.h("div", { class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, index.h("div", { class: "video-wrap", innerHTML: video.VideoService.getEmbedHtml(this.videoUrl, null) })));
+        return (index.h("div", { key: 'f018ff7a0d91d8812151efb58e1316df2ecb8184', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, index.h("div", { key: '35327491c32d9028b49786d9dcc0ab9193324e08', class: "video-wrap", innerHTML: video.VideoService.getEmbedHtml(this.videoUrl, null) })));
     }
 };
 BiggiveVideo.style = BiggiveVideoStyle0;

package/dist/cjs/biggive-video.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"biggive-video.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,eAAe,GAAG,i0BAAi0B,CAAC;AAC11B,2BAAe,eAAe;;MCOjB,YAAY;;;0BAIM,CAAC;0BAID,CAAC;wBAIH,EAAE;;IAE7B,MAAM;QACJ,QACEA,iBAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,IACxFA,iBAAK,KAAK,EAAC,YAAY,EAAC,SAAS,EAAEC,kBAAY,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,GAAQ,CACrF,EACN;KACH;;;;;;","names":["h","VideoService"],"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"],"version":3}
+{"file":"biggive-video.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,eAAe,GAAG,i0BAAi0B,CAAC;AAC11B,2BAAe,eAAe;;MCOjB,YAAY;;;0BAIM,CAAC;0BAID,CAAC;wBAIH,EAAE;;IAE7B,MAAM;QACJ,QACEA,kEAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,IACxFA,kEAAK,KAAK,EAAC,YAAY,EAAC,SAAS,EAAEC,kBAAY,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,GAAQ,CACrF,EACN;KACH;;;;;;","names":["h","VideoService"],"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"],"version":3}

package/dist/cjs/biggive.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-fb5fdee7.js');
+const index = require('./index-e9de07ad.js');
 
 /*
- Stencil Client Patch Browser v4.11.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.12.0 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     {

package/dist/cjs/biggive.cjs.js.map

@@ -1 +1 @@
-{"file":"biggive.cjs.js","mappings":";;;;;;AAAA;AACA;AACA;AAGA,MAAM,YAAY,GAAG,MAAM;AAK3B,IAA4B;AAC5B;AACA,QAAQ,iBAAiB,CAACA,OAAC,CAAC,SAAS,CAAC,CAAC;AACvC,KAAK;AAKL,IAAI,MAAM,UAAU,GAAG,yMAAe,CAAC;AACvC,IAAI,MAAM,IAAI,GAAiE,EAAE,CAAC;AAClF,IAAI,IAAI,UAAU,KAAK,EAAE,EAAE;AAC3B,QAAQ,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC;AAC1D,KAAK;AACL,IAAI,OAAOC,oBAAc,CAAC,IAAI,CAAC,CAAC;AAChC,CAAC,CAAC;AACF,MAAM,iBAAiB,GAAG,CAAC,oBAAoB,KAAK;AACpD,IAAI,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,SAAS,CAAC;AAC7D,IAAI,oBAAoB,CAAC,SAAS,GAAG,UAAU,IAAI,EAAE;AACrD,QAAQ,IAAI,IAAI,CAAC,QAAQ,KAAK,UAAU,EAAE;AAC1C,YAAY,OAAO,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AACtD,SAAS;AACT,QAAQ,MAAM,UAAU,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AAC/D,QAAQ,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,CAAC;AAC9C,QAAQ,IAAI,IAAI,EAAE;AAClB,YAAY,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC3D;AACA,gBAAgB,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,CAAC,EAAE;AACrD,oBAAoB,UAAU,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;AAC7E,iBAAiB;AACjB,aAAa;AACb,SAAS;AACT,QAAQ,OAAO,UAAU,CAAC;AAC1B,KAAK,CAAC;AACN,CAAC;;ACvCD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI;AAE/B,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC,CAAC;;;;","names":["H","promiseResolve","bootstrapLazy"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.11.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            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};\nconst 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                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\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(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"version":3}
+{"file":"biggive.cjs.js","mappings":";;;;;;AAAA;AACA;AACA;AAGA,MAAM,YAAY,GAAG,MAAM;AAK3B,IAA4B;AAC5B;AACA,QAAQ,iBAAiB,CAACA,OAAC,CAAC,SAAS,CAAC,CAAC;AACvC,KAAK;AAKL,IAAI,MAAM,UAAU,GAAG,yMAAe,CAAC;AACvC,IAAI,MAAM,IAAI,GAAiE,EAAE,CAAC;AAClF,IAAI,IAAI,UAAU,KAAK,EAAE,EAAE;AAC3B,QAAQ,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC;AAC1D,KAAK;AACL,IAAI,OAAOC,oBAAc,CAAC,IAAI,CAAC,CAAC;AAChC,CAAC,CAAC;AACF,MAAM,iBAAiB,GAAG,CAAC,oBAAoB,KAAK;AACpD,IAAI,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,SAAS,CAAC;AAC7D,IAAI,oBAAoB,CAAC,SAAS,GAAG,UAAU,IAAI,EAAE;AACrD,QAAQ,IAAI,IAAI,CAAC,QAAQ,KAAK,UAAU,EAAE;AAC1C,YAAY,OAAO,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AACtD,SAAS;AACT,QAAQ,MAAM,UAAU,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AAC/D,QAAQ,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,CAAC;AAC9C,QAAQ,IAAI,IAAI,EAAE;AAClB,YAAY,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC3D;AACA,gBAAgB,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,CAAC,EAAE;AACrD,oBAAoB,UAAU,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;AAC7E,iBAAiB;AACjB,aAAa;AACb,SAAS;AACT,QAAQ,OAAO,UAAU,CAAC;AAC1B,KAAK,CAAC;AACN,CAAC;;ACvCD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI;AAE/B,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC,CAAC;;;;","names":["H","promiseResolve","bootstrapLazy"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.12.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            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};\nconst 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                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\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(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"version":3}

package/dist/cjs/{index-fb5fdee7.js → index-e9de07ad.js}

@@ -121,6 +121,7 @@ function queryNonceMetaTagContent(doc) {
 // export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, ...children: d.ChildType[]): d.VNode;
 const h = (nodeName, vnodeData, ...children) => {
     let child = null;
+    let key = null;
     let slotName = null;
     let simple = false;
     let lastSimple = false;
@@ -149,6 +150,9 @@ const h = (nodeName, vnodeData, ...children) => {
     };
     walk(children);
     if (vnodeData) {
+        if (vnodeData.key) {
+            key = vnodeData.key;
+        }
         if (vnodeData.name) {
             slotName = vnodeData.name;
         }
@@ -174,6 +178,9 @@ const h = (nodeName, vnodeData, ...children) => {
     if (vNodeChildren.length > 0) {
         vnode.$children$ = vNodeChildren;
     }
+    {
+        vnode.$key$ = key;
+    }
     {
         vnode.$name$ = slotName;
     }
@@ -198,6 +205,9 @@ const newVNode = (tag, text) => {
     {
         vnode.$attrs$ = null;
     }
+    {
+        vnode.$key$ = null;
+    }
     {
         vnode.$name$ = null;
     }
@@ -721,6 +731,8 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
                 }
             }
         }
+        else if (memberName === 'key')
+            ;
         else if (memberName === 'ref') {
             // minifier will clean this up
             if (newValue) {
@@ -1144,6 +1156,8 @@ const removeVnodes = (vnodes, startIdx, endIdx) => {
 const updateChildren = (parentElm, oldCh, newVNode, newCh, isInitialRender = false) => {
     let oldStartIdx = 0;
     let newStartIdx = 0;
+    let idxInOld = 0;
+    let i = 0;
     let oldEndIdx = oldCh.length - 1;
     let oldStartVnode = oldCh[0];
     let oldEndVnode = oldCh[oldEndIdx];
@@ -1151,6 +1165,7 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh, isInitialRender = fal
     let newStartVnode = newCh[0];
     let newEndVnode = newCh[newEndIdx];
     let node;
+    let elmToMove;
     while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
         if (oldStartVnode == null) {
             // VNode might have been moved left
@@ -1252,7 +1267,41 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh, isInitialRender = fal
             newStartVnode = newCh[++newStartIdx];
         }
         else {
+            // Here we do some checks to match up old and new nodes based on the
+            // `$key$` attribute, which is set by putting a `key="my-key"` attribute
+            // in the JSX for a DOM element in the implementation of a Stencil
+            // component.
+            //
+            // First we check to see if there are any nodes in the array of old
+            // children which have the same key as the first node in the new
+            // children.
+            idxInOld = -1;
             {
+                for (i = oldStartIdx; i <= oldEndIdx; ++i) {
+                    if (oldCh[i] && oldCh[i].$key$ !== null && oldCh[i].$key$ === newStartVnode.$key$) {
+                        idxInOld = i;
+                        break;
+                    }
+                }
+            }
+            if (idxInOld >= 0) {
+                // We found a node in the old children which matches up with the first
+                // node in the new children! So let's deal with that
+                elmToMove = oldCh[idxInOld];
+                if (elmToMove.$tag$ !== newStartVnode.$tag$) {
+                    // the tag doesn't match so we'll need a new DOM element
+                    node = createElm(oldCh && oldCh[newStartIdx], newVNode, idxInOld, parentElm);
+                }
+                else {
+                    patch(elmToMove, newStartVnode, isInitialRender);
+                    // invalidate the matching old node so that we won't try to update it
+                    // again later on
+                    oldCh[idxInOld] = undefined;
+                    node = elmToMove.$elm$;
+                }
+                newStartVnode = newCh[++newStartIdx];
+            }
+            else {
                 // We either didn't find an element in the old children that matches
                 // the key of the first new child OR the build is not using `key`
                 // attributes at all. In either case we need to create a new element
@@ -1305,6 +1354,14 @@ const isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
         if (leftVNode.$tag$ === 'slot') {
             return leftVNode.$name$ === rightVNode.$name$;
         }
+        // this will be set if JSX tags in the build have `key` attrs set on them
+        // we only want to check this if we're not on the first render since on
+        // first render `leftVNode.$key$` will always be `null`, so we can be led
+        // astray and, for instance, accidentally delete a DOM node that we want to
+        // keep around.
+        if (!isInitialRender) {
+            return leftVNode.$key$ === rightVNode.$key$;
+        }
         return true;
     }
     return false;
@@ -2459,8 +2516,19 @@ const setNonce = (nonce) => (plt.$nonce$ = nonce);
 /**
  * A WeakMap mapping runtime component references to their corresponding host reference
  * instances.
+ *
+ * **Note**: If we're in an HMR context we need to store a reference to this
+ * value on `window` in order to maintain the mapping of {@link d.RuntimeRef}
+ * to {@link d.HostRef} across HMR updates.
+ *
+ * This is necessary because when HMR updates for a component are processed by
+ * the browser-side dev server client the JS bundle for that component is
+ * re-fetched. Since the module containing {@link hostRefs} is included in
+ * that bundle, if we do not store a reference to it the new iteration of the
+ * component will not have access to the previous hostRef map, leading to a
+ * bug where the new version of the component cannot properly initialize.
  */
-const hostRefs = /*@__PURE__*/ new WeakMap();
+const hostRefs = new WeakMap();
 /**
  * Given a {@link d.RuntimeRef} retrieve the corresponding {@link d.HostRef}
  *
@@ -2608,4 +2676,4 @@ exports.promiseResolve = promiseResolve;
 exports.registerInstance = registerInstance;
 exports.setNonce = setNonce;
 
-//# sourceMappingURL=index-fb5fdee7.js.map
+//# sourceMappingURL=index-e9de07ad.js.map