@startinblox/core 0.17.21-beta.9 → 0.17.22

package/dist/components/solid-lang.js

@@ -1,46 +0,0 @@
-function _templateObject() {
-  const data = _taggedTemplateLiteral(["\n    <button\n      @click=", "\n    >\n      ", "\n    </button>\n    "]);
-
-  _templateObject = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-import { Sib } from '../libs/Sib.js';
-import { store } from '../libs/store/store.js';
-import { html, render } from '../_snowpack/pkg/lit-html.js';
-export const SolidLang = {
-  name: 'solid-lang',
-  use: [],
-  attributes: {
-    lang: {
-      type: String,
-      default: null
-    },
-    dataLabel: {
-      type: String,
-      default: null
-    }
-  },
-
-  created() {
-    this.render();
-  },
-
-  languageLoader() {
-    store.selectLanguage(this.lang);
-    location.reload();
-  },
-
-  render() {
-    let template = html(_templateObject(), this.languageLoader.bind(this), this.dataLabel);
-    render(template, this.element);
-  }
-
-};
-Sib.register(SolidLang);
-//# sourceMappingURL=solid-lang.js.map

package/dist/components/solid-lang.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["solid-lang.ts"],"names":["Sib","store","html","render","SolidLang","name","use","attributes","lang","type","String","default","dataLabel","created","languageLoader","selectLanguage","location","reload","template","bind","element","register"],"mappings":";;;;;;;;;;;;AAAA,SAASA,GAAT,QAAoB,aAApB;AACA,SAASC,KAAT,QAAsB,qBAAtB;AAEA,SAASC,IAAT,EAAeC,MAAf,QAA6B,UAA7B;AAEA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,YADiB;AAEvBC,EAAAA,GAAG,EAAE,EAFkB;AAGvBC,EAAAA,UAAU,EAAE;AACVC,IAAAA,IAAI,EAAE;AACJC,MAAAA,IAAI,EAAEC,MADF;AAEJC,MAAAA,OAAO,EAAE;AAFL,KADI;AAKVC,IAAAA,SAAS,EAAE;AACTH,MAAAA,IAAI,EAAEC,MADG;AAETC,MAAAA,OAAO,EAAE;AAFA;AALD,GAHW;;AAcvBE,EAAAA,OAAO,GAAS;AACd,SAAKV,MAAL;AACD,GAhBsB;;AAkBvBW,EAAAA,cAAc,GAAI;AAChBb,IAAAA,KAAK,CAACc,cAAN,CAAqB,KAAKP,IAA1B;AACAQ,IAAAA,QAAQ,CAACC,MAAT;AACD,GArBsB;;AAuBvBd,EAAAA,MAAM,GAAG;AACP,QAAIe,QAAQ,GAAGhB,IAAH,oBAED,KAAKY,cAAL,CAAoBK,IAApB,CAAyB,IAAzB,CAFC,EAIR,KAAKP,SAJG,CAAZ;AAQAT,IAAAA,MAAM,CAACe,QAAD,EAAW,KAAKE,OAAhB,CAAN;AACD;;AAjCsB,CAAlB;AAoCPpB,GAAG,CAACqB,QAAJ,CAAajB,SAAb","sourcesContent":["import { Sib } from '../libs/Sib';\nimport { store } from '../libs/store/store';\n\nimport { html, render } from 'lit-html';\n\nexport const SolidLang = {\n  name: 'solid-lang',\n  use: [],\n  attributes: {\n    lang: {\n      type: String,\n      default: null\n    },\n    dataLabel: {\n      type: String,\n      default: null\n    }\n  },\n\n  created(): void {\n    this.render();\n  },\n\n  languageLoader () {\n    store.selectLanguage(this.lang);\n    location.reload();\n  },\n\n  render() {\n    let template = html`\n    <button\n      @click=${this.languageLoader.bind(this)}\n    >\n      ${this.dataLabel}\n    </button>\n    `;\n\n    render(template, this.element);\n  }\n};\n\nSib.register(SolidLang);"]}

package/dist/components/solid-map.js

