@omegagrid/form 0.10.22 → 0.10.23

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 (8) hide show
  1. package/dist/ui/form.style.js +1 -1
  2. package/dist/ui/form.style.js.map +1 -1
  3. package/dist/ui/formContainer.js +3 -3
  4. package/dist/ui/formContainer.js.map +1 -1
  5. package/dist/ui/formContainer.style.d.ts.map +1 -1
  6. package/dist/ui/formContainer.style.js +10 -2
  7. package/dist/ui/formContainer.style.js.map +1 -1
  8. package/package.json +5 -5
package/dist/ui/form.style.js CHANGED
@@ -12,7 +12,7 @@ export const style = css `
12
12
  }
13
13
 
14
14
  .body {
15
- padding: 11px;
15
+ padding: 4px;
16
16
  }
17
17
 
18
18
  table {
package/dist/ui/form.style.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"form.style.js","sourceRoot":"","sources":["../../src/ui/form.style.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;YAsBZ,SAAS,CAAC,uBAAuB;;;;aAIhC,SAAS,CAAC,yBAAyB;;;;;;;;;;;;;;;CAe/C,CAAC","sourcesContent":["import constants from \"../constants\";\nimport { css } from \"lit\";\n\nexport const style = css`\n\t:host {\n\t\tdisplay: block;\n\t\tfont-size: var(--og-font-size);\n\t\tposition: relative;\n\t}\n\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\n\t.body {\n\t\tpadding: 11px;\n\t}\n\n\ttable {\n\t\tborder-collapse: collapse;\n\t\twidth: 100%;\n\t\ttable-layout: fixed;\n\t}\n\n\ttable tr td {\n\t\theight: ${constants.DEFAULT_FORM_ROW_HEIGHT}px;\n\t}\n\n\ttable td {\n\t\tpadding: ${constants.DEFAULT_FORM_CELL_PADDING}px;\n\t\toverflow: hidden;\n\t}\n\n\ttable td > * {\n\t\theight: 22px;\n\t}\n\n\t.error {\n\t\tcolor: red;\n\t}\n\n\tog-overlay {\n\t\tmin-height: 200px;\n\t}\n`;"]}
1
+ {"version":3,"file":"form.style.js","sourceRoot":"","sources":["../../src/ui/form.style.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;YAsBZ,SAAS,CAAC,uBAAuB;;;;aAIhC,SAAS,CAAC,yBAAyB;;;;;;;;;;;;;;;CAe/C,CAAC","sourcesContent":["import constants from \"../constants\";\nimport { css } from \"lit\";\n\nexport const style = css`\n\t:host {\n\t\tdisplay: block;\n\t\tfont-size: var(--og-font-size);\n\t\tposition: relative;\n\t}\n\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\n\t.body {\n\t\tpadding: 4px;\n\t}\n\n\ttable {\n\t\tborder-collapse: collapse;\n\t\twidth: 100%;\n\t\ttable-layout: fixed;\n\t}\n\n\ttable tr td {\n\t\theight: ${constants.DEFAULT_FORM_ROW_HEIGHT}px;\n\t}\n\n\ttable td {\n\t\tpadding: ${constants.DEFAULT_FORM_CELL_PADDING}px;\n\t\toverflow: hidden;\n\t}\n\n\ttable td > * {\n\t\theight: 22px;\n\t}\n\n\t.error {\n\t\tcolor: red;\n\t}\n\n\tog-overlay {\n\t\tmin-height: 200px;\n\t}\n`;\n"]}
package/dist/ui/formContainer.js CHANGED
@@ -47,7 +47,7 @@ let FormContainer = class FormContainer extends LitElement {
47
47
  btn.key = btn.key ?? (utils.isString(type) ? type : null);
48
48
  btn.color = btn.color || ColorTypes.Gray;
49
49
  return html `
50
- <og-button
50
+ <og-button
51
51
  .text="${btn.text}"
52
52
  .color="${btn.color}"
53
53
  .icon="${btn.icon}"
@@ -58,16 +58,16 @@ let FormContainer = class FormContainer extends LitElement {
58
58
  };
