@omegagrid/bucket 0.7.13 → 0.8.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.
- package/dist/constants.d.ts +1 -0
- package/dist/constants.d.ts.map +1 -1
- package/dist/ui/bucketAlert.d.ts.map +1 -1
- package/dist/ui/bucketAlert.js +3 -9
- package/dist/ui/bucketAlert.js.map +1 -1
- package/dist/ui/top.style.d.ts.map +1 -1
- package/dist/ui/top.style.js +0 -2
- package/dist/ui/top.style.js.map +1 -1
- package/package.json +5 -5
package/dist/constants.d.ts
CHANGED
package/dist/constants.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAOE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bucketAlert.d.ts","sourceRoot":"","sources":["../../src/ui/bucketAlert.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA4B,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAE,kBAAkB,EAAmB,MAAM,UAAU,CAAC;AAS/D,qBAAa,UAAW,SAAQ,KAAK;gBACxB,IAAI,EAAE,MAAM;CAGxB;AAED,qBAEa,WAAY,SAAQ,UAAU;IAE1C,MAAM,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"bucketAlert.d.ts","sourceRoot":"","sources":["../../src/ui/bucketAlert.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA4B,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAE,kBAAkB,EAAmB,MAAM,UAAU,CAAC;AAS/D,qBAAa,UAAW,SAAQ,KAAK;gBACxB,IAAI,EAAE,MAAM;CAGxB;AAED,qBAEa,WAAY,SAAQ,UAAU;IAE1C,MAAM,CAAC,MAAM,0BA2CX;IAGF,OAAO,EAAE,kBAAkB,CAAC;IAG5B,KAAK,EAAE,UAAU,CAAC;IAElB,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAM3C,OAAO,KAAK,QAAQ,GAQnB;IAED,KAAK,CAAC,aAAa,UAAO;IAK1B,MAAM,6CAOJ;CAEF"}
|
package/dist/ui/bucketAlert.js
CHANGED
|
@@ -23,9 +23,7 @@ let BucketAlert = class BucketAlert extends LitElement {
|
|
|
23
23
|
super(...arguments);
|
|
24
24
|
this.render = () => html `
|
|
25
25
|
<div class="header">
|
|
26
|
-
<
|
|
27
|
-
<og-icon .icon="${this.iconSpec}"></og-icon>
|
|
28
|
-
</div>
|
|
26
|
+
<og-icon .icon="${this.iconSpec}"></og-icon>
|
|
29
27
|
<div class="title">${this.options?.title}</div>
|
|
30
28
|
<div class="close" @click="${() => this.close()}">×</div>
|
|
31
29
|
</div>
|
|
@@ -76,14 +74,10 @@ BucketAlert.styles = css `
|
|
|
76
74
|
height: 20px;
|
|
77
75
|
position: relative;
|
|
78
76
|
display: flex;
|
|
77
|
+
gap: 3px;
|
|
79
78
|
flex-direction: row;
|
|
80
79
|
align-items: center;
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
.header .icon {
|
|
84
|
-
min-width: 20px;
|
|
85
|
-
text-align: center;
|
|
86
|
-
flex: 0;
|
|
80
|
+
padding-left: 2px;
|
|
87
81
|
}
|
|
88
82
|
|
|
89
83
|
.header .close {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bucketAlert.js","sourceRoot":"","sources":["../../src/ui/bucketAlert.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAY,SAAS,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG5D,MAAM,OAAO,GAAkD;IAC9D,MAAM,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE,aAAa,CAAC;IAC1C,QAAQ,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,oBAAoB,CAAC;IAChD,SAAS,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE,oBAAoB,CAAC;IACpD,SAAS,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC;CAC7C,CAAC;AAEF,MAAM,OAAO,UAAW,SAAQ,KAAK;IACpC,YAAY,IAAY;QACvB,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE,EAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC;IACzD,CAAC;CACD;AAIM,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;
|
|
1
|
+
{"version":3,"file":"bucketAlert.js","sourceRoot":"","sources":["../../src/ui/bucketAlert.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAY,SAAS,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG5D,MAAM,OAAO,GAAkD;IAC9D,MAAM,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE,aAAa,CAAC;IAC1C,QAAQ,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,oBAAoB,CAAC;IAChD,SAAS,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE,oBAAoB,CAAC;IACpD,SAAS,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC;CAC7C,CAAC;AAEF,MAAM,OAAO,UAAW,SAAQ,KAAK;IACpC,YAAY,IAAY;QACvB,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE,EAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC;IACzD,CAAC;CACD;AAIM,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QA0EN,WAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;;qBAEC,IAAI,CAAC,QAAQ;wBACV,IAAI,CAAC,OAAO,EAAE,KAAK;gCACX,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE;;sBAE5B,IAAI,CAAC,OAAO,EAAE,OAAO;EACzC,CAAC;IAEH,CAAC;IA9BA,UAAU,CAAC,KAAgC;QAC1C,IAAI,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;YAC1B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC;QACrF,CAAC;IACF,CAAC;IAED,IAAY,QAAQ;QACnB,IAAI,IAAI,CAAC,OAAO,EAAE,IAAI;YAAE,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;QACjD,MAAM,IAAI,GAAa,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;QACtC,IAAI,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC;YACxB,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;YAC3C,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3C,CAAC;QACD,OAAO,IAAI,CAAC;IACb,CAAC;IAED,KAAK,CAAC,aAAa,GAAG,IAAI;QACzB,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACtB,IAAI,aAAa;YAAE,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3D,CAAC;;AAtEM,kBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2ClB,AA3CY,CA2CX;AAGF;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;4CACG;AAG5B;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;0CACtB;AAnDN,WAAW;IAFvB,aAAa,CAAC,iBAAiB,CAAC;IAChC,SAAS,CAAC,EAAC,KAAK,EAAE,CAAC,QAAQ,CAAC,EAAC,CAAC;GAClB,WAAW,CAmFvB","sourcesContent":["import { ColorTypes, IconSpec, colorable, dom } from '@omegagrid/core';\nimport { LitElement, html, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { BucketAlertOptions, BucketAlertType } from '../types';\n\nconst typeMap: Record<BucketAlertType, [ColorTypes, string]> = {\n\t'info': [ColorTypes.Accent, 'circle-info'],\n\t'danger': [ColorTypes.Red, 'circle-exclamation'],\n\t'warning': [ColorTypes.Yellow, 'circle-exclamation'],\n\t'success': [ColorTypes.Green, 'circle-check']\n};\n\nexport class AlertEvent extends Event {\n\tconstructor(type: string) {\n\t\tsuper(`alert.${type}`, {bubbles: true, composed: true});\n\t}\n}\n\n@customElement('og-bucket-alert')\n@colorable({props: ['border']})\nexport class BucketAlert extends LitElement {\n\n\tstatic styles = css`\n\t\t* {\n\t\t\tbox-sizing: border-box;\n\t\t}\n\t\t\n\t\t:host {\n\t\t\tfont-size: var(--og-font-size);\n\t\t\tdisplay: block;\n\t\t\tbackground-color: var(--og-background-color);\n\t\t\tborder: 1px solid var(--og-accent-color);\n\t\t\tmin-width: 200px;\n\t\t\ttransition: bottom 0.5s;\n\t\t\tposition: absolute;\n\t\t\tbottom: -100px;\n\t\t\tbox-shadow: 8px 8px 4px -3px var(--og-dialog-shadow);\n\t\t\tz-index: 1000;\n\t\t\tborder-radius: var(--og-base-radius);\n\t\t}\n\n\t\t.header {\n\t\t\theight: 20px;\n\t\t\tposition: relative;\n\t\t\tdisplay: flex;\n\t\t\tgap: 3px;\n\t\t\tflex-direction: row;\n\t\t\talign-items: center;\n\t\t\tpadding-left: 2px;\n\t\t}\n\n\t\t.header .close {\n\t\t\tposition: absolute;\n\t\t\theight: 20px;\n\t\t\twidth: 20px;\n\t\t\tline-height: 20px;\n\t\t\tcursor: pointer;\n\t\t\ttext-align: center;\n\t\t\ttop: 0;\n\t\t\tright: 0;\n\t\t}\n\n\t\t.body {\n\t\t\tpadding: 2px;\n\t\t}\n\t`;\n\t\n\t@property({type: Object})\n\toptions: BucketAlertOptions;\n\n\t@property({type: String, reflect: true})\n\tcolor: ColorTypes;\n\n\twillUpdate(props: Map<PropertyKey, unknown>) {\n\t\tif (props.has('options')) {\n\t\t\tthis.color = this.options?.type ? typeMap[this.options.type][0] : ColorTypes.Accent;\n\t\t}\n\t}\n\n\tprivate get iconSpec() {\n\t\tif (this.options?.icon) return this.options.icon;\n\t\tconst icon: IconSpec = {icon: 'info'};\n\t\tif (this.options?.type) {\n\t\t\ticon.color = typeMap[this.options.type][0];\n\t\t\ticon.icon = typeMap[this.options.type][1];\n\t\t}\n\t\treturn icon;\n\t}\n\n\tclose(dispatchEvent = true) {\n\t\tdom.hideElement(this);\n\t\tif (dispatchEvent) this.dispatchEvent(new Event('close'));\n\t}\n\n\trender = () => html`\n\t\t<div class=\"header\">\n\t\t\t<og-icon .icon=\"${this.iconSpec}\"></og-icon>\n\t\t\t<div class=\"title\">${this.options?.title}</div>\n\t\t\t<div class=\"close\" @click=\"${() => this.close()}\">×</div>\n\t\t</div>\n\t\t<div class=\"body\">${this.options?.content}</div>\n\t`;\n\n}"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"top.style.d.ts","sourceRoot":"","sources":["../../src/ui/top.style.ts"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"top.style.d.ts","sourceRoot":"","sources":["../../src/ui/top.style.ts"],"names":[],"mappings":";AAEA,wBAgCE"}
|
package/dist/ui/top.style.js
CHANGED
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
import constants from '../constants';
|
|
3
2
|
export default css `
|
|
4
3
|
:host {
|
|
5
4
|
display: flex;
|
|
6
5
|
flex-direction: row;
|
|
7
|
-
line-height: ${constants.TOP_HEIGHT}px;
|
|
8
6
|
color: var(--og-text-color);
|
|
9
7
|
background-color: var(--og-background-color);
|
|
10
8
|
}
|
package/dist/ui/top.style.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"top.style.js","sourceRoot":"","sources":["../../src/ui/top.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"top.style.js","sourceRoot":"","sources":["../../src/ui/top.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n\t:host {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tcolor: var(--og-text-color);\n\t\tbackground-color: var(--og-background-color);\n\t}\n\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\n\t#left {\n\t\t/* background-image: repeating-linear-gradient(45deg, blue 0, red 2px, transparent 0, transparent 50%);\n\t\tbackground-size: 10px 10px;\n\t\tbackground-color: transparent; */\n\t\theight: 100%;\n\t\tflex: 0;\n\t}\n\t\n\t#center {\n\t\t/* background-image: repeating-linear-gradient(45deg, green 0, red 2px, transparent 0, transparent 50%);\n\t\tbackground-size: 10px 10px;\n\t\tbackground-color: transparent; */\n\t\theight: 100%;\n\t\tflex: 1;\n\t}\n\n\t#right {\n\t\theight: 100%;\n\t\tflex: 0;\n\t}\n`;"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@omegagrid/bucket",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.8.0",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"description": "Application layout component",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -28,10 +28,10 @@
|
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"@fortawesome/fontawesome-svg-core": "^7.0.1",
|
|
31
|
-
"@omegagrid/commands": "^0.
|
|
32
|
-
"@omegagrid/core": "^0.
|
|
33
|
-
"@omegagrid/dialog": "^0.
|
|
34
|
-
"@omegagrid/tabs": "^0.
|
|
31
|
+
"@omegagrid/commands": "^0.8.0",
|
|
32
|
+
"@omegagrid/core": "^0.8.0",
|
|
33
|
+
"@omegagrid/dialog": "^0.8.0",
|
|
34
|
+
"@omegagrid/tabs": "^0.8.0",
|
|
35
35
|
"lit": "^3.1.1",
|
|
36
36
|
"ts-debounce": "^4.0.0"
|
|
37
37
|
},
|