@lblod/ember-rdfa-editor-lblod-plugins 19.0.0 → 19.1.0

package/addon/components/standard-template-plugin/template-provider.hbs

@@ -1,8 +1,10 @@
 {{! @glint-nocheck: not typesafe yet }}
 <div>
-{{yield (hash
-          applicableTemplates=this.applicableTemplates
-          hasApplicableTemplates=this.hasApplicableTemplates
-          insert=this.insert
-        )}}
+  {{yield
+    (hash
+      applicableTemplates=this.applicableTemplates
+      hasApplicableTemplates=this.hasApplicableTemplates
+      insert=this.insert
+    )
+  }}
 </div>

package/addon/components/table-of-contents-plugin/ember-nodes/outline.hbs

@@ -18,4 +18,4 @@
       {{/if}}
     </Item>
   {{/each}}
-</AuList>
+</AuList>

package/addon/components/table-of-contents-plugin/ember-nodes/table-of-contents.hbs

@@ -7,4 +7,4 @@
       @onEntryClick={{this.moveToPosition}}
     />
   {{/if}}
-</div>
+</div>

package/addon/components/template-comments-plugin/edit-card.hbs

@@ -5,12 +5,14 @@
     @divided={{true}}
     @expandable={{false}}
     @shadow={{true}}
-    @size='flush' as |c|
+    @size='flush'
+    as |c|
   >
     <c.content class='au-c-content--small'>
       <AuList
         @divider={{true}}
-        class='au-u-padding-top-tiny au-u-padding-bottom-tiny' as |Item|
+        class='au-u-padding-top-tiny au-u-padding-bottom-tiny'
+        as |Item|
       >
         <Item>
           <AuButton

package/addon/components/template-comments-plugin/insert.hbs

@@ -1,5 +1,5 @@
 {{! @glint-nocheck: not typesafe yet }}
-<li class="au-c-list__item">
+<li class='au-c-list__item'>
   <AuButton
     @icon={{this.AddIcon}}
     @iconAlignment='left'

package/addon/components/template-comments-plugin/template-comment.hbs

@@ -4,9 +4,9 @@
   @title={{this.translation.title}}
   @skin='info'
   @icon={{this.CircleInfoIcon}}
-  class='say-template-comment {{
-    if this.selectionInside 'ProseMirror-selectednode'
-  }} say-default-cursor'
+  class='say-template-comment
+    {{if this.selectionInside "ProseMirror-selectednode"}}
+    say-default-cursor'
 >
   <div class='say-text-cursor'>
     {{yield}}

package/addon/components/validation-plugin/validation-card.hbs

