@roots/bud-client 6.9.1 → 6.10.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.
Files changed (56) hide show
  1. package/README.md +3 -0
  2. package/package.json +2 -2
  3. package/lib/hot/client.d.ts +0 -6
  4. package/lib/hot/client.d.ts.map +0 -1
  5. package/lib/hot/client.js +0 -143
  6. package/lib/hot/components/index.d.ts +0 -2
  7. package/lib/hot/components/index.d.ts.map +0 -1
  8. package/lib/hot/components/index.js +0 -32
  9. package/lib/hot/components/indicator/index.d.ts +0 -4
  10. package/lib/hot/components/indicator/index.d.ts.map +0 -1
  11. package/lib/hot/components/indicator/index.js +0 -17
  12. package/lib/hot/components/indicator/indicator.component.d.ts +0 -84
  13. package/lib/hot/components/indicator/indicator.component.d.ts.map +0 -1
  14. package/lib/hot/components/indicator/indicator.component.js +0 -175
  15. package/lib/hot/components/indicator/indicator.controller.d.ts +0 -45
  16. package/lib/hot/components/indicator/indicator.controller.d.ts.map +0 -1
  17. package/lib/hot/components/indicator/indicator.controller.js +0 -54
  18. package/lib/hot/components/indicator/indicator.pulse.d.ts +0 -9
  19. package/lib/hot/components/indicator/indicator.pulse.d.ts.map +0 -1
  20. package/lib/hot/components/indicator/indicator.pulse.js +0 -36
  21. package/lib/hot/components/overlay/index.d.ts +0 -4
  22. package/lib/hot/components/overlay/index.d.ts.map +0 -1
  23. package/lib/hot/components/overlay/index.js +0 -17
  24. package/lib/hot/components/overlay/overlay.component.d.ts +0 -20
  25. package/lib/hot/components/overlay/overlay.component.d.ts.map +0 -1
  26. package/lib/hot/components/overlay/overlay.component.js +0 -146
  27. package/lib/hot/components/overlay/overlay.controller.d.ts +0 -46
  28. package/lib/hot/components/overlay/overlay.controller.d.ts.map +0 -1
  29. package/lib/hot/components/overlay/overlay.controller.js +0 -70
  30. package/lib/hot/events.d.ts +0 -98
  31. package/lib/hot/events.d.ts.map +0 -1
  32. package/lib/hot/events.js +0 -89
  33. package/lib/hot/index.cjs +0 -5
  34. package/lib/hot/index.d.cts +0 -2
  35. package/lib/hot/index.d.cts.map +0 -1
  36. package/lib/hot/index.d.mts +0 -2
  37. package/lib/hot/index.d.mts.map +0 -1
  38. package/lib/hot/index.mjs +0 -17
  39. package/lib/hot/log.d.ts +0 -11
  40. package/lib/hot/log.d.ts.map +0 -1
  41. package/lib/hot/log.js +0 -37
  42. package/lib/hot/options.d.ts +0 -17
  43. package/lib/hot/options.d.ts.map +0 -1
  44. package/lib/hot/options.js +0 -33
  45. package/lib/index.cjs +0 -3
  46. package/lib/index.d.cts +0 -13
  47. package/lib/index.d.cts.map +0 -1
  48. package/lib/index.d.mts +0 -13
  49. package/lib/index.d.mts.map +0 -1
  50. package/lib/index.mjs +0 -3
  51. package/lib/intercept/index.d.ts +0 -3
  52. package/lib/intercept/index.d.ts.map +0 -1
  53. package/lib/intercept/index.js +0 -18
  54. package/lib/intercept/proxy-click-interceptor.d.ts +0 -2
  55. package/lib/intercept/proxy-click-interceptor.d.ts.map +0 -1
  56. package/lib/intercept/proxy-click-interceptor.js +0 -26
package/README.md CHANGED
@@ -72,3 +72,6 @@ However, the amount of effort needed to maintain and develop new features and pr
72
72
  <a href="https://worksitesafety.ca/careers/">
