@primer/behaviors 0.0.0-202202813730 → 0.0.0-2022031111842

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.
Files changed (5) hide show
  1. package/dist/cjs/components/modal-dialog.d.ts +10 -1
  2. package/dist/cjs/components/modal-dialog.js +5 -2
  3. package/dist/esm/components/modal-dialog.d.ts +10 -1
  4. package/dist/esm/components/modal-dialog.js +6 -1
  5. package/package.json +10 -7
package/dist/cjs/components/modal-dialog.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare class ModalDialogElement extends HTMLElement {
1
+ declare class ModalDialogElement extends HTMLElement {
2
2
  private abortController;
3
3
  constructor();
4
4
  connectedCallback(): void;
@@ -6,3 +6,12 @@ export declare class ModalDialogElement extends HTMLElement {
6
6
  show(): void;
7
7
  close(): void;
8
8
  }
9
+ declare global {
10
+ interface Window {
11
+ ModalDialogElement: typeof ModalDialogElement;
12
+ }
13
+ interface HTMLElementTagNameMap {
14
+ 'modal-dialog': ModalDialogElement;
15
+ }
16
+ }
17
+ export default ModalDialogElement;
package/dist/cjs/components/modal-dialog.js CHANGED
@@ -1,6 +1,5 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.ModalDialogElement = void 0;
4
3
  const focus_trap_js_1 = require("../focus-trap.js");
5
4
  class ModalDialogElement extends HTMLElement {
6
5
  constructor() {
@@ -55,7 +54,6 @@ class ModalDialogElement extends HTMLElement {
55
54
  (_b = this.abortController) === null || _b === void 0 ? void 0 : _b.abort();
56
55
  }
57
56
  }
58
- exports.ModalDialogElement = ModalDialogElement;
59
57
  const states = new WeakMap();
60
58
  function fromEvent(target, eventName, onNext, options = false) {
61
59
  target.addEventListener(eventName, onNext, options);
@@ -87,3 +85,8 @@ function trackComposition(dialog, event) {
87
85
  return;
88
86
  state.isComposing = event.type === 'compositionstart';
89
87
  }
88
+ exports.default = ModalDialogElement;
89
+ if (!window.customElements.get('modal-dialog')) {
90
+ window.ModalDialogElement = ModalDialogElement;
91
+ window.customElements.define('modal-dialog', ModalDialogElement);
92
+ }
package/dist/esm/components/modal-dialog.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare class ModalDialogElement extends HTMLElement {
1
+ declare class ModalDialogElement extends HTMLElement {
2
2
  private abortController;
3
3
  constructor();
4
4
  connectedCallback(): void;
@@ -6,3 +6,12 @@ export declare class ModalDialogElement extends HTMLElement {
6
6
  show(): void;
7
7
  close(): void;
8
8
  }
9
+ declare global {
10
+ interface Window {
11
+ ModalDialogElement: typeof ModalDialogElement;
12
+ }
13
+ interface HTMLElementTagNameMap {
14
+ 'modal-dialog': ModalDialogElement;
15
+ }
16
+ }
17
+ export default ModalDialogElement;
package/dist/esm/components/modal-dialog.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { focusTrap } from '../focus-trap.js';
2
- export class ModalDialogElement extends HTMLElement {
2
+ class ModalDialogElement extends HTMLElement {
3
3
  constructor() {
4
4
  var _a, _b;
5
5
  super();
@@ -83,3 +83,8 @@ function trackComposition(dialog, event) {
83
83
  return;
84
84
  state.isComposing = event.type === 'compositionstart';
85
85
  }
86
+ export default ModalDialogElement;
87
+ if (!window.customElements.get('modal-dialog')) {
88
+ window.ModalDialogElement = ModalDialogElement;
89
+ window.customElements.define('modal-dialog', ModalDialogElement);
90
+ }
package/package.json CHANGED
@@ -1,22 +1,22 @@
1
1
  {
2
2
  "name": "@primer/behaviors",
3
- "version": "0.0.0-202202813730",
3
+ "version": "0.0.0-2022031111842",
4
4
  "description": "Shared behaviors for JavaScript components",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
7
7
  "exports": {
8
8
  ".": {
9
- "types": "./dist/cjs/index.d.ts",
9
+ "types": "./dist/index.d.ts",
10
10
  "require": "./dist/cjs/index.js",
11
11
  "module": "./dist/esm/index.js"
12
12
  },
13
13
  "./utils": {
14
- "types": "./dist/cjs/utils/index.d.ts",
14
+ "types": "./dist/utils/index.d.ts",
15
15
  "require": "./dist/cjs/utils/index.js",
16
16
  "module": "./dist/esm/utils/index.js"
17
17
  },
18
- "./modal-dialog": {
19
- "types": "./dist/cjs/components/modal-dialog.d.ts",
18
+ "./components/modal-dialog": {
19
+ "types": "./dist/components/modal-dialog.d.ts",
20
20
  "require": "./dist/cjs/components/modal-dialog.js",
21
21
  "module": "./dist/esm/components/modal-dialog.js"
22
22
  }
@@ -24,13 +24,16 @@
24
24
  "types": "dist/cjs/index.d.ts",
25
25
  "files": [
26
26
  "dist",
27
- "utils"
27
+ "utils",
28
+ "modal-dialog"
28
29
  ],
29
30
  "sideEffects": [
30
31
  "dist/esm/focus-zone.js",
31
32
  "dist/esm/focus-trap.js",
32
33
  "dist/cjs/focus-zone.js",
33
- "dist/cjs/focus-trap.js"
34
+ "dist/cjs/focus-trap.js",
35
+ "dist/esm/components/modal-dialog.js",
36
+ "dist/cjs/components/modal-dialog.js"
34
37
  ],
35
38
  "scripts": {
36
39
  "lint": "eslint src/",