@startinblox/core 0.17.31 → 0.18.0-beta.1

package/dist/widgets/baseWidget.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["baseWidget.ts"],"names":["evalTemplateString","store","BaseWidget","HTMLElement","Map","connectedCallback","render","disconnectedCallback","_subscriptions","forEach","subscription","PubSub","unsubscribe","innerHTML","template","src","name","label","placeholder","value","id","_value","escapedValue","range","htmlRange","multiple","editable","required","addEditButtons","initChangeEvents","hasAttribute","getAttribute","setAttribute","dataHolder","values","map","element","HTMLInputElement","type","checked","getValueHolder","length","undefined","dispatchEvent","Event","el","index","widgetDataHolders","Array","from","querySelectorAll","filter","dataHolderAncestor","parentElement","closest","contains","childTemplate","replace","context","_context","fetchSources","_range","_listen","getData","resource","resources","res","resourceId","getChildren","e","isContainer","resourcesFromContainer","push","rangeResources","selected","component","subscribe","event","callback","get","set","editableField","querySelector","editButton","document","createElement","innerText","onclick","activateEditableField","insertAdjacentElement","addEventListener","save","focus","bubbles","preventDefault","stopPropagation","removeAttribute","patch"],"mappings":"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","sourcesContent":["import { evalTemplateString } from '../libs/helpers';\nimport { store } from '../libs/store/store';\n\nexport class BaseWidget extends HTMLElement {\n  private src: string | undefined;\n  private multiple: string | undefined;\n  private editable: string | undefined;\n  private required: string | undefined;\n  private resourceId: string | undefined;\n  public _value: any | undefined;\n  private _range: any | undefined;\n  private _context: object | undefined;\n  private _subscriptions = new Map();\n\n  connectedCallback(): void {\n    this.render();\n  }\n  disconnectedCallback(): void {\n    this._subscriptions.forEach((subscription) => {\n      PubSub.unsubscribe(subscription);\n    })\n  }\n  async render() {\n    this.innerHTML = await evalTemplateString(this.template, {\n      src: this.src,\n      name: this.name,\n      label: this.label,\n      placeholder: this.placeholder,\n      value: this.value,\n      id: (this._value && this._value['@id']) || '',\n      escapedValue: this.escapedValue,\n      range: await this.htmlRange,\n      multiple: this.multiple,\n      editable: this.editable === '' ? true : false,\n      required: this.required === '' ? true : false\n    });\n\n    this.addEditButtons();\n    this.initChangeEvents();\n  }\n  get label(): string | null {\n    return this.hasAttribute('label') ? this.getAttribute('label') : this.name;\n  }\n  set label(label: string | null) {\n    if(label != null) this.setAttribute('label', label);\n    this.render();\n  }\n  get placeholder(): string | null {\n    return this.hasAttribute('placeholder') ? this.getAttribute('placeholder') : this.label;\n  }\n  set placeholder(placeholder: string | null) {\n    if(placeholder != null) this.setAttribute('placeholder', placeholder);\n    this.render();\n  }\n  get name(): string | null {\n    return this.getAttribute('name');\n  }\n  set name(name: string | null) {\n    if(name) this.setAttribute('name', name);\n    this.render();\n  }\n  get value() {\n    if (this.dataHolder) {\n      let values = this.dataHolder.map(element => {\n        if (element instanceof HTMLInputElement && element.type == \"checkbox\") return element.checked;\n        // if value is defined, push it in the array\n        return this.getValueHolder(element).value;\n      });\n      // If only one value, do not return an array\n      return values.length === 1 ? values[0] : values;\n    }\n    return this._value || '';\n  }\n  set value(value) {\n    this._value = value; // ... store `value` in the widget\n    if (this._value == null || this._value == undefined) return;\n\n    if (this.dataHolder && this.dataHolder.length === 1) {\n      // if one dataHolder in the widget...\n      const element = this.getValueHolder(this.dataHolder[0]);\n      if (element.type == \"checkbox\") {\n        element.checked = value;\n      } else {\n        element.value = value; // ... set `value` to the dataHolder element\n      }\n      // remove when https://git.happy-dev.fr/startinblox/framework/sib-core/issues/426 fixed\n      if (element.dispatchEvent) element.dispatchEvent(new Event('change')); // trigger change manually\n    } else if (this.dataHolder && this.dataHolder.length > 1) {\n      // if multiple dataHolder in the widget ...\n      this.dataHolder.forEach(\n        (el, index) => {\n          const element = this.getValueHolder(el);\n          if (element.type == \"checkbox\") {\n            element.checked = value ? value[index] : ''\n          } else {\n            element.value = value ? value[index] : ''\n          }\n          element.dispatchEvent(new Event('change')); // trigger change manually\n        },\n      ); // ... set each `value` to each dataHolder element\n    }\n\n    this.render();\n  }\n  get ['each-label'](): string{\n    return this.getAttribute('each-label') || '';\n  }\n  set ['each-label'](label: string) {\n    this.setAttribute('each-label', label);\n  }\n  set ['add-label'](label: string) {\n    this.setAttribute('add-label', label);\n  }\n  set ['remove-label'](label: string) {\n    this.setAttribute('remove-label', label);\n  }\n  get dataHolder(): Element[] | null {\n    const widgetDataHolders = Array.from(this.querySelectorAll('[data-holder]')).filter(element => {\n      const dataHolderAncestor = element.parentElement ? element.parentElement.closest('[data-holder]') : null;\n      // get the dataHolder of the widget only if no dataHolder ancestor in the current widget\n      return dataHolderAncestor === this || !dataHolderAncestor || !this.contains(dataHolderAncestor)\n    });\n\n    return widgetDataHolders.length ? widgetDataHolders : null;\n  }\n  get template(): string {\n    return '';\n  }\n  get childTemplate(): string {\n    return '';\n  }\n  get escapedValue(): string {\n    return ('' + this.value)\n      .replace(/&/g, '&amp;')\n      .replace(/'/g, '&apos;')\n      .replace(/\"/g, '&quot;');\n  }\n  set context(value) {\n    this._context = value;\n  }\n  get context() {\n    return this._context || {};\n  }\n\n  get range(): any {\n    return this.fetchSources(this._range);\n  }\n  set range(range) {\n    (async () => {\n      this._listen(range, async () => this._range = await store.getData(range, this.context));\n      this._range = await store.getData(range, this.context);\n      this.render();\n    })();\n  }\n  async fetchSources(resource: any) {\n    if (!resource || !resource['ldp:contains']) return null;\n    let resources: any[] = [];\n    let index = 0;\n    for (let res of resource['ldp:contains']) {\n      if (!res) { // child not in cache yet\n        try {\n          const resourceId = resource.getChildren()[index]['@id'];\n          res = await store.getData(resourceId, this.context)\n        } catch (e) { continue; }\n      }\n      if (res.isContainer()) { // if nested container\n        let resourcesFromContainer = await store.getData(res['@id'], this.context); // fetch the datas\n        this._listen(res['@id']);\n        if (resourcesFromContainer) resources.push(...resourcesFromContainer['ldp:contains']);\n      } else {\n        resources.push(res);\n      }\n      index++;\n    }\n    return resources;\n  }\n\n  get htmlRange(): Promise<string | undefined> {\n    return (async () => {\n      let htmlRange = '';\n      const rangeResources = await this.range;\n      if (!rangeResources) return;\n      for await (let element of rangeResources) {\n        element = await store.getData(element['@id'], this.context); // fetch the resource to display the name\n        this._listen(element['@id']);\n\n        let selected: boolean;\n        if (this._value && this._value.isContainer && this._value.isContainer()) { // selected options for multiple select\n          selected = false;\n          for await (let value of this._value[\"ldp:contains\"]) {\n            if (value['@id'] == element['@id']) {\n              selected = true;\n              break;\n            }\n          }\n        } else { // selected options for simple dropdowns\n          selected = this._value ? this._value['@id'] == element['@id'] : false;\n        }\n        htmlRange += await evalTemplateString(this.childTemplate, {\n          name: await element.name,\n          id: element['@id'],\n          selected: selected\n        });\n      }\n      return htmlRange || '';\n    })();\n  }\n  getValueHolder(element) {\n    return element.component ? element.component : element;\n  }\n\n  subscribe(event: string) {\n    this._listen(event);\n  }\n\n  _listen(id: string, callback: Function = () => {}) {\n    if (!this._subscriptions.get(id)) {\n      this._subscriptions.set(id, PubSub.subscribe(id, async () => {\n        await callback();\n        this.render();\n      }))\n    }\n  }\n\n  // Editable widgets\n  addEditButtons(): void {\n    const editableField = this.querySelector('[data-editable]') as HTMLElement;\n\n    if (editableField) {\n      // Add edit button\n      const editButton = document.createElement('button');\n      editButton.innerText = \"Modifier\";\n      editButton.onclick = () => this.activateEditableField(editableField, editButton);\n      editableField.insertAdjacentElement('afterend', editButton);\n\n      // Save on focusout\n      editableField.addEventListener('focusout', () => this.save(editableField, editButton));\n    }\n  }\n  activateEditableField(editableField: HTMLElement, editButton: HTMLButtonElement): void {\n    editableField.setAttribute('contenteditable', 'true');\n    editableField.focus();\n    editButton.setAttribute(\"disabled\", \"disabled\");\n  }\n  /**\n   * Dispatch change events of data holders from the current widget\n   */\n  initChangeEvents(): void {\n    if (this.dataHolder) {\n      const event = new Event('change', { bubbles: true });\n      this.dataHolder.forEach(element => {\n        element.addEventListener('change', e => {\n          e.preventDefault();\n          e.stopPropagation();\n          this.dispatchEvent(event);\n        });\n      });\n    }\n  }\n  save(editableField: HTMLElement, editButton: HTMLButtonElement): void {\n    editableField.setAttribute('contenteditable', 'false');\n    editButton.removeAttribute(\"disabled\");\n\n    if (!this.name) return;\n    const resource = {};\n    resource[this.name] = editableField.innerText;\n    resource['@context'] = this.context;\n\n    if(this.resourceId && resource) store.patch(resource, this.resourceId)\n  }\n}\n"]}

