@startinblox/core 0.17.22 → 0.17.23

package/dist/_snowpack/pkg/tui-calendar.js.map.proxy.js

@@ -0,0 +1 @@
+export default "/_snowpack/pkg/tui-calendar.js.map";

package/dist/components/solid-ac-checker.js

@@ -0,0 +1,58 @@
+import JSONLDContextParser from '../_snowpack/pkg/jsonld-context-parser.js';
+import { Sib } from '../libs/Sib.js';
+import { StoreMixin } from '../mixins/storeMixin.js';
+export const SolidAcChecker = {
+  name: 'solid-ac-checker',
+  use: [StoreMixin],
+  attributes: {
+    permission: {
+      type: String,
+      default: ''
+    },
+    noPermission: {
+      type: String,
+      default: ''
+    }
+  },
+
+  async populate() {
+    if (!this.resource) return;
+    let displayElement;
+    const ContextParser = JSONLDContextParser.ContextParser;
+    const myParser = new ContextParser();
+    const context = await myParser.parse(this.context);
+
+    if (this.permission) {
+      // User has permission of ...
+      displayElement = this.resource.permissions.some(p => {
+        return ContextParser.compactIri(p, context) === this.permission;
+      });
+      /* displayElement = await asyncSome(
+        (permission: object) => ContextParser.compactIri(permission.toString(), context) === this.permission,
+        this.resource.permissions.mode['@type']
+      )*/
+    } else if (this.noPermission) {
+      // User has no permission of ...
+      displayElement = this.resource.permissions.every(p => {
+        return ContextParser.compactIri(p, context) !== this.noPermission;
+      });
+      /*displayElement = await asyncEvery(
+        (permission: object) => ContextParser.compactIri(permission.toString(), context) !== this.noPermission,
+        this.resource.permissions.mode['@type']
+      )*/
+    } else {
+      // No parameter provided
+      console.warn('solid-ac-checker: you should define at least one of "permission" or "no-permission" attribute.');
+      return;
+    }
+
+    if (displayElement) this.element.removeAttribute('hidden');
+  },
+
+  empty() {
+    this.element.setAttribute('hidden', '');
+  }
+
+};
+Sib.register(SolidAcChecker);
+//# sourceMappingURL=solid-ac-checker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["solid-ac-checker.ts"],"names":["JSONLDContextParser","Sib","StoreMixin","SolidAcChecker","name","use","attributes","permission","type","String","default","noPermission","populate","resource","displayElement","ContextParser","myParser","context","parse","permissions","some","p","compactIri","every","console","warn","element","removeAttribute","empty","setAttribute","register"],"mappings":"AAAA,OAAOA,mBAAP,MAAgC,uBAAhC;AACA,SAASC,GAAT,QAAoB,aAApB;AACA,SAASC,UAAT,QAA2B,sBAA3B;AAEA,OAAO,MAAMC,cAAc,GAAG;AAC5BC,EAAAA,IAAI,EAAE,kBADsB;AAE5BC,EAAAA,GAAG,EAAE,CAACH,UAAD,CAFuB;AAG5BI,EAAAA,UAAU,EAAE;AACVC,IAAAA,UAAU,EAAE;AACVC,MAAAA,IAAI,EAAEC,MADI;AAEVC,MAAAA,OAAO,EAAE;AAFC,KADF;AAKVC,IAAAA,YAAY,EAAE;AACZH,MAAAA,IAAI,EAAEC,MADM;AAEZC,MAAAA,OAAO,EAAE;AAFG;AALJ,GAHgB;;AAc5B,QAAME,QAAN,GAAgC;AAC9B,QAAI,CAAC,KAAKC,QAAV,EAAoB;AACpB,QAAIC,cAAJ;AACA,UAAMC,aAAa,GAAGf,mBAAmB,CAACe,aAA1C;AACA,UAAMC,QAAQ,GAAG,IAAID,aAAJ,EAAjB;AACA,UAAME,OAAO,GAAG,MAAMD,QAAQ,CAACE,KAAT,CAAe,KAAKD,OAApB,CAAtB;;AAEA,QAAI,KAAKV,UAAT,EAAqB;AAAE;AACrBO,MAAAA,cAAc,GAAG,KAAKD,QAAL,CAAcM,WAAd,CAA0BC,IAA1B,CAAgCC,CAAD,IAAW;AACzD,eAAON,aAAa,CAACO,UAAd,CAAyBD,CAAzB,EAA4BJ,OAA5B,MAAyC,KAAKV,UAArD;AACD,OAFgB,CAAjB;AAGA;AACN;AACA;AACA;AACK,KARD,MAQO,IAAI,KAAKI,YAAT,EAAuB;AAAE;AAC9BG,MAAAA,cAAc,GAAG,KAAKD,QAAL,CAAcM,WAAd,CAA0BI,KAA1B,CAAiCF,CAAD,IAAW;AAC1D,eAAON,aAAa,CAACO,UAAd,CAAyBD,CAAzB,EAA4BJ,OAA5B,MAAyC,KAAKN,YAArD;AACD,OAFgB,CAAjB;AAGA;AACN;AACA;AACA;AACK,KARM,MAQA;AAAE;AACPa,MAAAA,OAAO,CAACC,IAAR,CAAa,gGAAb;AACA;AACD;;AAED,QAAIX,cAAJ,EAAoB,KAAKY,OAAL,CAAaC,eAAb,CAA6B,QAA7B;AACrB,GA3C2B;;AA4C5BC,EAAAA,KAAK,GAAS;AACZ,SAAKF,OAAL,CAAaG,YAAb,CAA0B,QAA1B,EAAoC,EAApC;AACD;;AA9C2B,CAAvB;AAiDP5B,GAAG,CAAC6B,QAAJ,CAAa3B,cAAb","sourcesContent":["import JSONLDContextParser from 'jsonld-context-parser';\nimport { Sib } from '../libs/Sib';\nimport { StoreMixin } from '../mixins/storeMixin';\n\nexport const SolidAcChecker = {\n  name: 'solid-ac-checker',\n  use: [StoreMixin],\n  attributes: {\n    permission: {\n      type: String,\n      default: '',\n    },\n    noPermission: {\n      type: String,\n      default: '',\n    }\n  },\n\n  async populate(): Promise<void> {\n    if (!this.resource) return;\n    let displayElement: boolean;\n    const ContextParser = JSONLDContextParser.ContextParser;\n    const myParser = new ContextParser();\n    const context = await myParser.parse(this.context);\n\n    if (this.permission) { // User has permission of ...\n      displayElement = this.resource.permissions.some((p:any) => {\n        return ContextParser.compactIri(p, context) === this.permission;\n      });\n      /* displayElement = await asyncSome(\n        (permission: object) => ContextParser.compactIri(permission.toString(), context) === this.permission,\n        this.resource.permissions.mode['@type']\n      )*/\n    } else if (this.noPermission) { // User has no permission of ...\n      displayElement = this.resource.permissions.every((p:any) => {\n        return ContextParser.compactIri(p, context) !== this.noPermission;\n      });\n      /*displayElement = await asyncEvery(\n        (permission: object) => ContextParser.compactIri(permission.toString(), context) !== this.noPermission,\n        this.resource.permissions.mode['@type']\n      )*/\n    } else { // No parameter provided\n      console.warn('solid-ac-checker: you should define at least one of \"permission\" or \"no-permission\" attribute.');\n      return;\n    }\n\n    if (displayElement) this.element.removeAttribute('hidden');\n  },\n  empty(): void {\n    this.element.setAttribute('hidden', '');\n  }\n};\n\nSib.register(SolidAcChecker);"]}

