@biggive/components 202309180924.0.0 → 202309180958.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.
@@ -1260,15 +1260,18 @@ const BiggivePopup = class {
1260
1260
  this.closeFromWithin = (event) => {
1261
1261
  if (event.target.classList.contains('popup') || event.target.classList.contains('close')) {
1262
1262
  this.popup.setAttribute('data-visible', 'false');
1263
+ this.popup.setAttribute('tabindex', '-1');
1263
1264
  }
1264
1265
  };
1265
1266
  }
1266
1267
  async openFromOutside() {
1267
- this.popup.focus();
1268
1268
  this.popup.setAttribute('data-visible', 'true');
1269
+ this.popup.setAttribute('tabindex', '0');
1270
+ this.popup.focus();
1269
1271
  }
1270
1272
  async closeFromOutside() {
1271
1273
  this.popup.setAttribute('data-visible', 'false');
1274
+ this.popup.setAttribute('tabindex', '-1');
1272
1275
  }
1273
1276
  render() {
1274
1277
  return (index.h("div", { class: "popup", ref: el => (this.popup = el), tabindex: "-1", onClick: this.closeFromWithin }, index.h("div", { class: "sleeve" }, index.h("div", { class: "header" }, index.h("div", { class: "close", onClick: this.closeFromWithin })), index.h("div", { class: "content" }, index.h("slot", null)))));
@@ -4,15 +4,18 @@ export class BiggivePopup {
4
4
  this.closeFromWithin = (event) => {
5
5
  if (event.target.classList.contains('popup') || event.target.classList.contains('close')) {
6
6
  this.popup.setAttribute('data-visible', 'false');
7
+ this.popup.setAttribute('tabindex', '-1');
7
8
  }
8
9
  };
9
10
  }
10
11
  async openFromOutside() {
11
- this.popup.focus();
12
12
  this.popup.setAttribute('data-visible', 'true');
13
+ this.popup.setAttribute('tabindex', '0');
14
+ this.popup.focus();
13
15
  }
14
16
  async closeFromOutside() {
15
17
  this.popup.setAttribute('data-visible', 'false');
18
+ this.popup.setAttribute('tabindex', '-1');
16
19
  }
17
20
  render() {
18
21
  return (h("div", { class: "popup", ref: el => (this.popup = el), tabindex: "-1", onClick: this.closeFromWithin }, h("div", { class: "sleeve" }, h("div", { class: "header" }, h("div", { class: "close", onClick: this.closeFromWithin })), h("div", { class: "content" }, h("slot", null)))));
@@ -10,15 +10,18 @@ const BiggivePopup = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
10
10
  this.closeFromWithin = (event) => {
11
11
  if (event.target.classList.contains('popup') || event.target.classList.contains('close')) {
12
12
  this.popup.setAttribute('data-visible', 'false');
13
+ this.popup.setAttribute('tabindex', '-1');
13
14
  }
14
15
  };
15
16
  }
16
17
  async openFromOutside() {
17
- this.popup.focus();
18
18
  this.popup.setAttribute('data-visible', 'true');
19
+ this.popup.setAttribute('tabindex', '0');
20
+ this.popup.focus();
19
21
  }
20
22
  async closeFromOutside() {
21
23
  this.popup.setAttribute('data-visible', 'false');
24
+ this.popup.setAttribute('tabindex', '-1');
22
25
  }
23
26
  render() {
24
27
  return (h("div", { class: "popup", ref: el => (this.popup = el), tabindex: "-1", onClick: this.closeFromWithin }, h("div", { class: "sleeve" }, h("div", { class: "header" }, h("div", { class: "close", onClick: this.closeFromWithin })), h("div", { class: "content" }, h("slot", null)))));
@@ -1256,15 +1256,18 @@ const BiggivePopup = class {
1256
1256
  this.closeFromWithin = (event) => {
1257
1257
  if (event.target.classList.contains('popup') || event.target.classList.contains('close')) {
1258
1258
  this.popup.setAttribute('data-visible', 'false');
1259
+ this.popup.setAttribute('tabindex', '-1');
1259
1260
  }
1260
1261
  };
1261
1262
  }
1262
1263
  async openFromOutside() {
1263
- this.popup.focus();
1264
1264
  this.popup.setAttribute('data-visible', 'true');
1265
+ this.popup.setAttribute('tabindex', '0');
1266
+ this.popup.focus();
1265
1267
  }
1266
1268
  async closeFromOutside() {
1267
1269
  this.popup.setAttribute('data-visible', 'false');
1270
+ this.popup.setAttribute('tabindex', '-1');
1268
1271
  }
1269
1272
  render() {
1270
1273
  return (h("div", { class: "popup", ref: el => (this.popup = el), tabindex: "-1", onClick: this.closeFromWithin }, h("div", { class: "sleeve" }, h("div", { class: "header" }, h("div", { class: "close", onClick: this.closeFromWithin })), h("div", { class: "content" }, h("slot", null)))));
package/hydrate/index.js CHANGED
@@ -8301,15 +8301,18 @@ class BiggivePopup {
8301
8301
  this.closeFromWithin = (event) => {
8302
8302
  if (event.target.classList.contains('popup') || event.target.classList.contains('close')) {
8303
8303
  this.popup.setAttribute('data-visible', 'false');
8304
+ this.popup.setAttribute('tabindex', '-1');
8304
8305
  }
8305
8306
  };
8306
8307
  }
8307
8308
  async openFromOutside() {
8308
- this.popup.focus();
8309
8309
  this.popup.setAttribute('data-visible', 'true');
8310
+ this.popup.setAttribute('tabindex', '0');
8311
+ this.popup.focus();
8310
8312
  }
8311
8313
  async closeFromOutside() {
8312
8314
  this.popup.setAttribute('data-visible', 'false');
8315
+ this.popup.setAttribute('tabindex', '-1');
8313
8316
  }
8314
8317
  render() {
8315
8318
  return (hAsync("div", { class: "popup", ref: el => (this.popup = el), tabindex: "-1", onClick: this.closeFromWithin }, hAsync("div", { class: "sleeve" }, hAsync("div", { class: "header" }, hAsync("div", { class: "close", onClick: this.closeFromWithin })), hAsync("div", { class: "content" }, hAsync("slot", null)))));
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@biggive/components",
3
3
  "_comment": "Version number below is automatically replaced during CircleCI build.",
4
- "version": "202309180924.0.0",
4
+ "version": "202309180958.0.0",
5
5
  "description": "Big Give Components",
6
6
  "main": "dist/index.cjs.js",
7
7
  "module": "dist/index.js",