package/dist/widgets/widget-factory.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["widget-factory.ts"],"names":["BaseWidget","defineComponent","widgetFactory","tagName","customTemplate","childTemplate","callback","registered","customElements","get","cls","render","template"],"mappings":"AAAA,SAASA,UAAT,QAA2B,cAA3B;AACA,SAASC,eAAT,QAAgC,iBAAhC;AAEA,OAAO,MAAMC,aAAa,GAAG,CAC3BC,OAD2B,EAE3BC,cAF2B,EAG3BC,aAAqB,GAAG,EAHG,EAI3BC,QAJ2B,KAKxB;AACH,QAAMC,UAAU,GAAGC,cAAc,CAACC,GAAf,CAAmBN,OAAnB,CAAnB;AACA,MAAII,UAAJ,EAAgB,OAAOA,UAAP;AAChB,QAAMG,GAAG,GAAG,cAAcV,UAAd,CAAyB;AACnC,UAAMW,MAAN,GAAe;AACb,YAAM,MAAMA,MAAN,EAAN;AACA,UAAIL,QAAJ,EAAcA,QAAQ,CAAC,IAAD,CAAR;AACf;;AACD,QAAIM,QAAJ,GAAuB;AACrB,aAAOR,cAAP;AACD;;AACD,QAAIC,aAAJ,GAA4B;AAC1B,aAAOA,aAAP;AACD;;AAVkC,GAArC;AAYAJ,EAAAA,eAAe,CAACE,OAAD,EAAUO,GAAV,CAAf;AACA,SAAOA,GAAP;AACD,CAtBM","sourcesContent":["import { BaseWidget } from './baseWidget';\nimport { defineComponent } from '../libs/helpers';\n\nexport const widgetFactory = (\n  tagName: string,\n  customTemplate: string,\n  childTemplate: string = '',\n  callback?: (element: Element) => void,\n) => {\n  const registered = customElements.get(tagName);\n  if (registered) return registered;\n  const cls = class extends BaseWidget {\n    async render() {\n      await super.render();\n      if (callback) callback(this);\n    }\n    get template(): string {\n      return customTemplate;\n    }\n    get childTemplate(): string {\n      return childTemplate;\n    }\n  };\n  defineComponent(tagName, cls);\n  return cls;\n};\n"]}