@lblod/ember-rdfa-editor-lblod-plugins 0.1.3 → 0.3.0

package/dist/components/roadsign-regulation-plugin/roadsigns-modal.js

@@ -0,0 +1,251 @@
+import { _ as _applyDecoratedDescriptor, b as _defineProperty, a as _initializerDefineProperty } from '../../_rollupPluginBabelHelpers-537ad14b.js';
+import { setComponentTemplate } from '@ember/component';
+import { hbs } from 'ember-cli-htmlbars';
+import { action } from '@ember/object';
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { restartableTask } from 'ember-concurrency';
+import { getOwner } from '@ember/application';
+import { v4 } from 'uuid';
+import { inject } from '@ember/service';
+import { i as includeInstructions } from '../../includeInstructions-a32c24e6.js';
+import { P as POTENTIALLY_ZONAL_URI, Z as ZONAL_URI, N as NON_ZONAL_URI } from '../../constants-c77fd478.js';
+
+var TEMPLATE = hbs("<AuModal\n  class=\"au-c-modal--flush\"\n  @size=\"large\"\n  @modalTitle=\"Mobiliteitsmaatregel toevoegen\"\n  @modalOpen={{@modalOpen}}\n  @closeModal={{this.closeModal}} as |Modal| >\n  <Modal.Body>\n    <div class=\"au-c-body-container\">\n      <div class=\"au-o-box au-u-background-gray-100\">\n        <div class=\"au-o-grid au-o-grid--tiny au-o-grid--bottom\">\n          <div class=\"au-o-grid__item au-u-1-4\">\n            <AuLabel>\n              Filter op type\n            </AuLabel>\n            <PowerSelect\n              @renderInPlace={{true}}\n              @options={{this.typeOptions}}\n              @verticalPosition=\"below\"\n              @searchEnabled={{true}}\n              @selected={{or this.typeSelected this.categorySelected}}\n              @allowClear={{true}}\n              @onChange={{this.selectTypeOrCategory}}\n              as |option|>\n              {{option.label}}\n            </PowerSelect>\n          </div>\n          <div class=\"au-o-grid__item au-u-1-4\">\n            <AuLabel>\n              Filter op code\n            </AuLabel>\n            <PowerSelect\n              @renderInPlace={{true}}\n              @verticalPosition=\"below\"\n              @searchEnabled={{true}}\n              @search={{this.searchCodes}}\n              @selected={{this.selectedCode}}\n              @allowClear={{true}}\n              @onChange={{this.changeCode}}\n              as |option|>\n              {{option.label}}\n            </PowerSelect>\n          </div>\n            <div class=\"au-o-grid__item au-u-1-4\">\n            <AuLabel>\n              Combineer met code\n            </AuLabel>\n            <PowerSelectMultiple\n              @renderInPlace={{true}}\n              @verticalPosition=\"below\"\n              @searchEnabled={{true}}\n              @searchField=\"label\"\n              @selected={{this.selectedCodeCombination}}\n              @allowClear={{true}}\n              @onChange={{this.changeCodeCombination}}\n              @options={{this.codeCombinationOptions}}\n              @disabled={{not this.selectedCode}}\n            as |option|>\n              {{option.label}}\n            </PowerSelectMultiple>\n          </div>\n          <div class=\"au-o-grid__item au-u-1-4\">\n            <AuLabel>\n              Filter op zonale geldigheid\n            </AuLabel>\n            <PowerSelect\n              @renderInPlace={{true}}\n              @options={{this.zonalityOptions}}\n              @verticalPosition=\"below\"\n              @searchEnabled={{false}}\n              @selected={{this.zonalitySelected}}\n              @allowClear={{true}}\n              @onChange={{this.selectZonality}}\n              as |option|>\n              {{option.label}}\n            </PowerSelect>\n          </div>\n        </div>\n      </div>\n      <div class=\"au-c-body-container\">\n        <RoadsignRegulationPlugin::RoadsignsTable\n          @content={{this.tableData}}\n          @isLoading={{this.fetchSigns.isRunning}}\n          @insert={{this.insertHtml}}\n          @count={{this.count}}\n          @goToPage={{this.goToPage}}\n          @pageSize={{this.pageSize}}\n          @pageStart={{this.pageStart}}\n        />\n      </div>\n    </div>\n  </Modal.Body>\n</AuModal>\n");
+
+var _class, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5, _descriptor6, _descriptor7, _descriptor8, _descriptor9, _descriptor10, _descriptor11;
+const PAGE_SIZE = 10;
+const SIGN_TYPE_URI = 'https://data.vlaanderen.be/ns/mobiliteit#Verkeersbordconcept';
+const ROAD_MARKING_URI = 'https://data.vlaanderen.be/ns/mobiliteit#Wegmarkeringconcept';
+const TRAFFIC_LIGHT_URI = 'https://data.vlaanderen.be/ns/mobiliteit#Verkeerslichtconcept';
+const measureTypes = [SIGN_TYPE_URI, ROAD_MARKING_URI, TRAFFIC_LIGHT_URI];
+let RoadsignRegulationCard = (_class = class RoadsignRegulationCard extends Component {
+  get isNotTypeSign() {
+    if (!this.typeSelected) return true;
+    return this.typeSelected.value !== SIGN_TYPE_URI;
+  }
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "endpoint", void 0);
+    _defineProperty(this, "pageSize", PAGE_SIZE);
+    _initializerDefineProperty(this, "roadsignRegistry", _descriptor, this);
+    _initializerDefineProperty(this, "typeSelected", _descriptor2, this);
+    _initializerDefineProperty(this, "categorySelected", _descriptor3, this);
+    _initializerDefineProperty(this, "zonalityOptions", _descriptor4, this);
+    _initializerDefineProperty(this, "zonalitySelected", _descriptor5, this);
+    _initializerDefineProperty(this, "selectedCode", _descriptor6, this);
+    _initializerDefineProperty(this, "selectedCodeCombination", _descriptor7, this);
+    _initializerDefineProperty(this, "codeCombinationOptions", _descriptor8, this);
+    _initializerDefineProperty(this, "tableData", _descriptor9, this);
+    _initializerDefineProperty(this, "count", _descriptor10, this);
+    _initializerDefineProperty(this, "pageStart", _descriptor11, this);
+    const config = getOwner(this).resolveRegistration('config:environment');
+    this.endpoint = config.roadsignRegulationPlugin.endpoint;
+    this.search();
+  }
+  selectTypeOrCategory(option) {
+    if (!option) {
+      this.typeSelected = undefined;
+      this.categorySelected = undefined;
+    } else {
+      if (measureTypes.includes(option.value)) {
+        this.typeSelected = option;
+        this.categorySelected = undefined;
+      } else {
+        this.typeSelected = undefined;
+        this.categorySelected = option;
+      }
+    }
+    this.selectedCode = undefined;
+    this.selectedCodeCombination = undefined;
+    this.search();
+  }
+  changeCode(value) {
+    this.selectedCode = value;
+    this.selectedCodeCombination = undefined;
+    this.fetchCodeCombinations();
+    this.search();
+  }
+  changeCodeCombination(value) {
+    this.selectedCodeCombination = value;
+    this.fetchCodeCombinations();
+    this.search();
+  }
+  changeDescription(e) {
+    this.descriptionFilter = e.target.value;
+    this.search();
+  }
+  selectCategory(value) {
+    this.categorySelected = value;
+    this.search();
+  }
+  selectZonality(value) {
+    this.zonalitySelected = value;
+    this.search();
+  }
+  closeModal() {
+    this.args.closeModal();
+  }
+  searchCodes(term) {
+    const category = this.categorySelected ? this.categorySelected.value : undefined;
+    const type = this.typeSelected ? this.typeSelected.value : undefined;
+    return this.roadsignRegistry.searchCode.perform(term, category, type);
+  }
+  async fetchCodeCombinations() {
+    let signs = [this.selectedCode.value];
+    if (this.selectedCodeCombination) {
+      signs = [this.selectedCode.value, ...this.selectedCodeCombination.map(s => s.value)];
+    }
+    const codes = await this.roadsignRegistry.searchCode.perform(undefined, undefined, undefined, signs);
+    this.codeCombinationOptions = codes;
+  }
+  get typeOptions() {
+    return [{
+      groupName: 'Types',
+      options: [{
+        label: 'Verkeersborden',
+        value: SIGN_TYPE_URI
+      }, {
+        label: 'Wegmarkeringen',
+        value: 'https://data.vlaanderen.be/ns/mobiliteit#Wegmarkeringconcept'
+      }, {
+        label: 'Verkeerslichten',
+        value: 'https://data.vlaanderen.be/ns/mobiliteit#Verkeerslichtconcept'
+      }]
+    }, {
+      groupName: 'Categorieën',
+      options: this.roadsignRegistry.classifications
+    }];
+  }
+  *fetchSigns() {
+    let codes = [];
+    if (this.selectedCodeCombination) {
+      codes.push(...this.selectedCodeCombination);
+    }
+    if (this.selectedCode) {
+      codes.push(this.selectedCode);
+    }
+    const {
+      measures,
+      count
+    } = yield this.roadsignRegistry.fetchMeasures.perform({
+      zonality: this.zonalitySelected ? this.zonalitySelected.value : undefined,
+      type: this.typeSelected ? this.typeSelected.value : undefined,
+      codes: codes.length ? codes.map(code => code.value) : undefined,
+      category: this.categorySelected ? this.categorySelected.value : undefined,
+      pageStart: this.pageStart
+    });
+    this.tableData = measures;
+    this.count = count;
+  }
+  async insertHtml(measure, zonalityValue, temporalValue) {
+    const instructions = await this.roadsignRegistry.fetchInstructionsForMeasure.perform(measure.uri);
+    const zonality = zonalityValue ? zonalityValue : measure.zonality;
+    const html = includeInstructions(measure.annotatedTemplate, instructions, true);
+    const signsHTML = measure.signs.map(sign => {
+      const roadSignUri = 'http://data.lblod.info/verkeerstekens/' + v4();
+      return `<li style="margin-bottom:1rem;"><span property="mobiliteit:wordtAangeduidDoor" resource=${roadSignUri} typeof="mobiliteit:Verkeersbord-Verkeersteken">
+        <span property="mobiliteit:heeftVerkeersbordconcept" resource="${sign.uri}" typeof="mobiliteit:Verkeersbordconcept" style="display:flex;align-items:center;">
+          <span property="skos:prefLabel" style="padding-bottom:0;margin-left:0;margin-right:.4rem;">${sign.code}</span>
+          <span style="margin-left:0;margin-top:0;">${sign.zonality === POTENTIALLY_ZONAL_URI && zonality === ZONAL_URI ? 'met zonale geldigheid' : ''}
+          </span>
+          </span>
+        </span>
+      </li>`;
+    }).join('\n');
+    this.args.controller.executeCommand('insert-article', this.args.controller, `<div property="mobiliteit:heeftVerkeersmaatregel" typeof="mobiliteit:Mobiliteitsmaatregel" resource="http://data.lblod.info/mobiliteitsmaatregels/${v4()}">
+        <span style="display:none;" property="prov:wasDerivedFrom" resource="${measure.uri}">&nbsp;</span>
+        <span style="display:none;" property="ext:zonality" resource="${zonality}"></span>
+        <span style="display:none;" property="ext:temporal" value="${measure.temporal}"></span>
+          <div property="dct:description">
+            ${html}
+            <p>Dit wordt aangeduid door verkeerstekens:</p>
+            <ul style="list-style:none;">
+              ${signsHTML}
+            </ul>
+            ${temporalValue === 'true' ? 'Deze signalisatie is dynamisch.' : ''}
+          </div>
+        </div>
+      `);
+    this.args.closeModal();
+  }
+  goToPage(pageStart) {
+    this.pageStart = pageStart;
+    this.fetchSigns.perform();
+  }
+  search() {
+    this.pageStart = 0;
+    this.fetchSigns.perform();
+  }
+}, (_descriptor = _applyDecoratedDescriptor(_class.prototype, "roadsignRegistry", [inject], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, "typeSelected", [tracked], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor3 = _applyDecoratedDescriptor(_class.prototype, "categorySelected", [tracked], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor4 = _applyDecoratedDescriptor(_class.prototype, "zonalityOptions", [tracked], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function () {
+    return [{
+      label: 'Zonaal',
+      value: ZONAL_URI
+    }, {
+      label: 'Niet zonaal',
+      value: NON_ZONAL_URI
+    }];
+  }
+}), _descriptor5 = _applyDecoratedDescriptor(_class.prototype, "zonalitySelected", [tracked], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor6 = _applyDecoratedDescriptor(_class.prototype, "selectedCode", [tracked], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor7 = _applyDecoratedDescriptor(_class.prototype, "selectedCodeCombination", [tracked], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor8 = _applyDecoratedDescriptor(_class.prototype, "codeCombinationOptions", [tracked], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor9 = _applyDecoratedDescriptor(_class.prototype, "tableData", [tracked], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function () {
+    return [];
+  }
+}), _descriptor10 = _applyDecoratedDescriptor(_class.prototype, "count", [tracked], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor11 = _applyDecoratedDescriptor(_class.prototype, "pageStart", [tracked], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function () {
+    return 0;
+  }
+}), _applyDecoratedDescriptor(_class.prototype, "selectTypeOrCategory", [action], Object.getOwnPropertyDescriptor(_class.prototype, "selectTypeOrCategory"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "changeCode", [action], Object.getOwnPropertyDescriptor(_class.prototype, "changeCode"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "changeCodeCombination", [action], Object.getOwnPropertyDescriptor(_class.prototype, "changeCodeCombination"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "changeDescription", [action], Object.getOwnPropertyDescriptor(_class.prototype, "changeDescription"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "selectCategory", [action], Object.getOwnPropertyDescriptor(_class.prototype, "selectCategory"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "selectZonality", [action], Object.getOwnPropertyDescriptor(_class.prototype, "selectZonality"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "closeModal", [action], Object.getOwnPropertyDescriptor(_class.prototype, "closeModal"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "searchCodes", [action], Object.getOwnPropertyDescriptor(_class.prototype, "searchCodes"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "fetchSigns", [restartableTask], Object.getOwnPropertyDescriptor(_class.prototype, "fetchSigns"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "insertHtml", [action], Object.getOwnPropertyDescriptor(_class.prototype, "insertHtml"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "goToPage", [action], Object.getOwnPropertyDescriptor(_class.prototype, "goToPage"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "search", [action], Object.getOwnPropertyDescriptor(_class.prototype, "search"), _class.prototype)), _class);
+setComponentTemplate(TEMPLATE, RoadsignRegulationCard);
+
+export { RoadsignRegulationCard as default };
+//# sourceMappingURL=roadsigns-modal.js.map

package/dist/components/roadsign-regulation-plugin/roadsigns-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"roadsigns-modal.js","sources":["../../../src/components/roadsign-regulation-plugin/roadsigns-modal.hbs.js","../../../src/components/roadsign-regulation-plugin/roadsigns-modal.js"],"sourcesContent":["import { hbs } from 'ember-cli-htmlbars';\nexport default hbs(\"<AuModal\\n  class=\\\"au-c-modal--flush\\\"\\n  @size=\\\"large\\\"\\n  @modalTitle=\\\"Mobiliteitsmaatregel toevoegen\\\"\\n  @modalOpen={{@modalOpen}}\\n  @closeModal={{this.closeModal}} as |Modal| >\\n  <Modal.Body>\\n    <div class=\\\"au-c-body-container\\\">\\n      <div class=\\\"au-o-box au-u-background-gray-100\\\">\\n        <div class=\\\"au-o-grid au-o-grid--tiny au-o-grid--bottom\\\">\\n          <div class=\\\"au-o-grid__item au-u-1-4\\\">\\n            <AuLabel>\\n              Filter op type\\n            </AuLabel>\\n            <PowerSelect\\n              @renderInPlace={{true}}\\n              @options={{this.typeOptions}}\\n              @verticalPosition=\\\"below\\\"\\n              @searchEnabled={{true}}\\n              @selected={{or this.typeSelected this.categorySelected}}\\n              @allowClear={{true}}\\n              @onChange={{this.selectTypeOrCategory}}\\n              as |option|>\\n              {{option.label}}\\n            </PowerSelect>\\n          </div>\\n          <div class=\\\"au-o-grid__item au-u-1-4\\\">\\n            <AuLabel>\\n              Filter op code\\n            </AuLabel>\\n            <PowerSelect\\n              @renderInPlace={{true}}\\n              @verticalPosition=\\\"below\\\"\\n              @searchEnabled={{true}}\\n              @search={{this.searchCodes}}\\n              @selected={{this.selectedCode}}\\n              @allowClear={{true}}\\n              @onChange={{this.changeCode}}\\n              as |option|>\\n              {{option.label}}\\n            </PowerSelect>\\n          </div>\\n            <div class=\\\"au-o-grid__item au-u-1-4\\\">\\n            <AuLabel>\\n              Combineer met code\\n            </AuLabel>\\n            <PowerSelectMultiple\\n              @renderInPlace={{true}}\\n              @verticalPosition=\\\"below\\\"\\n              @searchEnabled={{true}}\\n              @searchField=\\\"label\\\"\\n              @selected={{this.selectedCodeCombination}}\\n              @allowClear={{true}}\\n              @onChange={{this.changeCodeCombination}}\\n              @options={{this.codeCombinationOptions}}\\n              @disabled={{not this.selectedCode}}\\n            as |option|>\\n              {{option.label}}\\n            </PowerSelectMultiple>\\n          </div>\\n          <div class=\\\"au-o-grid__item au-u-1-4\\\">\\n            <AuLabel>\\n              Filter op zonale geldigheid\\n            </AuLabel>\\n            <PowerSelect\\n              @renderInPlace={{true}}\\n              @options={{this.zonalityOptions}}\\n              @verticalPosition=\\\"below\\\"\\n              @searchEnabled={{false}}\\n              @selected={{this.zonalitySelected}}\\n              @allowClear={{true}}\\n              @onChange={{this.selectZonality}}\\n              as |option|>\\n              {{option.label}}\\n            </PowerSelect>\\n          </div>\\n        </div>\\n      </div>\\n      <div class=\\\"au-c-body-container\\\">\\n        <RoadsignRegulationPlugin::RoadsignsTable\\n          @content={{this.tableData}}\\n          @isLoading={{this.fetchSigns.isRunning}}\\n          @insert={{this.insertHtml}}\\n          @count={{this.count}}\\n          @goToPage={{this.goToPage}}\\n          @pageSize={{this.pageSize}}\\n          @pageStart={{this.pageStart}}\\n        />\\n      </div>\\n    </div>\\n  </Modal.Body>\\n</AuModal>\\n\")","import { action } from '@ember/object';\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { restartableTask } from 'ember-concurrency';\nimport { getOwner } from '@ember/application';\nimport { v4 as uuid } from 'uuid';\nimport { inject as service } from '@ember/service';\nimport includeInstructions from '../../utils/roadsign-regulation-plugin/includeInstructions';\nimport {\n  NON_ZONAL_URI,\n  POTENTIALLY_ZONAL_URI,\n  ZONAL_URI,\n} from '../../constants';\n\nconst PAGE_SIZE = 10;\nconst SIGN_TYPE_URI =\n  'https://data.vlaanderen.be/ns/mobiliteit#Verkeersbordconcept';\nconst ROAD_MARKING_URI =\n  'https://data.vlaanderen.be/ns/mobiliteit#Wegmarkeringconcept';\nconst TRAFFIC_LIGHT_URI =\n  'https://data.vlaanderen.be/ns/mobiliteit#Verkeerslichtconcept';\nconst measureTypes = [SIGN_TYPE_URI, ROAD_MARKING_URI, TRAFFIC_LIGHT_URI];\nexport default class RoadsignRegulationCard extends Component {\n  endpoint;\n\n  pageSize = PAGE_SIZE;\n  @service roadsignRegistry;\n\n  @tracked typeSelected;\n\n  @tracked categorySelected;\n\n  @tracked zonalityOptions = [\n    {\n      label: 'Zonaal',\n      value: ZONAL_URI,\n    },\n    {\n      label: 'Niet zonaal',\n      value: NON_ZONAL_URI,\n    },\n  ];\n  @tracked zonalitySelected;\n\n  @tracked selectedCode;\n  @tracked selectedCodeCombination;\n  @tracked codeCombinationOptions;\n  @tracked tableData = [];\n  @tracked count;\n  @tracked pageStart = 0;\n\n  get isNotTypeSign() {\n    if (!this.typeSelected) return true;\n    return this.typeSelected.value !== SIGN_TYPE_URI;\n  }\n\n  constructor() {\n    super(...arguments);\n    const config = getOwner(this).resolveRegistration('config:environment');\n    this.endpoint = config.roadsignRegulationPlugin.endpoint;\n    this.search();\n  }\n\n  @action\n  selectTypeOrCategory(option) {\n    if (!option) {\n      this.typeSelected = undefined;\n      this.categorySelected = undefined;\n    } else {\n      if (measureTypes.includes(option.value)) {\n        this.typeSelected = option;\n        this.categorySelected = undefined;\n      } else {\n        this.typeSelected = undefined;\n        this.categorySelected = option;\n      }\n    }\n    this.selectedCode = undefined;\n    this.selectedCodeCombination = undefined;\n    this.search();\n  }\n\n  @action\n  changeCode(value) {\n    this.selectedCode = value;\n    this.selectedCodeCombination = undefined;\n    this.fetchCodeCombinations();\n    this.search();\n  }\n\n  @action\n  changeCodeCombination(value) {\n    this.selectedCodeCombination = value;\n    this.fetchCodeCombinations();\n    this.search();\n  }\n\n  @action\n  changeDescription(e) {\n    this.descriptionFilter = e.target.value;\n    this.search();\n  }\n\n  @action\n  selectCategory(value) {\n    this.categorySelected = value;\n    this.search();\n  }\n\n  @action\n  selectZonality(value) {\n    this.zonalitySelected = value;\n    this.search();\n  }\n\n  @action\n  closeModal() {\n    this.args.closeModal();\n  }\n  @action\n  searchCodes(term) {\n    const category = this.categorySelected\n      ? this.categorySelected.value\n      : undefined;\n    const type = this.typeSelected ? this.typeSelected.value : undefined;\n    return this.roadsignRegistry.searchCode.perform(term, category, type);\n  }\n\n  async fetchCodeCombinations() {\n    let signs = [this.selectedCode.value];\n    if (this.selectedCodeCombination) {\n      signs = [\n        this.selectedCode.value,\n        ...this.selectedCodeCombination.map((s) => s.value),\n      ];\n    }\n    const codes = await this.roadsignRegistry.searchCode.perform(\n      undefined,\n      undefined,\n      undefined,\n      signs\n    );\n    this.codeCombinationOptions = codes;\n  }\n\n  get typeOptions() {\n    return [\n      {\n        groupName: 'Types',\n        options: [\n          {\n            label: 'Verkeersborden',\n            value: SIGN_TYPE_URI,\n          },\n          {\n            label: 'Wegmarkeringen',\n            value:\n              'https://data.vlaanderen.be/ns/mobiliteit#Wegmarkeringconcept',\n          },\n          {\n            label: 'Verkeerslichten',\n            value:\n              'https://data.vlaanderen.be/ns/mobiliteit#Verkeerslichtconcept',\n          },\n        ],\n      },\n      {\n        groupName: 'Categorieën',\n        options: this.roadsignRegistry.classifications,\n      },\n    ];\n  }\n\n  @restartableTask\n  *fetchSigns() {\n    let codes = [];\n    if (this.selectedCodeCombination) {\n      codes.push(...this.selectedCodeCombination);\n    }\n    if (this.selectedCode) {\n      codes.push(this.selectedCode);\n    }\n    const { measures, count } =\n      yield this.roadsignRegistry.fetchMeasures.perform({\n        zonality: this.zonalitySelected\n          ? this.zonalitySelected.value\n          : undefined,\n        type: this.typeSelected ? this.typeSelected.value : undefined,\n        codes: codes.length ? codes.map((code) => code.value) : undefined,\n        category: this.categorySelected\n          ? this.categorySelected.value\n          : undefined,\n        pageStart: this.pageStart,\n      });\n    this.tableData = measures;\n    this.count = count;\n  }\n\n  @action\n  async insertHtml(measure, zonalityValue, temporalValue) {\n    const instructions =\n      await this.roadsignRegistry.fetchInstructionsForMeasure.perform(\n        measure.uri\n      );\n    const zonality = zonalityValue ? zonalityValue : measure.zonality;\n    const html = includeInstructions(\n      measure.annotatedTemplate,\n      instructions,\n      true\n    );\n    const signsHTML = measure.signs\n      .map((sign) => {\n        const roadSignUri = 'http://data.lblod.info/verkeerstekens/' + uuid();\n        return `<li style=\"margin-bottom:1rem;\"><span property=\"mobiliteit:wordtAangeduidDoor\" resource=${roadSignUri} typeof=\"mobiliteit:Verkeersbord-Verkeersteken\">\n        <span property=\"mobiliteit:heeftVerkeersbordconcept\" resource=\"${\n          sign.uri\n        }\" typeof=\"mobiliteit:Verkeersbordconcept\" style=\"display:flex;align-items:center;\">\n          <span property=\"skos:prefLabel\" style=\"padding-bottom:0;margin-left:0;margin-right:.4rem;\">${\n            sign.code\n          }</span>\n          <span style=\"margin-left:0;margin-top:0;\">${\n            sign.zonality === POTENTIALLY_ZONAL_URI && zonality === ZONAL_URI\n              ? 'met zonale geldigheid'\n              : ''\n          }\n          </span>\n          </span>\n        </span>\n      </li>`;\n      })\n      .join('\\n');\n\n    this.args.controller.executeCommand(\n      'insert-article',\n      this.args.controller,\n      `<div property=\"mobiliteit:heeftVerkeersmaatregel\" typeof=\"mobiliteit:Mobiliteitsmaatregel\" resource=\"http://data.lblod.info/mobiliteitsmaatregels/${uuid()}\">\n        <span style=\"display:none;\" property=\"prov:wasDerivedFrom\" resource=\"${\n          measure.uri\n        }\">&nbsp;</span>\n        <span style=\"display:none;\" property=\"ext:zonality\" resource=\"${zonality}\"></span>\n        <span style=\"display:none;\" property=\"ext:temporal\" value=\"${\n          measure.temporal\n        }\"></span>\n          <div property=\"dct:description\">\n            ${html}\n            <p>Dit wordt aangeduid door verkeerstekens:</p>\n            <ul style=\"list-style:none;\">\n              ${signsHTML}\n            </ul>\n            ${temporalValue === 'true' ? 'Deze signalisatie is dynamisch.' : ''}\n          </div>\n        </div>\n      `\n    );\n    this.args.closeModal();\n  }\n\n  @action\n  goToPage(pageStart) {\n    this.pageStart = pageStart;\n    this.fetchSigns.perform();\n  }\n  @action\n  search() {\n    this.pageStart = 0;\n    this.fetchSigns.perform();\n  }\n}\n"],"names":["hbs","PAGE_SIZE","SIGN_TYPE_URI","ROAD_MARKING_URI","TRAFFIC_LIGHT_URI","measureTypes","RoadsignRegulationCard","Component","isNotTypeSign","typeSelected","value","constructor","arguments","config","getOwner","resolveRegistration","endpoint","roadsignRegulationPlugin","search","selectTypeOrCategory","option","undefined","categorySelected","includes","selectedCode","selectedCodeCombination","changeCode","fetchCodeCombinations","changeCodeCombination","changeDescription","e","descriptionFilter","target","selectCategory","selectZonality","zonalitySelected","closeModal","args","searchCodes","term","category","type","roadsignRegistry","searchCode","perform","signs","map","s","codes","codeCombinationOptions","typeOptions","groupName","options","label","classifications","fetchSigns","push","measures","count","fetchMeasures","zonality","length","code","pageStart","tableData","insertHtml","measure","zonalityValue","temporalValue","instructions","fetchInstructionsForMeasure","uri","html","includeInstructions","annotatedTemplate","signsHTML","sign","roadSignUri","uuid","POTENTIALLY_ZONAL_URI","ZONAL_URI","join","controller","executeCommand","temporal","goToPage","service","tracked","NON_ZONAL_URI","action","restartableTask"],"mappings":"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"}

package/dist/components/roadsign-regulation-plugin/roadsigns-pagination.js

@@ -0,0 +1,71 @@
+import { _ as _applyDecoratedDescriptor, a as _initializerDefineProperty } from '../../_rollupPluginBabelHelpers-537ad14b.js';
+import { setComponentTemplate } from '@ember/component';
+import { hbs } from 'ember-cli-htmlbars';
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { action } from '@ember/object';
+
+var TEMPLATE = hbs("<AuToolbar @border=\"top\" @size=\"large\" @nowrap={{true}} \n  {{did-update this.onUpdateCount @count @pageStart}}\n  {{did-insert this.onUpdateCount @count @pageStart}}\n>\n  <div class=\"au-c-pagination\">\n    {{#if this.hasPreviousPage}}\n      <div class=\"au-c-pagination__list-item\">\n        <AuButton @skin=\"link\" {{on \'click\' this.goToPreviousPage}} @iconAlignment=\"left\" @icon=\"nav-left\">Vorige pagina</AuButton>\n      </div>\n    {{/if}}\n    <p>\n      <span class=\"au-u-hidden-visually\">Publicaties</span>\n      <strong>\n        {{this.pageStart}} - {{this.pageEnd}}\n      </strong>\n      van\n      {{this.count}}\n    </p>\n    {{#if this.hasNextPage}}\n      <div class=\"au-c-pagination__list-item\">\n        <AuButton @skin=\"link\" {{on \'click\' this.goToNextPage}}  @icon=\"nav-right\" @iconAlignment=\"right\">Volgende pagina</AuButton>\n      </div>\n    {{/if}}\n  </div>\n</AuToolbar>\n");
+
+var _class, _descriptor, _descriptor2;
+let RoadsignsPagination = (_class = class RoadsignsPagination extends Component {
+  constructor(...args) {
+    super(...args);
+    _initializerDefineProperty(this, "actualPageStart", _descriptor, this);
+    _initializerDefineProperty(this, "actualPageEnd", _descriptor2, this);
+  }
+  get hasNextPage() {
+    return this.args.count > this.pageEnd;
+  }
+  get hasPreviousPage() {
+    return this.actualPageStart > 0;
+  }
+  get count() {
+    return this.args.count;
+  }
+  get pageStart() {
+    return this.actualPageStart + 1;
+  }
+  get pageEnd() {
+    if (this.actualPageEnd > this.args.count) {
+      return this.args.count;
+    } else {
+      return this.actualPageEnd;
+    }
+  }
+  onUpdateCount(_element, params) {
+    const pageStart = params[1];
+    this.actualPageStart = pageStart;
+    this.actualPageEnd = pageStart + this.args.pageSize;
+  }
+  goToPreviousPage() {
+    const newPageStart = this.actualPageStart - this.args.pageSize;
+    this.actualPageStart = newPageStart;
+    this.actualPageEnd = newPageStart + this.args.pageSize;
+    this.args.goToPage(newPageStart);
+  }
+  goToNextPage() {
+    const newPageStart = this.actualPageStart + this.args.pageSize;
+    this.actualPageStart = newPageStart;
+    this.actualPageEnd = newPageStart + this.args.pageSize;
+    this.args.goToPage(newPageStart);
+  }
+}, (_descriptor = _applyDecoratedDescriptor(_class.prototype, "actualPageStart", [tracked], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function () {
+    return 0;
+  }
+}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, "actualPageEnd", [tracked], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function () {
+    return 10;
+  }
+}), _applyDecoratedDescriptor(_class.prototype, "onUpdateCount", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onUpdateCount"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "goToPreviousPage", [action], Object.getOwnPropertyDescriptor(_class.prototype, "goToPreviousPage"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "goToNextPage", [action], Object.getOwnPropertyDescriptor(_class.prototype, "goToNextPage"), _class.prototype)), _class);
+setComponentTemplate(TEMPLATE, RoadsignsPagination);
+
+export { RoadsignsPagination as default };
+//# sourceMappingURL=roadsigns-pagination.js.map

package/dist/components/roadsign-regulation-plugin/roadsigns-pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"roadsigns-pagination.js","sources":["../../../src/components/roadsign-regulation-plugin/roadsigns-pagination.hbs.js","../../../src/components/roadsign-regulation-plugin/roadsigns-pagination.js"],"sourcesContent":["import { hbs } from 'ember-cli-htmlbars';\nexport default hbs(\"<AuToolbar @border=\\\"top\\\" @size=\\\"large\\\" @nowrap={{true}} \\n  {{did-update this.onUpdateCount @count @pageStart}}\\n  {{did-insert this.onUpdateCount @count @pageStart}}\\n>\\n  <div class=\\\"au-c-pagination\\\">\\n    {{#if this.hasPreviousPage}}\\n      <div class=\\\"au-c-pagination__list-item\\\">\\n        <AuButton @skin=\\\"link\\\" {{on \\'click\\' this.goToPreviousPage}} @iconAlignment=\\\"left\\\" @icon=\\\"nav-left\\\">Vorige pagina</AuButton>\\n      </div>\\n    {{/if}}\\n    <p>\\n      <span class=\\\"au-u-hidden-visually\\\">Publicaties</span>\\n      <strong>\\n        {{this.pageStart}} - {{this.pageEnd}}\\n      </strong>\\n      van\\n      {{this.count}}\\n    </p>\\n    {{#if this.hasNextPage}}\\n      <div class=\\\"au-c-pagination__list-item\\\">\\n        <AuButton @skin=\\\"link\\\" {{on \\'click\\' this.goToNextPage}}  @icon=\\\"nav-right\\\" @iconAlignment=\\\"right\\\">Volgende pagina</AuButton>\\n      </div>\\n    {{/if}}\\n  </div>\\n</AuToolbar>\\n\")","import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\n\nexport default class RoadsignsPagination extends Component {\n  @tracked actualPageStart = 0;\n  @tracked actualPageEnd = 10;\n\n  get hasNextPage() {\n    return this.args.count > this.pageEnd;\n  }\n\n  get hasPreviousPage() {\n    return this.actualPageStart > 0;\n  }\n\n  get count() {\n    return this.args.count;\n  }\n\n  get pageStart() {\n    return this.actualPageStart + 1;\n  }\n\n  get pageEnd() {\n    if (this.actualPageEnd > this.args.count) {\n      return this.args.count;\n    } else {\n      return this.actualPageEnd;\n    }\n  }\n\n  @action\n  onUpdateCount(_element, params) {\n    const pageStart = params[1];\n    this.actualPageStart = pageStart;\n    this.actualPageEnd = pageStart + this.args.pageSize;\n  }\n\n  @action\n  goToPreviousPage() {\n    const newPageStart = this.actualPageStart - this.args.pageSize;\n    this.actualPageStart = newPageStart;\n    this.actualPageEnd = newPageStart + this.args.pageSize;\n    this.args.goToPage(newPageStart);\n  }\n\n  @action\n  goToNextPage() {\n    const newPageStart = this.actualPageStart + this.args.pageSize;\n    this.actualPageStart = newPageStart;\n    this.actualPageEnd = newPageStart + this.args.pageSize;\n    this.args.goToPage(newPageStart);\n  }\n}\n"],"names":["hbs","RoadsignsPagination","Component","hasNextPage","args","count","pageEnd","hasPreviousPage","actualPageStart","pageStart","actualPageEnd","onUpdateCount","_element","params","pageSize","goToPreviousPage","newPageStart","goToPage","goToNextPage","tracked","action"],"mappings":"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"}

package/dist/components/roadsign-regulation-plugin/roadsigns-table.js

@@ -0,0 +1,36 @@
+import { _ as _applyDecoratedDescriptor, a as _initializerDefineProperty, b as _defineProperty } from '../../_rollupPluginBabelHelpers-537ad14b.js';
+import { setComponentTemplate } from '@ember/component';
+import { hbs } from 'ember-cli-htmlbars';
+import { action } from '@ember/object';
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { getOwner } from '@ember/application';
+
+var TEMPLATE = hbs("<AuDataTable @isLoading={{@isLoading}} @noDataMessage=\"No data\" as |table|>\n  <table.content as |c|>\n    <c.header>\n      <th class=\"data-table__header-title\">Code</th>\n      <th class=\"data-table__header-title\">Afbeelding</th>\n      <th class=\"data-table__header-title\">Template</th>\n      <th class=\"data-table__header-title\">Category</th>\n      <th class=\"data-table__header-title\"></th>\n    </c.header>\n    {{#if c.body}}\n    <tbody>\n      {{#if @isLoading}}\n        <tr>\n          <td colspan=\"100%\" class=\"is-loading-data\">\n            <AuLoader />\n            <AuHelpText>Aan het laden</AuHelpText>\n          </td>\n        </tr>\n      {{else}}\n        {{#each @content as |row|}}\n            {{!-- template-lint-disable require-presentational-children --}}\n            <tr role=\"button\" class=\"au-c-data-table__clickable-row\" {{on \"click\" (fn this.selectRow row.uri)}}>\n              <td>\n                <p>{{row.label}}</p>\n              </td>\n              <td>\n                <div class=\"au-o-grid au-o-grid--tiny\">\n                {{#each row.signs as |sign|}}\n                  <div class=\"au-o-grid__item au-u-1-3\">\n                    <img src={{sign.image}} alt=\"verkeersteken {{sign.code}}\" class=\"au-c-data-table__image\" />\n                  </div>\n                {{/each}}\n                </div>\n              </td>\n              <td>\n                <AuHelpText skin=\"secondary\" class=\"au-u-margin-none\"><RoadsignRegulationPlugin::MeasureTemplate @measure={{row.uri}} @template={{row.template}} @limitText={{true}}/></AuHelpText>\n              </td>\n              <td>\n                {{#each row.classifications as |classification|}}\n                  {{#if classification}}\n                    <AuPill @skin=\"border\">{{classification}}</AuPill>\n                  {{/if}}\n                {{/each}}\n              </td>\n              <td>\n                {{#if (eq this.selected row.uri)}}\n                <AuIcon @icon=\"nav-up\" @ariaHidden={{true}} class=\"au-c-data-table__clickable-row-icon\" />\n                {{else}}\n                <AuIcon @icon=\"nav-down\" @ariaHidden={{true}} class=\"au-c-data-table__clickable-row-icon\" />\n                {{/if}}\n              </td>\n            </tr>\n          {{#if (eq this.selected row.uri)}}\n            <RoadsignRegulationPlugin::ExpandedMeasure @measure={{row}} @insert={{@insert}} @selectRow={{this.selectRow}} />\n          {{/if}}\n        {{else}}\n          <tr>\n            <td colspan=\"5\" class=\"no-data-message\"><p>Er werden geen maatregelen gevonden.</p></td>\n          </tr>\n        {{/each}}\n      {{/if}}\n    </tbody>\n    {{/if}}\n  </table.content>\n</AuDataTable>\n{{#if @count}}\n<RoadsignRegulationPlugin::RoadsignsPagination\n  @goToPage={{@goToPage}}\n  @pageSize={{@pageSize}}\n  @pageStart={{@pageStart}}\n  @count={{@count}}\n/>\n{{/if}}\n");
+
+var _class, _descriptor;
+let RoadsignsTable = (_class = class RoadsignsTable extends Component {
+  constructor() {
+    super(...arguments);
+    _initializerDefineProperty(this, "selected", _descriptor, this);
+    _defineProperty(this, "imageBaseUrl", void 0);
+    const config = getOwner(this).resolveRegistration('config:environment');
+    this.imageBaseUrl = config.roadsignRegulationPlugin.imageBaseUrl;
+  }
+  selectRow(id) {
+    if (this.selected === id) {
+      this.selected = undefined;
+    } else {
+      this.selected = id;
+    }
+  }
+}, (_descriptor = _applyDecoratedDescriptor(_class.prototype, "selected", [tracked], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _applyDecoratedDescriptor(_class.prototype, "selectRow", [action], Object.getOwnPropertyDescriptor(_class.prototype, "selectRow"), _class.prototype)), _class);
+setComponentTemplate(TEMPLATE, RoadsignsTable);
+
+export { RoadsignsTable as default };
+//# sourceMappingURL=roadsigns-table.js.map

package/dist/components/roadsign-regulation-plugin/roadsigns-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"roadsigns-table.js","sources":["../../../src/components/roadsign-regulation-plugin/roadsigns-table.hbs.js","../../../src/components/roadsign-regulation-plugin/roadsigns-table.js"],"sourcesContent":["import { hbs } from 'ember-cli-htmlbars';\nexport default hbs(\"<AuDataTable @isLoading={{@isLoading}} @noDataMessage=\\\"No data\\\" as |table|>\\n  <table.content as |c|>\\n    <c.header>\\n      <th class=\\\"data-table__header-title\\\">Code</th>\\n      <th class=\\\"data-table__header-title\\\">Afbeelding</th>\\n      <th class=\\\"data-table__header-title\\\">Template</th>\\n      <th class=\\\"data-table__header-title\\\">Category</th>\\n      <th class=\\\"data-table__header-title\\\"></th>\\n    </c.header>\\n    {{#if c.body}}\\n    <tbody>\\n      {{#if @isLoading}}\\n        <tr>\\n          <td colspan=\\\"100%\\\" class=\\\"is-loading-data\\\">\\n            <AuLoader />\\n            <AuHelpText>Aan het laden</AuHelpText>\\n          </td>\\n        </tr>\\n      {{else}}\\n        {{#each @content as |row|}}\\n            {{!-- template-lint-disable require-presentational-children --}}\\n            <tr role=\\\"button\\\" class=\\\"au-c-data-table__clickable-row\\\" {{on \\\"click\\\" (fn this.selectRow row.uri)}}>\\n              <td>\\n                <p>{{row.label}}</p>\\n              </td>\\n              <td>\\n                <div class=\\\"au-o-grid au-o-grid--tiny\\\">\\n                {{#each row.signs as |sign|}}\\n                  <div class=\\\"au-o-grid__item au-u-1-3\\\">\\n                    <img src={{sign.image}} alt=\\\"verkeersteken {{sign.code}}\\\" class=\\\"au-c-data-table__image\\\" />\\n                  </div>\\n                {{/each}}\\n                </div>\\n              </td>\\n              <td>\\n                <AuHelpText skin=\\\"secondary\\\" class=\\\"au-u-margin-none\\\"><RoadsignRegulationPlugin::MeasureTemplate @measure={{row.uri}} @template={{row.template}} @limitText={{true}}/></AuHelpText>\\n              </td>\\n              <td>\\n                {{#each row.classifications as |classification|}}\\n                  {{#if classification}}\\n                    <AuPill @skin=\\\"border\\\">{{classification}}</AuPill>\\n                  {{/if}}\\n                {{/each}}\\n              </td>\\n              <td>\\n                {{#if (eq this.selected row.uri)}}\\n                <AuIcon @icon=\\\"nav-up\\\" @ariaHidden={{true}} class=\\\"au-c-data-table__clickable-row-icon\\\" />\\n                {{else}}\\n                <AuIcon @icon=\\\"nav-down\\\" @ariaHidden={{true}} class=\\\"au-c-data-table__clickable-row-icon\\\" />\\n                {{/if}}\\n              </td>\\n            </tr>\\n          {{#if (eq this.selected row.uri)}}\\n            <RoadsignRegulationPlugin::ExpandedMeasure @measure={{row}} @insert={{@insert}} @selectRow={{this.selectRow}} />\\n          {{/if}}\\n        {{else}}\\n          <tr>\\n            <td colspan=\\\"5\\\" class=\\\"no-data-message\\\"><p>Er werden geen maatregelen gevonden.</p></td>\\n          </tr>\\n        {{/each}}\\n      {{/if}}\\n    </tbody>\\n    {{/if}}\\n  </table.content>\\n</AuDataTable>\\n{{#if @count}}\\n<RoadsignRegulationPlugin::RoadsignsPagination\\n  @goToPage={{@goToPage}}\\n  @pageSize={{@pageSize}}\\n  @pageStart={{@pageStart}}\\n  @count={{@count}}\\n/>\\n{{/if}}\\n\")","import { action } from '@ember/object';\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { getOwner } from '@ember/application';\n\nexport default class RoadsignsTable extends Component {\n  @tracked selected;\n  imageBaseUrl;\n\n  constructor() {\n    super(...arguments);\n    const config = getOwner(this).resolveRegistration('config:environment');\n    this.imageBaseUrl = config.roadsignRegulationPlugin.imageBaseUrl;\n  }\n\n  @action\n  selectRow(id) {\n    if (this.selected === id) {\n      this.selected = undefined;\n    } else {\n      this.selected = id;\n    }\n  }\n}\n"],"names":["hbs","RoadsignsTable","Component","constructor","arguments","config","getOwner","resolveRegistration","imageBaseUrl","roadsignRegulationPlugin","selectRow","id","selected","undefined","tracked","action"],"mappings":";;;;;;;;AACA,eAAeA,GAAG,CAAC,03FAA03F,CAAC;;;ACEh2F,IAEzBC,cAAc,IAApB,MAAA,GAAA,MAAMA,cAAc,SAASC,SAAS,CAAC;AAIpDC,EAAAA,WAAW,GAAG;IACZ,KAAK,CAAC,GAAGC,SAAS,CAAC,CAAA;AAAC,IAAA,0BAAA,CAAA,IAAA,EAAA,UAAA,EAAA,WAAA,EAAA,IAAA,CAAA,CAAA;AAAA,IAAA,eAAA,CAAA,IAAA,EAAA,cAAA,EAAA,KAAA,CAAA,CAAA,CAAA;IACpB,MAAMC,MAAM,GAAGC,QAAQ,CAAC,IAAI,CAAC,CAACC,mBAAmB,CAAC,oBAAoB,CAAC,CAAA;AACvE,IAAA,IAAI,CAACC,YAAY,GAAGH,MAAM,CAACI,wBAAwB,CAACD,YAAY,CAAA;AAClE,GAAA;EAGAE,SAAS,CAACC,EAAE,EAAE;AACZ,IAAA,IAAI,IAAI,CAACC,QAAQ,KAAKD,EAAE,EAAE;MACxB,IAAI,CAACC,QAAQ,GAAGC,SAAS,CAAA;AAC3B,KAAC,MAAM;MACL,IAAI,CAACD,QAAQ,GAAGD,EAAE,CAAA;AACpB,KAAA;AACF,GAAA;AACF,CAAC,0EAjBEG,OAAO,CAAA,EAAA;AAAA,EAAA,YAAA,EAAA,IAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,QAAA,EAAA,IAAA;AAAA,EAAA,WAAA,EAAA,IAAA;AAAA,CAAA,CAAA,EAAA,yBAAA,CAAA,MAAA,CAAA,SAAA,EAAA,WAAA,EAAA,CASPC,MAAM,CAAA,EAAA,MAAA,CAAA,wBAAA,CAAA,MAAA,CAAA,SAAA,EAAA,WAAA,CAAA,EAAA,MAAA,CAAA,SAAA,CAAA,GAAA,MAAA,EAAA;AAV0B,oBAAA,CAAA,QAAA,EAAA,cAAA,CAAA;;;;"}

package/dist/components/table-of-contents-plugin/inline-components/table-of-contents.js

@@ -7,7 +7,7 @@ import ModelNodeUtils from '@lblod/ember-rdfa-editor/model/util/model-node-utils
 import { action } from '@ember/object';
 import Component from '@glimmer/component';
 import dataFactory from '@rdfjs/data-model';
-import { T as TABLE_OF_CONTENTS_DEFAULT_CONFIG } from '../../../constants-af958fcd.js';
+import { T as TABLE_OF_CONTENTS_DEFAULT_CONFIG } from '../../../constants-c77fd478.js';
 
 var TEMPLATE = hbs("<div class=\'au-u-background-gray-100 au-u-padding-tiny table-of-contents\'>\n  <h3>{{t \"table-of-contents-plugin.title\"}}</h3>\n  {{#if this.documentOutline}}\n    <TableOfContentsPlugin::InlineComponents::Outline\n      @entries={{this.documentOutline.entries}}\n      @onEntryClick={{this.moveToSection}}\n    />\n  {{/if}}\n</div>\n");