package/dist/components/solid-calendar.js

@@ -0,0 +1,87 @@
+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 { NextMixin } from '../mixins/nextMixin.js';
+import { store } from '../libs/store/store.js';
+import { uniqID } from '../libs/helpers.js';
+import Calendar from '../_snowpack/pkg/tui-calendar.js';
+import { html, render } from '../_snowpack/pkg/lit-html.js';
+export const SolidCalendar = {
+  name: 'solid-calendar',
+  use: [ListMixin, StoreMixin, NextMixin],
+  initialState: {
+    subscriptions: null
+  },
+
+  created() {
+    //@ts-ignore
+    import("../_snowpack/pkg/tui-calendar/dist/tui-calendar.css.proxy.js");
+    const id = uniqID();
+    const template = html(_templateObject(), id);
+    render(template, this.element);
+    this.calendar = new Calendar(this.element.querySelector("#".concat(id)), {
+      defaultView: 'month'
+    });
+    this.calendar.on('clickSchedule', this.dispatchSelect.bind(this));
+    this.subscriptions = new Map();
+  },
+
+  get extra_context() {
+    return {
+      date: "http://www.w3.org/2001/XMLSchema#dateTime"
+    };
+  },
+
+  dispatchSelect(event) {
+    const resource = {
+      '@id': event['schedule'].id
+    };
+    this.element.dispatchEvent(new CustomEvent('resourceSelect', {
+      detail: {
+        resource: resource
+      }
+    }));
+    this.goToNext(resource);
+  },
+
+  async appendChildElt(resourceId) {
+    const resource = await store.getData(resourceId, this.context);
+    if (!resource) return;
+
+    if (!this.subscriptions.get(resourceId)) {
+      this.subscriptions.set(resourceId, PubSub.subscribe(resourceId, () => this.updateDOM()));
+    } // TODO : mixin gestion des enfants
+
+
+    const date = await resource['date'];
+    const name = await resource['name'];
+
+    if (name && date) {
+      this.calendar.createSchedules([{
+        id: resource['@id'],
+        title: name.toString(),
+        category: 'time',
+        start: date.toString()
+      }]);
+    }
+  },
+
+  empty() {
+    this.calendar.clear();
+  }
+
+};
+Sib.register(SolidCalendar);
+//# sourceMappingURL=solid-calendar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["solid-calendar.ts"],"names":["Sib","ListMixin","StoreMixin","NextMixin","store","uniqID","Calendar","html","render","SolidCalendar","name","use","initialState","subscriptions","created","id","template","element","calendar","querySelector","defaultView","on","dispatchSelect","bind","Map","extra_context","date","event","resource","dispatchEvent","CustomEvent","detail","goToNext","appendChildElt","resourceId","getData","context","get","set","PubSub","subscribe","updateDOM","createSchedules","title","toString","category","start","empty","clear","register"],"mappings":";;;;;;;;;;;;AAAA,SAASA,GAAT,QAAoB,aAApB;AACA,SAASC,SAAT,QAA0B,qBAA1B;AACA,SAASC,UAAT,QAA2B,sBAA3B;AACA,SAASC,SAAT,QAA0B,qBAA1B;AACA,SAASC,KAAT,QAAsB,qBAAtB;AACA,SAASC,MAAT,QAAuB,iBAAvB;AAEA,OAAOC,QAAP,MAAqB,cAArB;AACA,SAASC,IAAT,EAAeC,MAAf,QAA6B,UAA7B;AAEA,OAAO,MAAMC,aAAa,GAAG;AAC3BC,EAAAA,IAAI,EAAE,gBADqB;AAE3BC,EAAAA,GAAG,EAAE,CACHV,SADG,EAEHC,UAFG,EAGHC,SAHG,CAFsB;AAO3BS,EAAAA,YAAY,EAAE;AACZC,IAAAA,aAAa,EAAE;AADH,GAPa;;AAU3BC,EAAAA,OAAO,GAAS;AACd;AACA,WAAO,oCAAP;AACA,UAAMC,EAAE,GAAGV,MAAM,EAAjB;AACA,UAAMW,QAAQ,GAAGT,IAAH,oBACFQ,EADE,CAAd;AAGAP,IAAAA,MAAM,CAACQ,QAAD,EAAW,KAAKC,OAAhB,CAAN;AACA,SAAKC,QAAL,GAAgB,IAAIZ,QAAJ,CAAa,KAAKW,OAAL,CAAaE,aAAb,YAA+BJ,EAA/B,EAAb,EAAmD;AAAEK,MAAAA,WAAW,EAAE;AAAf,KAAnD,CAAhB;AACA,SAAKF,QAAL,CAAcG,EAAd,CAAiB,eAAjB,EAAkC,KAAKC,cAAL,CAAoBC,IAApB,CAAyB,IAAzB,CAAlC;AACA,SAAKV,aAAL,GAAqB,IAAIW,GAAJ,EAArB;AACD,GArB0B;;AAsB3B,MAAIC,aAAJ,GAA4B;AAC1B,WAAO;AAAEC,MAAAA,IAAI,EAAE;AAAR,KAAP;AACD,GAxB0B;;AAyB3BJ,EAAAA,cAAc,CAACK,KAAD,EAAqB;AACjC,UAAMC,QAAQ,GAAG;AAAE,aAAOD,KAAK,CAAC,UAAD,CAAL,CAAkBZ;AAA3B,KAAjB;AACA,SAAKE,OAAL,CAAaY,aAAb,CACE,IAAIC,WAAJ,CAAgB,gBAAhB,EAAkC;AAAEC,MAAAA,MAAM,EAAE;AAAEH,QAAAA,QAAQ,EAAEA;AAAZ;AAAV,KAAlC,CADF;AAGA,SAAKI,QAAL,CAAcJ,QAAd;AACD,GA/B0B;;AAgC3B,QAAMK,cAAN,CAAqBC,UAArB,EAAyC;AACvC,UAAMN,QAAQ,GAAG,MAAMxB,KAAK,CAAC+B,OAAN,CAAcD,UAAd,EAA0B,KAAKE,OAA/B,CAAvB;AACA,QAAG,CAACR,QAAJ,EAAc;;AACd,QAAI,CAAC,KAAKf,aAAL,CAAmBwB,GAAnB,CAAuBH,UAAvB,CAAL,EAAyC;AACvC,WAAKrB,aAAL,CAAmByB,GAAnB,CAAuBJ,UAAvB,EAAmCK,MAAM,CAACC,SAAP,CAAiBN,UAAjB,EAA6B,MAAM,KAAKO,SAAL,EAAnC,CAAnC;AACD,KALsC,CAKrC;;;AACF,UAAMf,IAAI,GAAG,MAAME,QAAQ,CAAC,MAAD,CAA3B;AACA,UAAMlB,IAAI,GAAG,MAAMkB,QAAQ,CAAC,MAAD,CAA3B;;AAEA,QAAIlB,IAAI,IAAIgB,IAAZ,EAAkB;AAChB,WAAKR,QAAL,CAAcwB,eAAd,CAA8B,CAC5B;AACE3B,QAAAA,EAAE,EAAEa,QAAQ,CAAC,KAAD,CADd;AAEEe,QAAAA,KAAK,EAAEjC,IAAI,CAACkC,QAAL,EAFT;AAGEC,QAAAA,QAAQ,EAAE,MAHZ;AAIEC,QAAAA,KAAK,EAAEpB,IAAI,CAACkB,QAAL;AAJT,OAD4B,CAA9B;AAQD;AACF,GAnD0B;;AAoD3BG,EAAAA,KAAK,GAAS;AACZ,SAAK7B,QAAL,CAAc8B,KAAd;AACD;;AAtD0B,CAAtB;AAyDPhD,GAAG,CAACiD,QAAJ,CAAaxC,aAAb","sourcesContent":["import { Sib } from '../libs/Sib';\nimport { ListMixin } from '../mixins/listMixin';\nimport { StoreMixin } from '../mixins/storeMixin';\nimport { NextMixin } from '../mixins/nextMixin';\nimport { store } from '../libs/store/store';\nimport { uniqID } from '../libs/helpers';\n\nimport Calendar from 'tui-calendar';\nimport { html, render } from 'lit-html';\n\nexport const SolidCalendar = {\n  name: 'solid-calendar',\n  use: [\n    ListMixin,\n    StoreMixin,\n    NextMixin\n  ],\n  initialState: {\n    subscriptions: null\n  },\n  created(): void {\n    //@ts-ignore\n    import('tui-calendar/dist/tui-calendar.css');\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    this.calendar = new Calendar(this.element.querySelector(`#${id}`), { defaultView: 'month' });\n    this.calendar.on('clickSchedule', this.dispatchSelect.bind(this));\n    this.subscriptions = new Map();\n  },\n  get extra_context(): object {\n    return { date: \"http://www.w3.org/2001/XMLSchema#dateTime\" }\n  },\n  dispatchSelect(event: Event): void {\n    const resource = { '@id': event['schedule'].id };\n    this.element.dispatchEvent(\n      new CustomEvent('resourceSelect', { detail: { resource: resource } }),\n    );\n    this.goToNext(resource);\n  },\n  async appendChildElt(resourceId: string) {\n    const resource = await store.getData(resourceId, this.context);\n    if(!resource) return;\n    if (!this.subscriptions.get(resourceId)) {\n      this.subscriptions.set(resourceId, PubSub.subscribe(resourceId, () => this.updateDOM()))\n    } // TODO : mixin gestion des enfants\n    const date = await resource['date'];\n    const name = await resource['name'];\n\n    if (name && date) {\n      this.calendar.createSchedules([\n        {\n          id: resource['@id'],\n          title: name.toString(),\n          category: 'time',\n          start: date.toString(),\n        },\n      ]);\n    }\n  },\n  empty(): void {\n    this.calendar.clear();\n  }\n};\n\nSib.register(SolidCalendar);"]}

