@omegagrid/calendar 0.6.131 → 0.6.133

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.
@@ -34,8 +34,8 @@ export const style = css `
34
34
  }
35
35
 
36
36
  og-button {
37
- padding-left: 10px;
38
- padding-right: 10px;
37
+ padding-left: 5px;
38
+ padding-right: 5px;
39
39
  }
40
40
 
41
41
  og-button.left, og-button.right {
@@ -1 +1 @@
1
- {"version":3,"file":"calendar.style.js","sourceRoot":"","sources":["../../src/ui/calendar.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;;;;;;;;;;;;;;;cAeV,SAAS,CAAC,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BpC,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: flex;\n\t\tflex-direction: column;\n\t\tfont-family: var(--og-font-family);\n\t\tfont-size: var(--og-font-size);\n\t\tmin-height: 200px;\n\t\tmin-width: 280px;\n\t}\n\n\t.header {\n\t\tflex: 0 0 ${constants.HEADER_HEIGHT}px;\n\t\tbackground: var(--og-accent-color);\n\t\tcolor: #ffffff;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t}\n\n\t.body {\n\t\tflex: 1;\n\t\toverflow: hidden;\n\t\tposition: relative;\n\t}\n\n\tog-grid {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\tog-button {\n\t\tpadding-left: 10px;\n\t\tpadding-right: 10px;\n\t}\n\n\tog-button.left, og-button.right {\n\t\twidth: 10px;\n\t\tpadding-left: 2px;\n\t\tpadding-right: 2px;\n\t}\n\t\n`;"]}
1
+ {"version":3,"file":"calendar.style.js","sourceRoot":"","sources":["../../src/ui/calendar.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;;;;;;;;;;;;;;;cAeV,SAAS,CAAC,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BpC,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: flex;\n\t\tflex-direction: column;\n\t\tfont-family: var(--og-font-family);\n\t\tfont-size: var(--og-font-size);\n\t\tmin-height: 200px;\n\t\tmin-width: 280px;\n\t}\n\n\t.header {\n\t\tflex: 0 0 ${constants.HEADER_HEIGHT}px;\n\t\tbackground: var(--og-accent-color);\n\t\tcolor: #ffffff;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t}\n\n\t.body {\n\t\tflex: 1;\n\t\toverflow: hidden;\n\t\tposition: relative;\n\t}\n\n\tog-grid {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\tog-button {\n\t\tpadding-left: 5px;\n\t\tpadding-right: 5px;\n\t}\n\n\tog-button.left, og-button.right {\n\t\twidth: 10px;\n\t\tpadding-left: 2px;\n\t\tpadding-right: 2px;\n\t}\n\t\n`;"]}
@@ -67,7 +67,7 @@ let CalendarDropdown = class CalendarDropdown extends Dropdown {
67
67
  ` : ''}
68
68
 
69
69
  <og-button
70
- caret
70
+ ?caret="${!this.noCaret}"
71
71
  color="${this.color}"
72
72
  id="main"
73
73
  style="flex: 1; text-align: center;"
@@ -109,7 +109,7 @@ let CalendarDropdown = class CalendarDropdown extends Dropdown {
109
109
  __classPrivateFieldGet(this, _CalendarDropdown_calendar, "f").slot = 'inner-content';
110
110
  __classPrivateFieldGet(this, _CalendarDropdown_calendar, "f").addEventListener('change', (e) => {
111
111
  __classPrivateFieldSet(this, _CalendarDropdown_value, e.value, "f");
112
- // this.close();
112
+ this.close();
113
113
  this.dispatchEvent(new events.ChangeEvent({ value: e.value }));
114
114
  this.requestUpdate();
115
115
  });
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../src/ui/dropdown.ts"],"names":[],"mappings":"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","sourcesContent":["import { Dropdown, Input, dates, dom, events } from \"@omegagrid/core\";\nimport { customElement, property, query } from \"lit/decorators.js\";\nimport { initOptions, Options } from \"../options\";\nimport { html } from \"lit\";\nimport { style } from \"./dropdown.style\";\nimport { Calendar } from \"./calendar\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\n\n@customElement('og-calendar-dropdown')\nexport class CalendarDropdown extends Dropdown {\n\n\tstatic styles = [...Dropdown.styles, style];\n\n\t@property({type: Object})\n\tcalendarOptions: Options = initOptions({\n\t\tcontrolsPosition: 'bottom'\n\t});\n\n\t@property({type: Boolean})\n\tbuttonInput = false;\n\n\t#value: Date;\n\t@property({type: Object, noAccessor: true})\n\tget value() { return this.#value }\n\tset value(value: Date) {\n\t\tthis.#value = value;\n\t\tif (this.#calendar) {\n\t\t\tthis.#calendar.date = value;\n\t\t\tthis.requestUpdate();\n\t\t}\n\t}\n\n\t@property({type: Boolean, reflect: true})\n\tcross = false;\n\n\t@query('og-input')\n\tinput: Input;\n\n\t#calendar: Calendar;\t\n\n\tget hasCrossButton() {\n\t\treturn this.cross && this.#value != null;\n\t}\n\n\tget calendar() {\n\t\tif (this.#calendar) return this.#calendar;\n\t\tthis.#calendar = dom.createElement<Calendar>('og-calendar');\n\t\tthis.#calendar.date = this.#value;\n\t\tthis.#calendar.options = this.calendarOptions;\n\t\tthis.#calendar.slot = 'inner-content';\n\t\tthis.#calendar.addEventListener('change', (e: events.ChangeEvent<Date>) => {\n\t\t\tthis.#value = e.value;\n\t\t\t// this.close();\n\t\t\tthis.dispatchEvent(new events.ChangeEvent({value: e.value}));\n\t\t\tthis.requestUpdate();\n\t\t});\n\t\treturn this.#calendar;\n\t}\n\n\tasync open(initialValue: string = null) {\n\t\tif (initialValue != null) this.input.value = initialValue;\n\n\t\tawait super.open();\n\t\tif (this.calendar.parentElement != this.dropdown) this.dropdown.appendChild(this.calendar);\n\t\tthis.layout();\n\t}\n\n\tclearValue(dispatchEvent = true) {\n\t\tthis.value = null;\n\t\tthis.close();\n\t\tif (dispatchEvent) this.dispatchEvent(new events.ChangeEvent({value: null}));\n\t}\n\n\t_onInputFocus = () => {\n\t\tthis.open();\n\t}\n\n\tparseDate(value: string) {\n\t\treturn dates.parse(value, this.calendarOptions.locale);\n\t}\n\n\t_onInputBlur = () => {\n\t\tconst newDate = this.parseDate(this.input.value);\n\t\tif (newDate == null) this.input.value = '';\n\t\tif (newDate?.getTime() !== this.#value?.getTime()) {\n\t\t\tthis.#value = newDate;\n\t\t\tthis.dispatchEvent(new events.ChangeEvent({value: this.value}));\n\t\t}\n\t}\n\t\n\t_onInput = () => {\n\t\tconst newDate = this.parseDate(this.input.value);\n\t\tif (newDate) this.#calendar.date = newDate;\n\t}\n\n\t_onInputKeydown = (e: KeyboardEvent) => {\n\t\tif (e.key === 'Enter') {\n\t\t\tthis.input.blur();\n\t\t\tthis.close();\n\t\t}\n\t}\n\n\tlayout() {\n\t\tsuper.layout();\n\t\tthis.calendar?.layout();\n\t}\n\n\trender = () => html`\n\t\t${this.buttonInput ? html`\n\t\t\t<og-input\n\t\t\t\t@keydown=\"${this._onInputKeydown}\"\n\t\t\t\t@focus=\"${this._onInputFocus}\"\n\t\t\t\t@input=\"${this._onInput}\"\n\t\t\t\t@blur=\"${this._onInputBlur}\"\n\t\t\t\t.value=\"${this.calendar?.formattedDate || ''}\">\n\t\t\t</og-input>\n\t\t` : ''}\n\n\t\t<og-button\n\t\t\tcaret\n\t\t\tcolor=\"${this.color}\"\n\t\t\tid=\"main\"\n\t\t\tstyle=\"flex: 1; text-align: center;\" \n\t\t\t@mousedown=\"${this._onMousedown}\">\n\t\t\t<div id=\"content\" slot=\"content\">\n\t\t\t\t${this.calendar?.formattedDate || unsafeHTML('&nbsp;')}\n\t\t\t</div>\n\t\t</og-button>\n\n\t\t${this.hasCrossButton ? html`\n\t\t\t<og-button\n\t\t\t\tid=\"cross\"\n\t\t\t\t@mousedown=\"${() => this.clearValue(true)}\"\n\t\t\t\ticon=\"xmark\"\n\t\t\t\tcolor=\"red\">\n\t\t\t</og-button>\n\t\t` : ``}\n\n\t\t${this.renderDropdown()}\n\t`;\n}\n"]}
1
+ {"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../src/ui/dropdown.ts"],"names":[],"mappings":"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","sourcesContent":["import { Dropdown, Input, dates, dom, events } from \"@omegagrid/core\";\nimport { customElement, property, query } from \"lit/decorators.js\";\nimport { initOptions, Options } from \"../options\";\nimport { html } from \"lit\";\nimport { style } from \"./dropdown.style\";\nimport { Calendar } from \"./calendar\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\n\n@customElement('og-calendar-dropdown')\nexport class CalendarDropdown extends Dropdown {\n\n\tstatic styles = [...Dropdown.styles, style];\n\n\t@property({type: Object})\n\tcalendarOptions: Options = initOptions({\n\t\tcontrolsPosition: 'bottom'\n\t});\n\n\t@property({type: Boolean})\n\tbuttonInput = false;\n\n\t#value: Date;\n\t@property({type: Object, noAccessor: true})\n\tget value() { return this.#value }\n\tset value(value: Date) {\n\t\tthis.#value = value;\n\t\tif (this.#calendar) {\n\t\t\tthis.#calendar.date = value;\n\t\t\tthis.requestUpdate();\n\t\t}\n\t}\n\n\t@property({type: Boolean, reflect: true})\n\tcross = false;\n\n\t@query('og-input')\n\tinput: Input;\n\n\t#calendar: Calendar;\t\n\n\tget hasCrossButton() {\n\t\treturn this.cross && this.#value != null;\n\t}\n\n\tget calendar() {\n\t\tif (this.#calendar) return this.#calendar;\n\t\tthis.#calendar = dom.createElement<Calendar>('og-calendar');\n\t\tthis.#calendar.date = this.#value;\n\t\tthis.#calendar.options = this.calendarOptions;\n\t\tthis.#calendar.slot = 'inner-content';\n\t\tthis.#calendar.addEventListener('change', (e: events.ChangeEvent<Date>) => {\n\t\t\tthis.#value = e.value;\n\t\t\tthis.close();\n\t\t\tthis.dispatchEvent(new events.ChangeEvent({value: e.value}));\n\t\t\tthis.requestUpdate();\n\t\t});\n\t\treturn this.#calendar;\n\t}\n\n\tasync open(initialValue: string = null) {\n\t\tif (initialValue != null) this.input.value = initialValue;\n\n\t\tawait super.open();\n\t\tif (this.calendar.parentElement != this.dropdown) this.dropdown.appendChild(this.calendar);\n\t\tthis.layout();\n\t}\n\n\tclearValue(dispatchEvent = true) {\n\t\tthis.value = null;\n\t\tthis.close();\n\t\tif (dispatchEvent) this.dispatchEvent(new events.ChangeEvent({value: null}));\n\t}\n\n\t_onInputFocus = () => {\n\t\tthis.open();\n\t}\n\n\tparseDate(value: string) {\n\t\treturn dates.parse(value, this.calendarOptions.locale);\n\t}\n\n\t_onInputBlur = () => {\n\t\tconst newDate = this.parseDate(this.input.value);\n\t\tif (newDate == null) this.input.value = '';\n\t\tif (newDate?.getTime() !== this.#value?.getTime()) {\n\t\t\tthis.#value = newDate;\n\t\t\tthis.dispatchEvent(new events.ChangeEvent({value: this.value}));\n\t\t}\n\t}\n\t\n\t_onInput = () => {\n\t\tconst newDate = this.parseDate(this.input.value);\n\t\tif (newDate) this.#calendar.date = newDate;\n\t}\n\n\t_onInputKeydown = (e: KeyboardEvent) => {\n\t\tif (e.key === 'Enter') {\n\t\t\tthis.input.blur();\n\t\t\tthis.close();\n\t\t}\n\t}\n\n\tlayout() {\n\t\tsuper.layout();\n\t\tthis.calendar?.layout();\n\t}\n\n\trender = () => html`\n\t\t${this.buttonInput ? html`\n\t\t\t<og-input\n\t\t\t\t@keydown=\"${this._onInputKeydown}\"\n\t\t\t\t@focus=\"${this._onInputFocus}\"\n\t\t\t\t@input=\"${this._onInput}\"\n\t\t\t\t@blur=\"${this._onInputBlur}\"\n\t\t\t\t.value=\"${this.calendar?.formattedDate || ''}\">\n\t\t\t</og-input>\n\t\t` : ''}\n\n\t\t<og-button\n\t\t\t?caret=\"${!this.noCaret}\"\n\t\t\tcolor=\"${this.color}\"\n\t\t\tid=\"main\"\n\t\t\tstyle=\"flex: 1; text-align: center;\" \n\t\t\t@mousedown=\"${this._onMousedown}\">\n\t\t\t<div id=\"content\" slot=\"content\">\n\t\t\t\t${this.calendar?.formattedDate || unsafeHTML('&nbsp;')}\n\t\t\t</div>\n\t\t</og-button>\n\n\t\t${this.hasCrossButton ? html`\n\t\t\t<og-button\n\t\t\t\tid=\"cross\"\n\t\t\t\t@mousedown=\"${() => this.clearValue(true)}\"\n\t\t\t\ticon=\"xmark\"\n\t\t\t\tcolor=\"red\">\n\t\t\t</og-button>\n\t\t` : ``}\n\n\t\t${this.renderDropdown()}\n\t`;\n}\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@omegagrid/calendar",
3
- "version": "0.6.131",
3
+ "version": "0.6.133",
4
4
  "license": "UNLICENSED",
5
5
  "description": "Calendar component",
6
6
  "main": "./dist/index.js",
@@ -28,10 +28,10 @@
28
28
  },
29
29
  "dependencies": {
30
30
  "@fortawesome/fontawesome-svg-core": "6.4.2",
31
- "@omegagrid/core": "^0.6.131",
32
- "@omegagrid/grid": "^0.6.131",
33
- "@omegagrid/grid-core": "^0.6.131",
34
- "@omegagrid/localize": "^0.6.131",
31
+ "@omegagrid/core": "^0.6.133",
32
+ "@omegagrid/grid": "^0.6.133",
33
+ "@omegagrid/grid-core": "^0.6.133",
34
+ "@omegagrid/localize": "^0.6.133",
35
35
  "@riovir/wc-fontawesome": "^0.1.9",
36
36
  "date-fns": "^3.2.0",
37
37
  "lit": "^3.1.1",