@@ -1,242 +0,0 @@
-function _templateObject2() {
-  const data = _taggedTemplateLiteral(["\n      <solid-display\n        fields=\"", "\"\n        data-src=\"", "\"\n        ...=", "\n      ></solid-display>\n    "]);
-
-  _templateObject2 = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  const data = _taggedTemplateLiteral(["\n      <div id=", " style=\"width:100%;height:100%;\"></div>\n    "]);
-
-  _templateObject = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-import { Sib } from '../libs/Sib.js';
-import { ListMixin } from '../mixins/listMixin.js';
-import { StoreMixin } from '../mixins/storeMixin.js';
-import { WidgetMixin } from '../mixins/widgetMixin.js';
-import { CounterMixin } from '../mixins/counterMixin.js';
-import { FilterMixin } from '../mixins/filterMixin.js';
-import { FederationMixin } from '../mixins/federationMixin.js';
-import { GrouperMixin } from '../mixins/grouperMixin.js';
-import { NextMixin } from '../mixins/nextMixin.js';
-import { store } from '../libs/store/store.js';
-import { uniqID } from '../libs/helpers.js';
-import { spread } from '../libs/lit-helpers.js'; //@ts-ignore
-
-import L from 'https://cdn.skypack.dev/leaflet'; // TODO : revert to "leaflet" when apps up to date
-
-import 'https://cdn.skypack.dev/leaflet.markercluster'; // TODO : revert to "leaflet.markercluster" when apps up to date
-
-import { html, render } from '../_snowpack/pkg/lit-html.js';
-import { ifDefined } from '../_snowpack/pkg/lit-html/directives/if-defined.js';
-export const SolidMap = {
-  name: 'solid-map',
-  use: [WidgetMixin, ListMixin, StoreMixin, GrouperMixin, CounterMixin, FilterMixin, FederationMixin, NextMixin],
-  attributes: {
-    clustering: {
-      type: Boolean,
-      default: null
-    }
-  },
-  initialState: {
-    markers: {
-      default: null
-    },
-    subscriptions: null,
-    resetPlanned: false,
-    hasBeenResetOnce: false
-  },
-
-  created() {
-    //@ts-ignore
-    import("../_snowpack/pkg/leaflet/dist/leaflet.css.proxy.js"); //@ts-ignore
-
-    import("../style/default-theme.css.proxy.js"); //@ts-ignore
-
-    import("../_snowpack/pkg/leaflet.markercluster/dist/MarkerCluster.css.proxy.js"); //@ts-ignore
-
-    import("../_snowpack/pkg/leaflet.markercluster/dist/MarkerCluster.Default.css.proxy.js"); // reset when it becomes visible to prevent bug https://git.startinblox.com/framework/sib-core/issues/661
-
-    document.body.addEventListener('navigate', () => setTimeout(() => this.isVisible && !this.hasBeenResetOnce && this.reset()));
-    this.markers = [];
-    this.subscriptions = new Map();
-  },
-
-  get isVisible() {
-    return this.element.offsetParent !== null;
-  },
-
-  attached() {
-    const id = uniqID();
-    const template = html(_templateObject(), id);
-    render(template, this.element);
-    const div = this.element.querySelector("#".concat(id));
-    this.map = L.map(div);
-    L.tileLayer('https://{s}.basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}{r}.png').addTo(this.map);
-
-    if (this.clustering !== null) {
-      this.markersCluster = L.markerClusterGroup();
-      this.map.addLayer(this.markersCluster);
-    }
-  },
-
-  reset() {
-    if (this.isVisible) {
-      // reset only if visible
-      this.map.invalidateSize();
-
-      if (this.markers.length) {
-        this.map.fitBounds(L.featureGroup(this.markers).getBounds()); // Center map on markers if some available
-      } else {
-        this.map.fitWorld(); // ... or on the world if not
-      }
-
-      this.hasBeenResetOnce = true;
-    }
-  },
-
-  /**
-   * Execute a reset only if none is planned already
-   */
-  planReset() {
-    if (!this.resetPlanned) {
-      this.resetPlanned = true;
-      setTimeout(() => {
-        this.reset();
-        this.resetPlanned = false;
-      });
-    }
-  },
-
-  dispatchSelect(event) {
-    const target = event.target;
-    const resource = target['options'].resource;
-    this.element.dispatchEvent(new CustomEvent('resourceSelect', {
-      detail: {
-        resource: resource
-      }
-    }));
-    this.goToNext(resource);
-  },
-
-  /**
-   * Override listMixin method: initialize a marker on the map
-   * @param resourceId: id of the resource to display
-   * @param groupClass: class of the group of markers
-   */
-  async appendChildElt(resourceId, groupClass) {
-    const resource = await store.getData(resourceId, this.context);
-
-    if (!this.subscriptions.get(resourceId)) {
-      this.subscriptions.set(resourceId, PubSub.subscribe(resourceId, () => this.updateDOM()));
-    }
-
-    if (!resource) return;
-    const lat = await resource['lat'];
-    const lng = await resource['lng'];
-
-    if (lat && lng) {
-      const icon = L.divIcon({
-        // create the icon, doc here: https://leafletjs.com/reference-1.6.0.html#icon
-        className: 'sib-custom-marker ' + groupClass,
-        // default class used for styling
-        iconSize: [8, 8],
-        iconAnchor: [12, 34],
-        popupAnchor: [0, -34]
-      }); // create a marker, doc here: https://leafletjs.com/reference-1.6.0.html#marker
-
-      const marker = L.marker([lat.toString(), lng.toString()], {
-        resource,
-        icon
-      });
-      if (this.clustering === null) marker.addTo(this.map);else this.markersCluster.addLayer(marker);
-      marker.on('click', this.dispatchSelect.bind(this));
-
-      if (this.fields !== null) {
-        // show popups only if fields attribute
-        marker.bindPopup(() => this.getPopupContent(resourceId), {
-          minWidth: 150
-        }); // re-generate popup solid-display
-      }
-
-      this.markers.push(marker);
-    }
-  },
-
-  /**
-   * Generate the solid-display of the popup
-   * @param resourceId: id of the popup clicked
-   */
-  getPopupContent(resourceId) {
-    const attributes = {};
-
-    for (let attr of this.element.attributes) {
-      //copy widget and value attributes
-      if (attr.name.startsWith('value-') || attr.name.startsWith('label-') || attr.name.startsWith('widget-') || attr.name.startsWith('class-') || attr.name.startsWith('multiple-') || attr.name.startsWith('editable-') || attr.name.startsWith('action-') || attr.name.startsWith('default-') || attr.name == 'extra-context') attributes[attr.name] = attr.value;
-      if (attr.name.startsWith('child-')) attributes[attr.name.replace(/^child-/, '')] = attr.value;
-    }
-
-    const div = document.createElement('div');
-    const template = html(_templateObject2(), ifDefined(this.fields), resourceId, spread(attributes));
-    render(template, div);
-    return div.querySelector('solid-display');
-  },
-
-  /**
-   * Override widgetMixin method: empty the map
-   */
-  empty() {
-    if (!this.map) return;
-    if (this.markersCluster) this.map.removeLayer(this.markersCluster);
-
-    for (let marker of this.markers) this.map.removeLayer(marker);
-
-    if (this.clustering !== null) {
-      this.markersCluster = L.markerClusterGroup();
-      this.map.addLayer(this.markersCluster);
-    }
-
-    this.markers = [];
-  },
-
-  /**
-   * Override groupMixin method
-   * @param groupName: value of the group
-   */
-  renderGroup(groupName) {
-    const sanitizedGroupName = encodeURIComponent(groupName.toLowerCase()).replace(/%[0-9A-F]{2}/gi, '');
-    const div = document.createElement('div'); // used to pass group info to renderDOM
-
-    div.dataset.groupClass = 'group-' + sanitizedGroupName;
-    return div;
-  },
-
-  /**
-   * Override listMixin method: display all the resources
-   * @param resources
-   * @param listPostProcessors
-   * @param div
-   * @param context
-   */
-  async renderDOM(resources, listPostProcessors, div, context) {
-    const groupClass = div.dataset.groupClass || ''; // get the group class from the useless div element
-
-    await Promise.all(resources.map(resource => this.appendChildElt(resource['@id'], groupClass)));
-    this.planReset();
-    const nextProcessor = listPostProcessors.shift();
-    if (nextProcessor) await nextProcessor(resources, listPostProcessors, div, context);
-  }
-
-};
-Sib.register(SolidMap);
-//# sourceMappingURL=solid-map.js.map

package/dist/components/solid-map.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["solid-map.ts"],"names":["Sib","ListMixin","StoreMixin","WidgetMixin","CounterMixin","FilterMixin","FederationMixin","GrouperMixin","NextMixin","store","uniqID","spread","L","html","render","ifDefined","SolidMap","name","use","attributes","clustering","type","Boolean","default","initialState","markers","subscriptions","resetPlanned","hasBeenResetOnce","created","document","body","addEventListener","setTimeout","isVisible","reset","Map","element","offsetParent","attached","id","template","div","querySelector","map","tileLayer","addTo","markersCluster","markerClusterGroup","addLayer","invalidateSize","length","fitBounds","featureGroup","getBounds","fitWorld","planReset","dispatchSelect","event","target","resource","dispatchEvent","CustomEvent","detail","goToNext","appendChildElt","resourceId","groupClass","getData","context","get","set","PubSub","subscribe","updateDOM","lat","lng","icon","divIcon","className","iconSize","iconAnchor","popupAnchor","marker","toString","on","bind","fields","bindPopup","getPopupContent","minWidth","push","attr","startsWith","value","replace","createElement","empty","removeLayer","renderGroup","groupName","sanitizedGroupName","encodeURIComponent","toLowerCase","dataset","renderDOM","resources","listPostProcessors","Promise","all","nextProcessor","shift","register"],"mappings":"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","sourcesContent":["import { Sib } from '../libs/Sib';\nimport { ListMixin } from '../mixins/listMixin';\nimport { StoreMixin } from '../mixins/storeMixin';\nimport { WidgetMixin } from '../mixins/widgetMixin';\nimport { CounterMixin } from '../mixins/counterMixin';\nimport { FilterMixin } from '../mixins/filterMixin';\nimport { FederationMixin } from '../mixins/federationMixin';\nimport { GrouperMixin } from '../mixins/grouperMixin';\nimport { NextMixin } from '../mixins/nextMixin';\nimport { store } from '../libs/store/store';\nimport { uniqID } from '../libs/helpers';\nimport { spread } from '../libs/lit-helpers';\n\n//@ts-ignore\nimport L, { MarkerOptions } from 'https://cdn.skypack.dev/leaflet'; // TODO : revert to \"leaflet\" when apps up to date\nimport 'https://cdn.skypack.dev/leaflet.markercluster'; // TODO : revert to \"leaflet.markercluster\" when apps up to date\n\nimport { html, render } from 'lit-html';\nimport { ifDefined } from 'lit-html/directives/if-defined';\n\nexport const SolidMap = {\n  name: 'solid-map',\n  use: [\n    WidgetMixin,\n    ListMixin,\n    StoreMixin,\n    GrouperMixin,\n    CounterMixin,\n    FilterMixin,\n    FederationMixin,\n    NextMixin,\n  ],\n  attributes: {\n    clustering: {\n      type: Boolean,\n      default: null\n    }\n  },\n  initialState: {\n    markers: {\n      default: null\n    },\n    subscriptions: null,\n    resetPlanned: false,\n    hasBeenResetOnce: false\n  },\n  created(): void {\n    //@ts-ignore\n    import('leaflet/dist/leaflet.css');\n    //@ts-ignore\n    import('../style/default-theme.css');\n    //@ts-ignore\n    import('leaflet.markercluster/dist/MarkerCluster.css');\n    //@ts-ignore\n    import('leaflet.markercluster/dist/MarkerCluster.Default.css');\n\n    // reset when it becomes visible to prevent bug https://git.startinblox.com/framework/sib-core/issues/661\n    document.body.addEventListener('navigate', () =>\n      setTimeout(() => this.isVisible && !this.hasBeenResetOnce && this.reset())\n    );\n    this.markers = [];\n    this.subscriptions = new Map();\n  },\n  get isVisible() {\n    return this.element.offsetParent !== null\n  },\n  attached(): void {\n    const id = uniqID();\n    const template = html`\n      <div id=${id} style=\"width:100%;height:100%;\"></div>\n    `;\n    render(template, this.element);\n\n    const div = this.element.querySelector(`#${id}`);\n    this.map = L.map(div);\n\n    L.tileLayer(\n      'https://{s}.basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}{r}.png'\n    ).addTo(this.map);\n\n    if (this.clustering !== null) {\n      this.markersCluster = L.markerClusterGroup();\n      this.map.addLayer(this.markersCluster);\n    }\n  },\n  reset() {\n    if (this.isVisible) { // reset only if visible\n      this.map.invalidateSize();\n\n      if (this.markers.length) {\n        this.map.fitBounds(L.featureGroup(this.markers).getBounds()); // Center map on markers if some available\n      } else {\n        this.map.fitWorld(); // ... or on the world if not\n      }\n      this.hasBeenResetOnce = true;\n    }\n  },\n  /**\n   * Execute a reset only if none is planned already\n   */\n  planReset() {\n    if (!this.resetPlanned) {\n      this.resetPlanned = true;\n      setTimeout(() => {\n        this.reset();\n        this.resetPlanned = false;\n      })\n    }\n  },\n  dispatchSelect(event: CustomEvent): void {\n    const target = event.target as Element;\n    const resource = target['options'].resource;\n    this.element.dispatchEvent(\n      new CustomEvent('resourceSelect', { detail: { resource: resource } })\n    );\n    this.goToNext(resource);\n  },\n\n  /**\n   * Override listMixin method: initialize a marker on the map\n   * @param resourceId: id of the resource to display\n   * @param groupClass: class of the group of markers\n   */\n  async appendChildElt(resourceId: string, groupClass: string) {\n    const resource = await store.getData(resourceId, this.context);\n    if (!this.subscriptions.get(resourceId)) {\n      this.subscriptions.set(resourceId, PubSub.subscribe(resourceId, () => this.updateDOM()))\n    }\n    if (!resource) return;\n    const lat = await resource['lat'];\n    const lng = await resource['lng'];\n\n    if (lat && lng) {\n      const icon = L.divIcon({ // create the icon, doc here: https://leafletjs.com/reference-1.6.0.html#icon\n        className: 'sib-custom-marker ' + groupClass, // default class used for styling\n        iconSize: [8, 8],\n        iconAnchor: [12, 34],\n        popupAnchor: [0,-34]\n      });\n\n      // create a marker, doc here: https://leafletjs.com/reference-1.6.0.html#marker\n      const marker = L.marker(\n        [lat.toString(), lng.toString()], \n        {resource, icon} as MarkerOptions\n      );\n      if(this.clustering === null) marker.addTo(this.map);\n      else this.markersCluster.addLayer(marker);\n      marker.on('click', this.dispatchSelect.bind(this));\n\n      if (this.fields !== null) { // show popups only if fields attribute\n        marker.bindPopup(() => this.getPopupContent(resourceId), { minWidth: 150 }) // re-generate popup solid-display\n      }\n\n      this.markers.push(marker);\n    }\n  },\n  /**\n   * Generate the solid-display of the popup\n   * @param resourceId: id of the popup clicked\n   */\n  getPopupContent(resourceId: string) {\n    const attributes:{[key:string]: string} = {};\n\n    for (let attr of this.element.attributes) {\n      //copy widget and value attributes\n      if (\n        attr.name.startsWith('value-') ||\n        attr.name.startsWith('label-') ||\n        attr.name.startsWith('widget-') ||\n        attr.name.startsWith('class-') ||\n        attr.name.startsWith('multiple-') ||\n        attr.name.startsWith('editable-') ||\n        attr.name.startsWith('action-') ||\n        attr.name.startsWith('default-') ||\n        attr.name == 'extra-context'\n      )\n        attributes[attr.name] = attr.value;\n      if (attr.name.startsWith('child-'))\n        attributes[attr.name.replace(/^child-/, '')] = attr.value;\n    }\n\n    const div = document.createElement('div');\n    const template = html`\n      <solid-display\n        fields=\"${ifDefined(this.fields)}\"\n        data-src=\"${resourceId}\"\n        ...=${spread(attributes)}\n      ></solid-display>\n    `;\n    render(template, div);\n    return div.querySelector('solid-display');\n  },\n  /**\n   * Override widgetMixin method: empty the map\n   */\n  empty(): void {\n    if (!this.map) return;\n    if (this.markersCluster) this.map.removeLayer(this.markersCluster);\n    for (let marker of this.markers) this.map.removeLayer(marker);\n    if(this.clustering !== null) {\n      this.markersCluster = L.markerClusterGroup();\n      this.map.addLayer(this.markersCluster);\n    }\n    this.markers = [];\n  },\n  /**\n   * Override groupMixin method\n   * @param groupName: value of the group\n   */\n  renderGroup(groupName: string) {\n    const sanitizedGroupName = encodeURIComponent(groupName.toLowerCase()).replace(/%[0-9A-F]{2}/gi, '');\n    const div = document.createElement('div'); // used to pass group info to renderDOM\n    div.dataset.groupClass = 'group-' + sanitizedGroupName;\n    return div;\n  },\n  /**\n   * Override listMixin method: display all the resources\n   * @param resources\n   * @param listPostProcessors\n   * @param div\n   * @param context\n   */\n  async renderDOM(resources: object[], listPostProcessors: Function[], div: HTMLElement, context: string) {\n    const groupClass = div.dataset.groupClass || ''; // get the group class from the useless div element\n    await Promise.all(resources.map(resource => this.appendChildElt(resource['@id'], groupClass)))\n    this.planReset();\n\n    const nextProcessor = listPostProcessors.shift();\n    if(nextProcessor) await nextProcessor(resources, listPostProcessors, div, context);\n  }\n};\n\nSib.register(SolidMap);"]}