73
73
  <img src="https://cdn.roots.io/app/uploads/worksite-safety.svg" alt="Worksite Safety" width="200" height="150"/>
74
74
  </a>
75
+ <a href="https://www.copiadigital.com/">
76
+ <img src="https://cdn.roots.io/app/uploads/copia-digital.svg" alt="Copia Digital" width="200" height="150"/>
77
+ </a>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@roots/bud-client",
3
3
  "description": "Client scripts for @roots/bud",
4
- "version": "6.9.1",
4
+ "version": "6.10.0",
5
5
  "homepage": "https://roots.io/bud",
6
6
  "repository": {
7
7
  "type": "git",
@@ -56,7 +56,7 @@
56
56
  }
57
57
  },
58
58
  "devDependencies": {
59
- "@roots/bud": "6.9.1",
59
+ "@roots/bud": "6.10.0",
60
60
  "@skypack/package-check": "0.2.2",
61
61
  "@types/node": "18.11.18",
62
62
  "@types/webpack-env": "1.18.0"
@@ -1,6 +0,0 @@
1
- /// <reference types="webpack-env" />
2
- /**
3
- * Initializes bud.js HMR handling
4
- */
5
- export declare const client: (queryString: string, webpackHot: __WebpackModuleApi.Hot) => Promise<boolean>;
6
- //# sourceMappingURL=client.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/hot/client.ts"],"names":[],"mappings":";AASA;;GAEG;AACH,eAAO,MAAM,MAAM,gBACJ,MAAM,cACP,mBAAmB,GAAG,qBA6InC,CAAA"}
package/lib/hot/client.js DELETED
@@ -1,143 +0,0 @@
1
- /* eslint-disable no-console */
2
- /* global __resourceQuery */
3
- /* global __webpack_hash__ */
4
- var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
5
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
6
- return new (P || (P = Promise))(function (resolve, reject) {
7
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
8
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
9
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
10
- step((generator = generator.apply(thisArg, _arguments || [])).next());
11
- });
12
- };
13
- import * as components from './components/index.js';
14
- import { injectEvents } from './events.js';
15
- import { makeLogger } from './log.js';
16
- import * as clientOptions from './options.js';
17
- /**
18
- * Initializes bud.js HMR handling
19
- */
20
- export const client = (queryString, webpackHot) => __awaiter(void 0, void 0, void 0, function* () {
21
- /* Guard: EventSource browser support */
22
- if (typeof (window === null || window === void 0 ? void 0 : window.EventSource) === `undefined`) {
23
- console.error(`[bud] hot module reload requires EventSource to work. https://developer.mozilla.org/en-US/docs/Web/API/Server-sent_events#Tools`);
24
- return false;
25
- }
26
- /* Guard: webpackHot api availability */
27
- if (!webpackHot) {
28
- console.error(`[bud] hot module reload requires the webpack hot api to be available`);
29
- return false;
30
- }
31
- /* Set client options from URL params */
32
- const options = clientOptions.setFromParameters(queryString);
33
- /* Setup logger */
34
- const logger = makeLogger(options);
35
- if (typeof window.bud === `undefined`) {
36
- window.bud = {
37
- current: {},
38
- hmr: {},
39
- controllers: [],
40
- listeners: {},
41
- };
42
- }
43
- if (!window.bud.current[options.name]) {
44
- window.bud.current[options.name] = null;
45
- }
46
- const isStale = (hash) => {
47
- if (hash)
48
- window.bud.current[options.name] = hash;
49
- return __webpack_hash__ === window.bud.current[options.name];
50
- };
51
- /**
52
- * Webpack HMR check handler
53
- *
54
- * @internal
55
- */
56
- const check = () => __awaiter(void 0, void 0, void 0, function* () {
57
- if (webpackHot.status() === `idle`) {
58
- yield webpackHot.check(false);
59
- requestAnimationFrame(function whenReady() {
60
- return __awaiter(this, void 0, void 0, function* () {
61
- if (webpackHot.status() === `ready`) {
62
- yield update();
63
- }
64
- else {
65
- requestAnimationFrame(whenReady);
66
- }
67
- });
68
- });
69
- }
70
- });
71
- /**
72
- * Webpack HMR unaccepted module handler
73
- *
74
- * @internal
75
- */
76
- const onUnacceptedOrDeclined = (info) => {
77
- console.warn(`[${options.name}] ${info.type}`, info);
78
- options.reload && window.location.reload();
79
- };
80
- /**
81
- * Webpack HMR error handler
82
- *
83
- * @internal
84
- */
85
- const onErrored = (error) => {
86
- window.bud.controllers.map(controller => controller === null || controller === void 0 ? void 0 : controller.update({
87
- errors: [error],
88
- }));
89
- };
90
- /**
91
- * Webpack HMR update handler
92
- *
93
- * @internal
94
- */
95
- const update = () => __awaiter(void 0, void 0, void 0, function* () {
96
- try {
97
- yield webpackHot.apply({
98
- ignoreUnaccepted: true,
99
- ignoreDeclined: true,
100
- ignoreErrored: true,
101
- onErrored,
102
- onUnaccepted: onUnacceptedOrDeclined,
103
- onDeclined: onUnacceptedOrDeclined,
104
- });
105
- if (!isStale())
106
- yield check();
107
- }
108
- catch (error) {
109
- logger.error(error);
110
- }
111
- });
112
- /* Instantiate indicator, overlay */
113
- yield components.make(options);
114
- /* Instantiate eventSource */
115
- const events = injectEvents(EventSource).make(options);
116
- if (!window.bud.listeners[options.name]) {
117
- window.bud.listeners[options.name] = (payload) => __awaiter(void 0, void 0, void 0, function* () {
118
- var _a;
119
- if (!payload)
120
- return;
121
- if (options.reload && payload.action === `reload`)
122
- return window.location.reload();
123
- if (payload.name !== options.name)
124
- return;
125
- window.bud.controllers.map(controller => controller === null || controller === void 0 ? void 0 : controller.update(payload));
126
- if (((_a = payload.errors) === null || _a === void 0 ? void 0 : _a.length) > 0)
127
- return;
128
- if (payload.action === `built` || payload.action === `sync`) {
129
- if (isStale(payload.hash))
130
- return;
131
- if (payload.action === `built`) {
132
- logger.log(`built in ${payload.time}ms`);
133
- }
134
- yield check();
135
- }
136
- });
137
- /*
138
- * Instantiate HMR event source
139
- * and register client listeners
140
- */
141
- events.addListener(window.bud.listeners[options.name]);
142
- }
143
- });
@@ -1,2 +0,0 @@
1
- export declare const make: (options: Options) => Promise<Array<Controller>>;
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hot/components/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,EAAE,CACjB,OAAO,EAAE,OAAO,KACb,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,CAc7B,CAAA"}
@@ -1,32 +0,0 @@
1
- var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
2
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
3
- return new (P || (P = Promise))(function (resolve, reject) {
4
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
5
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
6
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
7
- step((generator = generator.apply(thisArg, _arguments || [])).next());
8
- });
9
- };
10
- export const make = (options) => __awaiter(void 0, void 0, void 0, function* () {
11
- if (options.indicator && !customElements.get(`bud-activity-indicator`)) {
12
- yield import(`./indicator/index.js`)
13
- .then(makeController)
14
- .then(maybePushController);
15
- }
16
- if (options.overlay && !customElements.get(`bud-error`)) {
17
- yield import(`./overlay/index.js`)
18
- .then(makeController)
19
- .then(maybePushController);
20
- }
21
- return window.bud.controllers;
22
- });
23
- const makeController = (module) => __awaiter(void 0, void 0, void 0, function* () {
24
- if (!module)
25
- return;
26
- return yield module.make();
27
- });
28
- const maybePushController = (controller) => {
29
- if (!controller)
30
- return;
31
- window.bud.controllers.push(controller);
32
- };
@@ -1,4 +0,0 @@
1
- export declare const make: () => Promise<{
2
- update: (data: Payload) => void;
3
- }>;
4
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hot/components/indicator/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI;mBACA,OAAO,KAAK,IAAI;EAMhC,CAAA"}
@@ -1,17 +0,0 @@
1
- var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
2
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
3
- return new (P || (P = Promise))(function (resolve, reject) {
4
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
5
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
6
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
7
- step((generator = generator.apply(thisArg, _arguments || [])).next());
8
- });
9
- };
10
- import { Component } from './indicator.component.js';
11
- import { Controller } from './indicator.controller.js';
12
- export const make = () => __awaiter(void 0, void 0, void 0, function* () {
13
- if (customElements.get(`bud-activity-indicator`))
14
- return;
15
- customElements.define(`bud-activity-indicator`, Component);
16
- return new Controller();
17
- });
@@ -1,84 +0,0 @@
1
- /// <reference types="node" />
2
- /**
3
- * Indicator web component
4
- * @public
5
- */
6
- export declare class Component extends HTMLElement {
7
- /**
8
- * Has component rendered
9
- * @public
10
- */
11
- rendered: boolean;
12
- /**
13
- * Component name
14
- * @public
15
- */
16
- name: string;
17
- /**
18
- * Root div querySelector selector
19
- * @public
20
- */
21
- get selector(): string;
22
- /**
23
- * Timer
24
- * @public
25
- */
26
- hideTimeout: NodeJS.Timer;
27
- /**
28
- * Get accessor: has errors
29
- * @public
30
- */
31
- get hasErrors(): boolean;
32
- /**
33
- * Get accessor: has warnings
34
- * @public
35
- */
36
- get hasWarnings(): boolean;
37
- /**
38
- * Status indicator colors
39
- * @public
40
- */
41
- colors: Record<string, [number, number, number, number]>;
42
- /**
43
- * Class constructor
44
- * @public
45
- */
46
- constructor();
47
- /**
48
- * Render status indicator
49
- * @public
50
- */
51
- renderShadow(): void;
52
- /**
53
- * Show status indicator
54
- * @public
55
- */
56
- show(): void;
57
- /**
58
- * Hide status indicator
59
- */
60
- hide(): void;
61
- /**
62
- * Status is pending
63
- * @public
64
- */
65
- onPending(): void;
66
- /**
67
- * Status is success
68
- * @public
69
- */
70
- onSuccess(): void;
71
- /**
72
- * Status is error
73
- * @public
74
- */
75
- onError(): void;
76
- /**
77
- * Status is warning
78
- * @public
79
- */
80
- onWarning(): void;
81
- static get observedAttributes(): string[];
82
- attributeChangedCallback(): void;
83
- }
84
- //# sourceMappingURL=indicator.component.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"indicator.component.d.ts","sourceRoot":"","sources":["../../../../src/hot/components/indicator/indicator.component.ts"],"names":[],"mappings":";AAEA;;;GAGG;AACH,qBAAa,SAAU,SAAQ,WAAW;IACxC;;;OAGG;IACI,QAAQ,EAAE,OAAO,CAAA;IAExB;;;OAGG;IACI,IAAI,EAAE,MAAM,CAA2B;IAE9C;;;OAGG;IACH,IAAW,QAAQ,WAElB;IAED;;;OAGG;IACI,WAAW,EAAE,MAAM,CAAC,KAAK,CAAA;IAEhC;;;OAGG;IACH,IAAW,SAAS,IAAI,OAAO,CAE9B;IAED;;;OAGG;IACH,IAAW,WAAW,IAAI,OAAO,CAEhC;IAED;;;OAGG;IACI,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAK9D;IAED;;;OAGG;;IAMH;;;OAGG;IACI,YAAY;IA4CnB;;;OAGG;IACI,IAAI;IAKX;;OAEG;IACI,IAAI;IAMX;;;OAGG;IACI,SAAS;IAYhB;;;OAGG;IACI,SAAS;IAYhB;;;OAGG;IACI,OAAO;IASd;;;OAGG;IACI,SAAS;IAUhB,WAAkB,kBAAkB,aAEnC;IAEM,wBAAwB;CAiBhC"}
@@ -1,175 +0,0 @@
1
- import { pulse } from './indicator.pulse.js';
2
- /**
3
- * Indicator web component
4
- * @public
5
- */
6
- export class Component extends HTMLElement {
7
- /**
8
- * Root div querySelector selector
9
- * @public
10
- */
11
- get selector() {
12
- return `.${this.name}`;
13
- }
14
- /**
15
- * Get accessor: has errors
16
- * @public
17
- */
18
- get hasErrors() {
19
- return this.getAttribute(`has-errors`) == `true`;
20
- }
21
- /**
22
- * Get accessor: has warnings
23
- * @public
24
- */
25
- get hasWarnings() {
26
- return this.getAttribute(`has-warnings`) == `true`;
27
- }
28
- /**
29
- * Class constructor
30
- * @public
31
- */
32
- constructor() {
33
- super();
34
- /**
35
- * Component name
36
- * @public
37
- */
38
- this.name = `bud-activity-indicator`;
39
- /**
40
- * Status indicator colors
41
- * @public
42
- */
43
- this.colors = {
44
- success: [4, 120, 87, 1],
45
- error: [220, 38, 38, 1],
46
- warn: [252, 211, 77, 1],
47
- pending: [59, 130, 246, 1],
48
- };
49
- this.renderShadow();
50
- }
51
- /**
52
- * Render status indicator
53
- * @public
54
- */
55
- renderShadow() {
56
- const container = document.createElement(`div`);
57
- container.classList.add(this.name);
58
- container.innerHTML = `
59
- <style>
60
- .bud-activity-indicator {
61
- position: fixed;
62
- width: 10px;
63
- height: 10px;
64
- left: 10px;
65
- bottom: 10px;
66
- z-index: 9999;
67
- margin: 5px;
68
- padding: 5px;
69
- -webkit-transition:
70
- all .6s ease-in-out,
71
- transition:
72
- all .6s ease-in-out;
73
- animation-fill-mode: forwards;
74
- pointer-events: none;
75
- border-radius: 50%;
76
- transform: scale(0);
77
- opacity: 0;
78
- }
79
-
80
- .show {
81
- opacity: 1;
82
- background-color: rgba(255, 255, 255, 1);
83
- transform: scale(1);
84
- transition:
85
- all .6s ease-in-out;
86
- }
87
-
88
- ${pulse(`success`, this.colors.success)}
89
- ${pulse(`error`, this.colors.error)}
90
- ${pulse(`warning`, this.colors.warn)}
91
- ${pulse(`pending`, this.colors.pending)}
92
-
93
- </style>
94
- `;
95
- this.attachShadow({ mode: `open` }).appendChild(container);
96
- }
97
- /**
98
- * Show status indicator
99
- * @public
100
- */
101
- show() {
102
- this.hideTimeout && clearTimeout(this.hideTimeout);
103
- this.shadowRoot.querySelector(this.selector).classList.add(`show`);
104
- }
105
- /**
106
- * Hide status indicator
107
- */
108
- hide() {
109
- this.hideTimeout = setTimeout(() => {
110
- this.shadowRoot.querySelector(this.selector).classList.remove(`show`);
111
- }, 2000);
112
- }
113
- /**
114
- * Status is pending
115
- * @public
116
- */
117
- onPending() {
118
- this.show();
119
- this.shadowRoot
120
- .querySelector(this.selector)
121
- .classList.remove(`error`, `warning`, `success`);
122
- this.shadowRoot.querySelector(this.selector).classList.add(`pending`);
123
- this.hide();
124
- }
125
- /**
126
- * Status is success
127
- * @public
128
- */
129
- onSuccess() {
130
- this.show();
131
- this.shadowRoot
132
- .querySelector(this.selector)
133
- .classList.remove(`error`, `warning`, `pending`);
134
- this.shadowRoot.querySelector(this.selector).classList.add(`success`);
135
- this.hide();
136
- }
137
- /**
138
- * Status is error
139
- * @public
140
- */
141
- onError() {
142
- this.show();
143
- this.shadowRoot
144
- .querySelector(this.selector)
145
- .classList.remove(`warning`, `success`, `pending`);
146
- this.shadowRoot.querySelector(this.selector).classList.add(`error`);
147
- }
148
- /**
149
- * Status is warning
150
- * @public
151
- */
152
- onWarning() {
153
- this.show();
154
- this.shadowRoot
155
- .querySelector(this.selector)
156
- .classList.remove(`error`, `success`, `pending`);
157
- this.shadowRoot.querySelector(this.selector).classList.add(`warning`);
158
- }
159
- static get observedAttributes() {
160
- return [`has-errors`, `has-warnings`, `action`];
161
- }
162
- attributeChangedCallback() {
163
- if (this.hasAttribute(`has-errors`))
164
- return this.onError();
165
- if (this.hasAttribute(`has-warnings`))
166
- return this.onWarning();
167
- if (!this.hasAttribute(`has-errors`) &&
168
- !this.hasAttribute(`has-warnings`) &&
169
- this.getAttribute(`action`) === `built`)
170
- return this.onSuccess();
171
- if (this.getAttribute(`action`) == `building` ||
172
- this.getAttribute(`action`) == `sync`)
173
- return this.onPending();
174
- }
175
- }
@@ -1,45 +0,0 @@
1
- /// <reference types="node" />
2
- /**
3
- * Activity indicator controller
4
- * @public
5
- */
6
- export declare class Controller {
7
- /**
8
- * DOM node
9
- * @public
10
- */
11
- node: HTMLElement;
12
- /**
13
- * Active WHM payload
14
- * @public
15
- */
16
- payload: any;
17
- /**
18
- * Timer handler
19
- * @public
20
- */
21
- timer: NodeJS.Timeout;
22
- /**
23
- * Initialization
24
- * @public
25
- */
26
- constructor();
27
- /**
28
- * Append `bud-error` element to the DOM
29
- *
30
- * @public
31
- */
32
- addNode(): void;
33
- /**
34
- * Remove `bud-error` element from the DOM (if present)
35
- *
36
- * @public
37
- */
38
- removeNode(): void;
39
- /**
40
- * Update activity indicator
41
- * @public
42
- */
43
- update(payload: Payload): void;
44
- }
45
- //# sourceMappingURL=indicator.controller.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"indicator.controller.d.ts","sourceRoot":"","sources":["../../../../src/hot/components/indicator/indicator.controller.ts"],"names":[],"mappings":";AAAA;;;GAGG;AACH,qBAAa,UAAU;IACrB;;;OAGG;IACI,IAAI,EAAE,WAAW,CAAA;IAExB;;;OAGG;IACI,OAAO,MAAO;IAErB;;;OAGG;IACI,KAAK,EAAE,MAAM,CAAC,OAAO,CAAA;IAE5B;;;OAGG;;IAMH;;;;OAIG;IACI,OAAO;IAUd;;;;OAIG;IACI,UAAU;IAIjB;;;OAGG;IACI,MAAM,CAAC,OAAO,EAAE,OAAO;CAe/B"}
@@ -1,54 +0,0 @@
1
- /**
2
- * Activity indicator controller
3
- * @public
4
- */
5
- export class Controller {
6
- /**
7
- * Initialization
8
- * @public
9
- */
10
- constructor() {
11
- /**
12
- * Active WHM payload
13
- * @public
14
- */
15
- this.payload = null;
16
- this.node = document.createElement(`bud-activity-indicator`);
17
- this.update = this.update.bind(this);
18
- }
19
- /**
20
- * Append `bud-error` element to the DOM
21
- *
22
- * @public
23
- */
24
- addNode() {
25
- var _a;
26
- if (document.body.querySelector(`bud-activity-indicator`)) {
27
- if (typeof this.timer.unref === `function`)
28
- this.timer.unref();
29
- this.removeNode();
30
- }
31
- (_a = document.body) === null || _a === void 0 ? void 0 : _a.appendChild(this.node);
32
- this.timer = setTimeout(this.removeNode, 3000);
33
- }
34
- /**
35
- * Remove `bud-error` element from the DOM (if present)
36
- *
37
- * @public
38
- */
39
- removeNode() {
40
- var _a;
41
- (_a = document.body.querySelector(`bud-activity-indicator`)) === null || _a === void 0 ? void 0 : _a.remove();
42
- }
43
- /**
44
- * Update activity indicator
45
- * @public
46
- */
47
- update(payload) {
48
- var _a, _b;
49
- this.node.toggleAttribute(`has-errors`, ((_a = payload.errors) === null || _a === void 0 ? void 0 : _a.length) ? true : false);
50
- this.node.toggleAttribute(`has-warnings`, ((_b = payload.warnings) === null || _b === void 0 ? void 0 : _b.length) ? true : false);
51
- this.node.setAttribute(`action`, payload.action);
52
- this.addNode();
53
- }
54
- }
@@ -1,9 +0,0 @@
1
- export interface pulse {
2
- (name: string, color: [number, number, number]): string;
3
- }
4
- /**
5
- * CSS animation for reload indicator
6
- * @public
7
- */
8
- export declare const pulse: (name: string, color: [number, number, number, number]) => string;
9
- //# sourceMappingURL=indicator.pulse.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"indicator.pulse.d.ts","sourceRoot":"","sources":["../../../../src/hot/components/indicator/indicator.pulse.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,KAAK;IACpB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;CACxD;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,SACV,MAAM,SACL,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,KACtC,MA+BF,CAAA"}
@@ -1,36 +0,0 @@
1
- /**
2
- * CSS animation for reload indicator
3
- * @public
4
- */
5
- export const pulse = (name, color) => `
6
- .${name} {
7
- box-shadow: 0 0 0 0 rgba(${color[0]}, ${color[1]}, ${color[2]}, ${color[3]});
8
- animation: ${name}__pulse 2s infinite;
9
- transition: all 0.4s ease-in-out;
10
- }
11
-
12
- .${name}:not(.show) {
13
- background-color: rgba(${color[0]}, ${color[1]}, ${color[2]}, 0);
14
- }
15
-
16
- .${name}.show {
17
- background-color: rgba(${color[0]}, ${color[1]}, ${color[2]}, ${color[3]});
18
- }
19
-
20
- @keyframes ${name}__pulse {
21
- 0% {
22
- transform: scale(0.95);
23
- box-shadow: 0 0 0 0 rgba(${color[0]}, ${color[1]}, ${color[2]}, 0.7);
24
- }
25
-
26
- 70% {
27
- transform: scale(1);
28
- box-shadow: 0 0 0 10px rgba(${color[0]}, ${color[1]}, ${color[2]}, 0);
29
- }
30
-
31
- 100% {
32
- transform: scale(0.95);
33
- box-shadow: 0 0 0 0 rgba(${color[0]}, ${color[1]}, ${color[2]}, 0);
34
- }
35
- }
36
- `;
@@ -1,4 +0,0 @@
1
- export declare const make: () => Promise<{
2
- update: (data: Payload) => void;
3
- }>;
4
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hot/components/overlay/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI;mBACA,OAAO,KAAK,IAAI;EAOhC,CAAA"}