59
59
  this.render = () => {
60
60
  const buttons = this.options.buttons.length > 0
61
- ? html `<div class="buttons">${map(this.options.buttons, type => this.renderButton(type))}</div>`
61
+ ? html `<div class="buttons position-${this.options.buttonsPosition}">${map(this.options.buttons, type => this.renderButton(type))}</div>`
62
62
  : null;
63
63
  const alerts = map(this.alerts, alert => html `
64
64
  <og-alert .text="${alert.text}" .type="${alert.type}"></og-alert>
65
65
  `);
66
66
  return html `
67
+ <og-overlay defaultLoader></og-overlay>
67
68
  ${this.options.caption ? html `<div class="title">${this.options.caption}</div>` : ``}
68
69
  ${this.options.buttonsPosition == 'top' ? buttons : ``}
69
70
  ${this.options.alertsPosition == 'top' ? alerts : ``}
70
- <og-overlay defaultLoader></og-overlay>
71
71
  <og-container>
72
72
  <div slot="content">
73
73
  ${map(this.config, (f, index) => {
package/dist/ui/formContainer.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"formContainer.js","sourceRoot":"","sources":["../../src/ui/formContainer.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,UAAU,EAAW,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAEtE,OAAO,EAAe,SAAS,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAQ,SAAS,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAGvC,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IA2B5C;QACC,KAAK,EAAE,CAAC;QApBT,YAAO,GAAyB,WAAW,EAAE,CAAC;QAG9C,qBAAgB,GAAG,KAAK,CAAC;QAcjB,YAAO,GAAG,KAAK,CAAC;QAcxB,gBAAW,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QAC7C,gBAAW,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC;QAmDzC,mBAAc,GAAG,CAAC,GAAqB,EAAE,EAAE;YAC1C,QAAQ,GAAG,CAAC,GAAG,EAAE,CAAC;gBACjB,KAAK,MAAM;oBAAE,IAAI,CAAC,IAAI,EAAE,CAAC;oBAAC,MAAM;gBAChC,KAAK,OAAO;oBAAE,IAAI,CAAC,KAAK,EAAE,CAAC;oBAAC,MAAM;gBAClC,KAAK,OAAO;oBAAE,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;oBAAC,MAAM;gBAC5D;oBACC,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;oBAChC,IAAI,CAAC,aAAa,CAAC,IAAI,OAAO,CAAC,WAAW,CAAC,MAAM,EAAE,EAAC,GAAG,EAAE,GAAG,CAAC,GAAG,EAAC,EAAE,IAAI,EAAE;wBACxE,OAAO,EAAE,IAAI;wBACb,QAAQ,EAAE,IAAI;wBACd,MAAM,EAAE,IAAI;qBACZ,CAAC,CAAC,CAAC;oBACJ,MAAM;YACR,CAAC;QACF,CAAC,CAAA;QAeD,iBAAY,GAAG,CAAC,IAAoB,EAAE,EAAE;YACvC,MAAM,GAAG,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAE,IAAyB,CAAC,CAAC,CAAC,SAAS,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YAClG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAE,IAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;YACtE,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,KAAK,IAAI,UAAU,CAAC,IAAI,CAAC;YACzC,OAAO,IAAI,CAAA;;aAEA,GAAG,CAAC,IAAI;cACP,GAAG,CAAC,KAAK;aACV,GAAG,CAAC,IAAI;cACP,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC;gBAC5B,GAAG,CAAC,OAAO;;GAExB,CAAC;QACH,CAAC,CAAC;QAEF,WAAM,GAAG,GAAG,EAAE;YACb,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC;gBAC9C,CAAC,CAAC,IAAI,CAAA,wBAAwB,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,QAAQ;gBAChG,CAAC,CAAC,IAAI,CAAC;YAER,MAAM,MAAM,GAAG,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAA;sBACzB,KAAK,CAAC,IAAI,YAAY,KAAK,CAAC,IAAI;GACnD,CAAC,CAAC;YAEH,OAAO,IAAI,CAAA;KACR,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA,sBAAsB,IAAI,CAAC,OAAO,CAAC,OAAO,QAAQ,CAAA,CAAC,CAAC,EAAE;KACjF,IAAI,CAAC,OAAO,CAAC,eAAe,IAAI,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;KACpD,IAAI,CAAC,OAAO,CAAC,cAAc,IAAI,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;;;;OAIhD,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;gBAC/B,MAAM,IAAI,GAAG,IAAI,CAAA;;;cAGT,CAAC,CAAC,GAAG,IAAI,KAAK,CAAC,QAAQ,EAAE;mBACpB,IAAI,CAAC,OAAO;iBACd,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI;gBAC/C,CAAC,CAAC,IAAI;mBACH,CAAC,CAAC,OAAO;;OAErB,CAAC;gBACF,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA;iCACI,IAAI,CAAC,gBAAgB;UAC5C,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA,sBAAsB,CAAC,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,EAAE;UAC5D,IAAI;;OAEP,CAAC,CAAC,CAAC,IAAI,CAAA;cACA,IAAI;OACX,CAAC;YACH,CAAC,CAAC;;;KAGF,IAAI,CAAC,OAAO,CAAC,cAAc,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;KACrD,IAAI,CAAC,OAAO,CAAC,eAAe,IAAI,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;GACzD,CAAC;QACH,CAAC,CAAA;QAnJA,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAgB,EAAE,EAAE;YACrD,IAAI,CAAC,CAAC,GAAG,IAAI,OAAO;gBAAE,IAAI,CAAC,IAAI,EAAE,CAAC;QACnC,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,iBAAiB;QAChB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;IACnB,CAAC;IAKD,IAAI,MAAM;QACT,MAAM,MAAM,GAAG,IAAI,GAAG,EAA6B,CAAC;QACpD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;QAC5E,OAAO,MAAM,CAAC;IACf,CAAC;IAED,aAAa,CAAC,MAAsB,EAAE,OAAuC;QAC5E,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,OAAO,GAAG,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IACnD,CAAC;IAED,KAAK,CAAC,aAAa,GAAG,IAAI;QACzB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC;QACnC,IAAI,aAAa;YAAE,IAAI,CAAC,aAAa,CAAC,IAAI,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/D,CAAC;IAED,OAAO;QACN,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC;IAChE,CAAC;IAED,KAAK,CAAC,IAAI,CAAC,aAAa,GAAG,IAAI;QAC9B,IAAI,IAAI,CAAC,OAAO;YAAE,OAAO,KAAK,CAAC;QAC/B,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YAAE,OAAO,KAAK,CAAC;QAClC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,IAAI,OAAO,GAAG,IAAI,CAAC;YACnB,IAAI,CAAC;gBACJ,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;gBACpD,IAAI,MAAM,KAAK,KAAK,EAAE,CAAC;oBACtB,OAAO,GAAG,KAAK,CAAC;gBACjB,CAAC;qBAAM,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;oBAClC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;gBACtB,CAAC;YACF,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBAChB,OAAO,GAAG,KAAK,CAAC;gBAChB,IAAI,CAAC,MAAM,GAAG,CAAC,EAAC,IAAI,EAAE,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAC,CAAC,CAAC;YACvD,CAAC;YAED,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,IAAI,aAAa,IAAI,OAAO,EAAE,CAAC;gBAC9B,IAAI,CAAC,aAAa,CAAC,IAAI,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;gBAC1C,IAAI,IAAI,CAAC,OAAO,CAAC,cAAc;oBAAE,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;YACzE,CAAC;QACF,CAAC;aAAM,IAAI,aAAa;YAAE,IAAI,CAAC,aAAa,CAAC,IAAI,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;QACpE,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;QACpB,OAAO,IAAI,CAAC;IACb,CAAC;IAkBD,KAAK,CAAC,WAAW;QAChB,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,CAAC,MAAM,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;QAC5C,IAAI,CAAC,OAAO,GAAG,WAAW,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QAC1E,IAAI,CAAC,WAAW,EAAE,CAAC;IACpB,CAAC;IAED,KAAK,CAAC,OAAO,CAAC,YAAuC;QACpD,IAAI,YAAY,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;YACjC,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;QAC1B,CAAC;IACF,CAAC;;AApHM,oBAAM,GAAG,CAAC,KAAK,CAAC,AAAV,CAAW;AAGxB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC;6CACD;AAGvB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;8CACqB;AAG9C;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;uDACD;AAGzB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;8CACJ;AAGrB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC;6CACJ;AAGpB;IADC,KAAK,CAAC,YAAY,CAAC;8CACH;AAGjB;IADC,QAAQ,CAAC,SAAS,CAAC;4CACI;AAvBZ,aAAa;IADzB,aAAa,CAAC,mBAAmB,CAAC;GACtB,aAAa,CAkLzB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement, property, query, queryAll } from \"lit/decorators.js\";\nimport { map } from \"lit/directives/map.js\";\nimport { actions, ColorTypes, Overlay, utils } from '@omegagrid/core';\nimport { FormAlert, FormButtonConfig, FormButtonType, FormContainerOptions, FormSettings, FormValues } from '../types';\nimport { FormAdapter, FormModel } from '../model';\nimport constants from '../constants';\nimport { initOptions } from '../options';\nimport { Form, FormEvent } from './form'; \nimport { style } from './formContainer.style';\n\n@customElement('og-form-container')\nexport class FormContainer extends LitElement {\n\n\tstatic styles = [style];\n\n\t@property({type: Array})\n\tconfig: FormSettings[];\n\n\t@property({type: Object})\n\toptions: FormContainerOptions = initOptions();\n\n\t@property({type: Boolean})\n\tcollapsibleForms = false;\n\n\t@property({type: Object})\n\tadapter: FormAdapter;\n\n\t@property({type: Array})\n\talerts: FormAlert[];\n\n\t@query('og-overlay')\n\toverlay: Overlay;\n\n\t@queryAll('og-form')\n\tforms: NodeListOf<Form>;\n\n\tprivate _saving = false;\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.addEventListener('keydown', (e: KeyboardEvent) => {\n\t\t\tif (e.key == 'Enter') this.save();\n\t\t});\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback();\n\t\tthis.tabIndex = 0;\n\t}\n\n\tshowOverlay = () => this.overlay?.show(this);\n\thideOverlay = () => this.overlay?.hide();\n\n\tget values() {\n\t\tconst values = new Map<string|number, FormValues>(); \n\t\tthis.forms.forEach((f, i) => values.set(this.config[i].key ?? i, f.values));\n\t\treturn values;\n\t}\n\t\n\tsetSourceData(config: FormSettings[], options?: Partial<FormContainerOptions>) {\n\t\tthis.config = config;\n\t\tthis.options = initOptions(options, this.options);\n\t}\n\n\treset(dispatchEvent = true) {\n\t\tthis.forms.forEach(f => f.reset());\n\t\tif (dispatchEvent) this.dispatchEvent(new FormEvent('reset'));\n\t}\n\t\n\tisValid() {\n\t\treturn Array.from(this.forms.values()).every(f => f.isValid());\n\t}\n\n\tasync save(dispatchEvent = true) {\n\t\tif (this._saving) return false;\n\t\tif (!this.isValid()) return false;\n\t\tthis._saving = true;\n\t\tif (this.adapter) {\n\t\t\tthis.showOverlay();\n\t\t\tlet success = true;\n\t\t\ttry {\n\t\t\t\tconst result = await this.adapter.save(this.values);\n\t\t\t\tif (result === false) {\n\t\t\t\t\tsuccess = false;\n\t\t\t\t} else if (Array.isArray(result)) {\n\t\t\t\t\tthis.alerts = result;\n\t\t\t\t}\n\t\t\t} catch (error) {\n\t\t\t\tsuccess = false;\n\t\t\t\tthis.alerts = [{text: error.message, type: 'danger'}];\n\t\t\t}\n\t\t\t\n\t\t\tthis.hideOverlay();\n\t\t\tif (dispatchEvent && success) {\n\t\t\t\tthis.dispatchEvent(new FormEvent('save'));\n\t\t\t\tif (this.options.closeAfterSave) this.dispatchEvent(new Event('close'));\n\t\t\t}\n\t\t} else if (dispatchEvent) this.dispatchEvent(new FormEvent('save'));\n\t\tthis._saving = false\n\t\treturn true;\n\t}\n\n\t_onButtonClick = (btn: FormButtonConfig) => {\n\t\tswitch (btn.key) {\n\t\t\tcase 'save': this.save(); break;\n\t\t\tcase 'reset': this.reset(); break;\n\t\t\tcase 'close': this.dispatchEvent(new Event('close')); break;\n\t\t\tdefault:\n\t\t\t\tthis.adapter?.onAction(btn.key);\n\t\t\t\tthis.dispatchEvent(new actions.ActionEvent('form', {key: btn.key}, null, {\n\t\t\t\t\tbubbles: true, \n\t\t\t\t\tcomposed: true,\n\t\t\t\t\tcommon: true\n\t\t\t\t}));\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\tasync initAdapter() {\n\t\tthis.showOverlay();\n\t\tthis.config = await this.adapter.getForms();\n\t\tthis.options = initOptions(await this.adapter.getOptions(), this.options);\n\t\tthis.hideOverlay();\n\t}\n\n\tasync updated(changedProps: Map<PropertyKey, unknown>) {\n\t\tif (changedProps.has('adapter')) {\n\t\t\tawait this.initAdapter();\n\t\t}\n\t}\n\n\trenderButton = (type: FormButtonType) => {\n\t\tconst btn = utils.isObject(type) ? (type as FormButtonConfig) : constants.BUTTON_CONFIG.get(type);\n\t\tbtn.key = btn.key ?? (utils.isString(type) ? (type as string) : null);\n\t\tbtn.color = btn.color || ColorTypes.Gray;\n\t\treturn html`\n\t\t\t<og-button \n\t\t\t\t.text=\"${btn.text}\"\n\t\t\t\t.color=\"${btn.color}\"\n\t\t\t\t.icon=\"${btn.icon}\"\n\t\t\t\t@click=\"${() => this._onButtonClick(btn)}\"\n\t\t\t\t?default=\"${btn.default}\">\n\t\t\t</og-button>\n\t\t`;\n\t};\n\n\trender = () => {\n\t\tconst buttons = this.options.buttons.length > 0\n\t\t\t? html`<div class=\"buttons\">${map(this.options.buttons, type => this.renderButton(type))}</div>`\n\t\t\t: null;\n\n\t\tconst alerts = map(this.alerts, alert => html`\n\t\t\t<og-alert .text=\"${alert.text}\" .type=\"${alert.type}\"></og-alert>\n\t\t`);\n\n\t\treturn html`\n\t\t\t${this.options.caption ? html`<div class=\"title\">${this.options.caption}</div>`: ``}\n\t\t\t${this.options.buttonsPosition == 'top' ? buttons : ``}\n\t\t\t${this.options.alertsPosition == 'top' ? alerts : ``}\n\t\t\t<og-overlay defaultLoader></og-overlay>\n\t\t\t<og-container>\n\t\t\t\t<div slot=\"content\">\n\t\t\t\t\t${map(this.config, (f, index) => {\n\t\t\t\t\t\tconst form = html`\n\t\t\t\t\t\t\t<og-form\n\t\t\t\t\t\t\t\tslot=\"body\"\n\t\t\t\t\t\t\t\tkey=${f.key ?? index.toString()}\n\t\t\t\t\t\t\t\t.adapter=${this.adapter}\n\t\t\t\t\t\t\t\t.model=${this.adapter == null ? new FormModel(f) : null}\n\t\t\t\t\t\t\t\t.rows=${f.rows}\n\t\t\t\t\t\t\t\t.columns=${f.columns}>\n\t\t\t\t\t\t\t</og-form>\n\t\t\t\t\t\t`;\n\t\t\t\t\t\treturn f.caption ? html`\n\t\t\t\t\t\t\t<og-panel ?collapsible=\"${this.collapsibleForms}\">\n\t\t\t\t\t\t\t\t${f.caption ? html`<div slot=\"header\">${f.caption}</div>` : ``}\n\t\t\t\t\t\t\t\t${form}\n\t\t\t\t\t\t\t</og-panel>\n\t\t\t\t\t\t` : html`\n\t\t\t\t\t\t\t<div>${form}</div>\n\t\t\t\t\t\t`;\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t</og-container>\n\t\t\t${this.options.alertsPosition == 'bottom' ? alerts : ``}\n\t\t\t${this.options.buttonsPosition == 'bottom' ? buttons : ``}\n\t\t`;\n\t}\n\n}"]}
1
+ {"version":3,"file":"formContainer.js","sourceRoot":"","sources":["../../src/ui/formContainer.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement, property, query, queryAll } from \"lit/decorators.js\";\nimport { map } from \"lit/directives/map.js\";\nimport { actions, ColorTypes, Overlay, utils } from '@omegagrid/core';\nimport { FormAlert, FormButtonConfig, FormButtonType, FormContainerOptions, FormSettings, FormValues } from '../types';\nimport { FormAdapter, FormModel } from '../model';\nimport constants from '../constants';\nimport { initOptions } from '../options';\nimport { Form, FormEvent } from './form';\nimport { style } from './formContainer.style';\n\n@customElement('og-form-container')\nexport class FormContainer extends LitElement {\n\n\tstatic styles = [style];\n\n\t@property({type: Array})\n\tconfig: FormSettings[];\n\n\t@property({type: Object})\n\toptions: FormContainerOptions = initOptions();\n\n\t@property({type: Boolean})\n\tcollapsibleForms = false;\n\n\t@property({type: Object})\n\tadapter: FormAdapter;\n\n\t@property({type: Array})\n\talerts: FormAlert[];\n\n\t@query('og-overlay')\n\toverlay: Overlay;\n\n\t@queryAll('og-form')\n\tforms: NodeListOf<Form>;\n\n\tprivate _saving = false;\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.addEventListener('keydown', (e: KeyboardEvent) => {\n\t\t\tif (e.key == 'Enter') this.save();\n\t\t});\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback();\n\t\tthis.tabIndex = 0;\n\t}\n\n\tshowOverlay = () => this.overlay?.show(this);\n\thideOverlay = () => this.overlay?.hide();\n\n\tget values() {\n\t\tconst values = new Map<string|number, FormValues>();\n\t\tthis.forms.forEach((f, i) => values.set(this.config[i].key ?? i, f.values));\n\t\treturn values;\n\t}\n\n\tsetSourceData(config: FormSettings[], options?: Partial<FormContainerOptions>) {\n\t\tthis.config = config;\n\t\tthis.options = initOptions(options, this.options);\n\t}\n\n\treset(dispatchEvent = true) {\n\t\tthis.forms.forEach(f => f.reset());\n\t\tif (dispatchEvent) this.dispatchEvent(new FormEvent('reset'));\n\t}\n\n\tisValid() {\n\t\treturn Array.from(this.forms.values()).every(f => f.isValid());\n\t}\n\n\tasync save(dispatchEvent = true) {\n\t\tif (this._saving) return false;\n\t\tif (!this.isValid()) return false;\n\t\tthis._saving = true;\n\t\tif (this.adapter) {\n\t\t\tthis.showOverlay();\n\t\t\tlet success = true;\n\t\t\ttry {\n\t\t\t\tconst result = await this.adapter.save(this.values);\n\t\t\t\tif (result === false) {\n\t\t\t\t\tsuccess = false;\n\t\t\t\t} else if (Array.isArray(result)) {\n\t\t\t\t\tthis.alerts = result;\n\t\t\t\t}\n\t\t\t} catch (error) {\n\t\t\t\tsuccess = false;\n\t\t\t\tthis.alerts = [{text: error.message, type: 'danger'}];\n\t\t\t}\n\n\t\t\tthis.hideOverlay();\n\t\t\tif (dispatchEvent && success) {\n\t\t\t\tthis.dispatchEvent(new FormEvent('save'));\n\t\t\t\tif (this.options.closeAfterSave) this.dispatchEvent(new Event('close'));\n\t\t\t}\n\t\t} else if (dispatchEvent) this.dispatchEvent(new FormEvent('save'));\n\t\tthis._saving = false\n\t\treturn true;\n\t}\n\n\t_onButtonClick = (btn: FormButtonConfig) => {\n\t\tswitch (btn.key) {\n\t\t\tcase 'save': this.save(); break;\n\t\t\tcase 'reset': this.reset(); break;\n\t\t\tcase 'close': this.dispatchEvent(new Event('close')); break;\n\t\t\tdefault:\n\t\t\t\tthis.adapter?.onAction(btn.key);\n\t\t\t\tthis.dispatchEvent(new actions.ActionEvent('form', {key: btn.key}, null, {\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t\tcommon: true\n\t\t\t\t}));\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\tasync initAdapter() {\n\t\tthis.showOverlay();\n\t\tthis.config = await this.adapter.getForms();\n\t\tthis.options = initOptions(await this.adapter.getOptions(), this.options);\n\t\tthis.hideOverlay();\n\t}\n\n\tasync updated(changedProps: Map<PropertyKey, unknown>) {\n\t\tif (changedProps.has('adapter')) {\n\t\t\tawait this.initAdapter();\n\t\t}\n\t}\n\n\trenderButton = (type: FormButtonType) => {\n\t\tconst btn = utils.isObject(type) ? (type as FormButtonConfig) : constants.BUTTON_CONFIG.get(type);\n\t\tbtn.key = btn.key ?? (utils.isString(type) ? (type as string) : null);\n\t\tbtn.color = btn.color || ColorTypes.Gray;\n\t\treturn html`\n\t\t\t<og-button\n\t\t\t\t.text=\"${btn.text}\"\n\t\t\t\t.color=\"${btn.color}\"\n\t\t\t\t.icon=\"${btn.icon}\"\n\t\t\t\t@click=\"${() => this._onButtonClick(btn)}\"\n\t\t\t\t?default=\"${btn.default}\">\n\t\t\t</og-button>\n\t\t`;\n\t};\n\n\trender = () => {\n\t\tconst buttons = this.options.buttons.length > 0\n\t\t\t? html`<div class=\"buttons position-${this.options.buttonsPosition}\">${map(this.options.buttons, type => this.renderButton(type))}</div>`\n\t\t\t: null;\n\n\t\tconst alerts = map(this.alerts, alert => html`\n\t\t\t<og-alert .text=\"${alert.text}\" .type=\"${alert.type}\"></og-alert>\n\t\t`);\n\n\t\treturn html`\n\t\t\t<og-overlay defaultLoader></og-overlay>\n\t\t\t${this.options.caption ? html`<div class=\"title\">${this.options.caption}</div>`: ``}\n\t\t\t${this.options.buttonsPosition == 'top' ? buttons : ``}\n\t\t\t${this.options.alertsPosition == 'top' ? alerts : ``}\n\t\t\t<og-container>\n\t\t\t\t<div slot=\"content\">\n\t\t\t\t\t${map(this.config, (f, index) => {\n\t\t\t\t\t\tconst form = html`\n\t\t\t\t\t\t\t<og-form\n\t\t\t\t\t\t\t\tslot=\"body\"\n\t\t\t\t\t\t\t\tkey=${f.key ?? index.toString()}\n\t\t\t\t\t\t\t\t.adapter=${this.adapter}\n\t\t\t\t\t\t\t\t.model=${this.adapter == null ? new FormModel(f) : null}\n\t\t\t\t\t\t\t\t.rows=${f.rows}\n\t\t\t\t\t\t\t\t.columns=${f.columns}>\n\t\t\t\t\t\t\t</og-form>\n\t\t\t\t\t\t`;\n\t\t\t\t\t\treturn f.caption ? html`\n\t\t\t\t\t\t\t<og-panel ?collapsible=\"${this.collapsibleForms}\">\n\t\t\t\t\t\t\t\t${f.caption ? html`<div slot=\"header\">${f.caption}</div>` : ``}\n\t\t\t\t\t\t\t\t${form}\n\t\t\t\t\t\t\t</og-panel>\n\t\t\t\t\t\t` : html`\n\t\t\t\t\t\t\t<div>${form}</div>\n\t\t\t\t\t\t`;\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t</og-container>\n\t\t\t${this.options.alertsPosition == 'bottom' ? alerts : ``}\n\t\t\t${this.options.buttonsPosition == 'bottom' ? buttons : ``}\n\t\t`;\n\t}\n\n}\n"]}
package/dist/ui/formContainer.style.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"formContainer.style.d.ts","sourceRoot":"","sources":["../../src/ui/formContainer.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,yBAoCjB,CAAC"}
1
+ {"version":3,"file":"formContainer.style.d.ts","sourceRoot":"","sources":["../../src/ui/formContainer.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,yBA4CjB,CAAC"}
package/dist/ui/formContainer.style.js CHANGED
@@ -22,12 +22,20 @@ export const style = css `
22
22
  flex: 1;
23
23
  }
24
24
 
25
+ .buttons.position-top {
26
+ border-bottom: 1px solid var(--og-bucket-border-color);
27
+ justify-content: flex-start;
28
+ }
29
+
30
+ .buttons.position-bottom {
31
+ border-top: 1px solid var(--og-bucket-border-color);
32
+ justify-content: flex-end;
33
+ }
34
+
25
35
  .buttons {
26
36
  display: flex;
27
37
  flex-direction: row;
28
38
  gap: 4px;
29
- justify-content: flex-end;
30
- border-top: 1px solid var(--og-border-color);
31
39
  padding: 4px;
32
40
  }
33
41
 
package/dist/ui/formContainer.style.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"formContainer.style.js","sourceRoot":"","sources":["../../src/ui/formContainer.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCvB,CAAC","sourcesContent":["import { css } from \"lit\";\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\tposition: relative;\n\t\tborder-radius: var(--og-base-radius);\n\t}\n\n\t.title {\n\t\tbackground-color: var(--og-accent-color);\n\t\tpadding: 5px;\n\t\tcolor: var(--og-text-color-reversed);\n\t\tflex: 0;\n\t}\n\n\tog-container {\n\t\tflex: 1;\n\t}\n\n\t.buttons {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tgap: 4px;\n\t\tjustify-content: flex-end;\n\t\tborder-top: 1px solid var(--og-border-color);\n\t\tpadding: 4px;\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":"formContainer.style.js","sourceRoot":"","sources":["../../src/ui/formContainer.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4CvB,CAAC","sourcesContent":["import { css } from \"lit\";\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\tposition: relative;\n\t\tborder-radius: var(--og-base-radius);\n\t}\n\n\t.title {\n\t\tbackground-color: var(--og-accent-color);\n\t\tpadding: 5px;\n\t\tcolor: var(--og-text-color-reversed);\n\t\tflex: 0;\n\t}\n\n\tog-container {\n\t\tflex: 1;\n\t}\n\n\t.buttons.position-top {\n\t\tborder-bottom: 1px solid var(--og-bucket-border-color);\n\t\tjustify-content: flex-start;\n\t}\n\n\t.buttons.position-bottom {\n\t\tborder-top: 1px solid var(--og-bucket-border-color);\n\t\tjustify-content: flex-end;\n\t}\n\n\t.buttons {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tgap: 4px;\n\t\tpadding: 4px;\n\t}\n\n\t.buttons og-button {\n\t\tmin-width: 80px;\n\t\ttext-align: center;\n\t}\n`;\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@omegagrid/form",
3
- "version": "0.10.22",
3
+ "version": "0.10.23",
4
4
  "license": "UNLICENSED",
5
5
  "description": "Universal form component",
6
6
  "main": "./dist/index.js",
@@ -27,10 +27,10 @@
27
27
  "_prepublish": "yarn test && yarn lint"
28
28
  },
29
29
  "dependencies": {
30
- "@omegagrid/calendar": "^0.10.22",
31
- "@omegagrid/core": "^0.10.22",
32
- "@omegagrid/localize": "^0.10.22",
33
- "@omegagrid/tree": "^0.10.22",
30
+ "@omegagrid/calendar": "^0.10.23",
31
+ "@omegagrid/core": "^0.10.23",
32
+ "@omegagrid/localize": "^0.10.23",
33
+ "@omegagrid/tree": "^0.10.23",
34
34
  "lit": "^3.1.1",
35
35
  "lit-html": "^3.1.1",
36
36
  "ts-debounce": "^4.0.0"