@uptime.link/statuspage 1.0.72
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.
- package/dist_bundle/bundle.js +752 -0
- package/dist_bundle/bundle.js.map +7 -0
- package/dist_ts_web/00_commitinfo_data.d.ts +8 -0
- package/dist_ts_web/00_commitinfo_data.js +9 -0
- package/dist_ts_web/elements/index.d.ts +7 -0
- package/dist_ts_web/elements/index.js +8 -0
- package/dist_ts_web/elements/internal/uplinternal-miniheading.d.ts +4 -0
- package/dist_ts_web/elements/internal/uplinternal-miniheading.js +35 -0
- package/dist_ts_web/elements/upl-statuspage-assetsselector.d.ts +13 -0
- package/dist_ts_web/elements/upl-statuspage-assetsselector.js +58 -0
- package/dist_ts_web/elements/upl-statuspage-footer.d.ts +16 -0
- package/dist_ts_web/elements/upl-statuspage-footer.js +73 -0
- package/dist_ts_web/elements/upl-statuspage-header.d.ts +15 -0
- package/dist_ts_web/elements/upl-statuspage-header.js +109 -0
- package/dist_ts_web/elements/upl-statuspage-incidents.d.ts +18 -0
- package/dist_ts_web/elements/upl-statuspage-incidents.js +90 -0
- package/dist_ts_web/elements/upl-statuspage-statusbar.d.ts +12 -0
- package/dist_ts_web/elements/upl-statuspage-statusbar.js +55 -0
- package/dist_ts_web/elements/upl-statuspage-statusdetails.d.ts +13 -0
- package/dist_ts_web/elements/upl-statuspage-statusdetails.js +90 -0
- package/dist_ts_web/elements/upl-statuspage-statusmonth.d.ts +13 -0
- package/dist_ts_web/elements/upl-statuspage-statusmonth.js +125 -0
- package/dist_ts_web/index.d.ts +1 -0
- package/dist_ts_web/index.js +2 -0
- package/dist_ts_web/pages/index.d.ts +1 -0
- package/dist_ts_web/pages/index.js +2 -0
- package/dist_ts_web/pages/page1.d.ts +1 -0
- package/dist_ts_web/pages/page1.js +11 -0
- package/dist_ts_web/plugins.d.ts +3 -0
- package/dist_ts_web/plugins.js +4 -0
- package/dist_watch/bundle.js +28250 -0
- package/dist_watch/bundle.js.map +7 -0
- package/dist_watch/index.html +35 -0
- package/npmextra.json +19 -0
- package/package.json +47 -0
- package/readme.hints.md +0 -0
- package/readme.md +32 -0
- package/ts_web/00_commitinfo_data.ts +8 -0
- package/ts_web/elements/index.ts +7 -0
- package/ts_web/elements/internal/uplinternal-miniheading.ts +27 -0
- package/ts_web/elements/upl-statuspage-assetsselector.ts +63 -0
- package/ts_web/elements/upl-statuspage-footer.ts +72 -0
- package/ts_web/elements/upl-statuspage-header.ts +110 -0
- package/ts_web/elements/upl-statuspage-incidents.ts +90 -0
- package/ts_web/elements/upl-statuspage-statusbar.ts +51 -0
- package/ts_web/elements/upl-statuspage-statusdetails.ts +95 -0
- package/ts_web/elements/upl-statuspage-statusmonth.ts +130 -0
- package/ts_web/index.ts +1 -0
- package/ts_web/pages/index.ts +1 -0
- package/ts_web/pages/page1.ts +11 -0
- package/ts_web/plugins.ts +7 -0
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* autocreated commitinfo by @push.rocks/commitinfo
|
|
3
|
+
*/
|
|
4
|
+
export const commitinfo = {
|
|
5
|
+
name: '@uptime.link/statuspage',
|
|
6
|
+
version: '1.0.72',
|
|
7
|
+
description: 'a catalog with webcomponents for uptimelink dashboard'
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUseUJBQXlCO0lBQy9CLE9BQU8sRUFBRSxRQUFRO0lBQ2pCLFdBQVcsRUFBRSx1REFBdUQ7Q0FDckUsQ0FBQSJ9
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export * from './upl-statuspage-assetsselector.js';
|
|
2
|
+
export * from './upl-statuspage-footer.js';
|
|
3
|
+
export * from './upl-statuspage-header.js';
|
|
4
|
+
export * from './upl-statuspage-incidents.js';
|
|
5
|
+
export * from './upl-statuspage-statusbar.js';
|
|
6
|
+
export * from './upl-statuspage-statusdetails.js';
|
|
7
|
+
export * from './upl-statuspage-statusmonth.js';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export * from './upl-statuspage-assetsselector.js';
|
|
2
|
+
export * from './upl-statuspage-footer.js';
|
|
3
|
+
export * from './upl-statuspage-header.js';
|
|
4
|
+
export * from './upl-statuspage-incidents.js';
|
|
5
|
+
export * from './upl-statuspage-statusbar.js';
|
|
6
|
+
export * from './upl-statuspage-statusdetails.js';
|
|
7
|
+
export * from './upl-statuspage-statusmonth.js';
|
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxvQ0FBb0MsQ0FBQztBQUNuRCxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyxpQ0FBaUMsQ0FBQyJ9
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
import { customElement, DeesElement, html } from '@design.estate/dees-element';
|
|
8
|
+
import * as domtools from '@design.estate/dees-domtools';
|
|
9
|
+
let UplinternalMiniheading = class UplinternalMiniheading extends DeesElement {
|
|
10
|
+
render() {
|
|
11
|
+
return html `
|
|
12
|
+
${domtools.elementBasic.styles}
|
|
13
|
+
<style>
|
|
14
|
+
:host {
|
|
15
|
+
display: block;
|
|
16
|
+
font-family: Inter;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
h5 {
|
|
20
|
+
display: block;
|
|
21
|
+
max-width: 900px;
|
|
22
|
+
margin: 0px auto;
|
|
23
|
+
padding: 0px 0px 10px 0px;
|
|
24
|
+
color: #707070;
|
|
25
|
+
}
|
|
26
|
+
</style>
|
|
27
|
+
<h5>${this.textContent}</h5>
|
|
28
|
+
`;
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
UplinternalMiniheading = __decorate([
|
|
32
|
+
customElement('uplinternal-miniheading')
|
|
33
|
+
], UplinternalMiniheading);
|
|
34
|
+
export { UplinternalMiniheading };
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsaW50ZXJuYWwtbWluaWhlYWRpbmcuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90c193ZWIvZWxlbWVudHMvaW50ZXJuYWwvdXBsaW50ZXJuYWwtbWluaWhlYWRpbmcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUF1QixNQUFNLDZCQUE2QixDQUFDO0FBRXBHLE9BQU8sS0FBSyxRQUFRLE1BQU0sOEJBQThCLENBQUM7QUFHbEQsSUFBTSxzQkFBc0IsR0FBNUIsTUFBTSxzQkFBdUIsU0FBUSxXQUFXO0lBQzlDLE1BQU07UUFDWCxPQUFPLElBQUksQ0FBQTtRQUNQLFFBQVEsQ0FBQyxZQUFZLENBQUMsTUFBTTs7Ozs7Ozs7Ozs7Ozs7O1lBZXhCLElBQUksQ0FBQyxXQUFXO0tBQ3ZCLENBQUM7SUFDSixDQUFDO0NBQ0YsQ0FBQTtBQXJCWSxzQkFBc0I7SUFEbEMsYUFBYSxDQUFDLHlCQUF5QixDQUFDO0dBQzVCLHNCQUFzQixDQXFCbEMifQ==
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
|
|
2
|
+
import './internal/uplinternal-miniheading.js';
|
|
3
|
+
declare global {
|
|
4
|
+
interface HTMLElementTagNameMap {
|
|
5
|
+
'upl-statuspage-assetsselector': UplStatuspageAssetsselector;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
export declare class UplStatuspageAssetsselector extends DeesElement {
|
|
9
|
+
static demo: () => TemplateResult<1>;
|
|
10
|
+
constructor();
|
|
11
|
+
static styles: import("@design.estate/dees-element").CSSResult[];
|
|
12
|
+
render(): TemplateResult;
|
|
13
|
+
}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
8
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
9
|
+
};
|
|
10
|
+
import { DeesElement, property, html, customElement, cssManager, css, } from '@design.estate/dees-element';
|
|
11
|
+
import * as domtools from '@design.estate/dees-domtools';
|
|
12
|
+
import './internal/uplinternal-miniheading.js';
|
|
13
|
+
let UplStatuspageAssetsselector = class UplStatuspageAssetsselector extends DeesElement {
|
|
14
|
+
static { this.demo = () => html `
|
|
15
|
+
<upl-statuspage-assetsselector></upl-statuspage-assetsselector>
|
|
16
|
+
`; }
|
|
17
|
+
constructor() {
|
|
18
|
+
super();
|
|
19
|
+
}
|
|
20
|
+
static { this.styles = [
|
|
21
|
+
cssManager.defaultStyles,
|
|
22
|
+
css `
|
|
23
|
+
:host {
|
|
24
|
+
padding: 0px 0px 15px 0px;
|
|
25
|
+
display: block;
|
|
26
|
+
background: ${cssManager.bdTheme('#eeeeeb', '#222222')};
|
|
27
|
+
font-family: Inter;
|
|
28
|
+
color: #fff;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.mainbox {
|
|
32
|
+
margin: auto;
|
|
33
|
+
max-width: 900px;
|
|
34
|
+
text-align: center;
|
|
35
|
+
height: 50px;
|
|
36
|
+
border-radius: 3px;
|
|
37
|
+
background: ${cssManager.bdTheme('#ffffff', '#333333')};;
|
|
38
|
+
}
|
|
39
|
+
`,
|
|
40
|
+
]; }
|
|
41
|
+
render() {
|
|
42
|
+
return html `
|
|
43
|
+
<style>
|
|
44
|
+
|
|
45
|
+
</style>
|
|
46
|
+
<uplinternal-miniheading>Monitored Assets</uplinternal-miniheading>
|
|
47
|
+
<div class="mainbox">
|
|
48
|
+
Hello!
|
|
49
|
+
</div>
|
|
50
|
+
`;
|
|
51
|
+
}
|
|
52
|
+
};
|
|
53
|
+
UplStatuspageAssetsselector = __decorate([
|
|
54
|
+
customElement('upl-statuspage-assetsselector'),
|
|
55
|
+
__metadata("design:paramtypes", [])
|
|
56
|
+
], UplStatuspageAssetsselector);
|
|
57
|
+
export { UplStatuspageAssetsselector };
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsLXN0YXR1c3BhZ2UtYXNzZXRzc2VsZWN0b3IuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvdXBsLXN0YXR1c3BhZ2UtYXNzZXRzc2VsZWN0b3IudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUNMLFdBQVcsRUFDWCxRQUFRLEVBQ1IsSUFBSSxFQUNKLGFBQWEsRUFFYixVQUFVLEVBQ1YsR0FBRyxHQUNKLE1BQU0sNkJBQTZCLENBQUM7QUFDckMsT0FBTyxLQUFLLFFBQVEsTUFBTSw4QkFBOEIsQ0FBQztBQUV6RCxPQUFPLHVDQUF1QyxDQUFDO0FBU3hDLElBQU0sMkJBQTJCLEdBQWpDLE1BQU0sMkJBQTRCLFNBQVEsV0FBVzthQUM1QyxTQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOztHQUU5QixBQUZpQixDQUVoQjtJQUVGO1FBQ0UsS0FBSyxFQUFFLENBQUM7SUFDVixDQUFDO2FBRWEsV0FBTSxHQUFHO1FBQ3JCLFVBQVUsQ0FBQyxhQUFhO1FBQ3hCLEdBQUcsQ0FBQTs7Ozt3QkFJaUIsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDOzs7Ozs7Ozs7Ozt3QkFXeEMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDOztLQUUzRDtLQUNGLEFBcEJtQixDQW9CbkI7SUFFTSxNQUFNO1FBQ1gsT0FBTyxJQUFJLENBQUE7Ozs7Ozs7O0tBUVYsQ0FBQztJQUNKLENBQUM7O0FBekNVLDJCQUEyQjtJQUR2QyxhQUFhLENBQUMsK0JBQStCLENBQUM7O0dBQ2xDLDJCQUEyQixDQTBDdkMifQ==
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
|
|
2
|
+
declare global {
|
|
3
|
+
interface HTMLElementTagNameMap {
|
|
4
|
+
'upl-statuspage-footer': UplStatuspageFooter;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
export declare class UplStatuspageFooter extends DeesElement {
|
|
8
|
+
static demo: () => TemplateResult<1>;
|
|
9
|
+
legalInfo: string;
|
|
10
|
+
whitelabel: boolean;
|
|
11
|
+
constructor();
|
|
12
|
+
static styles: import("@design.estate/dees-element").CSSResult[];
|
|
13
|
+
render(): TemplateResult;
|
|
14
|
+
dispatchReportNewIncident(): void;
|
|
15
|
+
dispatchStatusSubscribe(): void;
|
|
16
|
+
}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
8
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
9
|
+
};
|
|
10
|
+
import { DeesElement, property, html, customElement, css, cssManager } from '@design.estate/dees-element';
|
|
11
|
+
import * as domtools from '@design.estate/dees-domtools';
|
|
12
|
+
let UplStatuspageFooter = class UplStatuspageFooter extends DeesElement {
|
|
13
|
+
// STATIC
|
|
14
|
+
static { this.demo = () => html `
|
|
15
|
+
<upl-statuspage-footer></upl-statuspage-footer>
|
|
16
|
+
`; }
|
|
17
|
+
constructor() {
|
|
18
|
+
super();
|
|
19
|
+
// INSTANCE
|
|
20
|
+
this.legalInfo = "https://lossless.gmbh";
|
|
21
|
+
this.whitelabel = false;
|
|
22
|
+
}
|
|
23
|
+
static { this.styles = [
|
|
24
|
+
domtools.elementBasic.staticStyles,
|
|
25
|
+
css `
|
|
26
|
+
:host {
|
|
27
|
+
display: block;
|
|
28
|
+
background: ${cssManager.bdTheme('#ffffff', '#000000')};
|
|
29
|
+
font-family: Inter;
|
|
30
|
+
color: ${cssManager.bdTheme('#333333', '#ffffff')};
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.mainbox {
|
|
34
|
+
max-width: 900px;
|
|
35
|
+
margin: auto;
|
|
36
|
+
padding-top: 20px;
|
|
37
|
+
padding-bottom: 20px;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
`
|
|
41
|
+
]; }
|
|
42
|
+
render() {
|
|
43
|
+
return html `
|
|
44
|
+
${domtools.elementBasic.styles}
|
|
45
|
+
<style></style>
|
|
46
|
+
<div class="mainbox">
|
|
47
|
+
Hi there
|
|
48
|
+
</div>
|
|
49
|
+
`;
|
|
50
|
+
}
|
|
51
|
+
dispatchReportNewIncident() {
|
|
52
|
+
this.dispatchEvent(new CustomEvent('reportNewIncident', {}));
|
|
53
|
+
}
|
|
54
|
+
dispatchStatusSubscribe() {
|
|
55
|
+
this.dispatchEvent(new CustomEvent('statusSubscribe', {}));
|
|
56
|
+
}
|
|
57
|
+
};
|
|
58
|
+
__decorate([
|
|
59
|
+
property(),
|
|
60
|
+
__metadata("design:type", String)
|
|
61
|
+
], UplStatuspageFooter.prototype, "legalInfo", void 0);
|
|
62
|
+
__decorate([
|
|
63
|
+
property({
|
|
64
|
+
type: Boolean
|
|
65
|
+
}),
|
|
66
|
+
__metadata("design:type", Object)
|
|
67
|
+
], UplStatuspageFooter.prototype, "whitelabel", void 0);
|
|
68
|
+
UplStatuspageFooter = __decorate([
|
|
69
|
+
customElement('upl-statuspage-footer'),
|
|
70
|
+
__metadata("design:paramtypes", [])
|
|
71
|
+
], UplStatuspageFooter);
|
|
72
|
+
export { UplStatuspageFooter };
|
|
73
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsLXN0YXR1c3BhZ2UtZm9vdGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL3VwbC1zdGF0dXNwYWdlLWZvb3Rlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsYUFBYSxFQUF1QixHQUFHLEVBQUUsVUFBVSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDL0gsT0FBTyxLQUFLLFFBQVEsTUFBTSw4QkFBOEIsQ0FBQztBQVNsRCxJQUFNLG1CQUFtQixHQUF6QixNQUFNLG1CQUFvQixTQUFRLFdBQVc7SUFDbEQsU0FBUzthQUNLLFNBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7O0dBRTlCLEFBRmlCLENBRWhCO0lBWUY7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQVhWLFdBQVc7UUFFSixjQUFTLEdBQVcsdUJBQXVCLENBQUM7UUFLNUMsZUFBVSxHQUFHLEtBQUssQ0FBQztJQUsxQixDQUFDO2FBRWEsV0FBTSxHQUFHO1FBQ3JCLFFBQVEsQ0FBQyxZQUFZLENBQUMsWUFBWTtRQUNsQyxHQUFHLENBQUE7Ozt3QkFHaUIsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDOzttQkFFN0MsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDOzs7Ozs7Ozs7O0tBVXREO0tBQ0YsQUFsQm1CLENBa0JuQjtJQUVNLE1BQU07UUFDWCxPQUFPLElBQUksQ0FBQTtRQUNQLFFBQVEsQ0FBQyxZQUFZLENBQUMsTUFBTTs7Ozs7S0FLL0IsQ0FBQztJQUNKLENBQUM7SUFFTSx5QkFBeUI7UUFDOUIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLFdBQVcsQ0FBQyxtQkFBbUIsRUFBRSxFQUV2RCxDQUFDLENBQUMsQ0FBQTtJQUNMLENBQUM7SUFFTSx1QkFBdUI7UUFDNUIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLFdBQVcsQ0FBQyxpQkFBaUIsRUFBRSxFQUVyRCxDQUFDLENBQUMsQ0FBQTtJQUNMLENBQUM7O0FBcERNO0lBRE4sUUFBUSxFQUFFOztzREFDd0M7QUFLNUM7SUFITixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsT0FBTztLQUNkLENBQUM7O3VEQUN3QjtBQWJmLG1CQUFtQjtJQUQvQixhQUFhLENBQUMsdUJBQXVCLENBQUM7O0dBQzFCLG1CQUFtQixDQTZEL0IifQ==
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
|
|
2
|
+
declare global {
|
|
3
|
+
interface HTMLElementTagNameMap {
|
|
4
|
+
'upl-statuspage-header': UplStatuspageHeader;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
export declare class UplStatuspageHeader extends DeesElement {
|
|
8
|
+
static demo: () => TemplateResult<1>;
|
|
9
|
+
pageTitle: string;
|
|
10
|
+
constructor();
|
|
11
|
+
static styles: import("@design.estate/dees-element").CSSResult[];
|
|
12
|
+
render(): TemplateResult;
|
|
13
|
+
dispatchReportNewIncident(): void;
|
|
14
|
+
dispatchStatusSubscribe(): void;
|
|
15
|
+
}
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
8
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
9
|
+
};
|
|
10
|
+
import { DeesElement, property, html, customElement, css, cssManager } from '@design.estate/dees-element';
|
|
11
|
+
import * as domtools from '@design.estate/dees-domtools';
|
|
12
|
+
let UplStatuspageHeader = class UplStatuspageHeader extends DeesElement {
|
|
13
|
+
// STATIC
|
|
14
|
+
static { this.demo = () => html `
|
|
15
|
+
<upl-statuspage-header></upl-statuspage-header>
|
|
16
|
+
`; }
|
|
17
|
+
constructor() {
|
|
18
|
+
super();
|
|
19
|
+
// INSTANCE
|
|
20
|
+
this.pageTitle = "Statuspage Title";
|
|
21
|
+
}
|
|
22
|
+
static { this.styles = [
|
|
23
|
+
domtools.elementBasic.staticStyles,
|
|
24
|
+
css `
|
|
25
|
+
:host {
|
|
26
|
+
display: block;
|
|
27
|
+
background: ${cssManager.bdTheme('#eeeeeb', '#222222')};
|
|
28
|
+
font-family: Inter;
|
|
29
|
+
color: ${cssManager.bdTheme('#333333', '#ffffff')};
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.mainbox {
|
|
33
|
+
margin: auto;
|
|
34
|
+
max-width: 900px;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.mainbox .actions {
|
|
38
|
+
display: flex;
|
|
39
|
+
justify-content: flex-end;
|
|
40
|
+
padding: 20px 0px 40px 0px;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.mainbox .actions .actionButton {
|
|
44
|
+
background: ${cssManager.bdTheme('#00000000', '#ffffff00')};
|
|
45
|
+
|
|
46
|
+
font-size: 12px;
|
|
47
|
+
border: 1px solid ${cssManager.bdTheme('#333', '#CCC')};
|
|
48
|
+
padding: 6px 10px 7px 10px;
|
|
49
|
+
margin-left: 10px;
|
|
50
|
+
border-radius: 3px;
|
|
51
|
+
cursor: pointer;
|
|
52
|
+
user-select: none;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.mainbox .actions .actionButton:hover {
|
|
56
|
+
background: ${cssManager.bdTheme('#333333', '#efefef')};
|
|
57
|
+
border: 1px solid ${cssManager.bdTheme('#333333', '#efefef')};
|
|
58
|
+
color: ${cssManager.bdTheme('#fff', '#333333')};
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
h1 {
|
|
62
|
+
margin: 0px;
|
|
63
|
+
text-align: center;
|
|
64
|
+
font-weight: 600;
|
|
65
|
+
font-size: 35px;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
h2 {
|
|
69
|
+
margin: 0px;
|
|
70
|
+
margin-top: 10px;
|
|
71
|
+
text-align: center;
|
|
72
|
+
font-weight: 600;
|
|
73
|
+
font-size: 18px;
|
|
74
|
+
}
|
|
75
|
+
`
|
|
76
|
+
]; }
|
|
77
|
+
render() {
|
|
78
|
+
return html `
|
|
79
|
+
${domtools.elementBasic.styles}
|
|
80
|
+
<style>
|
|
81
|
+
|
|
82
|
+
</style>
|
|
83
|
+
<div class="mainbox">
|
|
84
|
+
<div class="actions">
|
|
85
|
+
<div class="actionButton" @click=${this.dispatchReportNewIncident}>report new incident</div>
|
|
86
|
+
<div class="actionButton" @click=${this.dispatchStatusSubscribe}>subscribe</div>
|
|
87
|
+
</div>
|
|
88
|
+
<h1>${this.pageTitle}</h1>
|
|
89
|
+
<h2>STATUS BOARD</h2>
|
|
90
|
+
</div>
|
|
91
|
+
`;
|
|
92
|
+
}
|
|
93
|
+
dispatchReportNewIncident() {
|
|
94
|
+
this.dispatchEvent(new CustomEvent('reportNewIncident', {}));
|
|
95
|
+
}
|
|
96
|
+
dispatchStatusSubscribe() {
|
|
97
|
+
this.dispatchEvent(new CustomEvent('statusSubscribe', {}));
|
|
98
|
+
}
|
|
99
|
+
};
|
|
100
|
+
__decorate([
|
|
101
|
+
property(),
|
|
102
|
+
__metadata("design:type", String)
|
|
103
|
+
], UplStatuspageHeader.prototype, "pageTitle", void 0);
|
|
104
|
+
UplStatuspageHeader = __decorate([
|
|
105
|
+
customElement('upl-statuspage-header'),
|
|
106
|
+
__metadata("design:paramtypes", [])
|
|
107
|
+
], UplStatuspageHeader);
|
|
108
|
+
export { UplStatuspageHeader };
|
|
109
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsLXN0YXR1c3BhZ2UtaGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL3VwbC1zdGF0dXNwYWdlLWhlYWRlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsYUFBYSxFQUF1QixHQUFHLEVBQUUsVUFBVSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDL0gsT0FBTyxLQUFLLFFBQVEsTUFBTSw4QkFBOEIsQ0FBQztBQVNsRCxJQUFNLG1CQUFtQixHQUF6QixNQUFNLG1CQUFvQixTQUFRLFdBQVc7SUFDbEQsU0FBUzthQUNLLFNBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7O0dBRTlCLEFBRmlCLENBRWhCO0lBT0Y7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQU5WLFdBQVc7UUFFSixjQUFTLEdBQVcsa0JBQWtCLENBQUM7SUFLOUMsQ0FBQzthQUVhLFdBQU0sR0FBRztRQUNyQixRQUFRLENBQUMsWUFBWSxDQUFDLFlBQVk7UUFDbEMsR0FBRyxDQUFBOzs7d0JBR2lCLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQzs7bUJBRTdDLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7O3dCQWVuQyxVQUFVLENBQUMsT0FBTyxDQUFDLFdBQVcsRUFBRSxXQUFXLENBQUM7Ozs4QkFHdEMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDOzs7Ozs7Ozs7d0JBU3hDLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQzs4QkFDbEMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDO21CQUNuRCxVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxTQUFTLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBaUJuRDtLQUNGLEFBdERtQixDQXNEbkI7SUFFTSxNQUFNO1FBQ1gsT0FBTyxJQUFJLENBQUE7UUFDUCxRQUFRLENBQUMsWUFBWSxDQUFDLE1BQU07Ozs7Ozs2Q0FNUyxJQUFJLENBQUMseUJBQXlCOzZDQUM5QixJQUFJLENBQUMsdUJBQXVCOztjQUUzRCxJQUFJLENBQUMsU0FBUzs7O0tBR3ZCLENBQUM7SUFDSixDQUFDO0lBRU0seUJBQXlCO1FBQzlCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxXQUFXLENBQUMsbUJBQW1CLEVBQUUsRUFFdkQsQ0FBQyxDQUFDLENBQUE7SUFDTCxDQUFDO0lBRU0sdUJBQXVCO1FBQzVCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxXQUFXLENBQUMsaUJBQWlCLEVBQUUsRUFFckQsQ0FBQyxDQUFDLENBQUE7SUFDTCxDQUFDOztBQTFGTTtJQUROLFFBQVEsRUFBRTs7c0RBQ21DO0FBUm5DLG1CQUFtQjtJQUQvQixhQUFhLENBQUMsdUJBQXVCLENBQUM7O0dBQzFCLG1CQUFtQixDQW1HL0IifQ==
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import * as plugins from '../plugins.js';
|
|
2
|
+
import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
|
|
3
|
+
declare global {
|
|
4
|
+
interface HTMLElementTagNameMap {
|
|
5
|
+
'upl-statuspage-incidents': UplStatuspageIncidents;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
export declare class UplStatuspageIncidents extends DeesElement {
|
|
9
|
+
static demo: () => TemplateResult<1>;
|
|
10
|
+
currentIncidences: plugins.uplInterfaces.data.IIncident[];
|
|
11
|
+
pastIncidences: plugins.uplInterfaces.data.IIncident[];
|
|
12
|
+
whitelabel: boolean;
|
|
13
|
+
constructor();
|
|
14
|
+
static styles: import("@design.estate/dees-element").CSSResult[];
|
|
15
|
+
render(): TemplateResult;
|
|
16
|
+
dispatchReportNewIncident(): void;
|
|
17
|
+
dispatchStatusSubscribe(): void;
|
|
18
|
+
}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
8
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
9
|
+
};
|
|
10
|
+
import * as plugins from '../plugins.js';
|
|
11
|
+
import { DeesElement, property, html, customElement, css, cssManager, } from '@design.estate/dees-element';
|
|
12
|
+
let UplStatuspageIncidents = class UplStatuspageIncidents extends DeesElement {
|
|
13
|
+
// STATIC
|
|
14
|
+
static { this.demo = () => html ` <upl-statuspage-incidents></upl-statuspage-incidents> `; }
|
|
15
|
+
constructor() {
|
|
16
|
+
super();
|
|
17
|
+
// INSTANCE
|
|
18
|
+
this.currentIncidences = [];
|
|
19
|
+
this.pastIncidences = [];
|
|
20
|
+
this.whitelabel = false;
|
|
21
|
+
}
|
|
22
|
+
static { this.styles = [
|
|
23
|
+
plugins.domtools.elementBasic.staticStyles,
|
|
24
|
+
css `
|
|
25
|
+
:host {
|
|
26
|
+
display: block;
|
|
27
|
+
background: ${cssManager.bdTheme('#eeeeeb', '#222222')};
|
|
28
|
+
font-family: Inter;
|
|
29
|
+
color: ${cssManager.bdTheme('#333333', '#ffffff')};
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.mainbox {
|
|
33
|
+
max-width: 900px;
|
|
34
|
+
margin: auto;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.noIncidentBox {
|
|
38
|
+
background: ${cssManager.bdTheme('#ffffff', '#333333')};;
|
|
39
|
+
padding: 10px;
|
|
40
|
+
margin-bottom: 15px;
|
|
41
|
+
border-radius: 3px;
|
|
42
|
+
}
|
|
43
|
+
`,
|
|
44
|
+
]; }
|
|
45
|
+
render() {
|
|
46
|
+
return html `
|
|
47
|
+
<style></style>
|
|
48
|
+
<div class="mainbox">
|
|
49
|
+
<uplinternal-miniheading> Current Incidents </uplinternal-miniheading>
|
|
50
|
+
${this.currentIncidences.length
|
|
51
|
+
? html ``
|
|
52
|
+
: html ` <div class="noIncidentBox">No incidents ongoing.</div> `}
|
|
53
|
+
<uplinternal-miniheading> Past Incidents </uplinternal-miniheading>
|
|
54
|
+
${this.pastIncidences.length
|
|
55
|
+
? html ``
|
|
56
|
+
: html ` <div class="noIncidentBox">No past incidents in the last 90 days.</div> `}
|
|
57
|
+
</div>
|
|
58
|
+
`;
|
|
59
|
+
}
|
|
60
|
+
dispatchReportNewIncident() {
|
|
61
|
+
this.dispatchEvent(new CustomEvent('reportNewIncident', {}));
|
|
62
|
+
}
|
|
63
|
+
dispatchStatusSubscribe() {
|
|
64
|
+
this.dispatchEvent(new CustomEvent('statusSubscribe', {}));
|
|
65
|
+
}
|
|
66
|
+
};
|
|
67
|
+
__decorate([
|
|
68
|
+
property({
|
|
69
|
+
type: Array,
|
|
70
|
+
}),
|
|
71
|
+
__metadata("design:type", Array)
|
|
72
|
+
], UplStatuspageIncidents.prototype, "currentIncidences", void 0);
|
|
73
|
+
__decorate([
|
|
74
|
+
property({
|
|
75
|
+
type: Array,
|
|
76
|
+
}),
|
|
77
|
+
__metadata("design:type", Array)
|
|
78
|
+
], UplStatuspageIncidents.prototype, "pastIncidences", void 0);
|
|
79
|
+
__decorate([
|
|
80
|
+
property({
|
|
81
|
+
type: Boolean,
|
|
82
|
+
}),
|
|
83
|
+
__metadata("design:type", Object)
|
|
84
|
+
], UplStatuspageIncidents.prototype, "whitelabel", void 0);
|
|
85
|
+
UplStatuspageIncidents = __decorate([
|
|
86
|
+
customElement('upl-statuspage-incidents'),
|
|
87
|
+
__metadata("design:paramtypes", [])
|
|
88
|
+
], UplStatuspageIncidents);
|
|
89
|
+
export { UplStatuspageIncidents };
|
|
90
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsLXN0YXR1c3BhZ2UtaW5jaWRlbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL3VwbC1zdGF0dXNwYWdlLWluY2lkZW50cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssT0FBTyxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQ0wsV0FBVyxFQUNYLFFBQVEsRUFDUixJQUFJLEVBQ0osYUFBYSxFQUViLEdBQUcsRUFDSCxVQUFVLEdBQ1gsTUFBTSw2QkFBNkIsQ0FBQztBQVM5QixJQUFNLHNCQUFzQixHQUE1QixNQUFNLHNCQUF1QixTQUFRLFdBQVc7SUFDckQsU0FBUzthQUNLLFNBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUEseURBQXlELEFBQXRFLENBQXVFO0lBa0J6RjtRQUNFLEtBQUssRUFBRSxDQUFDO1FBakJWLFdBQVc7UUFJSixzQkFBaUIsR0FBMkMsRUFBRSxDQUFDO1FBSy9ELG1CQUFjLEdBQTJDLEVBQUUsQ0FBQztRQUs1RCxlQUFVLEdBQUcsS0FBSyxDQUFDO0lBSTFCLENBQUM7YUFFYSxXQUFNLEdBQUc7UUFDckIsT0FBTyxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUMsWUFBWTtRQUMxQyxHQUFHLENBQUE7OztzQkFHZSxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7O2lCQUU3QyxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7Ozs7Ozs7Ozt1QkFTbEMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDOzs7OztLQUsxRDtLQUNGLEFBdEJtQixDQXNCbEI7SUFFSyxNQUFNO1FBQ1gsT0FBTyxJQUFJLENBQUE7Ozs7VUFJTCxJQUFJLENBQUMsaUJBQWlCLENBQUMsTUFBTTtZQUM3QixDQUFDLENBQUMsSUFBSSxDQUFBLEVBQUU7WUFDUixDQUFDLENBQUMsSUFBSSxDQUFBLDBEQUEwRDs7VUFFaEUsSUFBSSxDQUFDLGNBQWMsQ0FBQyxNQUFNO1lBQzFCLENBQUMsQ0FBQyxJQUFJLENBQUEsRUFBRTtZQUNSLENBQUMsQ0FBQyxJQUFJLENBQUEsMkVBQTJFOztLQUV0RixDQUFDO0lBQ0osQ0FBQztJQUVNLHlCQUF5QjtRQUM5QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksV0FBVyxDQUFDLG1CQUFtQixFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDL0QsQ0FBQztJQUVNLHVCQUF1QjtRQUM1QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksV0FBVyxDQUFDLGlCQUFpQixFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDN0QsQ0FBQzs7QUE5RE07SUFITixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsS0FBSztLQUNaLENBQUM7O2lFQUNvRTtBQUsvRDtJQUhOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxLQUFLO0tBQ1osQ0FBQzs7OERBQ2lFO0FBSzVEO0lBSE4sUUFBUSxDQUFDO1FBQ1IsSUFBSSxFQUFFLE9BQU87S0FDZCxDQUFDOzswREFDd0I7QUFsQmYsc0JBQXNCO0lBRGxDLGFBQWEsQ0FBQywwQkFBMEIsQ0FBQzs7R0FDN0Isc0JBQXNCLENBdUVsQyJ9
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
|
|
2
|
+
declare global {
|
|
3
|
+
interface HTMLElementTagNameMap {
|
|
4
|
+
'upl-statuspage-statusbar': UplStatuspageStatusbar;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
export declare class UplStatuspageStatusbar extends DeesElement {
|
|
8
|
+
static demo: () => TemplateResult<1>;
|
|
9
|
+
constructor();
|
|
10
|
+
static styles: import("@design.estate/dees-element").CSSResult[];
|
|
11
|
+
render(): TemplateResult;
|
|
12
|
+
}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
8
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
9
|
+
};
|
|
10
|
+
import { DeesElement, property, html, customElement, cssManager, css } from '@design.estate/dees-element';
|
|
11
|
+
import * as domtools from '@design.estate/dees-domtools';
|
|
12
|
+
let UplStatuspageStatusbar = class UplStatuspageStatusbar extends DeesElement {
|
|
13
|
+
static { this.demo = () => html `
|
|
14
|
+
<upl-statuspage-statusbar></upl-statuspage-statusbar>
|
|
15
|
+
`; }
|
|
16
|
+
constructor() {
|
|
17
|
+
super();
|
|
18
|
+
}
|
|
19
|
+
static { this.styles = [
|
|
20
|
+
cssManager.defaultStyles,
|
|
21
|
+
css `
|
|
22
|
+
:host {
|
|
23
|
+
padding: 20px 0px 15px 0px;
|
|
24
|
+
display: block;
|
|
25
|
+
background: ${cssManager.bdTheme('#eeeeeb', '#222222')};;
|
|
26
|
+
font-family: Inter;
|
|
27
|
+
color: #fff;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.mainbox {
|
|
31
|
+
margin: auto;
|
|
32
|
+
max-width: 900px;
|
|
33
|
+
text-align: center;
|
|
34
|
+
background: #19572E;
|
|
35
|
+
line-height: 50px;
|
|
36
|
+
border-radius: 3px;
|
|
37
|
+
}
|
|
38
|
+
`,
|
|
39
|
+
]; }
|
|
40
|
+
render() {
|
|
41
|
+
return html `
|
|
42
|
+
<style>
|
|
43
|
+
</style>
|
|
44
|
+
<div class="mainbox">
|
|
45
|
+
Everything is working normally!
|
|
46
|
+
</div>
|
|
47
|
+
`;
|
|
48
|
+
}
|
|
49
|
+
};
|
|
50
|
+
UplStatuspageStatusbar = __decorate([
|
|
51
|
+
customElement('upl-statuspage-statusbar'),
|
|
52
|
+
__metadata("design:paramtypes", [])
|
|
53
|
+
], UplStatuspageStatusbar);
|
|
54
|
+
export { UplStatuspageStatusbar };
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsLXN0YXR1c3BhZ2Utc3RhdHVzYmFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL3VwbC1zdGF0dXNwYWdlLXN0YXR1c2Jhci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsYUFBYSxFQUF1QixVQUFVLEVBQUUsR0FBRyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDL0gsT0FBTyxLQUFLLFFBQVEsTUFBTSw4QkFBOEIsQ0FBQztBQVNsRCxJQUFNLHNCQUFzQixHQUE1QixNQUFNLHNCQUF1QixTQUFRLFdBQVc7YUFDdkMsU0FBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7R0FFOUIsQUFGaUIsQ0FFaEI7SUFFRjtRQUNFLEtBQUssRUFBRSxDQUFDO0lBQ1YsQ0FBQzthQUVhLFdBQU0sR0FBRztRQUNyQixVQUFVLENBQUMsYUFBYTtRQUN4QixHQUFHLENBQUE7Ozs7d0JBSWlCLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQzs7Ozs7Ozs7Ozs7OztLQWEzRDtLQUNGLEFBcEJtQixDQW9CbkI7SUFFTSxNQUFNO1FBQ1gsT0FBTyxJQUFJLENBQUE7Ozs7OztLQU1WLENBQUM7SUFDSixDQUFDOztBQXZDVSxzQkFBc0I7SUFEbEMsYUFBYSxDQUFDLDBCQUEwQixDQUFDOztHQUM3QixzQkFBc0IsQ0F3Q2xDIn0=
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
|
|
2
|
+
import './internal/uplinternal-miniheading.js';
|
|
3
|
+
declare global {
|
|
4
|
+
interface HTMLElementTagNameMap {
|
|
5
|
+
'upl-statuspage-statusdetails': UplStatuspageStatusdetails;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
export declare class UplStatuspageStatusdetails extends DeesElement {
|
|
9
|
+
static demo: () => TemplateResult<1>;
|
|
10
|
+
constructor();
|
|
11
|
+
static styles: import("@design.estate/dees-element").CSSResult[];
|
|
12
|
+
render(): TemplateResult;
|
|
13
|
+
}
|