package/dist/components/solid-table.js

@@ -1,263 +0,0 @@
-function _templateObject9() {
-  const data = _taggedTemplateLiteral(["\n      ", "\n      ", "\n    "]);
-
-  _templateObject9 = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject8() {
-  const data = _taggedTemplateLiteral(["\n      ", "\n      ", "\n    "]);
-
-  _templateObject8 = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject7() {
-  const data = _taggedTemplateLiteral(["<td>", "</td>"]);
-
-  _templateObject7 = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject6() {
-  const data = _taggedTemplateLiteral(["\n        <td>\n          <input type=\"checkbox\" data-selection />\n        </td>"]);
-
-  _templateObject6 = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  const data = _taggedTemplateLiteral(["\n      <tr data-resource=\"", "\">\n        ", "\n        ", "\n      </tr>\n    "]);
-
-  _templateObject5 = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  const data = _taggedTemplateLiteral(["\n          <th>\n            ", "\n        </th>"]);
-
-  _templateObject4 = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  const data = _taggedTemplateLiteral(["\n        <th>\n          <input type=\"checkbox\" @change=\"", "\" />\n        </th>"]);
-
-  _templateObject3 = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  const data = _taggedTemplateLiteral(["\n      <tr>\n        ", "\n        ", "\n      </tr>\n    "]);
-
-  _templateObject2 = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  const data = _taggedTemplateLiteral(["\n      <solid-form\n        data-src=\"", "\"\n        fields=\"", "\"\n        partial\n        autosave\n        ...=", "\n      ></solid-form>\n    "]);
-
-  _templateObject = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-import { Sib } from '../libs/Sib.js';
-import { store } from '../libs/store/store.js';
-import { WidgetMixin } from '../mixins/widgetMixin.js';
-import { ListMixin } from '../mixins/listMixin.js';
-import { StoreMixin } from '../mixins/storeMixin.js';
-import { PaginateMixin } from '../mixins/paginateMixin.js';
-import { FilterMixin } from '../mixins/filterMixin.js';
-import { CounterMixin } from '../mixins/counterMixin.js';
-import { SorterMixin } from '../mixins/sorterMixin.js';
-import { GrouperMixin } from '../mixins/grouperMixin.js';
-import { FederationMixin } from '../mixins/federationMixin.js';
-import { HighlighterMixin } from '../mixins/highlighterMixin.js';
-import { RequiredMixin } from '../mixins/requiredMixin.js';
-import { html, render } from '../_snowpack/pkg/lit-html.js';
-import { until } from '../_snowpack/pkg/lit-html/directives/until.js';
-import { spread } from '../libs/lit-helpers.js';
-export const SolidTable = {
-  name: 'solid-table',
-  use: [WidgetMixin, ListMixin, StoreMixin, PaginateMixin, GrouperMixin, CounterMixin, HighlighterMixin, FilterMixin, SorterMixin, RequiredMixin, FederationMixin],
-  attributes: {
-    defaultWidget: {
-      type: String,
-      default: 'solid-display-value'
-    },
-    selectable: {
-      type: String,
-      default: null
-    },
-    header: {
-      type: String,
-      default: null
-    }
-  },
-
-  get parentElement() {
-    return 'table';
-  },
-
-  get defaultMultipleWidget() {
-    return 'solid-multiple';
-  },
-
-  get defaultSetWidget() {
-    return 'solid-set-default';
-  },
-
-  get selectedLines() {
-    if (this.selectable === null) return [];
-    return Array.from(this.element.querySelectorAll('input[data-selection]:checked')).map(e => {
-      var _e$closest;
-
-      return e === null || e === void 0 ? void 0 : (_e$closest = e.closest('[data-resource]')) === null || _e$closest === void 0 ? void 0 : _e$closest.getAttribute('data-resource');
-    });
-  },
-
-  /**
-   * Select all lines
-   * @param e - event
-   */
-  selectAll(e) {
-    if (this.selectable === null) return;
-
-    for (const checkbox of Array.from(this.element.querySelectorAll('input[data-selection]'))) {
-      checkbox.checked = e.target.checked;
-    }
-  },
-
-  /**
-   * Unselect all lines
-   */
-  unselectAll() {
-    if (this.selectable === null) return;
-
-    for (const checkbox of Array.from(this.element.querySelectorAll('input[data-selection]'))) {
-      checkbox.checked = false;
-    }
-  },
-
-  /**
-   * Select specific lines
-   * @param lines - array of selected lines
-   */
-  selectLines(lines) {
-    if (this.selectable === null || lines.length === 0) return;
-
-    for (const line of lines) {
-      const checkbox = this.element.querySelector("[data-resource=\"".concat(line, "\"] input[data-selection]"));
-      if (checkbox) checkbox.checked = true;
-    }
-  },
-
-  /**
-   * Create a widget for the field or a form if it's editable
-   * @param field
-   * @param resource
-   */
-  async createCellWidget(field, resource) {
-    // if regular widget
-    if (!this.element.hasAttribute('editable-' + field)) return this.createWidgetTemplate(field, resource, true); // if editable widget
-
-    const attributes = {};
-    const formWidgetAttributes = [// attributes to give to the form widget
-    'range', 'enum', 'placeholder', 'required', 'autocomplete', 'option-label', 'option-value', 'min', 'max', 'pattern', 'title', 'widget'];
-
-    for (let attr of formWidgetAttributes) this.addToAttributes("".concat(attr, "-").concat(field), "".concat(attr, "-").concat(field), attributes);
-
-    const formAttributes = [// attributes to give to the form
-    'class', 'submit-button', 'next'];
-
-    for (let attr of formAttributes) this.addToAttributes("".concat(attr, "-").concat(field), attr, attributes);
-
-    return html(_templateObject(), resource['@id'], field, spread(attributes));
-  },
-
-  /**
-   * Creates a header line for the table
-   * @param fields
-   */
-  getHeader(fields) {
-    let template = html(_templateObject2(), this.selectable !== null ? html(_templateObject3(), this.selectAll.bind(this)) : '', fields.map(field => html(_templateObject4(), this.element.hasAttribute('label-' + field) ? this.element.getAttribute('label-' + field) : field)));
-    return template;
-  },
-
-  /**
-   * Returns template of a child element (resource)
-   * @param resourceId
-   * @param attributes
-   */
-  async getChildTemplate(resourceId, fields) {
-    const resource = await store.getData(resourceId, this.context);
-    let template = html(_templateObject5(), resourceId, this.selectable !== null ? html(_templateObject6()) : '', fields.map(field => html(_templateObject7(), until(this.createCellWidget(field, resource)))));
-    return template;
-  },
-
-  /**
-   * Creates and render the content of a single element (resource)
-   * @param parent
-   */
-  async appendSingleElt(parent) {
-    const fields = await this.getFields();
-    const template = html(_templateObject8(), this.header !== null ? this.getHeader(fields) : '', until(this.getChildTemplate(this.resource['@id'], fields)));
-    render(template, parent);
-  },
-
-  /**
-   * @override listMixin method to use litHtml
-   *
-   * Render resources from a container
-   * @param resources
-   * @param listPostProcessors
-   * @param div
-   * @param context
-   */
-  async renderDOM(resources, listPostProcessors, div, context) {
-    const selectedLines = [...this.selectedLines]; // save selected lines before moving them
-
-    const fields = await this.getFields();
-    const childTemplates = await Promise.all(resources.map(r => r ? this.getChildTemplate(r['@id'], fields) : null));
-    const template = html(_templateObject9(), this.header !== null ? this.getHeader(fields) : '', childTemplates); // create a child template for each resource
-
-    render(template, div); // Re-select the right lines
-
-    this.unselectAll();
-    this.selectLines(selectedLines);
-    const nextProcessor = listPostProcessors.shift();
-    if (nextProcessor) await nextProcessor(resources, listPostProcessors, div, context);
-  }
-
-};
-Sib.register(SolidTable);
-//# sourceMappingURL=solid-table.js.map

package/dist/components/solid-table.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["solid-table.ts"],"names":["Sib","store","WidgetMixin","ListMixin","StoreMixin","PaginateMixin","FilterMixin","CounterMixin","SorterMixin","GrouperMixin","FederationMixin","HighlighterMixin","RequiredMixin","html","render","until","spread","SolidTable","name","use","attributes","defaultWidget","type","String","default","selectable","header","parentElement","defaultMultipleWidget","defaultSetWidget","selectedLines","Array","from","element","querySelectorAll","map","e","closest","getAttribute","selectAll","checkbox","checked","target","unselectAll","selectLines","lines","length","line","querySelector","createCellWidget","field","resource","hasAttribute","createWidgetTemplate","formWidgetAttributes","attr","addToAttributes","formAttributes","getHeader","fields","template","bind","getChildTemplate","resourceId","getData","context","appendSingleElt","parent","getFields","renderDOM","resources","listPostProcessors","div","childTemplates","Promise","all","r","nextProcessor","shift","register"],"mappings":"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","sourcesContent":["import type { Resource } from '../mixins/interfaces';\nimport { Sib } from '../libs/Sib';\nimport { store } from '../libs/store/store';\nimport { WidgetMixin } from '../mixins/widgetMixin';\nimport { ListMixin } from '../mixins/listMixin';\nimport { StoreMixin } from '../mixins/storeMixin';\nimport { PaginateMixin } from '../mixins/paginateMixin';\nimport { FilterMixin } from '../mixins/filterMixin';\nimport { CounterMixin } from '../mixins/counterMixin';\nimport { SorterMixin } from '../mixins/sorterMixin';\nimport { GrouperMixin } from '../mixins/grouperMixin';\nimport { FederationMixin } from '../mixins/federationMixin';\nimport { HighlighterMixin } from '../mixins/highlighterMixin';\nimport { RequiredMixin } from '../mixins/requiredMixin';\n\nimport { html, render } from 'lit-html';\nimport { until } from 'lit-html/directives/until';\nimport { spread } from '../libs/lit-helpers';\n\nexport const SolidTable = {\n  name: 'solid-table',\n  use: [\n    WidgetMixin,\n    ListMixin,\n    StoreMixin,\n    PaginateMixin,\n    GrouperMixin,\n    CounterMixin,\n    HighlighterMixin,\n    FilterMixin,\n    SorterMixin,\n    RequiredMixin,\n    FederationMixin,\n  ],\n  attributes: {\n    defaultWidget: {\n      type: String,\n      default: 'solid-display-value',\n    },\n    selectable: {\n      type: String,\n      default: null,\n    },\n    header: {\n      type: String,\n      default: null,\n    },\n  },\n  get parentElement(): string {\n    return 'table';\n  },\n  get defaultMultipleWidget(): string {\n    return 'solid-multiple';\n  },\n  get defaultSetWidget(): string {\n    return 'solid-set-default';\n  },\n  get selectedLines() {\n    if (this.selectable === null) return [];\n    return (Array.from(this.element.querySelectorAll('input[data-selection]:checked')) as Element[])\n      .map(e => e?.closest('[data-resource]')?.getAttribute('data-resource'));\n  },\n  /**\n   * Select all lines\n   * @param e - event\n   */\n  selectAll(e) {\n    if (this.selectable === null) return;\n    for (const checkbox of Array.from(this.element.querySelectorAll('input[data-selection]') as HTMLInputElement[])) {\n      checkbox.checked = e.target.checked;\n    }\n  },\n  /**\n   * Unselect all lines\n   */\n  unselectAll(): void {\n    if (this.selectable === null) return;\n    for (const checkbox of Array.from(this.element.querySelectorAll('input[data-selection]') as HTMLInputElement[])) {\n      checkbox.checked = false;\n    }\n  },\n  /**\n   * Select specific lines\n   * @param lines - array of selected lines\n   */\n  selectLines(lines: string[]) {\n    if (this.selectable === null || lines.length === 0) return;\n    for (const line of lines) {\n      const checkbox = this.element.querySelector(`[data-resource=\"${line}\"] input[data-selection]`);\n      if (checkbox) checkbox.checked = true;\n    }\n  },\n  /**\n   * Create a widget for the field or a form if it's editable\n   * @param field\n   * @param resource\n   */\n  async createCellWidget(field: string, resource: Resource) {\n    // if regular widget\n    if (!this.element.hasAttribute('editable-' + field)) return this.createWidgetTemplate(field, resource, true);\n\n    // if editable widget\n    const attributes = {};\n    const formWidgetAttributes = [ // attributes to give to the form widget\n      'range',\n      'enum',\n      'placeholder',\n      'required',\n      'autocomplete',\n      'option-label',\n      'option-value',\n      'min',\n      'max',\n      'pattern',\n      'title',\n      'widget'\n    ];\n    for (let attr of formWidgetAttributes) this.addToAttributes(`${attr}-${field}`, `${attr}-${field}`,  attributes)\n\n    const formAttributes = [ // attributes to give to the form\n      'class',\n      'submit-button',\n      'next'\n    ];\n    for (let attr of formAttributes) this.addToAttributes(`${attr}-${field}`, attr,  attributes)\n\n    return html`\n      <solid-form\n        data-src=\"${resource['@id']}\"\n        fields=\"${field}\"\n        partial\n        autosave\n        ...=${spread(attributes)}\n      ></solid-form>\n    `;\n  },\n  /**\n   * Creates a header line for the table\n   * @param fields\n   */\n  getHeader(fields: string[]) {\n    let template = html`\n      <tr>\n        ${this.selectable !== null ? html`\n        <th>\n          <input type=\"checkbox\" @change=\"${this.selectAll.bind(this)}\" />\n        </th>` : ''}\n        ${fields.map((field: string) => html`\n          <th>\n            ${this.element.hasAttribute('label-'+field) ? this.element.getAttribute('label-'+field) : field}\n        </th>`)}\n      </tr>\n    `\n    return template;\n  },\n  /**\n   * Returns template of a child element (resource)\n   * @param resourceId\n   * @param attributes\n   */\n  async getChildTemplate(resourceId: string, fields) {\n    const resource = await store.getData(resourceId, this.context);\n    let template = html`\n      <tr data-resource=\"${resourceId}\">\n        ${this.selectable !== null ? html`\n        <td>\n          <input type=\"checkbox\" data-selection />\n        </td>` : ''}\n        ${fields.map((field: string) => html`<td>${until(this.createCellWidget(field, resource))}</td>`)}\n      </tr>\n    `\n    return template;\n  },\n\n  /**\n   * Creates and render the content of a single element (resource)\n   * @param parent\n   */\n  async appendSingleElt(parent: HTMLElement): Promise<void> {\n    const fields = await this.getFields();\n\n    const template = html`\n      ${this.header !== null ? this.getHeader(fields) : ''}\n      ${until(this.getChildTemplate(this.resource['@id'], fields))}\n    `;\n    render(template, parent);\n  },\n\n  /**\n   * @override listMixin method to use litHtml\n   *\n   * Render resources from a container\n   * @param resources\n   * @param listPostProcessors\n   * @param div\n   * @param context\n   */\n  async renderDOM(\n    resources: object[],\n    listPostProcessors: Function[],\n    div: HTMLElement,\n    context: string,\n  ) {\n    const selectedLines = [...this.selectedLines]; // save selected lines before moving them\n    const fields = await this.getFields();\n    const childTemplates = await Promise.all(\n      resources.map(r => r ? this.getChildTemplate(r['@id'], fields) : null)\n    );\n    const template = html`\n      ${this.header !== null ? this.getHeader(fields) : ''}\n      ${childTemplates}\n    `; // create a child template for each resource\n    render(template, div);\n\n    // Re-select the right lines\n    this.unselectAll();\n    this.selectLines(selectedLines);\n\n    const nextProcessor = listPostProcessors.shift();\n    if (nextProcessor)\n      await nextProcessor(\n        resources,\n        listPostProcessors,\n        div,\n        context\n      );\n  },\n};\n\nSib.register(SolidTable);\n"]}