@@ -1,13 +1,16 @@
 {{! @glint-nocheck: not typesafe yet }}
 {{#if this.shouldShow}}
-  <AuCard @shadow={{true}} @size="small" as |Card|>
+  <AuCard @shadow={{true}} @size='small' as |Card|>
     <Card.header>
-      <AuHeading @level="2" @skin="4">{{@title}}</AuHeading>
+      <AuHeading @level='2' @skin='4'>{{@title}}</AuHeading>
     </Card.header>
     <Card.content>
       {{#each this.results as |result|}}
-        <ValidationPlugin::ValidationItem @controller={{@controller}} @result={{result}}/>
+        <ValidationPlugin::ValidationItem
+          @controller={{@controller}}
+          @result={{result}}
+        />
       {{/each}}
     </Card.content>
   </AuCard>
-{{/if}}
+{{/if}}

package/addon/components/validation-plugin/validation-item.hbs

@@ -1,3 +1,8 @@
 {{! @glint-nocheck: not typesafe yet }}
-<AuAlert @size='small' @icon={{this.icon}} @title={{this.message}} @skin={{this.skin}} @closable={{false}}>
-</AuAlert>
+<AuAlert
+  @size='small'
+  @icon={{this.icon}}
+  @title={{this.message}}
+  @skin={{this.skin}}
+  @closable={{false}}
+/>

package/addon/components/variable-plugin/address/edit.hbs

@@ -1,65 +1,89 @@
 {{! @glint-nocheck: not typesafe yet }}
 {{#if this.showCard}}
-  <AuCard @flex={{true}} @divided={{true}} @shadow={{true}} @size="small" as |c|>
+  <AuCard
+    @flex={{true}}
+    @divided={{true}}
+    @shadow={{true}}
+    @size='small'
+    as |c|
+  >
     <c.content>
-      <form class="au-c-form">
+      <form class='au-c-form'>
         <AuLabel for='municipality-select'>
-          {{t "editor-plugins.address.edit.municipality.label"}}*
+          {{t 'editor-plugins.address.edit.municipality.label'}}*
         </AuLabel>
         <PowerSelect
-          id="municipality-select"
-          @loadingMessage={{t "editor-plugins.utils.loading"}}
-          @searchMessage={{t "editor-plugins.address.edit.municipality.search-message"}}
-          @noMatchesMessage={{t "editor-plugins.address.edit.municipality.no-results"}}
-          @placeholder={{t "editor-plugins.address.edit.municipality.placeholder"}}
+          id='municipality-select'
+          @loadingMessage={{t 'editor-plugins.utils.loading'}}
+          @searchMessage={{t
+            'editor-plugins.address.edit.municipality.search-message'
+          }}
+          @noMatchesMessage={{t
+            'editor-plugins.address.edit.municipality.no-results'
+          }}
+          @placeholder={{t
+            'editor-plugins.address.edit.municipality.placeholder'
+          }}
           @allowClear={{true}}
           @renderInPlace={{true}}
           @searchEnabled={{true}}
           @search={{perform this.searchMunicipality}}
           @selected={{this.newMunicipality}}
-          @onChange={{this.selectMunicipality}} as |municipality|>
+          @onChange={{this.selectMunicipality}}
+          as |municipality|
+        >
           {{municipality}}
         </PowerSelect>
         <AuLabel for='streetname-select'>
-          {{t "editor-plugins.address.edit.street.label"}}*
+          {{t 'editor-plugins.address.edit.street.label'}}*
         </AuLabel>
         <PowerSelect
-          id="streetname-select"
-          @loadingMessage={{t "editor-plugins.utils.loading"}}
-          @searchMessage={{t "editor-plugins.address.edit.street.search-message"}}
-          @noMatchesMessage={{t "editor-plugins.address.edit.street.no-results"}}
-          @placeholder={{t "editor-plugins.address.edit.street.placeholder"}}
+          id='streetname-select'
+          @loadingMessage={{t 'editor-plugins.utils.loading'}}
+          @searchMessage={{t
+            'editor-plugins.address.edit.street.search-message'
+          }}
+          @noMatchesMessage={{t
+            'editor-plugins.address.edit.street.no-results'
+          }}
+          @placeholder={{t 'editor-plugins.address.edit.street.placeholder'}}
           @allowClear={{true}}
           @renderInPlace={{true}}
           @searchEnabled={{true}}
           @search={{perform this.searchStreet}}
           @selected={{this.newStreetName}}
           @disabled={{not this.canUpdateStreet}}
-          @onChange={{this.selectStreet}} as |street|>
+          @onChange={{this.selectStreet}}
+          as |street|
+        >
           {{street}}
         </PowerSelect>
-        <div class="au-o-grid au-o-grid--tiny">
-          <div class="au-o-grid__item au-u-1-2@medium">
-            <AuLabel for="housenumber-select">
-              {{t "editor-plugins.address.edit.housenumber.label"}}
+        <div class='au-o-grid au-o-grid--tiny'>
+          <div class='au-o-grid__item au-u-1-2@medium'>
+            <AuLabel for='housenumber-select'>
+              {{t 'editor-plugins.address.edit.housenumber.label'}}
             </AuLabel>
             <AuNativeInput
-              id="housenumber-select"
-              placeholder={{t "editor-plugins.address.edit.housenumber.placeholder"}}
-              @width="block"
+              id='housenumber-select'
+              placeholder={{t
+                'editor-plugins.address.edit.housenumber.placeholder'
+              }}
+              @width='block'
               value={{this.newHousenumber}}
               @disabled={{not this.canUpdateHousenumber}}
               {{on 'input' this.updateHousenumber}}
             />
           </div>
-          <div class="au-o-grid__item au-u-1-2@medium">
-            <AuLabel for="busnumber-select">
-              {{t "editor-plugins.address.edit.busnumber.label"}}
+          <div class='au-o-grid__item au-u-1-2@medium'>
+            <AuLabel for='busnumber-select'>
+              {{t 'editor-plugins.address.edit.busnumber.label'}}
             </AuLabel>
             <AuNativeInput
-              id="busnumber-select"
-              placeholder={{t "editor-plugins.address.edit.busnumber.placeholder"}}
-              @width="block"
+              id='busnumber-select'
+              placeholder={{t
+                'editor-plugins.address.edit.busnumber.placeholder'
+              }}
+              @width='block'
               value={{this.newBusnumber}}
               @disabled={{not this.canUpdateBusnumber}}
               {{on 'input' this.updateBusnumber}}
@@ -68,21 +92,30 @@
         </div>
 
         {{#if this.newAddress.isRunning}}
-          <LoadingAlert @title={{t "editor-plugins.address.edit.loading"}} @size="small" @skin="info"/>
+          <LoadingAlert
+            @title={{t 'editor-plugins.address.edit.loading'}}
+            @size='small'
+            @skin='info'
+          />
         {{/if}}
         {{#if this.message}}
-          <AuAlert @skin={{this.message.skin}} @icon={{this.message.icon}} @title={{this.message.title}}>
+          <AuAlert
+            @skin={{this.message.skin}}
+            @icon={{this.message.icon}}
+            @title={{this.message.title}}
+          >
             {{this.message.body}}
           </AuAlert>
         {{/if}}
         <AuButton
           {{on 'click' this.updateAddressVariable}}
-          @disabled={{not this.canUpdateAddressVariable}}>
-          {{t "editor-plugins.utils.insert"}}
+          @disabled={{not this.canUpdateAddressVariable}}
+        >
+          {{t 'editor-plugins.utils.insert'}}
         </AuButton>
 
       </form>
 
     </c.content>
   </AuCard>
-{{/if}}
+{{/if}}

package/addon/components/variable-plugin/address/insert-variable.hbs

@@ -1,7 +1,7 @@
 {{! @glint-nocheck: not typesafe yet }}
 <AuFormRow>
-  <VariablePlugin::Utils::LabelInput 
-    @label={{this.label}} 
+  <VariablePlugin::Utils::LabelInput
+    @label={{this.label}}
     @updateLabel={{this.updateLabel}}
   />
 </AuFormRow>

package/addon/components/variable-plugin/address/insert.hbs

@@ -1,11 +1,12 @@
 {{! @glint-nocheck: not typesafe yet }}
-<li class="au-c-list__item">
+<li class='au-c-list__item'>
   <AuButton
     @icon={{this.AddIcon}}
-    @iconAlignment="left"
-    @skin="link"
+    @iconAlignment='left'
+    @skin='link'
     {{on 'click' (fn this.insertAddress true)}}
-    @disabled={{not this.canInsertAddress}}>
-    {{t "editor-plugins.address.insert"}}
+    @disabled={{not this.canInsertAddress}}
+  >
+    {{t 'editor-plugins.address.insert'}}
   </AuButton>
 </li>

package/addon/components/variable-plugin/codelist/edit.hbs

@@ -1,9 +1,17 @@
 {{! @glint-nocheck: not typesafe yet }}
 {{#if this.showCard}}
-  <AuCard @flex={{true}} @divided={{true}} @isOpenInitially={{true}} @expandable={{true}} @shadow={{true}} @size="small" as |c|>
+  <AuCard
+    @flex={{true}}
+    @divided={{true}}
+    @isOpenInitially={{true}}
+    @expandable={{true}}
+    @shadow={{true}}
+    @size='small'
+    as |c|
+  >
     <c.header>
-      <AuHeading @level="3" @skin="6">
-        {{t "variable-plugin.enter-variable-value"}}
+      <AuHeading @level='3' @skin='6'>
+        {{t 'variable-plugin.enter-variable-value'}}
       </AuHeading>
     </c.header>
     <c.content>
@@ -12,30 +20,35 @@
       </AuLabel>
       {{#if this.multiSelect}}
         <PowerSelectMultiple
-          id="codelist-select"
+          id='codelist-select'
           @allowClear={{false}}
           @searchEnabled={{false}}
           @options={{this.codelistOptions.value.options}}
           @selected={{this.selectedCodelistOption}}
-          @onChange={{this.updateCodelistOption}} as |option|
+          @onChange={{this.updateCodelistOption}}
+          as |option|
         >
           {{option.label}}
         </PowerSelectMultiple>
       {{else}}
         <PowerSelect
-          id="codelist-select"
+          id='codelist-select'
           @allowClear={{false}}
           @searchEnabled={{false}}
           @options={{this.codelistOptions.value.options}}
           @selected={{this.selectedCodelistOption}}
-          @onChange={{this.updateCodelistOption}} as |option|
+          @onChange={{this.updateCodelistOption}}
+          as |option|
         >
           {{option.label}}
         </PowerSelect>
       {{/if}}
-      <AuButton {{on 'click' this.insert}} @disabled={{not this.selectedCodelistOption}}>
-        {{t "editor-plugins.utils.insert"}}
+      <AuButton
+        {{on 'click' this.insert}}
+        @disabled={{not this.selectedCodelistOption}}
+      >
+        {{t 'editor-plugins.utils.insert'}}
       </AuButton>
     </c.content>
   </AuCard>
-{{/if}}
+{{/if}}

package/addon/components/variable-plugin/codelist/insert.hbs

@@ -20,14 +20,11 @@
   {{style.label}}
 </PowerSelect>
 <AuFormRow>
-  <VariablePlugin::Utils::LabelInput 
+  <VariablePlugin::Utils::LabelInput
     @label={{this.label}}
     @updateLabel={{this.updateLabel}}
   />
 </AuFormRow>
-<AuButton
-  {{on 'click' this.insert}}
-  @disabled={{not this.selectedCodelist}}
->
+<AuButton {{on 'click' this.insert}} @disabled={{not this.selectedCodelist}}>
   {{t 'variable-plugin.button'}}
 </AuButton>

package/addon/components/variable-plugin/date/date-time-picker.hbs

@@ -3,17 +3,18 @@
   <AuDatePicker
     @onChange={{this.onChangeDate}}
     @value={{this.date}}
-    @label={{t "date-plugin.card.label"}}
-    @localization={{this.datePickerLocalization}}/>
+    @label={{t 'date-plugin.card.label'}}
+    @localization={{this.datePickerLocalization}}
+  />
 </AuFormRow>
 {{yield}}
 {{#unless @onlyDate}}
   <AuFormRow>
     <AuTimePicker
-      @hoursLabel={{t "date-plugin.card.hours"}}
-      @minutesLabel={{t "date-plugin.card.minutes"}}
-      @secondsLabel={{t "date-plugin.card.seconds"}}
-      @nowLabel={{t "date-plugin.card.now"}}
+      @hoursLabel={{t 'date-plugin.card.hours'}}
+      @minutesLabel={{t 'date-plugin.card.minutes'}}
+      @secondsLabel={{t 'date-plugin.card.seconds'}}
+      @nowLabel={{t 'date-plugin.card.now'}}
       @hours={{this.hours}}
       @minutes={{this.minutes}}
       @seconds={{this.seconds}}
@@ -22,4 +23,4 @@
       @onChange={{this.onChangeTime}}
     />
   </AuFormRow>
-{{/unless}}
+{{/unless}}

package/addon/components/variable-plugin/date/edit.hbs

@@ -1,12 +1,14 @@
 {{! @glint-nocheck: not typesafe yet }}
 <div>
   {{#if this.showCard}}
-    <AuCard @shadow={{true}} @size="flush" as |c|>
-      <c.header class="au-u-hidden-visually">
-        <AuHeading @level="3" @skin="6">{{t "date-plugin.card.title"}}</AuHeading>
+    <AuCard @shadow={{true}} @size='flush' as |c|>
+      <c.header class='au-u-hidden-visually'>
+        <AuHeading @level='3' @skin='6'>{{t
+            'date-plugin.card.title'
+          }}</AuHeading>
       </c.header>
-      <c.content class="au-o-box au-o-box--small">
-        <div class="au-o-flow au-o-flow--small">
+      <c.content class='au-o-box au-o-box--small'>
+        <div class='au-o-flow au-o-flow--small'>
           <VariablePlugin::Date::DateTimePicker
             @onChange={{this.changeDate}}
             @value={{this.pickerDate}}
@@ -14,32 +16,37 @@
             @showSeconds={{this.showSeconds}}
           >
 
-            <AuFormRow @alignment="inline">
+            <AuFormRow @alignment='inline'>
               <AuCheckbox
-                @name="include-time"
-                @disabled={{eq this.dateFormatType "custom"}}
+                @name='include-time'
+                @disabled={{eq this.dateFormatType 'custom'}}
                 @checked={{not this.onlyDate}}
                 @onChange={{this.changeIncludeTime}}
               >
                 {{t 'date-plugin.card.include-time'}}
               </AuCheckbox>
               {{#if this.isCustom}}
-                <this.Velcro @placement="top" @offsetOptions={{hash mainAxis=10}} as |velcro|>
+                <this.Velcro
+                  @placement='top'
+                  @offsetOptions={{hash mainAxis=10}}
+                  as |velcro|
+                >
                   <AuBadge
-                    @size="small"
+                    @size='small'
                     @icon={{this.InfoCircleIcon}}
-                    aria-describedby="date-plugin-time-info-tooltip"
+                    aria-describedby='date-plugin-time-info-tooltip'
                     {{velcro.hook}}
-                    {{on "mouseenter" this.showTooltip }}
-                    {{on "mouseleave" this.hideTooltip}}
-                    {{on "focus" this.showTooltip }}
-                    {{on "blur" this.hideTooltip }}
+                    {{on 'mouseenter' this.showTooltip}}
+                    {{on 'mouseleave' this.hideTooltip}}
+                    {{on 'focus' this.showTooltip}}
+                    {{on 'blur' this.hideTooltip}}
                   />
                   {{#if this.tooltipOpen}}
                     <AuPill
-                      id="date-plugin-time-info-tooltip"
-                      role="tooltip"
-                      {{velcro.loop}}>
+                      id='date-plugin-time-info-tooltip'
+                      role='tooltip'
+                      {{velcro.loop}}
+                    >
                       {{t 'date-plugin.card.info-custom-time'}}
                     </AuPill>
                   {{/if}}
@@ -48,35 +55,44 @@
             </AuFormRow>
           </VariablePlugin::Date::DateTimePicker>
           <AuRadioGroup
-            @name="dateFormat"
+            @name='dateFormat'
             @selected={{this.dateFormatType}}
             @onChange={{this.setDateFormatFromKey}}
             as |Group|
           >
             {{#each this.formats as |format|}}
               <Group.Radio @value={{format.key}}>
-                {{if format.label format.label (if this.onlyDate format.dateFormat format.dateTimeFormat)}}
+                {{if
+                  format.label
+                  format.label
+                  (if this.onlyDate format.dateFormat format.dateTimeFormat)
+                }}
               </Group.Radio>
             {{/each}}
             {{#if this.isCustomAllowed}}
-              <Group.Radio @value="custom">
-                {{t "date-plugin.card.custom-date" }}
+              <Group.Radio @value='custom'>
+                {{t 'date-plugin.card.custom-date'}}
               </Group.Radio>
             {{/if}}
           </AuRadioGroup>
-          {{#if (eq this.dateFormatType "custom")}}
-            <AuFormRow @alignment="post">
-              <AuButton @skin="secondary" @icon={{this.InfoCircleIcon}}
-                {{on 'click' this.toggleHelpModal}}>
-              </AuButton>
+          {{#if (eq this.dateFormatType 'custom')}}
+            <AuFormRow @alignment='post'>
+              <AuButton
+                @skin='secondary'
+                @icon={{this.InfoCircleIcon}}
+                {{on 'click' this.toggleHelpModal}}
+              />
               <AuNativeInput
                 @error={{this.customDateFormatError}}
                 value={{this.documentDateFormat}}
-                {{on "input" this.setCustomDateFormat}}
+                {{on 'input' this.setCustomDateFormat}}
               />
             </AuFormRow>
             {{#if this.humanError}}
-              <AuPill @skin="error" @icon={{this.CrossIcon}}>{{this.humanError}}</AuPill>
+              <AuPill
+                @skin='error'
+                @icon={{this.CrossIcon}}
+              >{{this.humanError}}</AuPill>
             {{/if}}
           {{/if}}
         </div>
@@ -84,4 +100,7 @@
     </AuCard>
   {{/if}}
 </div>
-<VariablePlugin::Date::HelpModal @modalOpen={{this.helpModalOpen}} @closeModal={{this.toggleHelpModal}} />
+<VariablePlugin::Date::HelpModal
+  @modalOpen={{this.helpModalOpen}}
+  @closeModal={{this.toggleHelpModal}}
+/>

package/addon/components/variable-plugin/date/help-modal.hbs

@@ -4,7 +4,8 @@
   @closeModal={{@closeModal}}
   @modalOpen={{@modalOpen}}
   @size='default'
-  as |Modal|>
+  as |Modal|
+>
   <Modal.Body>
     <div>
       <p>{{t 'date-plugin.help.first-line'}}</p>
@@ -20,80 +21,82 @@
         <:body>
           <tr>
             <td>{{t 'date-plugin.help.short-weekday-title'}}</td>
-            {{!-- template-lint-disable no-bare-strings --}}
+            {{! template-lint-disable no-bare-strings }}
             <td>E</td>
             <td>{{this.formatExample 'E'}}</td>
           </tr>
           <tr>
             <td>{{t 'date-plugin.help.long-weekday-title'}}</td>
-            {{!-- template-lint-disable no-bare-strings --}}
+            {{! template-lint-disable no-bare-strings }}
             <td>EEEE</td>
             <td>{{this.formatExample 'EEEE'}}</td>
           </tr>
           <tr>
             <td>{{t 'date-plugin.help.month-day'}}</td>
-            {{!-- template-lint-disable no-bare-strings --}}
+            {{! template-lint-disable no-bare-strings }}
             <td>dd</td>
             <td>{{this.formatExample 'dd'}}</td>
           </tr>
           <tr>
             <td>{{t 'date-plugin.help.short-month'}}</td>
-            {{!-- template-lint-disable no-bare-strings --}}
+            {{! template-lint-disable no-bare-strings }}
             <td>MM</td>
             <td>{{this.formatExample 'MM'}}</td>
           </tr>
           <tr>
             <td>{{t 'date-plugin.help.long-month-title'}}</td>
-            {{!-- template-lint-disable no-bare-strings --}}
+            {{! template-lint-disable no-bare-strings }}
             <td>MMMM</td>
             <td>{{this.formatExample 'MMMM'}}</td>
           </tr>
           <tr>
             <td>{{t 'date-plugin.help.long-year'}}</td>
-            {{!-- template-lint-disable no-bare-strings --}}
+            {{! template-lint-disable no-bare-strings }}
             <td>yyyy</td>
             <td>{{this.formatExample 'yyyy'}}</td>
           </tr>
         </:body>
       </AuTable>
-      <p>{{t "date-plugin.help.detailed-info"}} <a href="https://date-fns.org/v2.29.3/docs/format">{{t
-        "date-plugin.help.docs-link"}}</a></p>
-      <p>{{t "date-plugin.help.date-examples"}}</p>
+      <p>{{t 'date-plugin.help.detailed-info'}}
+        <a href='https://date-fns.org/v2.29.3/docs/format'>{{t
+            'date-plugin.help.docs-link'
+          }}</a></p>
+      <p>{{t 'date-plugin.help.date-examples'}}</p>
       <AuTable>
         <:header>
           <tr>
-            <th>{{t "date-plugin.help.date-format"}}</th>
-            <th>{{t "date-plugin.help.result"}}</th>
+            <th>{{t 'date-plugin.help.date-format'}}</th>
+            <th>{{t 'date-plugin.help.result'}}</th>
           </tr>
         </:header>
         <:body>
           <tr>
-            {{!-- template-lint-disable no-bare-strings --}}
+            {{! template-lint-disable no-bare-strings }}
             <td>EEEE dd MMMM yyyy</td>
             <td>{{this.formatExample 'EEEE dd MMMM yyyy'}}</td>
           </tr>
           <tr>
-            {{!-- template-lint-disable no-bare-strings --}}
+            {{! template-lint-disable no-bare-strings }}
             <td>dd/MM/yy</td>
             <td>{{this.formatExample 'dd/MM/yy'}}</td>
           </tr>
           <tr>
-            {{!-- template-lint-disable no-bare-strings --}}
+            {{! template-lint-disable no-bare-strings }}
             <td>dd/M/yyyy</td>
             <td>{{this.formatExample 'dd/M/yyyy'}}</td>
           </tr>
           <tr>
-            {{!-- template-lint-disable no-bare-strings --}}
+            {{! template-lint-disable no-bare-strings }}
             <td>dd/MM/yy hh:mm:ss</td>
             <td>{{this.formatExample 'dd/MM/yy hh:mm:ss'}}</td>
           </tr>
           <tr>
-            {{!-- template-lint-disable no-bare-strings --}}
+            {{! template-lint-disable no-bare-strings }}
             <td>'Vandaag is' dd/MM/yy BBBB</td>
             <td>{{this.formatExample "'Vandaag is' dd/MM/yy BBBB"}}</td>
           </tr>
           <tr>
-            {{!-- template-lint-disable no-bare-strings --}}
+            {{! template-lint-disable no-bare-strings }}
             <td>PPPPpppp</td>
             <td>{{this.formatExample 'PPPPpppp'}}</td>
           </tr>
@@ -101,4 +104,4 @@
       </AuTable>
     </div>
   </Modal.Body>
-</AuModal>
+</AuModal>