isite 2022.8.4 → 2022.8.5

package/apps/client-side/site_files/js/bootstrap-5-directive.js

@@ -370,7 +370,7 @@ app.directive('iList', [
           $scope.hide();
         };
       },
-      template: `/*##client-side/sub/i-list2.content.html*/`,
+      template: `/*##client-side/directive/i-list.html*/`,
     };
   },
 ]);
@@ -583,487 +583,6 @@ app.directive('iDate', function () {
   };
 });
 
-app.directive('iTime', function () {
-  return {
-    link: function ($scope, element, attrs) {
-      if (typeof attrs.disabled !== 'undefined') {
-        attrs.disabled = 'disabled';
-      } else {
-        attrs.disabled = '';
-      }
-
-      $scope.model = {};
-
-      $scope.hours = [];
-      for (let i = 1; i < 25; i++) {
-        $scope.hours.push(i);
-      }
-
-      $scope.minutes = [];
-      for (let i = 0; i < 60; i++) {
-        $scope.minutes.push(i);
-      }
-
-      $(element)
-        .find('select')
-        .focus(() => {
-          $('.popup').hide();
-        });
-
-      $scope.$watch('ngModel', function (ngModel) {
-        if (ngModel) {
-          ngModel.date = new Date(ngModel.date);
-          $scope.model = $scope.model || {};
-          $scope.model.hour = ngModel.hour;
-          $scope.model.minute = ngModel.minute;
-        } else {
-          $scope.model = $scope.model || {};
-          $scope.model.hour = 0;
-          $scope.model.minute = 0;
-        }
-      });
-
-      $scope.updateTime = function () {
-        if ($scope.model) {
-          $scope.ngModel = $scope.ngModel || {};
-          $scope.ngModel.hour = $scope.model.hour;
-          $scope.ngModel.minute = $scope.model.minute;
-          $scope.ngModel.date = new Date(null, null, null, $scope.model.hour, $scope.model.minute, null);
-        } else {
-          delete $scope.ngModel;
-        }
-      };
-    },
-    restrict: 'E',
-    require: 'ngModel',
-    scope: {
-      v: '@',
-      disabled: '@',
-      label: '@',
-      ngModel: '=',
-    },
-    template: `
-      <div class="row i-time">
-        <div class=" control ">
-          <label class="text-center"> {{label}}  </label>
-        <div class="row">
-            <div class="col6 right">
-            <div class="row">
-            <div class="col2"></div>
-            <div class="col8">
-            <select ng-disabled="disabled" ng-model="model.minute" ng-change="updateTime()" class="small appearance-none no-border-left no-border-radius" >
-                    <option ng-repeat="m in minutes" ng-value="m"> {{m}}</option>
-                </select>
-            </div>
-            <div class="col2"></div>
-            </div>
-                
-            </div>
-            <div class="col6">
-            <div class="row">
-            <div class="col2 space right">
-            <span> : </span>
-            </div>
-            <div class="col8">
-                <select ng-disabled="disabled" ng-model="model.hour" ng-change="updateTime()" class="large blue appearance-none no-border-left no-border-radius" >
-                    <option ng-repeat="h in hours" ng-value="h"> {{h}} </option>
-                </select>
-            </div>
-           
-            </div>
-           
-            </div>
-        </div>
-      </div>
-      `,
-  };
-});
-
-app.directive('iDatetime2', function () {
-  return {
-    link: function ($scope, element, attrs) {
-      if (typeof attrs.disabled !== 'undefined') {
-        attrs.disabled = 'disabled';
-      } else {
-        attrs.disabled = '';
-      }
-
-      $scope.hour1 = [];
-      for (let i = 1; i < 25; i++) {
-        $scope.hour1.push(i);
-      }
-
-      $scope.minute_list = [];
-      for (let i = 1; i < 60; i++) {
-        $scope.minute_list.push({
-          name: i,
-        });
-      }
-
-      $scope.days1 = [];
-      for (let i = 1; i < 32; i++) {
-        $scope.days1.push(i);
-      }
-      $scope.years1 = [];
-      for (let i = 1900; i < 2100; i++) {
-        $scope.years1.push(i);
-      }
-      $scope.monthes1 = ['يناير', 'فبراير', 'مارس', 'ابريل', 'مايو', 'يونيو', 'يوليو', 'اغسطس', 'سبتمبر', 'اكتوبر', 'نوفمبر', 'ديسمبر'];
-
-      $scope.model = null;
-
-      $(element)
-        .find('select')
-        .focus(() => {
-          $('.popup').hide();
-        });
-
-      $scope.$watch('ngModel', function (ngModel) {
-        if (ngModel) {
-          ngModel = new Date(ngModel);
-          $scope.model = $scope.model || {};
-          $scope.model.hour = ngModel.getHours();
-          $scope.model.minute = ngModel.getMinutes();
-          $scope.model.day = ngModel.getDate();
-          $scope.model.month = ngModel.getMonth();
-          $scope.model.year = ngModel.getFullYear();
-        } else {
-          $scope.model = $scope.model || {};
-          $scope.model.hour = 0;
-          $scope.model.minute = 0;
-          $scope.model.day = 0;
-          $scope.model.month = -1;
-          $scope.model.year = 0;
-        }
-      });
-
-      $scope.updateDate = function () {
-        if ($scope.model && $scope.model.year && $scope.model.day) {
-          $scope.ngModel = new Date($scope.model.year, $scope.model.month, $scope.model.day, $scope.model.hour, $scope.model.minute);
-        } else {
-          delete $scope.ngModel;
-        }
-      };
-    },
-    restrict: 'E',
-    require: 'ngModel',
-    scope: {
-      v: '@',
-      disabled: '@',
-      label: '@',
-      ngModel: '=',
-    },
-    template: `
-      <div class="row i-datetime2">
-  
-        <div class=" control">
-          <label> {{label}}  </label>
-          <div class="row">
-
-            <div class="col2 day"> 
-              <select v="{{v}}" ng-disabled="disabled" ng-model="model.day" ng-change="updateDate()" class="appearance-none no-border-left no-border-radius" >
-              <option ng-repeat="d1 in days1" ng-value="d1"> {{d1}} </option>
-              </select>
-            </div>
-            <div class="col5 month"> 
-              <select v="{{v}}" ng-disabled="disabled" ng-model="model.month" ng-change="updateDate()" class="appearance-none no-border-left no-border-right no-border-radius" >
-              <option ng-repeat="m1 in monthes1" ng-value="$index"> {{m1}} </option>
-              </select>
-            </div>
-            <div class="col3 year"> 
-              <select v="{{v}}" ng-disabled="disabled" ng-model="model.year" ng-change="updateDate()" class="appearance-none no-border-right no-border-radius" >
-              <option ng-repeat="y1 in years1" ng-value="y1"> {{y1}} </option>
-              </select>
-            </div>
-
-            <div class="col1 hour"> 
-                <select v="{{v}}" ng-disabled="disabled" ng-model="model.hour" ng-change="updateDate()" class="appearance-none  no-border-radius" >
-                <option ng-repeat="h1 in hour1" ng-value="h1"> {{h1}} </option>
-             </select>
-            </div>
-            <div class="col1 minute"> 
-                <select v="{{v}}" ng-disabled="disabled" ng-model="model.minute" ng-change="updateDate()" class="green appearance-none no-border-right no-border-radius" >
-                <option ng-repeat="m1 in minute_list" ng-value="m1.name" class="green"> {{m1.name}} </option>
-              </select>
-            </div>
-
-          </div>
-        </div>
-    
-  
-      </div>
-      `,
-  };
-});
-
-app.directive('iMonth2', function () {
-  return {
-    link: function ($scope, element, attrs) {
-      if (typeof attrs.disabled !== 'undefined') {
-        attrs.disabled = 'disabled';
-      } else {
-        attrs.disabled = '';
-      }
-
-      $scope.years = [];
-      for (let i = 1900; i < 2100; i++) {
-        $scope.years.push(i);
-      }
-      $scope.monthes = ['يناير', 'فبراير', 'مارس', 'ابريل', 'مايو', 'يونيو', 'يوليو', 'اغسطس', 'سبتمبر', 'اكتوبر', 'نوفمبر', 'ديسمبر'];
-
-      $scope.model = null;
-
-      $(element)
-        .find('select')
-        .focus(() => {
-          $('.popup').hide();
-        });
-
-      $scope.$watch('ngModel', function (ngModel) {
-        if (ngModel) {
-          ngModel = new Date(ngModel);
-          $scope.model = $scope.model || {};
-          $scope.model.day = 1;
-          $scope.model.month = ngModel.getMonth();
-          $scope.model.year = ngModel.getFullYear();
-        } else {
-          $scope.model = $scope.model || {};
-          $scope.model.day = 0;
-          $scope.model.month = -1;
-          $scope.model.year = 0;
-        }
-      });
-
-      $scope.updateDate = function () {
-        if ($scope.model && $scope.model.year) {
-          $scope.ngModel = new Date($scope.model.year, $scope.model.month, 1);
-        } else {
-          delete $scope.ngModel;
-        }
-      };
-    },
-    restrict: 'E',
-    require: 'ngModel',
-    scope: {
-      v: '@',
-      label: '@',
-      disabled: '@',
-      ngModel: '=',
-    },
-    template: `
-      <div class="row i-date2">
-  
-        <div class=" control">
-          <label> {{label}} </label>
-          <div class="row">
-           
-            <div class="col7 month"> 
-              <select ng-disabled="disabled" v="{{v}}" ng-model="model.month" ng-change="updateDate()" class="appearance-none no-border-left  no-border-radius" >
-              <option ng-repeat="m1 in monthes" ng-value="$index"> {{m1}} </option>
-              </select>
-            </div>
-
-            <div class="col5 year"> 
-              <select ng-disabled="disabled" v="{{v}}" ng-model="model.year" ng-change="updateDate()" class="appearance-none no-border-right no-border-radius" >
-              <option ng-repeat="y1 in years" ng-value="y1"> {{y1}} </option>
-              </select>
-            </div>
-
-          </div>
-        </div>
-    
-  
-      </div>
-      `,
-  };
-});
-
-app.directive('iFulldate', [
-  '$http',
-  function ($http) {
-    return {
-      link: function ($scope, element, attrs, ngModel) {
-        let _busy = !1;
-
-        if (typeof attrs.disabled !== 'undefined') {
-          attrs.disabled = 'disabled';
-        } else {
-          attrs.disabled = '';
-        }
-
-        $(element)
-          .find('select')
-          .focus(() => {
-            $('.popup').hide();
-          });
-
-        $scope.days1 = [];
-        for (let i = 1; i < 32; i++) {
-          $scope.days1.push(i);
-        }
-        $scope.years1 = [];
-        for (let i = 1950; i < 2030; i++) {
-          $scope.years1.push(i);
-        }
-
-        $scope.monthes1 = ['يناير', 'فبراير', 'مارس', 'ابريل', 'مايو', 'يونيو', 'يوليو', 'اغسطس', 'سبتمبر', 'اكتوبر', 'نوفمبر', 'ديسمبر'];
-
-        $scope.days2 = [];
-        for (let i = 1; i < 31; i++) {
-          $scope.days2.push(i);
-        }
-        $scope.years2 = [];
-        for (let i = 1370; i < 1450; i++) {
-          $scope.years2.push(i);
-        }
-        $scope.monthes2 = ['محرم', 'صفر', 'ربيع اول', 'ربيع ثان', 'جمادى اول', 'جمادى ثان', 'رجب', 'شعبان', 'رمضان', 'شوال', 'ذى القعدة', 'ذى الحجة'];
-
-        $scope.model = {};
-
-        $scope.$watch('ngModel', function (ngModel) {
-          if (ngModel) {
-            $scope.model = ngModel;
-          } else {
-            $scope.model = {};
-          }
-        });
-
-        $scope.$watch('ngModel.date', function (date) {
-          if (date) {
-            if (typeof date == 'string') {
-              date = new Date(date);
-            }
-            $scope.model = $scope.model || {};
-            $scope.model.date = date;
-            $scope.model.day = date.getDate();
-            $scope.model.month = date.getMonth();
-            $scope.model.year = date.getFullYear();
-            $scope.get_hijri_date();
-          }
-        });
-
-        $scope.get_hijri_date = function () {
-          if ($scope.model && $scope.model.year && $scope.model.day) {
-            ngModel.$setViewValue($scope.model);
-            if (_busy) {
-              return;
-            }
-            _busy = !0;
-            $scope.model.date = new Date($scope.model.year, $scope.model.month, $scope.model.day);
-            $http({
-              method: 'POST',
-              url: '/api/get_hijri_date',
-              data: {
-                date: $scope.model.year + '/' + ($scope.model.month + 1) + '/' + $scope.model.day,
-              },
-            })
-              .then((response) => {
-                if (response.data.done) {
-                  $scope.model.hijri = response.data.hijri;
-                  $scope.model.day2 = parseInt($scope.model.hijri.split('/')[2]);
-                  $scope.model.month2 = parseInt($scope.model.hijri.split('/')[1]) - 1;
-                  $scope.model.year2 = parseInt($scope.model.hijri.split('/')[0]);
-                  ngModel.$setViewValue($scope.model);
-                  _busy = !1;
-                }
-              })
-              .catch(() => {
-                _busy = !1;
-              });
-          }
-        };
-
-        $scope.get_normal_date = function () {
-          if ($scope.model && $scope.model.year2 && $scope.model.day2) {
-            ngModel.$setViewValue($scope.model);
-            if (_busy) {
-              return;
-            }
-            _busy = !0;
-            $http({
-              method: 'POST',
-              url: '/api/get_normal_date',
-              data: {
-                hijri: $scope.model.year2 + '/' + ($scope.model.month2 + 1) + '/' + $scope.model.day2,
-              },
-            })
-              .then((response) => {
-                if (response.data.done) {
-                  $scope.model.date = new Date(response.data.date);
-                  $scope.model.day = parseInt(response.data.date.split('/')[2]);
-                  $scope.model.month = parseInt(response.data.date.split('/')[1]) - 1;
-                  $scope.model.year = parseInt(response.data.date.split('/')[0]);
-                  ngModel.$setViewValue($scope.model);
-                  _busy = !1;
-                }
-              })
-              .catch(() => {
-                _busy = !1;
-              });
-          }
-        };
-      },
-      restrict: 'E',
-      require: 'ngModel',
-      scope: {
-        v: '@',
-        label1: '@',
-        label2: '@',
-        disabled: '@',
-        ngModel: '=',
-        ngChange: '&',
-      },
-      template: `
-      <div class="row i-date">
-  
-        <div class="col6 control">
-          <label> {{label1}} </label>
-          <div class="row">
-            <div class="col3 day"> 
-              <select ng-change="get_hijri_date()" ng-disabled="disabled" v="{{v}}" ng-model="model.day" class="appearance-none no-border-left no-border-radius">
-              <option ng-repeat="d1 in days1" ng-value="d1"> {{d1}} </option>
-              </select>
-            </div>
-            <div class="col5 month"> 
-              <select ng-change="get_hijri_date()" ng-disabled="disabled" v="{{v}}" ng-model="model.month" class="appearance-none no-border-left no-border-right no-border-radius">
-              <option ng-repeat="m1 in monthes1" ng-value="$index"> {{m1}} </option>
-              </select>
-            </div>
-            <div class="col4 year"> 
-              <select ng-change="get_hijri_date()" ng-disabled="disabled" v="{{v}}" ng-model="model.year" class="appearance-none no-border-right no-border-radius">
-              <option ng-repeat="y1 in years1" ng-value="y1"> {{y1}} </option>
-              </select>
-            </div>
-          </div>
-        </div>
-     
-        <div class="col6 control">
-          <label> {{label2}} </label>
-          <div class="row">
-            <div class="col3 day"> 
-              <select ng-change="get_normal_date()" ng-disabled="disabled" v="{{v}}" ng-model="model.day2" class="appearance-none no-border-left no-border-radius">
-              <option ng-repeat="d2 in days2" ng-value="d2"> {{d2}} </option>
-              </select>
-            </div>
-            <div class="col5 month"> 
-              <select ng-change="get_normal_date()" ng-disabled="disabled" v="{{v}}" ng-model="model.month2" class="appearance-none no-border-left no-border-right no-border-radius">
-              <option ng-repeat="m2 in monthes2" ng-value="$index"> {{m2}} </option>
-              </select>
-            </div>
-            <div class="col4 year"> 
-              <select ng-change="get_normal_date()" ng-disabled="disabled" v="{{v}}" ng-model="model.year2" class="appearance-none no-border-right no-border-radius">
-              <option ng-repeat="y2 in years2" ng-value="y2"> {{y2}} </option>
-              </select>
-            </div>
-          </div>
-        </div>
-  
-      </div>
-      `,
-    };
-  },
-]);
-
 app.directive('iChecklist2', [
   '$interval',
   function ($interval) {
@@ -1212,13 +731,17 @@ app.directive('iFile', [
       required: 'ngModel',
       scope: {
         label: '@',
+        accept: '@',
         folder: '@',
         ngModel: '=',
         ngClick: '&',
         onSelected: '&',
+        ngChange: '&',
       },
       link: function ($scope, element, attrs, ctrl) {
         $scope.label = $scope.label || 'Select File to Upload';
+        $scope.folder = $scope.folder || 'default';
+        $scope.accept = $scope.accept ? $scope.accept : '';
         let input = $(element).find('input')[0];
         let button = $(element).find('button')[0];
         if (attrs.view === '') {
@@ -1226,7 +749,7 @@ app.directive('iFile', [
         }
         let progress = $(element).find('.progress')[0];
         $(progress).hide();
-        $scope.folder = $scope.folder || 'default';
+
         $scope.id = Math.random().toString().replace('.', '_');
         if (attrs.view !== '') {
           button.addEventListener('click', function () {
@@ -1252,7 +775,9 @@ app.directive('iFile', [
 
               if (file) {
                 $scope.ngModel = file;
-                console.log(file);
+                if ($scope.ngChange) {
+                  $scope.ngChange();
+                }
               }
             }
           );
@@ -1267,7 +792,7 @@ app.directive('iFile', [
           }
         });
       },
-      template: `/*##client-side/sub/i-file.content.html*/`,
+      template: `/*##client-side/directive/i-file.html*/`,
     };
   },
 ]);
@@ -1281,12 +806,14 @@ app.directive('iImage', [
       required: 'ngModel',
       scope: {
         folder: '@',
+        accept: '@',
         ngModel: '=',
         ngClick: '&',
+        ngChange: '&',
       },
       link: function ($scope, element, attrs, ctrl) {
         $scope.folder = $scope.folder || 'default';
-
+        $scope.accept = $scope.accept ? $scope.accept : 'image/*';
         let input = $(element).find('input')[0];
         let img = $(element).find('img')[0];
         let progress = $(element).find('.progress')[0];
@@ -1316,6 +843,9 @@ app.directive('iImage', [
 
               if (image) {
                 $scope.ngModel = image;
+                if ($scope.ngChange) {
+                  $scope.ngChange();
+                }
               }
             }
           );
@@ -1327,223 +857,7 @@ app.directive('iImage', [
           }
         });
       },
-      template: `
-        <div class=" text-center pointer">
-            <input  class="hidden" type="file" name="fileToUpload" accept="image/*"/>
-            <img class="rounded"  ng-src="{{ngModel.url}}" ngClick="ngClick()" onerror="this.src='/images/no.jpg'" />
-            <div class="progress row">
-               <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="{{value}}" aria-valuemin="0" aria-valuemax="100" style="width: {{value}}%"></div>
-            </div>
-        </div>
-        `,
-    };
-  },
-]);
-
-app.directive('iUpload', [
-  '$interval',
-  'isite',
-  function ($interval, isite) {
-    return {
-      restrict: 'E',
-      required: 'ngModel',
-      scope: {
-        label: '@',
-        api: '@',
-        type: '@',
-        ngModel: '=',
-        ngClick: '&',
-        onUploaded: '&',
-      },
-      link: function (scope, element, attrs, ctrl) {
-        scope.type = scope.type || 'bg-green';
-
-        let input = $(element).find('input')[0];
-        let a = $(element).find('a')[0];
-        let progress = $(element).find('progress')[0];
-        $(progress).hide();
-
-        if (attrs.view !== '') {
-          a.addEventListener('click', function () {
-            input.click();
-          });
-        }
-
-        input.addEventListener('change', function () {
-          isite.upload(
-            this.files,
-            {
-              api: scope.api,
-            },
-            (err, file, e) => {
-              if (e) {
-                $(progress).show();
-                progress.value = e.loaded;
-                progress.max = e.total;
-              }
-
-              if (file) {
-                scope.ngModel = file;
-                scope.onUploaded();
-              }
-            }
-          );
-        });
-
-        scope.$watch('ngModel', (ngModel) => {
-          if (ngModel) {
-            a.setAttribute('url', ngModel);
-          }
-        });
-      },
-      template: `
-        <form class="form text-center pointer">
-            <input  class="hidden" type="file" name="file" />
-            <a class="btn {{type}}" ngClick="ngClick()" url="{{ngModel}}"> {{label}} </a>
-            <progress class="row"></progress>
-        </form>
-        `,
-    };
-  },
-]);
-
-app.directive('iFiles', [
-  '$interval',
-  'isite',
-  function ($interval, isite) {
-    return {
-      restrict: 'E',
-      required: 'ngModel',
-      scope: {
-        category: '@',
-        label: '@',
-        ngModel: '=',
-      },
-      link: function (scope, element, attrs, ctrl) {
-        if (attrs.view === '') {
-          scope.viewOnly = !0;
-        }
-
-        let progress = $(element).find('progress')[0];
-
-        scope.category = scope.category || 'default';
-        scope.id = Math.random().toString().replace('.', '_');
-        scope.deleteFile = function (file) {
-          isite.deleteFile(file, () => {
-            for (let i = 0; i < scope.ngModel.length; i++) {
-              let f = scope.ngModel[i];
-              if (f.url === file.url) {
-                scope.ngModel.splice(i, 1);
-                return;
-              }
-            }
-          });
-        };
-
-        let setEvent = !1;
-        $interval(() => {
-          if (setEvent) {
-            return;
-          }
-
-          if (attrs.view !== '') {
-            let btn = document.querySelector('#btn_' + scope.id);
-            if (btn) {
-              setEvent = !0;
-              btn.addEventListener('click', function () {
-                document.querySelector('#input_' + scope.id).click();
-              });
-            }
-
-            let input = document.querySelector('#input_' + scope.id);
-            if (input) {
-              input.addEventListener('change', function () {
-                isite.uploadFile(
-                  this.files,
-                  {
-                    category: scope.category,
-                  },
-                  (err, file, e) => {
-                    if (e) {
-                      $(progress).show();
-                      progress.value = e.loaded;
-                      progress.max = e.total;
-                    }
-
-                    if (file) {
-                      if (typeof scope.ngModel === 'undefined') {
-                        scope.ngModel = [];
-                      }
-                      scope.ngModel.push(file);
-                    }
-                  }
-                );
-              });
-            }
-          } else {
-            setEvent = !0;
-          }
-        }, 500);
-      },
-      template: `
-            <div class="files">
-                <label> {{label}} </label>
-                <form ng-if="viewOnly !== !0" id="img_{{id}}" class="form text-center pointer">
-                    <input id="input_{{id}}" class="hidden" type="file" name="file" />
-                    <a id="btn_{{id}}" class="btn bg-green"> <i class="fa fa-upload white"></i> </a>
-                </form>
-                <progress class="row"></progress>
-                <div class="padding">
-                    
-                    <div class="row padding" ng-repeat="f in ngModel">
-                         <h2> 
-                            <a class="btn default bg-blue" href="{{f.url}}"> <i class="fa fa-2x fa-download white"></i> </a>
-                            <a ng-if="viewOnly !== !0" class="btn default bg-red" ng-click="deleteFile(f)"> <i class="fa fa-trash white"></i> </a>
-                            <span>  {{f.name}} </span>
-                         </h2>  
-                    </div>
-                </div>
-            </div>
-            
-        `,
-    };
-  },
-]);
-
-app.directive('iDrag', [
-  '$document',
-  function ($document) {
-    return function (scope, element, attr) {
-      var startX = 0,
-        startY = 0,
-        x = 0,
-        y = 0;
-
-      element.css({
-        position: 'relative',
-      });
-
-      element.on('mousedown', function (event) {
-        event.preventDefault();
-        startX = event.screenX - x;
-        startY = event.screenY - y;
-        $document.on('mousemove', mousemove);
-        $document.on('mouseup', mouseup);
-      });
-
-      function mousemove(event) {
-        y = event.screenY - startY;
-        x = event.screenX - startX;
-        element.css({
-          top: y + 'px',
-          left: x + 'px',
-        });
-      }
-
-      function mouseup() {
-        $document.off('mousemove', mousemove);
-        $document.off('mouseup', mouseup);
-      }
+      template: `/*##client-side/directive/i-image.html*/`,
     };
   },
 ]);