@omegagrid/dialog 0.9.36 → 0.9.38

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 (11) hide show
  1. package/dist/components/dialog.d.ts +2 -14
  2. package/dist/components/dialog.d.ts.map +1 -1
  3. package/dist/components/dialog.js +34 -135
  4. package/dist/components/dialog.js.map +1 -1
  5. package/dist/components/dialog.style.d.ts.map +1 -1
  6. package/dist/components/dialog.style.js +20 -15
  7. package/dist/components/dialog.style.js.map +1 -1
  8. package/dist/types.d.ts +1 -1
  9. package/dist/types.d.ts.map +1 -1
  10. package/dist/types.js.map +1 -1
  11. package/package.json +2 -2
package/dist/components/dialog.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { Layout, Overlay, Position, VerticalPosition } from '@omegagrid/core';
1
+ import { Layout, Overlay, VerticalPosition } from '@omegagrid/core';
2
2
  import { LitElement } from 'lit';
3
3
  import { DialogAlert, DialogButton, DialogLocation, DialogOptions } from '../types';
4
4
  export declare class DialogEvent extends Event {
@@ -10,38 +10,28 @@ export declare class Dialog extends LitElement implements Layout {
10
10
  static styles: import("lit").CSSResult[];
11
11
  resizable: boolean;
12
12
  closable: boolean;
13
- maximizable: boolean;
14
13
  scrollable: boolean;
15
14
  disableButtons: boolean;
16
15
  disableAutoclose: boolean;
17
16
  buttonPosition: VerticalPosition;
18
17
  alertPosition: VerticalPosition;
19
18
  component: HTMLElement;
20
- caption: string;
19
+ header: string;
21
20
  width: string | number;
22
21
  height: string | number;
23
22
  buttons: DialogButton[];
24
- animation: number;
25
23
  loaderVisible: boolean;
26
24
  body: HTMLDivElement;
27
- header: HTMLDivElement;
28
- titleElm: HTMLDivElement;
29
25
  loader: Overlay;
30
26
  alerts: DialogAlert[];
31
27
  private _parent;
32
28
  private _movingOffset;
33
29
  private _elementOffset;
34
- private _boundsBeforeMaximize;
35
- get isMaximized(): boolean;
36
30
  private _location;
37
31
  set location(value: DialogLocation);
38
32
  get location(): DialogLocation;
39
- private _isOpen;
40
- get isOpen(): boolean;
41
33
  layout(): void;
42
34
  _onKeyDown: (e: KeyboardEvent) => void;
43
- maximize(): void;
44
- toggleMaximize(): void;
45
35
  constructor();
46
36
  setOptions(options: DialogOptions): void;
47
37
  getOptions(): DialogOptions;
@@ -59,9 +49,7 @@ export declare class Dialog extends LitElement implements Layout {
59
49
  hideLoader(): void;
60
50
  updated(props: Map<PropertyKey, unknown>): void;
61
51
  render: () => import("lit-html").TemplateResult<1>;
62
- calculatePosition(): Position;
63
52
  positionDialog(location: DialogLocation): void;
64
- animatePositionDialog(location: DialogLocation, seconds: number): void;
65
53
  open(parent: HTMLElement, location?: DialogLocation): void;
66
54
  close(dispatchEvent?: boolean): void;
67
55
  }
package/dist/components/dialog.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/components/dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,MAAM,EAAQ,OAAO,EAAE,QAAQ,EAAS,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAChG,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,EAAE,WAAW,EAAE,YAAY,EAAsB,cAAc,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAWxG,qBAAa,WAAY,SAAQ,KAAK;aAIpB,MAAM,EAAE,MAAM;aACd,MAAM,EAAE,YAAY;gBAFpC,IAAI,EAAE,MAAM,EACI,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,YAAY;CAKrC;AAED,qBACa,MAAO,SAAQ,UAAW,YAAW,MAAM;IAEvD,MAAM,CAAC,MAAM,4BAAW;IAGxB,SAAS,UAAS;IAGlB,QAAQ,UAAS;IAGjB,WAAW,UAAS;IAGpB,UAAU,UAAS;IAGnB,cAAc,UAAS;IAGvB,gBAAgB,UAAS;IAGzB,cAAc,EAAE,gBAAgB,CAAY;IAG5C,aAAa,EAAE,gBAAgB,CAAS;IAGxC,SAAS,EAAE,WAAW,CAAC;IAGvB,OAAO,EAAE,MAAM,CAAC;IAGhB,KAAK,EAAE,MAAM,GAAC,MAAM,CAAC;IAGrB,MAAM,EAAE,MAAM,GAAC,MAAM,CAAC;IAGtB,OAAO,EAAE,YAAY,EAAE,CAAM;IAG7B,SAAS,SAAO;IAGhB,aAAa,UAAS;IAGtB,IAAI,EAAE,cAAc,CAAC;IAGrB,MAAM,EAAE,cAAc,CAAC;IAGvB,QAAQ,EAAE,cAAc,CAAC;IAGzB,MAAM,EAAE,OAAO,CAAC;IAGhB,MAAM,EAAE,WAAW,EAAE,CAAM;IAE3B,OAAO,CAAC,OAAO,CAAc;IAC7B,OAAO,CAAC,aAAa,CAAqC;IAC1D,OAAO,CAAC,cAAc,CAAqC;IAC3D,OAAO,CAAC,qBAAqB,CAAc;IAE3C,IAAI,WAAW,YAAgD;IAE/D,OAAO,CAAC,SAAS,CAAiB;IAClC,IAAI,QAAQ,CAAC,KAAK,EAAE,cAAc,EAAgC;IAClE,IAAI,QAAQ,IADQ,cAAc,CAIjC;IAED,OAAO,CAAC,OAAO,CAAS;IACxB,IAAI,MAAM,YAA0B;IAEpC,MAAM;IAaN,UAAU,GAAI,GAAG,aAAa,UAS7B;IAED,QAAQ;IAWR,cAAc;;IAkBd,UAAU,CAAC,OAAO,EAAE,aAAa;IAKjC,UAAU,IAAI,aAAa;IAkB3B,YAAY;IAIZ,MAAM;IASN,QAAQ,CAAC,KAAK,EAAE,WAAW;IAM3B,WAAW;IAIX,oBAAoB;IAIpB,WAAW;IAKX,gBAAgB,aAEd;IAEF,kBAAkB,GAAI,GAAG,UAAU,UAKjC;IAEF,kBAAkB,GAAI,GAAG,UAAU,UAOjC;IAEF,QAAQ,GAAI,KAAK,YAAY,UAG5B;IAED,UAAU;IAKV,UAAU;IAKV,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAcxC,MAAM,6CA6CL;IAED,iBAAiB,IAAI,QAAQ;IA0B7B,cAAc,CAAC,QAAQ,EAAE,cAAc;IAMvC,qBAAqB,CAAC,QAAQ,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM;IAkC/D,IAAI,CAAC,MAAM,EAAE,WAAW,EAAE,QAAQ,CAAC,EAAE,cAAc;IAenD,KAAK,CAAC,aAAa,UAAO;CAM1B"}
1
+ {"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/components/dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,MAAM,EAAE,OAAO,EAAS,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAChF,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,EAAE,WAAW,EAAE,YAAY,EAAsB,cAAc,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAWxG,qBAAa,WAAY,SAAQ,KAAK;aAIpB,MAAM,EAAE,MAAM;aACd,MAAM,EAAE,YAAY;gBAFpC,IAAI,EAAE,MAAM,EACI,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,YAAY;CAKrC;AAED,qBACa,MAAO,SAAQ,UAAW,YAAW,MAAM;IAEvD,MAAM,CAAC,MAAM,4BAAW;IAGxB,SAAS,UAAS;IAGlB,QAAQ,UAAS;IAGjB,UAAU,UAAS;IAGnB,cAAc,UAAS;IAGvB,gBAAgB,UAAS;IAGzB,cAAc,EAAE,gBAAgB,CAAY;IAG5C,aAAa,EAAE,gBAAgB,CAAS;IAGxC,SAAS,EAAE,WAAW,CAAC;IAGvB,MAAM,EAAE,MAAM,CAAC;IAGf,KAAK,EAAE,MAAM,GAAC,MAAM,CAAC;IAGrB,MAAM,EAAE,MAAM,GAAC,MAAM,CAAC;IAGtB,OAAO,EAAE,YAAY,EAAE,CAAM;IAG7B,aAAa,UAAS;IAGtB,IAAI,EAAE,cAAc,CAAC;IAGrB,MAAM,EAAE,OAAO,CAAC;IAGhB,MAAM,EAAE,WAAW,EAAE,CAAM;IAE3B,OAAO,CAAC,OAAO,CAAc;IAC7B,OAAO,CAAC,aAAa,CAAqC;IAC1D,OAAO,CAAC,cAAc,CAAqC;IAE3D,OAAO,CAAC,SAAS,CAAiB;IAClC,IAAI,QAAQ,CAAC,KAAK,EAAE,cAAc,EAAgC;IAClE,IAAI,QAAQ,IADQ,cAAc,CAIjC;IAGD,MAAM;IAMN,UAAU,GAAI,GAAG,aAAa,UAS7B;;IAQD,UAAU,CAAC,OAAO,EAAE,aAAa;IAKjC,UAAU,IAAI,aAAa;IAiB3B,YAAY;IAIZ,MAAM;IASN,QAAQ,CAAC,KAAK,EAAE,WAAW;IAM3B,WAAW;IAIX,oBAAoB;IAIpB,WAAW;IAKX,gBAAgB,aAEd;IAEF,kBAAkB,GAAI,GAAG,UAAU,UAKjC;IAEF,kBAAkB,GAAI,GAAG,UAAU,UAOjC;IAEF,QAAQ,GAAI,KAAK,YAAY,UAG5B;IAED,UAAU;IAKV,UAAU;IAKV,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAcxC,MAAM,6CAsCL;IAED,cAAc,CAAC,QAAQ,EAAE,cAAc;IAuBvC,IAAI,CAAC,MAAM,EAAE,WAAW,EAAE,QAAQ,CAAC,EAAE,cAAc;IASnD,KAAK,CAAC,aAAa,UAAO;CAK1B"}
package/dist/components/dialog.js CHANGED
@@ -24,64 +24,31 @@ export class DialogEvent extends Event {
24
24
  }
25
25
  }
26
26
  let Dialog = class Dialog extends LitElement {
27
- get isMaximized() { return this._boundsBeforeMaximize != null; }
28
27
  set location(value) { this.positionDialog(value); }
29
28
  get location() {
30
29
  if (this._location == null)
31
30
  this._location = { x: this.offsetLeft, y: this.offsetTop };
32
31
  return this._location;
33
32
  }
34
- get isOpen() { return this._isOpen; }
35
33
  layout() {
36
34
  if (this.component && this.component.layout) {
37
- this.component.layout({
38
- parent: this,
39
- elements: new Map([
40
- ['body', this.body],
41
- ['header', this.header],
42
- ['title', this.titleElm]
43
- ])
44
- });
45
- }
46
- }
47
- maximize() {
48
- if (this._boundsBeforeMaximize)
49
- return;
50
- this._boundsBeforeMaximize = dom.getBounds(this);
51
- dom.setBounds(this, {
52
- x: 0,
53
- y: 0,
54
- w: this._parent.clientWidth,
55
- h: this._parent.clientHeight
56
- });
57
- }
58
- toggleMaximize() {
59
- if (this._boundsBeforeMaximize) {
60
- dom.setBounds(this, this._boundsBeforeMaximize);
61
- this._boundsBeforeMaximize = null;
62
- }
63
- else {
64
- this.maximize();
35
+ this.component.layout();
65
36
  }
66
37
  }
67
38
  constructor() {
68
39
  super();
69
40
  this.resizable = false;
70
41
  this.closable = false;
71
- this.maximizable = false;
72
42
  this.scrollable = false;
73
43
  this.disableButtons = false;
74
44
  this.disableAutoclose = false;
75
45
  this.buttonPosition = 'bottom';
76
46
  this.alertPosition = 'top';
77
47
  this.buttons = [];
78
- this.animation = 0.2;
79
48
  this.loaderVisible = false;
80
49
  this.alerts = [];
81
50
  this._movingOffset = null;
82
51
  this._elementOffset = null;
83
- this._boundsBeforeMaximize = null;
84
- this._isOpen = false;
85
52
  this._onKeyDown = (e) => {
86
53
  switch (e.key) {
87
54
  case 'Enter':
@@ -128,19 +95,14 @@ let Dialog = class Dialog extends LitElement {
128
95
  <og-alert .text="${alert.text}" .type="${alert.type}" closable></og-alert>
129
96
  `);
130
97
  return html `
131
- <div class="header" @mousedown="${this._onHeaderMouseDown}">
132
- <div class="title">${this.caption ? html `${this.caption}` : html `<slot name="header"></slot>`}</div>
133
- ${this.maximizable ? html `<og-button color="transparent" icon="window-maximize" @click="${() => this.toggleMaximize()}"></og-button>` : ``}
134
- ${this.closable ? html `<og-close @click="${() => this.close()}"></og-close>` : ``}
98
+ <div id="header" @mousedown="${this._onHeaderMouseDown}">
99
+ <div id="title">${this.header ? html `${this.header}` : html `<slot name="header"></slot>`}</div>
100
+ ${this.closable ? html `<div id="close" @click="${() => this.close()}">&times</div>` : ``}
135
101
  </div>
136
-
137
- ${this.buttons.length > 0 && this.buttonPosition == 'top' ? html `<div class="buttons">${buttons}</div>` : ``}
138
-
139
- ${this.alerts.length > 0 && this.alertPosition == 'top' ? html `<div class="alerts">${alerts}</div>` : ``}
140
-
141
- <div class="body">
102
+ ${this.buttons.length > 0 && this.buttonPosition == 'top' ? html `<div id="buttons">${buttons}</div>` : ``}
103
+ ${this.alerts.length > 0 && this.alertPosition == 'top' ? html `<div id="alerts">${alerts}</div>` : ``}
104
+ <div id="body">
142
105
  ${this.loaderVisible ? html `<og-overlay defaultLoader></og-overlay>` : ``}
143
-
144
106
  ${this.scrollable ? html `
145
107
  <og-container>
146
108
  ${this.component
@@ -153,26 +115,20 @@ let Dialog = class Dialog extends LitElement {
153
115
  : html `<slot name="content"></slot>`}
154
116
  `}
155
117
  </div>
156
-
157
- ${this.alerts.length > 0 && this.alertPosition == 'bottom' ? html `<div class="alerts">${alerts}</div>` : ``}
158
-
159
- ${this.buttons.length > 0 && this.buttonPosition == 'bottom' ? html `<div class="buttons">${buttons}</div>` : ``}
118
+ ${this.alerts.length > 0 && this.alertPosition == 'bottom' ? html `<div id="alerts">${alerts}</div>` : ``}
119
+ ${this.buttons.length > 0 && this.buttonPosition == 'bottom' ? html `<div id="buttons">${buttons}</div>` : ``}
160
120
  `;
161
121
  };
162
122
  this.addEventListener('keydown', this._onKeyDown);
163
- (new ResizeObserver(() => {
164
- this.layout();
165
- this.dispatchEvent(new DialogEvent('resize', this, null));
166
- })).observe(this);
123
+ (new ResizeObserver(() => this.layout())).observe(this);
167
124
  }
168
125
  setOptions(options) {
169
126
  Object.assign(this, options);
170
127
  this.requestUpdate();
171
128
  }
172
129
  getOptions() {
173
- const bounds = dom.getBounds(this);
174
130
  return {
175
- caption: this.caption,
131
+ header: this.header,
176
132
  buttons: this.buttons,
177
133
  disableButtons: this.disableButtons,
178
134
  disableAutoclose: this.disableAutoclose,
@@ -181,9 +137,9 @@ let Dialog = class Dialog extends LitElement {
181
137
  closable: this.closable,
182
138
  resizable: this.resizable,
183
139
  scrollable: this.scrollable,
184
- width: bounds.w,
185
- height: bounds.h,
186
- location: { x: bounds.x, y: bounds.y }
140
+ width: this.width,
141
+ height: this.height,
142
+ location: this.location
187
143
  };
188
144
  }
189
145
  firstUpdated() {
@@ -221,7 +177,7 @@ let Dialog = class Dialog extends LitElement {
221
177
  this.disableButtons = false;
222
178
  }
223
179
  updated(props) {
224
- if (this.loaderVisible && this.loader && this.body) {
180
+ if (this.loaderVisible && this.loader) {
225
181
  this.loader.show(this.body);
226
182
  }
227
183
  if (props.has('width') && this.width) {
@@ -231,94 +187,49 @@ let Dialog = class Dialog extends LitElement {
231
187
  dom.setSize(this, { h: this.height });
232
188
  }
233
189
  }
234
- calculatePosition() {
235
- const location = this.location;
236
- const position = {};
237
- if (location == 'center') {
238
- position.l = this._parent.clientWidth / 2 - this.offsetWidth / 2;
239
- position.t = this._parent.clientHeight / 2 - this.offsetHeight / 2;
240
- }
190
+ positionDialog(location) {
191
+ this._location = location;
192
+ if (!this._parent)
193
+ return;
194
+ if (location == 'center')
195
+ dom.setCenterPosition(this, this._parent);
241
196
  else {
242
197
  if (utils.isString(location.x)) {
243
198
  if (location.x == 'left')
244
- position.l = 0;
199
+ dom.setPosition(this, { l: 0 });
245
200
  else if (location.x == 'right')
246
- position.l = this._parent.clientWidth - this.offsetWidth;
201
+ dom.setPosition(this, { r: 0 });
247
202
  else
248
- position.l = this._parent.clientWidth / 2 - this.offsetWidth / 2;
203
+ dom.setCenterPosition(this, this._parent, { horizontal: true, vertical: false });
249
204
  }
250
205
  else {
251
- position.l = location.x;
206
+ dom.setPosition(this, { l: location.x });
252
207
  }
253
208
  if (utils.isString(location.y)) {
254
209
  if (location.y == 'top')
255
- position.t = 0;
210
+ dom.setPosition(this, { t: 0 });
256
211
  else if (location.y == 'bottom')
257
- position.t = this._parent.clientHeight - this.offsetHeight;
212
+ dom.setPosition(this, { b: 0 });
258
213
  else
259
- position.t = this._parent.clientHeight / 2 - this.offsetHeight / 2;
214
+ dom.setCenterPosition(this, this._parent, { horizontal: false, vertical: true });
260
215
  }
261
216
  else {
262
- position.t = location.y;
217
+ dom.setPosition(this, { t: location.y });
263
218
  }
264
219
  }
265
- return position;
266
- }
267
- positionDialog(location) {
268
- this._location = location;
269
- if (!this._parent)
270
- return;
271
- dom.setPosition(this, this.calculatePosition());
272
- }
273
- animatePositionDialog(location, seconds) {
274
- this._location = location;
275
- this.style.visibility = 'hidden';
276
- dom.showElement(this, this.scrollable || this.height ? 'flex' : 'block');
277
- const position = this.calculatePosition();
278
- const bounds = dom.getBounds(this);
279
- dom.setBounds(this, {
280
- x: position.l + bounds.w / 2,
281
- y: position.t + bounds.h / 2,
282
- w: 0,
283
- h: 0
284
- });
285
- setTimeout(() => {
286
- this.style.visibility = 'visible';
287
- this.style.transition = [
288
- `top ${seconds}s ease-in-out`,
289
- `left ${seconds}s ease-in-out`,
290
- `width ${seconds}s ease-in-out`,
291
- `height ${seconds}s ease-in-out`
292
- ].join(',');
293
- setTimeout(() => dom.setBounds(this, {
294
- x: position.l,
295
- y: position.t,
296
- w: bounds.w,
297
- h: bounds.h
298
- }), 0);
299
- setTimeout(() => this.style.transition = '', seconds * 1000);
300
- }, 1);
301
220
  }
302
221
  open(parent, location) {
303
222
  this._parent = parent;
304
223
  location = location || this.location || 'center';
224
+ console.log(location);
305
225
  (parent.shadowRoot ? parent.shadowRoot : parent).appendChild(this);
306
- this.updateComplete.then(() => {
307
- if (this.animation > 0) {
308
- this.animatePositionDialog(location, this.animation);
309
- }
310
- else {
311
- dom.showElement(this, this.scrollable || this.height ? 'flex' : 'block');
312
- this.positionDialog(location);
313
- }
314
- });
315
- this._isOpen = true;
226
+ dom.showElement(this, this.scrollable || this.height ? 'flex' : 'block');
227
+ this.updateComplete.then(() => this.positionDialog(location));
316
228
  }
317
229
  close(dispatchEvent = true) {
318
230
  dom.remove(this);
319
231
  if (dispatchEvent)
320
232
  this.dispatchEvent(new DialogEvent('close', this, null));
321
- this._isOpen = false;
322
233
  }
323
234
  };
324
235
  Dialog.styles = [style];
@@ -328,9 +239,6 @@ __decorate([
328
239
  __decorate([
329
240
  property({ type: Boolean, reflect: true })
330
241
  ], Dialog.prototype, "closable", void 0);
331
- __decorate([
332
- property({ type: Boolean, reflect: true })
333
- ], Dialog.prototype, "maximizable", void 0);
334
242
  __decorate([
335
243
  property({ type: Boolean, reflect: true })
336
244
  ], Dialog.prototype, "scrollable", void 0);
@@ -351,7 +259,7 @@ __decorate([
351
259
  ], Dialog.prototype, "component", void 0);
352
260
  __decorate([
353
261
  property({ type: String })
354
- ], Dialog.prototype, "caption", void 0);
262
+ ], Dialog.prototype, "header", void 0);
355
263
  __decorate([
356
264
  property({ type: String, reflect: true })
357
265
  ], Dialog.prototype, "width", void 0);
@@ -361,21 +269,12 @@ __decorate([
361
269
  __decorate([
362
270
  property({ type: Array })
363
271
  ], Dialog.prototype, "buttons", void 0);
364
- __decorate([
365
- property({ type: Number })
366
- ], Dialog.prototype, "animation", void 0);
367
272
  __decorate([
368
273
  state()
369
274
  ], Dialog.prototype, "loaderVisible", void 0);
370
275
  __decorate([
371
- query('.body')
276
+ query('#body')
372
277
  ], Dialog.prototype, "body", void 0);
373
- __decorate([
374
- query('.header')
375
- ], Dialog.prototype, "header", void 0);
376
- __decorate([
377
- query('.title')
378
- ], Dialog.prototype, "titleElm", void 0);
379
278
  __decorate([
380
279
  query('og-overlay')
381
280
  ], Dialog.prototype, "loader", void 0);
package/dist/components/dialog.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../src/components/dialog.ts"],"names":[],"mappings":"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","sourcesContent":["import { dom, Layout, Rect, Overlay, Position, utils, VerticalPosition } from '@omegagrid/core';\nimport { LitElement, html } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { map } from 'lit/directives/map.js';\nimport { DialogAlert, DialogButton, DialogButtonConfig, DialogLocation, DialogOptions } from '../types';\nimport { style } from './dialog.style';\n\nconst DEFAULT_BUTTON_CONFIG = new Map<DialogButton, DialogButtonConfig>([\n\t['ok', {type: 'ok', text: 'OK', default: true}],\n\t['cancel', {type: 'cancel', text: 'Cancel'}],\n\t['yes', {type: 'yes', text: 'Yes'}],\n\t['no', {type: 'no', text: 'No'}],\n\t['close', {type: 'close', text: 'Close'}]\n]);\n\nexport class DialogEvent extends Event {\n\t\n\tconstructor(\n\t\ttype: string,\n\t\tpublic readonly dialog: Dialog,\n\t\tpublic readonly button: DialogButton\n\t) {\n\t\tsuper(`dialog.${type}`, {bubbles: true, composed: true, cancelable: true});\n\t}\n\n}\n\n@customElement('og-dialog')\nexport class Dialog extends LitElement implements Layout {\n\n\tstatic styles = [style];\n\n\t@property({type: Boolean, reflect: true})\n\tresizable = false;\n\n\t@property({type: Boolean, reflect: true})\n\tclosable = false;\n\n\t@property({type: Boolean, reflect: true})\n\tmaximizable = false;\n\n\t@property({type: Boolean, reflect: true})\n\tscrollable = false;\n\n\t@property({type: Boolean, reflect: true})\n\tdisableButtons = false;\n\n\t@property({type: Boolean, reflect: true})\n\tdisableAutoclose = false;\n\n\t@property({type: String, reflect: true})\n\tbuttonPosition: VerticalPosition = 'bottom';\n\n\t@property({type: String, reflect: true})\n\talertPosition: VerticalPosition = 'top';\n\n\t@property({type: Object})\n\tcomponent: HTMLElement;\n\n\t@property({type: String})\n\tcaption: string;\n\n\t@property({type: String, reflect: true})\n\twidth: string|number;\n\n\t@property({type: String, reflect: true})\n\theight: string|number;\n\n\t@property({type: Array})\n\tbuttons: DialogButton[] = [];\n\n\t@property({type: Number})\n\tanimation = 0.2;\n\n\t@state()\n\tloaderVisible = false;\n\n\t@query('.body')\n\tbody: HTMLDivElement;\n\n\t@query('.header')\n\theader: HTMLDivElement;\n\n\t@query('.title')\n\ttitleElm: HTMLDivElement;\n\n\t@query('og-overlay')\n\tloader: Overlay;\n\n\t@state()\n\talerts: DialogAlert[] = [];\n\n\tprivate _parent: HTMLElement;\n\tprivate _movingOffset: {top: number, left: number} = null;\n\tprivate _elementOffset: {top: number, left: number} = null;\n\tprivate _boundsBeforeMaximize: Rect = null;\n\n\tget isMaximized() { return this._boundsBeforeMaximize != null }\n\t\n\tprivate _location: DialogLocation;\n\tset location(value: DialogLocation) { this.positionDialog(value) }\n\tget location() {\n\t\tif (this._location == null) this._location = {x: this.offsetLeft, y: this.offsetTop}\n\t\treturn this._location;\n\t}\n\n\tprivate _isOpen = false;\n\tget isOpen() { return this._isOpen }\n\t\n\tlayout() {\n\t\tif (this.component && (this.component as Layout).layout) {\n\t\t\t(this.component as Layout).layout({\n\t\t\t\tparent: this,\n\t\t\t\telements: new Map<string, HTMLElement>([\n\t\t\t\t\t['body', this.body],\n\t\t\t\t\t['header', this.header],\n\t\t\t\t\t['title', this.titleElm]\n\t\t\t\t])\n\t\t\t});\n\t\t}\n\t}\n\n\t_onKeyDown = (e: KeyboardEvent) => {\n\t\tswitch (e.key) {\n\t\t\tcase 'Enter':\n\t\t\t\tthis.submit();\n\t\t\t\tbreak;\n\t\t\tcase 'Escape':\n\t\t\t\tif (this.closable) this.close();\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\tmaximize() {\n\t\tif (this._boundsBeforeMaximize) return;\n\t\tthis._boundsBeforeMaximize = dom.getBounds(this);\n\t\tdom.setBounds(this, {\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tw: this._parent.clientWidth,\n\t\t\th: this._parent.clientHeight\n\t\t});\n\t}\n\n\ttoggleMaximize() {\n\t\tif (this._boundsBeforeMaximize) {\n\t\t\tdom.setBounds(this, this._boundsBeforeMaximize);\n\t\t\tthis._boundsBeforeMaximize = null;\n\t\t} else {\n\t\t\tthis.maximize();\n\t\t}\n\t}\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.addEventListener('keydown', this._onKeyDown);\n\t\t(new ResizeObserver(() => {\n\t\t\tthis.layout();\n\t\t\tthis.dispatchEvent(new DialogEvent('resize', this, null));\n\t\t})).observe(this);\n\t}\n\n\tsetOptions(options: DialogOptions) {\n\t\tObject.assign(this, options);\n\t\tthis.requestUpdate();\n\t}\n\n\tgetOptions(): DialogOptions {\n\t\tconst bounds = dom.getBounds(this);\n\t\treturn {\n\t\t\tcaption: this.caption,\n\t\t\tbuttons: this.buttons,\n\t\t\tdisableButtons: this.disableButtons,\n\t\t\tdisableAutoclose: this.disableAutoclose,\n\t\t\tbuttonPosition: this.buttonPosition,\n\t\t\talertPosition: this.alertPosition,\n\t\t\tclosable: this.closable,\n\t\t\tresizable: this.resizable,\n\t\t\tscrollable: this.scrollable,\n\t\t\twidth: bounds.w,\n\t\t\theight: bounds.h,\n\t\t\tlocation: {x: bounds.x, y: bounds.y}\n\t\t};\n\t}\n\n\tfirstUpdated() {\n\t\tthis.tabIndex = 0;\n\t}\n\n\tsubmit() {\n\t\tfor (const btn of this.buttons) {\n\t\t\tif (DEFAULT_BUTTON_CONFIG.get(btn).default) {\n\t\t\t\tthis._onClick(btn);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\taddAlert(alert: DialogAlert) {\n\t\tconst alerts = [...this.alerts];\n\t\talerts.push(alert);\n\t\tthis.alerts = alerts;\n\t}\n\n\tclearAlerts() {\n\t\tthis.alerts = [];\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.clearEvents();\n\t}\n\n\tclearEvents() {\n\t\tthis._parent.removeEventListener('mouseup', this._onParentMouseUp);\n\t\tthis._parent.removeEventListener('mousemove', this._onParentMouseMove);\n\t}\n\n\t_onParentMouseUp = () => {\n\t\tthis.clearEvents();\n\t};\n\n\t_onHeaderMouseDown = (e: MouseEvent) => {\n\t\tthis._movingOffset = {left: e.clientX, top: e.clientY}; \n\t\tthis._elementOffset = {left: this.offsetLeft, top: this.offsetTop};\n\t\tthis._parent.addEventListener('mouseup', this._onParentMouseUp);\n\t\tthis._parent.addEventListener('mousemove', this._onParentMouseMove);\n\t};\n\n\t_onParentMouseMove = (e: MouseEvent) => {\n\t\tthis._location = null;\n\t\tdom.setPosition(this, {\n\t\t\tl: this._elementOffset.left + e.clientX - this._movingOffset.left,\n\t\t\tt: this._elementOffset.top + e.clientY - this._movingOffset.top, \n\t\t});\n\t\tthis.dispatchEvent(new DialogEvent('move', this, null));\n\t};\n\n\t_onClick = (btn: DialogButton) => {\n\t\tconst res = this.dispatchEvent(new DialogEvent('click', this, btn));\n\t\tif (res && !this.disableAutoclose) this.close();\n\t}\n\n\tshowLoader() {\n\t\tthis.loaderVisible = true;\n\t\tthis.disableButtons = true;\n\t}\n\n\thideLoader() {\n\t\tthis.loaderVisible = false;\n\t\tthis.disableButtons = false;\n\t}\n\n\tupdated(props: Map<PropertyKey, unknown>) {\n\t\tif (this.loaderVisible && this.loader && this.body) {\n\t\t\tthis.loader.show(this.body);\n\t\t}\n\n\t\tif (props.has('width') && this.width) {\n\t\t\tdom.setSize(this, {w: this.width});\n\t\t}\n\n\t\tif (props.has('height') && this.height) {\n\t\t\tdom.setSize(this, {h: this.height});\n\t\t}\n\t}\n\n\trender = () => {\n\t\tconst buttons = map(this.buttons, btn => html`\n\t\t\t<og-button \n\t\t\t\t.text=\"${DEFAULT_BUTTON_CONFIG.get(btn).text}\"\n\t\t\t\t@click=\"${() => this._onClick(btn)}\"\n\t\t\t\t?disabled=\"${this.disableButtons}\"\n\t\t\t\t?default=\"${DEFAULT_BUTTON_CONFIG.get(btn).default}\">\n\t\t\t</og-button>\n\t\t`);\n\n\t\tconst alerts = map(this.alerts, alert => html`\n\t\t\t<og-alert .text=\"${alert.text}\" .type=\"${alert.type}\" closable></og-alert>\n\t\t`);\n\n\t\treturn html`\n\t\t\t<div class=\"header\" @mousedown=\"${this._onHeaderMouseDown}\">\n\t\t\t\t<div class=\"title\">${this.caption ? html`${this.caption}` : html`<slot name=\"header\"></slot>`}</div>\n\t\t\t\t${this.maximizable ? html`<og-button color=\"transparent\" icon=\"window-maximize\" @click=\"${() => this.toggleMaximize()}\"></og-button>` : ``}\n\t\t\t\t${this.closable ? html`<og-close @click=\"${() => this.close()}\"></og-close>` : ``}\n\t\t\t</div>\n\n\t\t\t${this.buttons.length > 0 && this.buttonPosition == 'top' ? html`<div class=\"buttons\">${buttons}</div>` : ``}\n\n\t\t\t${this.alerts.length > 0 && this.alertPosition == 'top' ? html`<div class=\"alerts\">${alerts}</div>` : ``}\n\n\t\t\t<div class=\"body\">\n\t\t\t\t${this.loaderVisible ? html`<og-overlay defaultLoader></og-overlay>` : ``}\n\n\t\t\t\t${this.scrollable ? html`\n\t\t\t\t\t<og-container>\n\t\t\t\t\t\t${this.component\n\t\t\t\t\t\t\t? html`<div slot=\"content\">${this.component}</div>`\n\t\t\t\t\t\t\t: html`<slot name=\"content\" slot=\"content\"></slot>`}\n\t\t\t\t\t</og-container>\n\t\t\t\t` : html`\n\t\t\t\t\t${this.component\n\t\t\t\t\t\t? html`<div slot=\"content\" style=\"height: 100%\">${this.component}</div>`\n\t\t\t\t\t\t: html`<slot name=\"content\"></slot>`}\n\t\t\t\t`}\n\t\t\t</div>\n\n\t\t\t${this.alerts.length > 0 && this.alertPosition == 'bottom' ? html`<div class=\"alerts\">${alerts}</div>` : ``}\n\n\t\t\t${this.buttons.length > 0 && this.buttonPosition == 'bottom' ? html`<div class=\"buttons\">${buttons}</div>` : ``}\n\t\t`;\n\t}\n\n\tcalculatePosition(): Position {\n\t\tconst location = this.location;\n\t\tconst position: Position = {};\n\t\tif (location == 'center') {\n\t\t\tposition.l = this._parent.clientWidth / 2 - this.offsetWidth / 2;\n\t\t\tposition.t = this._parent.clientHeight / 2 - this.offsetHeight / 2;\n\t\t} else {\n\t\t\tif (utils.isString(location.x)) {\n\t\t\t\tif (location.x == 'left') position.l = 0;\n\t\t\t\telse if (location.x == 'right') position.l = this._parent.clientWidth - this.offsetWidth;\n\t\t\t\telse position.l = this._parent.clientWidth / 2 - this.offsetWidth / 2;\n\t\t\t} else {\n\t\t\t\tposition.l = location.x as number;\n\t\t\t}\n\n\t\t\tif (utils.isString(location.y)) {\n\t\t\t\tif (location.y == 'top') position.t = 0;\n\t\t\t\telse if (location.y == 'bottom') position.t = this._parent.clientHeight - this.offsetHeight;\n\t\t\t\telse position.t = this._parent.clientHeight / 2 - this.offsetHeight / 2;\n\t\t\t} else {\n\t\t\t\tposition.t = location.y as number;\n\t\t\t}\n\t\t}\n\t\treturn position;\n\t}\n\n\tpositionDialog(location: DialogLocation) {\n\t\tthis._location = location;\n\t\tif (!this._parent) return;\n\t\tdom.setPosition(this, this.calculatePosition());\n\t}\n\n\tanimatePositionDialog(location: DialogLocation, seconds: number) {\n\t\tthis._location = location;\n\t\tthis.style.visibility = 'hidden';\n\t\tdom.showElement(this, this.scrollable || this.height ? 'flex' : 'block');\n\t\t\n\t\tconst position = this.calculatePosition();\n\t\tconst bounds = dom.getBounds(this);\n\n\t\tdom.setBounds(this, {\n\t\t\tx: position.l + bounds.w / 2,\n\t\t\ty: position.t + bounds.h / 2,\n\t\t\tw: 0,\n\t\t\th: 0\n\t\t});\n\n\t\tsetTimeout(() => {\n\t\t\tthis.style.visibility = 'visible';\n\t\t\tthis.style.transition = [\n\t\t\t\t`top ${seconds}s ease-in-out`,\n\t\t\t\t`left ${seconds}s ease-in-out`, \n\t\t\t\t`width ${seconds}s ease-in-out`,\n\t\t\t\t`height ${seconds}s ease-in-out`\n\t\t\t].join(',');\n\n\t\t\tsetTimeout(() => dom.setBounds(this, {\n\t\t\t\tx: position.l,\n\t\t\t\ty: position.t,\n\t\t\t\tw: bounds.w,\n\t\t\t\th: bounds.h\n\t\t\t}), 0);\n\t\t\tsetTimeout(() => this.style.transition = '', seconds * 1000);\n\t\t}, 1);\n\t}\n\t\n\topen(parent: HTMLElement, location?: DialogLocation) {\n\t\tthis._parent = parent;\n\t\tlocation = location || this.location || 'center';\n\t\t(parent.shadowRoot ? parent.shadowRoot : parent).appendChild(this);\n\t\tthis.updateComplete.then(() => {\n\t\t\tif (this.animation > 0) {\n\t\t\t\tthis.animatePositionDialog(location, this.animation);\n\t\t\t} else {\n\t\t\t\tdom.showElement(this, this.scrollable || this.height ? 'flex' : 'block');\n\t\t\t\tthis.positionDialog(location);\n\t\t\t}\n\t\t});\n\t\tthis._isOpen = true;\n\t}\n\n\tclose(dispatchEvent = true) {\n\t\tdom.remove(this);\n\t\tif (dispatchEvent) this.dispatchEvent(new DialogEvent('close', this, null));\n\t\tthis._isOpen = false;\n\t}\n\n}"]}
1
+ {"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../src/components/dialog.ts"],"names":[],"mappings":"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","sourcesContent":["import { dom, Layout, Overlay, utils, VerticalPosition } from '@omegagrid/core';\nimport { LitElement, html } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { map } from 'lit/directives/map.js';\nimport { DialogAlert, DialogButton, DialogButtonConfig, DialogLocation, DialogOptions } from '../types';\nimport { style } from './dialog.style';\n\nconst DEFAULT_BUTTON_CONFIG = new Map<DialogButton, DialogButtonConfig>([\n\t['ok', {type: 'ok', text: 'OK', default: true}],\n\t['cancel', {type: 'cancel', text: 'Cancel'}],\n\t['yes', {type: 'yes', text: 'Yes'}],\n\t['no', {type: 'no', text: 'No'}],\n\t['close', {type: 'close', text: 'Close'}]\n]);\n\nexport class DialogEvent extends Event {\n\t\n\tconstructor(\n\t\ttype: string,\n\t\tpublic readonly dialog: Dialog,\n\t\tpublic readonly button: DialogButton\n\t) {\n\t\tsuper(`dialog.${type}`, {bubbles: true, composed: true, cancelable: true});\n\t}\n\n}\n\n@customElement('og-dialog')\nexport class Dialog extends LitElement implements Layout {\n\n\tstatic styles = [style];\n\n\t@property({type: Boolean, reflect: true})\n\tresizable = false;\n\n\t@property({type: Boolean, reflect: true})\n\tclosable = false;\n\n\t@property({type: Boolean, reflect: true})\n\tscrollable = false;\n\n\t@property({type: Boolean, reflect: true})\n\tdisableButtons = false;\n\n\t@property({type: Boolean, reflect: true})\n\tdisableAutoclose = false;\n\n\t@property({type: String, reflect: true})\n\tbuttonPosition: VerticalPosition = 'bottom';\n\n\t@property({type: String, reflect: true})\n\talertPosition: VerticalPosition = 'top';\n\n\t@property({type: Object})\n\tcomponent: HTMLElement;\n\n\t@property({type: String})\n\theader: string;\n\n\t@property({type: String, reflect: true})\n\twidth: string|number;\n\n\t@property({type: String, reflect: true})\n\theight: string|number;\n\n\t@property({type: Array})\n\tbuttons: DialogButton[] = [];\n\n\t@state()\n\tloaderVisible = false;\n\n\t@query('#body')\n\tbody: HTMLDivElement;\n\n\t@query('og-overlay')\n\tloader: Overlay;\n\n\t@state()\n\talerts: DialogAlert[] = [];\n\n\tprivate _parent: HTMLElement;\n\tprivate _movingOffset: {top: number, left: number} = null;\n\tprivate _elementOffset: {top: number, left: number} = null;\n\t\n\tprivate _location: DialogLocation;\n\tset location(value: DialogLocation) { this.positionDialog(value) }\n\tget location() {\n\t\tif (this._location == null) this._location = {x: this.offsetLeft, y: this.offsetTop}\n\t\treturn this._location;\n\t}\n\n\t\n\tlayout() {\n\t\tif (this.component && (this.component as Layout).layout) {\n\t\t\t(this.component as Layout).layout();\n\t\t}\n\t}\n\n\t_onKeyDown = (e: KeyboardEvent) => {\n\t\tswitch (e.key) {\n\t\t\tcase 'Enter':\n\t\t\t\tthis.submit();\n\t\t\t\tbreak;\n\t\t\tcase 'Escape':\n\t\t\t\tif (this.closable) this.close();\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.addEventListener('keydown', this._onKeyDown);\n\t\t(new ResizeObserver(() => this.layout())).observe(this);\n\t}\n\n\tsetOptions(options: DialogOptions) {\n\t\tObject.assign(this, options);\n\t\tthis.requestUpdate();\n\t}\n\n\tgetOptions(): DialogOptions {\n\t\treturn {\n\t\t\theader: this.header,\n\t\t\tbuttons: this.buttons,\n\t\t\tdisableButtons: this.disableButtons,\n\t\t\tdisableAutoclose: this.disableAutoclose,\n\t\t\tbuttonPosition: this.buttonPosition,\n\t\t\talertPosition: this.alertPosition,\n\t\t\tclosable: this.closable,\n\t\t\tresizable: this.resizable,\n\t\t\tscrollable: this.scrollable,\n\t\t\twidth: this.width,\n\t\t\theight: this.height,\n\t\t\tlocation: this.location\n\t\t};\n\t}\n\n\tfirstUpdated() {\n\t\tthis.tabIndex = 0;\n\t}\n\n\tsubmit() {\n\t\tfor (const btn of this.buttons) {\n\t\t\tif (DEFAULT_BUTTON_CONFIG.get(btn).default) {\n\t\t\t\tthis._onClick(btn);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\taddAlert(alert: DialogAlert) {\n\t\tconst alerts = [...this.alerts];\n\t\talerts.push(alert);\n\t\tthis.alerts = alerts;\n\t}\n\n\tclearAlerts() {\n\t\tthis.alerts = [];\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.clearEvents();\n\t}\n\n\tclearEvents() {\n\t\tthis._parent.removeEventListener('mouseup', this._onParentMouseUp);\n\t\tthis._parent.removeEventListener('mousemove', this._onParentMouseMove);\n\t}\n\n\t_onParentMouseUp = () => {\n\t\tthis.clearEvents();\n\t};\n\n\t_onHeaderMouseDown = (e: MouseEvent) => {\n\t\tthis._movingOffset = {left: e.clientX, top: e.clientY}; \n\t\tthis._elementOffset = {left: this.offsetLeft, top: this.offsetTop};\n\t\tthis._parent.addEventListener('mouseup', this._onParentMouseUp);\n\t\tthis._parent.addEventListener('mousemove', this._onParentMouseMove);\n\t};\n\n\t_onParentMouseMove = (e: MouseEvent) => {\n\t\tthis._location = null;\n\t\tdom.setPosition(this, {\n\t\t\tl: this._elementOffset.left + e.clientX - this._movingOffset.left,\n\t\t\tt: this._elementOffset.top + e.clientY - this._movingOffset.top, \n\t\t});\n\t\tthis.dispatchEvent(new DialogEvent('move', this, null));\n\t};\n\n\t_onClick = (btn: DialogButton) => {\n\t\tconst res = this.dispatchEvent(new DialogEvent('click', this, btn));\n\t\tif (res && !this.disableAutoclose) this.close();\n\t}\n\n\tshowLoader() {\n\t\tthis.loaderVisible = true;\n\t\tthis.disableButtons = true;\n\t}\n\n\thideLoader() {\n\t\tthis.loaderVisible = false;\n\t\tthis.disableButtons = false;\n\t}\n\n\tupdated(props: Map<PropertyKey, unknown>) {\n\t\tif (this.loaderVisible && this.loader) {\n\t\t\tthis.loader.show(this.body);\n\t\t}\n\n\t\tif (props.has('width') && this.width) {\n\t\t\tdom.setSize(this, {w: this.width});\n\t\t}\n\n\t\tif (props.has('height') && this.height) {\n\t\t\tdom.setSize(this, {h: this.height});\n\t\t}\n\t}\n\n\trender = () => {\n\t\tconst buttons = map(this.buttons, btn => html`\n\t\t\t<og-button \n\t\t\t\t.text=\"${DEFAULT_BUTTON_CONFIG.get(btn).text}\"\n\t\t\t\t@click=\"${() => this._onClick(btn)}\"\n\t\t\t\t?disabled=\"${this.disableButtons}\"\n\t\t\t\t?default=\"${DEFAULT_BUTTON_CONFIG.get(btn).default}\">\n\t\t\t</og-button>\n\t\t`);\n\n\t\tconst alerts = map(this.alerts, alert => html`\n\t\t\t<og-alert .text=\"${alert.text}\" .type=\"${alert.type}\" closable></og-alert>\n\t\t`);\n\n\t\treturn html`\n\t\t\t<div id=\"header\" @mousedown=\"${this._onHeaderMouseDown}\">\n\t\t\t\t<div id=\"title\">${this.header ? html`${this.header}` : html`<slot name=\"header\"></slot>`}</div>\n\t\t\t\t${this.closable ? html`<div id=\"close\" @click=\"${() => this.close()}\">&times</div>` : ``}\n\t\t\t</div>\n\t\t\t${this.buttons.length > 0 && this.buttonPosition == 'top' ? html`<div id=\"buttons\">${buttons}</div>` : ``}\n\t\t\t${this.alerts.length > 0 && this.alertPosition == 'top' ? html`<div id=\"alerts\">${alerts}</div>` : ``}\n\t\t\t<div id=\"body\">\n\t\t\t\t${this.loaderVisible ? html`<og-overlay defaultLoader></og-overlay>` : ``}\n\t\t\t\t${this.scrollable ? html`\n\t\t\t\t\t<og-container>\n\t\t\t\t\t\t${this.component\n\t\t\t\t\t\t\t? html`<div slot=\"content\">${this.component}</div>`\n\t\t\t\t\t\t\t: html`<slot name=\"content\" slot=\"content\"></slot>`}\n\t\t\t\t\t</og-container>\n\t\t\t\t` : html`\n\t\t\t\t\t${this.component\n\t\t\t\t\t\t? html`<div slot=\"content\" style=\"height: 100%\">${this.component}</div>`\n\t\t\t\t\t\t: html`<slot name=\"content\"></slot>`}\n\t\t\t\t`}\n\t\t\t</div>\n\t\t\t${this.alerts.length > 0 && this.alertPosition == 'bottom' ? html`<div id=\"alerts\">${alerts}</div>` : ``}\n\t\t\t${this.buttons.length > 0 && this.buttonPosition == 'bottom' ? html`<div id=\"buttons\">${buttons}</div>` : ``}\n\t\t`;\n\t}\n\n\tpositionDialog(location: DialogLocation) {\n\t\tthis._location = location;\n\t\tif (!this._parent) return;\n\t\tif (location == 'center') dom.setCenterPosition(this, this._parent);\n\t\telse {\n\t\t\tif (utils.isString(location.x)) {\n\t\t\t\tif (location.x == 'left') dom.setPosition(this, {l: 0});\n\t\t\t\telse if (location.x == 'right') dom.setPosition(this, {r: 0});\n\t\t\t\telse dom.setCenterPosition(this, this._parent, {horizontal: true, vertical: false});\n\t\t\t} else {\n\t\t\t\tdom.setPosition(this, {l: location.x as number});\n\t\t\t}\n\t\t\t\n\t\t\tif (utils.isString(location.y)) {\n\t\t\t\tif (location.y == 'top') dom.setPosition(this, {t: 0});\n\t\t\t\telse if (location.y == 'bottom') dom.setPosition(this, {b: 0});\n\t\t\t\telse dom.setCenterPosition(this, this._parent, {horizontal: false, vertical: true});\n\t\t\t} else {\n\t\t\t\tdom.setPosition(this, {t: location.y as number});\n\t\t\t}\n\t\t}\n\t}\n\n\topen(parent: HTMLElement, location?: DialogLocation) {\n\t\tthis._parent = parent;\n\t\tlocation = location || this.location || 'center';\n\t\tconsole.log(location);\n\t\t(parent.shadowRoot ? parent.shadowRoot : parent).appendChild(this);\n\t\tdom.showElement(this, this.scrollable || this.height ? 'flex' : 'block');\n\t\tthis.updateComplete.then(() => this.positionDialog(location));\n\t}\n\n\tclose(dispatchEvent = true) {\n\t\tdom.remove(this);\n\t\tif (dispatchEvent) this.dispatchEvent(new DialogEvent('close', this, null));\n\t}\n\n}"]}
package/dist/components/dialog.style.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dialog.style.d.ts","sourceRoot":"","sources":["../../src/components/dialog.style.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK,yBAyEjB,CAAC"}
1
+ {"version":3,"file":"dialog.style.d.ts","sourceRoot":"","sources":["../../src/components/dialog.style.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK,yBA8EjB,CAAC"}
package/dist/components/dialog.style.js CHANGED
@@ -26,41 +26,46 @@ export const style = css `
26
26
  resize: both;
27
27
  }
28
28
 
29
- .header {
29
+ #header {
30
30
  display: flex;
31
- padding-left: 10px;
31
+ padding: 0 10px;
32
32
  flex: 0;
33
33
  cursor: move;
34
- align-items: center;
35
34
  }
36
35
 
37
- .title {
36
+ #title {
38
37
  flex: 1;
39
38
  line-height: ${constants.DIALOG_HEADER_HEIGHT}px;
40
39
  }
41
40
 
42
- .header og-close {
43
- flex: 0 0 22px;
44
- margin-right: 5px;
41
+ #close {
42
+ flex: 0;
43
+ margin-top: ${constants.DIALOG_HEADER_HEIGHT / 4}px;
44
+ min-width: ${constants.DIALOG_HEADER_HEIGHT / 2}px;
45
+ height: ${constants.DIALOG_HEADER_HEIGHT / 2}px;
46
+ line-height: ${constants.DIALOG_HEADER_HEIGHT / 2}px;
47
+ border-radius: 50%;
48
+ cursor: pointer;
49
+ text-align: center;
45
50
  }
46
-
47
- .header og-button {
48
- flex: 0 0 30px;
49
- margin-right: 5px;
51
+
52
+ #close:hover {
53
+ background-color: var(--og-accent-color);
54
+ color: var(--og-text-color-2);
50
55
  }
51
56
 
52
- .body {
57
+ #body {
53
58
  position: relative;
54
59
  flex: 1;
55
60
  overflow: hidden;
56
61
  border-top: 1px solid var(--og-border-color);
57
62
  }
58
63
 
59
- .body og-container {
64
+ #body og-container {
60
65
  height: 100%;
61
66
  }
62
67
 
63
- .buttons {
68
+ #buttons {
64
69
  display: flex;
65
70
  flex-direction: row;
66
71
  gap: 8px;
@@ -69,7 +74,7 @@ export const style = css `
69
74
  border-top: 1px solid var(--og-border-color);
70
75
  }
71
76
 
72
- .buttons og-button {
77
+ #buttons og-button {
73
78
  min-width: 80px;
74
79
  text-align: center;
75
80
  }
package/dist/components/dialog.style.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dialog.style.js","sourceRoot":"","sources":["../../src/components/dialog.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAoCP,SAAS,CAAC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqC9C,CAAC","sourcesContent":["import { css } from 'lit';\nimport constants from '../constants';\n\nexport const style = css`\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\n\t:host {\n\t\tdisplay: none;\n\t\tflex-direction: column;\n\t\tbackground: var(--og-dialog-background);\n\t\tcolor: var(--og-dialog-color);\n\t\tborder: 1px solid var(--og-border-color);\n\t\tfont-size: var(--og-font-size);\n\t\tfont-family: var(--og-font-family);\n\t\twidth: 400px;\n\t\tposition: absolute;\n\t\toverflow: hidden;\n\t\toutline: none;\n\t\tbox-shadow: 8px 8px 4px -3px var(--og-dialog-shadow);\n\t\tz-index: 500;\n\t\tborder-radius: var(--og-base-radius);\n\t}\n\n\t:host([resizable]) {\n\t\tresize: both;\n\t}\n\n\t.header {\n\t\tdisplay: flex;\n\t\tpadding-left: 10px;\n\t\tflex: 0;\n\t\tcursor: move;\n\t\talign-items: center;\n\t}\n\n\t.title {\n\t\tflex: 1;\n\t\tline-height: ${constants.DIALOG_HEADER_HEIGHT}px;\n\t}\n\n\t.header og-close {\n\t\tflex: 0 0 22px;\n\t\tmargin-right: 5px;\n\t}\n\n\t.header og-button {\n\t\tflex: 0 0 30px;\n\t\tmargin-right: 5px;\n\t}\n\n\t.body {\n\t\tposition: relative;\n\t\tflex: 1;\n\t\toverflow: hidden;\n\t\tborder-top: 1px solid var(--og-border-color);\n\t}\n\n\t.body og-container {\n\t\theight: 100%;\n\t}\n\n\t.buttons {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tgap: 8px;\n\t\tjustify-content: flex-end;\n\t\tpadding: 8px;\n\t\tborder-top: 1px solid var(--og-border-color);\n\t}\n\n\t.buttons og-button {\n\t\tmin-width: 80px;\n\t\ttext-align: center;\n\t}\n`;"]}
1
+ {"version":3,"file":"dialog.style.js","sourceRoot":"","sources":["../../src/components/dialog.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAmCP,SAAS,CAAC,oBAAoB;;;;;gBAK/B,SAAS,CAAC,oBAAoB,GAAG,CAAC;eACnC,SAAS,CAAC,oBAAoB,GAAG,CAAC;YACrC,SAAS,CAAC,oBAAoB,GAAG,CAAC;iBAC7B,SAAS,CAAC,oBAAoB,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmClD,CAAC","sourcesContent":["import { css } from 'lit';\nimport constants from '../constants';\n\nexport const style = css`\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\n\t:host {\n\t\tdisplay: none;\n\t\tflex-direction: column;\n\t\tbackground: var(--og-dialog-background);\n\t\tcolor: var(--og-dialog-color);\n\t\tborder: 1px solid var(--og-border-color);\n\t\tfont-size: var(--og-font-size);\n\t\tfont-family: var(--og-font-family);\n\t\twidth: 400px;\n\t\tposition: absolute;\n\t\toverflow: hidden;\n\t\toutline: none;\n\t\tbox-shadow: 8px 8px 4px -3px var(--og-dialog-shadow);\n\t\tz-index: 500;\n\t\tborder-radius: var(--og-base-radius);\n\t}\n\n\t:host([resizable]) {\n\t\tresize: both;\n\t}\n\n\t#header {\n\t\tdisplay: flex;\n\t\tpadding: 0 10px;\n\t\tflex: 0;\n\t\tcursor: move;\n\t}\n\n\t#title {\n\t\tflex: 1;\n\t\tline-height: ${constants.DIALOG_HEADER_HEIGHT}px;\n\t}\n\n\t#close {\n\t\tflex: 0;\n\t\tmargin-top: ${constants.DIALOG_HEADER_HEIGHT / 4}px;\n\t\tmin-width: ${constants.DIALOG_HEADER_HEIGHT / 2}px;\n\t\theight: ${constants.DIALOG_HEADER_HEIGHT / 2}px;\n\t\tline-height: ${constants.DIALOG_HEADER_HEIGHT / 2}px;\n\t\tborder-radius: 50%;\n\t\tcursor: pointer;\n\t\ttext-align: center;\n\t}\n\t\n\t#close:hover {\n\t\tbackground-color: var(--og-accent-color);\n\t\tcolor: var(--og-text-color-2);\n\t}\n\n\t#body {\n\t\tposition: relative;\n\t\tflex: 1;\n\t\toverflow: hidden;\n\t\tborder-top: 1px solid var(--og-border-color);\n\t}\n\n\t#body og-container {\n\t\theight: 100%;\n\t}\n\n\t#buttons {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tgap: 8px;\n\t\tjustify-content: flex-end;\n\t\tpadding: 8px;\n\t\tborder-top: 1px solid var(--og-border-color);\n\t}\n\n\t#buttons og-button {\n\t\tmin-width: 80px;\n\t\ttext-align: center;\n\t}\n`;"]}
package/dist/types.d.ts CHANGED
@@ -14,7 +14,7 @@ export type DialogLocation = {
14
14
  y?: number | VerticalPosition;
15
15
  } | 'center';
16
16
  export type DialogOptions = {
17
- caption?: string;
17
+ header?: string;
18
18
  buttons?: DialogButton[];
19
19
  disableButtons?: boolean;
20
20
  disableAutoclose?: boolean;
package/dist/types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAElF,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,QAAQ,GAAG,KAAK,GAAG,IAAI,GAAG,OAAO,GAAG,QAAQ,CAAC;AAG/E,MAAM,MAAM,kBAAkB,GAAG;IAChC,IAAI,EAAE,YAAY,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,SAAS,CAAA;CACf,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC5B,CAAC,CAAC,EAAE,MAAM,GAAC,kBAAkB,CAAC;IAC9B,CAAC,CAAC,EAAE,MAAM,GAAC,gBAAgB,CAAC;CAC5B,GAAG,QAAQ,CAAC;AAEb,MAAM,MAAM,aAAa,GAAG;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAC,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,GAAC,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,cAAc,CAAA;CACzB,CAAA"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAElF,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,QAAQ,GAAG,KAAK,GAAG,IAAI,GAAG,OAAO,GAAG,QAAQ,CAAC;AAG/E,MAAM,MAAM,kBAAkB,GAAG;IAChC,IAAI,EAAE,YAAY,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,SAAS,CAAA;CACf,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC5B,CAAC,CAAC,EAAE,MAAM,GAAC,kBAAkB,CAAC;IAC9B,CAAC,CAAC,EAAE,MAAM,GAAC,gBAAgB,CAAC;CAC5B,GAAG,QAAQ,CAAC;AAEb,MAAM,MAAM,aAAa,GAAG;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAC,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,GAAC,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,cAAc,CAAA;CACzB,CAAA"}
package/dist/types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"","sourcesContent":["import { AlertType, HorizontalPosition, VerticalPosition } from \"@omegagrid/core\";\n\nexport type DialogButton = 'ok' | 'cancel' | 'yes' | 'no' | 'close' | 'custom';\n// export type DialogLocation = 'top' | 'bottom';\n\nexport type DialogButtonConfig = {\n\ttype: DialogButton,\n\ttext: string,\n\tdefault?: boolean\n};\n\nexport type DialogAlert = {\n\ttext: string,\n\ttype: AlertType\n};\n\nexport type DialogLocation = {\n\tx?: number|HorizontalPosition,\n\ty?: number|VerticalPosition,\n} | 'center';\n\nexport type DialogOptions = {\n\tcaption?: string,\n\tbuttons?: DialogButton[],\n\tdisableButtons?: boolean,\n\tdisableAutoclose?: boolean,\n\tbuttonPosition?: VerticalPosition,\n\talertPosition?: VerticalPosition,\n\tclosable?: boolean,\n\tresizable?: boolean,\n\tscrollable?: boolean,\n\twidth?: string|number,\n\theight?: string|number,\n\tlocation?: DialogLocation\n}"]}
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"","sourcesContent":["import { AlertType, HorizontalPosition, VerticalPosition } from \"@omegagrid/core\";\n\nexport type DialogButton = 'ok' | 'cancel' | 'yes' | 'no' | 'close' | 'custom';\n// export type DialogLocation = 'top' | 'bottom';\n\nexport type DialogButtonConfig = {\n\ttype: DialogButton,\n\ttext: string,\n\tdefault?: boolean\n};\n\nexport type DialogAlert = {\n\ttext: string,\n\ttype: AlertType\n};\n\nexport type DialogLocation = {\n\tx?: number|HorizontalPosition,\n\ty?: number|VerticalPosition,\n} | 'center';\n\nexport type DialogOptions = {\n\theader?: string,\n\tbuttons?: DialogButton[],\n\tdisableButtons?: boolean,\n\tdisableAutoclose?: boolean,\n\tbuttonPosition?: VerticalPosition,\n\talertPosition?: VerticalPosition,\n\tclosable?: boolean,\n\tresizable?: boolean,\n\tscrollable?: boolean,\n\twidth?: string|number,\n\theight?: string|number,\n\tlocation?: DialogLocation\n}"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@omegagrid/dialog",
3
- "version": "0.9.36",
3
+ "version": "0.9.38",
4
4
  "license": "UNLICENSED",
5
5
  "description": "Dialog component",
6
6
  "main": "./dist/index.js",
@@ -28,7 +28,7 @@
28
28
  },
29
29
  "dependencies": {
30
30
  "@fortawesome/fontawesome-svg-core": "^7.0.1",
31
- "@omegagrid/core": "^0.9.36",
31
+ "@omegagrid/core": "^0.9.38",
32
32
  "lit": "^3.1.1",
33
33
  "monaco-editor": "^0.52.2",
34
34
  "ts-debounce": "^4.0.0",