package/dist/components/solid-delete.js

@@ -0,0 +1,111 @@
+function _templateObject() {
+  const data = _taggedTemplateLiteral(["\n      <button @click=", ">", "</button>\n      ", "\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 { base_context, store } from '../libs/store/store.js';
+import { NextMixin } from '../mixins/nextMixin.js';
+import { ValidationMixin } from '../mixins/validationMixin.js';
+import { AttributeBinderMixin } from '../mixins/attributeBinderMixin.js';
+import { html, render } from '../_snowpack/pkg/lit-html.js';
+export const SolidDelete = {
+  name: 'solid-delete',
+  use: [NextMixin, ValidationMixin, AttributeBinderMixin],
+  attributes: {
+    dataSrc: {
+      type: String,
+      default: null,
+      callback: function () {
+        this.resourceId = this.dataSrc;
+      }
+    },
+    dataLabel: {
+      type: String,
+      default: null,
+      callback: function (newValue, oldValue) {
+        if (newValue !== oldValue) this.planRender();
+      }
+    },
+    extraContext: {
+      type: String,
+      default: null
+    }
+  },
+  initialState: {
+    renderPlanned: false
+  },
+
+  created() {
+    this.planRender();
+  },
+
+  planRender() {
+    if (!this.renderPlanned) {
+      this.renderPlanned = true;
+      setTimeout(() => {
+        this.render();
+        this.renderPlanned = false;
+      });
+    }
+  },
+
+  get context() {
+    let extraContextElement = this.extraContext ? document.getElementById(this.extraContext) : // take element extra context first
+    document.querySelector('[data-default-context]'); // ... or look for a default extra context
+
+    let extraContext = {};
+    if (extraContextElement) extraContext = JSON.parse(extraContextElement.textContent || "{}");
+    return { ...base_context,
+      ...extraContext
+    };
+  },
+
+  async delete(e) {
+    e.stopPropagation();
+    if (!this.dataSrc) return;
+    this.performAction(); // In validationMixin, method defining what to do according to the present attributes
+  },
+
+  deletion() {
+    return store.delete(this.dataSrc, this.context).then(response => {
+      if (!response.ok) return;
+      this.goToNext(null);
+      const eventData = {
+        detail: {
+          resource: {
+            "@id": this.dataSrc
+          }
+        },
+        bubbles: true
+      };
+      this.element.dispatchEvent(new CustomEvent('save', eventData));
+      this.element.dispatchEvent(new CustomEvent('resourceDeleted', eventData)); // Deprecated. To remove in 0.15
+    });
+  },
+
+  validateModal() {
+    // Send method to validationMixin, used by the dialog modal and performAction method
+    return this.deletion();
+  },
+
+  update() {
+    this.render();
+  },
+
+  async render() {
+    await this.replaceAttributesData(false);
+    const button = html(_templateObject(), this.delete.bind(this), this.dataLabel || this.t("solid-delete.button"), this.getModalDialog());
+    render(button, this.element);
+  }
+
+};
+Sib.register(SolidDelete);
+//# sourceMappingURL=solid-delete.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["solid-delete.ts"],"names":["Sib","base_context","store","NextMixin","ValidationMixin","AttributeBinderMixin","html","render","SolidDelete","name","use","attributes","dataSrc","type","String","default","callback","resourceId","dataLabel","newValue","oldValue","planRender","extraContext","initialState","renderPlanned","created","setTimeout","context","extraContextElement","document","getElementById","querySelector","JSON","parse","textContent","delete","e","stopPropagation","performAction","deletion","then","response","ok","goToNext","eventData","detail","resource","bubbles","element","dispatchEvent","CustomEvent","validateModal","update","replaceAttributesData","button","bind","t","getModalDialog","register"],"mappings":";;;;;;;;;;;;AAAA,SAASA,GAAT,QAAoB,aAApB;AACA,SAASC,YAAT,EAAuBC,KAAvB,QAAoC,qBAApC;AACA,SAASC,SAAT,QAA0B,qBAA1B;AACA,SAASC,eAAT,QAAgC,2BAAhC;AACA,SAASC,oBAAT,QAAqC,gCAArC;AAEA,SAASC,IAAT,EAAeC,MAAf,QAA6B,UAA7B;AAEA,OAAO,MAAMC,WAAW,GAAG;AACzBC,EAAAA,IAAI,EAAE,cADmB;AAEzBC,EAAAA,GAAG,EAAE,CAACP,SAAD,EAAYC,eAAZ,EAA6BC,oBAA7B,CAFoB;AAGzBM,EAAAA,UAAU,EAAE;AACVC,IAAAA,OAAO,EAAE;AACPC,MAAAA,IAAI,EAAEC,MADC;AAEPC,MAAAA,OAAO,EAAE,IAFF;AAGPC,MAAAA,QAAQ,EAAE,YAAY;AACrB,aAAKC,UAAL,GAAkB,KAAKL,OAAvB;AACA;AALM,KADC;AAQVM,IAAAA,SAAS,EAAE;AACTL,MAAAA,IAAI,EAAEC,MADG;AAETC,MAAAA,OAAO,EAAE,IAFA;AAGTC,MAAAA,QAAQ,EAAE,UAAUG,QAAV,EAA4BC,QAA5B,EAA8C;AACtD,YAAID,QAAQ,KAAKC,QAAjB,EAA2B,KAAKC,UAAL;AAC5B;AALQ,KARD;AAeVC,IAAAA,YAAY,EAAE;AACZT,MAAAA,IAAI,EAAEC,MADM;AAEZC,MAAAA,OAAO,EAAE;AAFG;AAfJ,GAHa;AAuBzBQ,EAAAA,YAAY,EAAE;AACZC,IAAAA,aAAa,EAAE;AADH,GAvBW;;AA0BzBC,EAAAA,OAAO,GAAS;AACd,SAAKJ,UAAL;AACD,GA5BwB;;AA6BzBA,EAAAA,UAAU,GAAG;AACX,QAAI,CAAC,KAAKG,aAAV,EAAyB;AACvB,WAAKA,aAAL,GAAqB,IAArB;AACAE,MAAAA,UAAU,CAAC,MAAM;AACf,aAAKnB,MAAL;AACA,aAAKiB,aAAL,GAAqB,KAArB;AACD,OAHS,CAAV;AAID;AACF,GArCwB;;AAsCzB,MAAIG,OAAJ,GAAsB;AACpB,QAAIC,mBAAmB,GAAG,KAAKN,YAAL,GACxBO,QAAQ,CAACC,cAAT,CAAwB,KAAKR,YAA7B,CADwB,GACqB;AAC7CO,IAAAA,QAAQ,CAACE,aAAT,CAAuB,wBAAvB,CAFF,CADoB,CAGgC;;AAEpD,QAAIT,YAAY,GAAG,EAAnB;AACA,QAAIM,mBAAJ,EAAyBN,YAAY,GAAGU,IAAI,CAACC,KAAL,CAAWL,mBAAmB,CAACM,WAApB,IAAmC,IAA9C,CAAf;AAEzB,WAAO,EAAE,GAAGjC,YAAL;AAAmB,SAAGqB;AAAtB,KAAP;AACD,GA/CwB;;AAgDzB,QAAMa,MAAN,CAAaC,CAAb,EAAsC;AACpCA,IAAAA,CAAC,CAACC,eAAF;AACA,QAAI,CAAC,KAAKzB,OAAV,EAAmB;AACnB,SAAK0B,aAAL,GAHoC,CAGd;AACvB,GApDwB;;AAqDzBC,EAAAA,QAAQ,GAAG;AACT,WAAOrC,KAAK,CAACiC,MAAN,CAAa,KAAKvB,OAAlB,EAA2B,KAAKe,OAAhC,EAAyCa,IAAzC,CAA8CC,QAAQ,IAAI;AAC/D,UAAI,CAACA,QAAQ,CAACC,EAAd,EAAkB;AAClB,WAAKC,QAAL,CAAc,IAAd;AACA,YAAMC,SAAS,GAAG;AAAEC,QAAAA,MAAM,EAAE;AAAEC,UAAAA,QAAQ,EAAE;AAAE,mBAAO,KAAKlC;AAAd;AAAZ,SAAV;AAAiDmC,QAAAA,OAAO,EAAE;AAA1D,OAAlB;AACA,WAAKC,OAAL,CAAaC,aAAb,CAA2B,IAAIC,WAAJ,CAAgB,MAAhB,EAAwBN,SAAxB,CAA3B;AACA,WAAKI,OAAL,CAAaC,aAAb,CAA2B,IAAIC,WAAJ,CAAgB,iBAAhB,EAAmCN,SAAnC,CAA3B,EAL+D,CAKY;AAC5E,KANM,CAAP;AAOD,GA7DwB;;AA8DzBO,EAAAA,aAAa,GAAG;AAAE;AAChB,WAAO,KAAKZ,QAAL,EAAP;AACD,GAhEwB;;AAiEzBa,EAAAA,MAAM,GAAG;AACP,SAAK7C,MAAL;AACD,GAnEwB;;AAoEzB,QAAMA,MAAN,GAA8B;AAC5B,UAAM,KAAK8C,qBAAL,CAA2B,KAA3B,CAAN;AACA,UAAMC,MAAM,GAAGhD,IAAH,oBACO,KAAK6B,MAAL,CAAYoB,IAAZ,CAAiB,IAAjB,CADP,EACiC,KAAKrC,SAAL,IAAkB,KAAKsC,CAAL,CAAO,qBAAP,CADnD,EAER,KAAKC,cAAL,EAFQ,CAAZ;AAIAlD,IAAAA,MAAM,CAAC+C,MAAD,EAAS,KAAKN,OAAd,CAAN;AACD;;AA3EwB,CAApB;AA8EPhD,GAAG,CAAC0D,QAAJ,CAAalD,WAAb","sourcesContent":["import { Sib } from '../libs/Sib';\nimport { base_context, store } from '../libs/store/store';\nimport { NextMixin } from '../mixins/nextMixin';\nimport { ValidationMixin } from '../mixins/validationMixin';\nimport { AttributeBinderMixin } from '../mixins/attributeBinderMixin';\n\nimport { html, render } from 'lit-html';\n\nexport const SolidDelete = {\n  name: 'solid-delete',\n  use: [NextMixin, ValidationMixin, AttributeBinderMixin],\n  attributes: {\n    dataSrc: {\n      type: String,\n      default: null,\n      callback: function () {\n       this.resourceId = this.dataSrc;\n      },\n    },\n    dataLabel: {\n      type: String,\n      default: null,\n      callback: function (newValue: string, oldValue: string) {\n        if (newValue !== oldValue) this.planRender();\n      },\n    },\n    extraContext: {\n      type: String,\n      default: null\n    }\n  },\n  initialState: {\n    renderPlanned: false,\n  },\n  created(): void {\n    this.planRender();\n  },\n  planRender() {\n    if (!this.renderPlanned) {\n      this.renderPlanned = true;\n      setTimeout(() => {\n        this.render();\n        this.renderPlanned = false;\n      });\n    }\n  },\n  get context(): object {\n    let extraContextElement = this.extraContext ?\n      document.getElementById(this.extraContext) : // take element extra context first\n      document.querySelector('[data-default-context]'); // ... or look for a default extra context\n\n    let extraContext = {};\n    if (extraContextElement) extraContext = JSON.parse(extraContextElement.textContent || \"{}\");\n\n    return { ...base_context, ...extraContext };\n  },\n  async delete(e: Event): Promise<void> {\n    e.stopPropagation();\n    if (!this.dataSrc) return;\n    this.performAction(); // In validationMixin, method defining what to do according to the present attributes\n  },\n  deletion() {\n    return store.delete(this.dataSrc, this.context).then(response => {\n      if (!response.ok) return;\n      this.goToNext(null);\n      const eventData = { detail: { resource: { \"@id\": this.dataSrc } }, bubbles: true };\n      this.element.dispatchEvent(new CustomEvent('save', eventData));\n      this.element.dispatchEvent(new CustomEvent('resourceDeleted', eventData)); // Deprecated. To remove in 0.15\n    })\n  },\n  validateModal() { // Send method to validationMixin, used by the dialog modal and performAction method\n    return this.deletion();\n  },\n  update() {\n    this.render();\n  },\n  async render(): Promise<void> {\n    await this.replaceAttributesData(false);\n    const button = html`\n      <button @click=${this.delete.bind(this)}>${this.dataLabel || this.t(\"solid-delete.button\")}</button>\n      ${this.getModalDialog()}\n    `;\n    render(button, this.element);\n  }\n};\n\nSib.register(SolidDelete);"]}

package/dist/components/solid-display.js

@@ -0,0 +1,194 @@
+function _templateObject3() {
+  const data = _taggedTemplateLiteral(["", ""]);
+
+  _templateObject3 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject2() {
+  const data = _taggedTemplateLiteral(["", ""]);
+
+  _templateObject2 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject() {
+  const data = _taggedTemplateLiteral(["\n      <solid-display\n        data-src=", "\n        @click=", "\n        @keydown=", "\n        fields=", "\n        ...=", "\n      ></solid-display>\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 { 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 { NextMixin } from '../mixins/nextMixin.js';
+import { RequiredMixin } from '../mixins/requiredMixin.js';
+import { spread } from '../libs/lit-helpers.js';
+import { html, render } from '../_snowpack/pkg/lit-html.js';
+import { ifDefined } from '../_snowpack/pkg/lit-html/directives/if-defined.js';
+export const SolidDisplay = {
+  name: 'solid-display',
+  use: [WidgetMixin, ListMixin, StoreMixin, PaginateMixin, GrouperMixin, CounterMixin, HighlighterMixin, FilterMixin, SorterMixin, RequiredMixin, FederationMixin, NextMixin],
+  attributes: {
+    defaultWidget: {
+      type: String,
+      default: 'solid-display-value'
+    }
+  },
+  initialState: {
+    activeSubscription: null,
+    removeActiveSubscription: null
+  },
+
+  created() {
+    // Set route active at initialization
+    const route = document.querySelector('solid-route[active]');
+    if (!route) return;
+    setTimeout(() => {
+      if (route['resourceId'] === this.resourceId) this.addActiveCallback();
+    });
+  },
+
+  detached() {
+    if (this.activeSubscription) PubSub.unsubscribe(this.activeSubscription);
+    if (this.removeActiveSubscription) PubSub.unsubscribe(this.removeActiveSubscription);
+  },
+
+  // Update subscription when id changes
+  updateNavigateSubscription() {
+    if (this.activeSubscription) PubSub.unsubscribe(this.activeSubscription);
+
+    if (this.resourceId) {
+      this.activeSubscription = PubSub.subscribe('enterRoute.' + this.resourceId, this.addActiveCallback.bind(this));
+    }
+  },
+
+  addActiveCallback() {
+    this.element.setAttribute('active', '');
+    this.removeActiveSubscription = PubSub.subscribe('leaveRoute', this.removeActiveCallback.bind(this));
+  },
+
+  removeActiveCallback() {
+    this.element.removeAttribute('active');
+    PubSub.unsubscribe(this.removeActiveSubscription);
+  },
+
+  get childTag() {
+    return this.element.dataset.child || this.element.tagName;
+  },
+
+  get defaultMultipleWidget() {
+    return 'solid-multiple';
+  },
+
+  get defaultSetWidget() {
+    return 'solid-set-default';
+  },
+
+  // Here "even.target" points to the content of the widgets of the children of solid-display
+  dispatchSelect(event, resourceId) {
+    const linkTarget = event.target.closest('a');
+    if (linkTarget && linkTarget.hasAttribute('href')) return;
+    const resource = {
+      "@id": resourceId
+    };
+    this.element.dispatchEvent(new CustomEvent('resourceSelect', {
+      detail: {
+        resource: resource
+      }
+    }));
+    this.goToNext(resource);
+  },
+
+  enterKeydownAction(event, resourceId) {
+    if (event.keyCode === 13) {
+      const resource = {
+        "@id": resourceId
+      };
+      this.goToNext(resource);
+    }
+  },
+
+  /**
+   * Returns template of a child element (resource)
+   * @param resourceId
+   * @param attributes
+   */
+  getChildTemplate(resourceId, attributes) {
+    let template = html(_templateObject(), resourceId, event => this.dispatchSelect(event, resourceId), event => this.enterKeydownAction(event, resourceId), ifDefined(this.fields), spread(attributes));
+    return template;
+  },
+
+  /**
+   * Creates and render the content of a single element (resource)
+   * @param parent
+   */
+  async appendSingleElt(parent) {
+    const fields = await this.getFields();
+    const widgetTemplates = await Promise.all( // generate all widget templates
+    fields.map(field => this.createWidgetTemplate(field)));
+    render(html(_templateObject2(), widgetTemplates), 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 attributes = this.getChildAttributes(); // get attributes of children only once
+    // and create a child template for each resource
+
+    const template = html(_templateObject3(), resources.map(r => r ? this.getChildTemplate(r['@id'], attributes) : null));
+    render(template, div);
+    const nextProcessor = listPostProcessors.shift();
+    if (nextProcessor) await nextProcessor(resources, listPostProcessors, div, context);
+  },
+
+  /**
+   * Get attributes to dispatch to children from current element
+   */
+  getChildAttributes() {
+    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('placeholder-') || 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;
+
+      if (attr.name == 'next') {
+        attributes['role'] = 'button';
+        attributes['tabindex'] = '0';
+      }
+    }
+
+    return attributes;
+  }
+
+};
+Sib.register(SolidDisplay);
+//# sourceMappingURL=solid-display.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["solid-display.ts"],"names":["Sib","WidgetMixin","ListMixin","StoreMixin","PaginateMixin","FilterMixin","CounterMixin","SorterMixin","GrouperMixin","FederationMixin","HighlighterMixin","NextMixin","RequiredMixin","spread","html","render","ifDefined","SolidDisplay","name","use","attributes","defaultWidget","type","String","default","initialState","activeSubscription","removeActiveSubscription","created","route","document","querySelector","setTimeout","resourceId","addActiveCallback","detached","PubSub","unsubscribe","updateNavigateSubscription","subscribe","bind","element","setAttribute","removeActiveCallback","removeAttribute","childTag","dataset","child","tagName","defaultMultipleWidget","defaultSetWidget","dispatchSelect","event","linkTarget","target","closest","hasAttribute","resource","dispatchEvent","CustomEvent","detail","goToNext","enterKeydownAction","keyCode","getChildTemplate","template","fields","appendSingleElt","parent","getFields","widgetTemplates","Promise","all","map","field","createWidgetTemplate","renderDOM","resources","listPostProcessors","div","context","getChildAttributes","r","nextProcessor","shift","attr","startsWith","value","replace","register"],"mappings":"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","sourcesContent":["import { Sib } from '../libs/Sib';\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 { NextMixin } from '../mixins/nextMixin';\nimport { RequiredMixin } from '../mixins/requiredMixin';\nimport { spread } from '../libs/lit-helpers';\n\nimport { html, render } from 'lit-html';\nimport { ifDefined } from 'lit-html/directives/if-defined';\n\nexport const SolidDisplay = {\n  name: 'solid-display',\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    NextMixin,\n  ],\n  attributes: {\n    defaultWidget: {\n      type: String,\n      default: 'solid-display-value',\n    },\n  },\n  initialState: {\n    activeSubscription: null,\n    removeActiveSubscription: null,\n  },\n  created(): void {\n    // Set route active at initialization\n    const route = document.querySelector('solid-route[active]') as any;\n    if (!route) return;\n    setTimeout(() => {\n      if (route['resourceId'] === this.resourceId) this.addActiveCallback();\n    });\n  },\n  detached(): void {\n    if (this.activeSubscription) PubSub.unsubscribe(this.activeSubscription);\n    if (this.removeActiveSubscription) PubSub.unsubscribe(this.removeActiveSubscription);\n  },\n  // Update subscription when id changes\n  updateNavigateSubscription() {\n    if (this.activeSubscription) PubSub.unsubscribe(this.activeSubscription);\n\n    if (this.resourceId) {\n      this.activeSubscription = PubSub.subscribe(\n        'enterRoute.' + this.resourceId,\n        this.addActiveCallback.bind(this)\n      );\n    }\n  },\n  addActiveCallback() {\n    this.element.setAttribute('active', '');\n    this.removeActiveSubscription = PubSub.subscribe(\n      'leaveRoute',\n      this.removeActiveCallback.bind(this)\n    );\n  },\n  removeActiveCallback() {\n    this.element.removeAttribute('active');\n    PubSub.unsubscribe(this.removeActiveSubscription);\n  },\n  get childTag(): string {\n    return this.element.dataset.child || this.element.tagName;\n  },\n  get defaultMultipleWidget(): string {\n    return 'solid-multiple';\n  },\n  get defaultSetWidget(): string {\n    return 'solid-set-default';\n  },\n  // Here \"even.target\" points to the content of the widgets of the children of solid-display\n  dispatchSelect(event: Event, resourceId: string): void {\n    const linkTarget = (event!.target as Element).closest('a');\n    if (linkTarget && linkTarget.hasAttribute('href')) return;\n    const resource = { \"@id\": resourceId };\n    this.element.dispatchEvent(\n      new CustomEvent('resourceSelect', { detail: { resource: resource } }),\n    );\n    this.goToNext(resource);\n  },\n  \n  enterKeydownAction (event, resourceId: string): void {\n    if (event.keyCode === 13) {\n      const resource = { \"@id\" : resourceId };\n      this.goToNext(resource);\n    }\n  },\n  /**\n   * Returns template of a child element (resource)\n   * @param resourceId\n   * @param attributes\n   */\n  getChildTemplate(resourceId: string, attributes: object) {\n    let template = html`\n      <solid-display\n        data-src=${resourceId}\n        @click=${(event: Event) => this.dispatchSelect(event, resourceId)}\n        @keydown=${(event: Event) => this.enterKeydownAction(event, resourceId)}\n        fields=${ifDefined(this.fields)}\n        ...=${spread(attributes)}\n      ></solid-display>\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    const widgetTemplates = await Promise.all( // generate all widget templates\n      fields.map((field: string) => this.createWidgetTemplate(field))\n    );\n    render(html`${widgetTemplates}`, 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 attributes = this.getChildAttributes(); // get attributes of children only once\n    // and create a child template for each resource\n    const template = html`${resources.map(r => r ? this.getChildTemplate(r['@id'], attributes) : null)}`;\n    render(template, div);\n\n    const nextProcessor = listPostProcessors.shift();\n    if (nextProcessor)\n      await nextProcessor(\n        resources,\n        listPostProcessors,\n        div,\n        context\n      );\n  },\n\n  /**\n   * Get attributes to dispatch to children from current element\n   */\n  getChildAttributes() {\n    const attributes:{[key:string]: string} = {};\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('placeholder-') ||\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      if (attr.name == 'next') {\n        attributes['role'] = 'button';\n        attributes['tabindex'] = '0';\n      }\n    }\n    return attributes;\n  }\n};\n\nSib.register(SolidDisplay);\n"]}