@c8y/ng1-modules 1021.81.0 → 1022.3.2

package/deviceStatusWidget/ownerStatus.html

@@ -3,13 +3,13 @@
   style="min-height: 36px"
 >
   <div
-    class="col-xs-5 text-12 d-flex a-i-center p-l-0 p-r-4 text-medium flex-no-shrink"
+    class="text-12 d-flex a-i-center p-r-4 text-medium flex-no-shrink"
     ng-hide="vm.isEditMode"
   >
     <p translate>Owner</p>
   </div>
   <div
-    class="col-xs-7 p-l-4 p-r-0 flex-grow d-flex a-i-center"
+    class="p-l-4 p-r-0 min-width-0 m-l-auto d-inline-flex a-i-center"
     ng-hide="vm.isEditMode"
   >
     <div

package/deviceStatusWidget/requiredAvailabilityIntervalSetting.html

@@ -4,14 +4,14 @@
     style="min-height: 36px"
   >
     <p
-      class="col-xs-5 text-12 p-0 text-medium flex-no-shrink"
+      class="text-12 text-medium flex-no-shrink"
       ng-hide="vm.isEditMode"
       translate
     >
       Required interval
     </p>
     <div
-      class="d-flex flex-grow a-i-center"
+      class="d--inline-flex m-l-auto a-i-center min-width-0"
       ng-hide="vm.isEditMode"
     >
       <span>{{ vm.responseInterval || '---' }}</span>
@@ -114,13 +114,13 @@
     style="min-height: 36px"
   >
     <p
-      class="col-xs-5 text-12 p-0 text-medium flex-no-shrink"
+      class="text-12 text-medium flex-no-shrink"
       for="maintenance"
       translate
     >
       Maintenance
     </p>
-    <div class="flex-grow d-flex a-i-center">
+    <div class="m-l-auto d-inline-flex a-i-center min-width-0">
       <label
         class="c8y-switch c8y-switch--inline"
         uib-tooltip="{{ 'Enable/disable maintenance' | translate }}"

package/devicemanagement-eventList/index.js

@@ -1 +1 @@
-(()=>{function e(e,n,i){var t="c8y-events";e.addNavigation({parent:{name:i("Overviews"),icon:"c8y-overviews"},name:i("Events"),priority:1300,icon:t,path:"events"}),n.when("/events",{icon:t,name:i("Events"),templateUrl:":::PLUGIN_PATH:::/views/index.html"}),n.when("/device/:deviceId",{icon:t,name:i("Events"),templateUrl:":::PLUGIN_PATH:::/views/index.html"}),n.when("/service/:deviceId",{icon:t,name:i("Events"),templateUrl:":::PLUGIN_PATH:::/views/index.html"})}e.$inject=["c8yNavigatorProvider","c8yViewsProvider","gettext"],angular.module("c8y.parts.eventList",[]).config(e)})();
+(()=>{function e(e,n,i){var t="online1";e.addNavigation({parent:{name:i("Overviews"),icon:"c8y-overviews"},name:i("Events"),priority:1300,icon:t,path:"events"}),n.when("/events",{icon:t,name:i("Events"),templateUrl:":::PLUGIN_PATH:::/views/index.html"}),n.when("/device/:deviceId",{icon:t,name:i("Events"),templateUrl:":::PLUGIN_PATH:::/views/index.html"}),n.when("/service/:deviceId",{icon:t,name:i("Events"),templateUrl:":::PLUGIN_PATH:::/views/index.html"})}e.$inject=["c8yNavigatorProvider","c8yViewsProvider","gettext"],angular.module("c8y.parts.eventList",[]).config(e)})();

package/enterpriseEdition/cumulocity.json

@@ -7,23 +7,10 @@
   "description": "Manage enterprise edition configuration",
   "js": [
     "createFile.js",
-    "ui-assets/index.js",
-    "ui-assets/ui-assets.service.js",
-    "ui-assets/public-options.service.js",
-    "ui-assets/static-assets.service.js",
 
     "enterpriseEdition.module.js",
     "enterpriseEditionAvailability.service.js",
 
-    "customBranding/custom-branding.module.js",
-    "customBranding/microservice.value.js",
-    "customBranding/brandingConfigurationUi.provider.js",
-    "customBranding/brandingConfigurationForm.component.js",
-    "customBranding/brandingConfiguration.service.js",
-    "customBranding/brandingConfiguration.constants.js",
-    "customBranding/brandingDeploy.service.js",
-    "customBranding/brandingProcessExecution.component.js",
-
     "sslCertificate/manageCertificate.component.js",
     "sslCertificate/manageCertificate.service.js",
     "sslCertificate/certificateActivation.component.js",

package/enterpriseEdition/enterpriseEdition.module.js

@@ -1 +1 @@
-(()=>{function n(t,n,e){p.$inject=["manageCertificateSvc"],c.$inject=["c8yEnterpriseEditionAvailability"],s.$inject=["$scope"];var i=["ROLE_OPTION_MANAGEMENT_ADMIN","ROLE_APPLICATION_MANAGEMENT_ADMIN","ROLE_APPLICATION_MANAGEMENT_READ"],r=["ROLE_INVENTORY_ADMIN","ROLE_MANAGED_OBJECT_ADMIN"];function o(i){return["c8yTenant",function(n){var t=this;n.isEnterpriseEditionTenant().then(function(n){t.title=n?e("Enterprise tenant"):i})}]}function a(i){return["c8yTenant","c8yApplication",function(n,t){return n.isEnterpriseEditionTenant().then(function(n){return!n&&t.isAnyAvailable(i)})}]}function s(n){n.optionsGroups=["twoFactorAuthenticationOptions","supportLinkOptions","passwordResetOptions","emailServerOptions","dataExportOptions","storageLimitOptions","suspendingTenantsOptions"]}function c(n){return n.isAvailable()}function p(n){return n.hasCustomLoadBalancer().then(function(n){return!n})}_.each(["/enterprise","/branding"],function(n){return t.when(n,{template:'\n          <c8y-ui-title-set title="vm.title"></c8y-ui-title-set>\n          <c8y-branding-configuration-form></c8y-branding-configuration-form>\n        ',name:n=e("Branding"),icon:"paint-brush",controller:o(n),controllerAs:"vm",priority:300})}),_.each(["/enterprise","/domain_name"],function(n){return t.when(n,{template:'\n          <c8y-ui-title-set title="vm.title"></c8y-ui-title-set>\n          <c8y-manage-certificate-form></c8y-manage-certificate-form>\n        ',name:n=e("Domain name"),icon:"certificate",controller:o(n),controllerAs:"vm",showIf:p,priority:400})}),n.addNavigation({name:e("Enterprise tenant"),parent:e("Settings"),icon:"enterprise-resource-planning",priority:1e3,path:"enterprise",routerLinkExact:!1,showIf:c,showIfPermissions:{allRoles:i,anyRole:r}}),n.addNavigation({name:e("Branding"),parent:e("Settings"),icon:"palette",priority:1e3,path:"branding",showIf:a([{name:"branding"},{name:"feature-branding"}]),showIfPermissions:{allRoles:i,anyRole:r}}),n.addNavigation({name:e("Domain name"),parent:e("Settings"),icon:"certificate",priority:1e3,path:"domain_name",showIf:a([{name:"sslmanagement"}]),showIfPermissions:{allRoles:i,anyRole:r}}),t.when("/enterprise",{template:'<c8y-platform-configuration options-groups="optionsGroups"></c8y-platform-configuration>',name:e("Configuration"),icon:"cog",controller:s,priority:500})}n.$inject=["c8yViewsProvider","c8yNavigatorProvider","gettext"],angular.module("c8y.enterpriseEdition",["c8y.custom-branding"]).config(n)})();
+(()=>{function n(t,n,i){c.$inject=["manageCertificateSvc"],s.$inject=["c8yEnterpriseEditionAvailability"],a.$inject=["$scope"];var e,o=["ROLE_OPTION_MANAGEMENT_ADMIN","ROLE_APPLICATION_MANAGEMENT_ADMIN","ROLE_APPLICATION_MANAGEMENT_READ"],r=["ROLE_INVENTORY_ADMIN","ROLE_MANAGED_OBJECT_ADMIN"];function a(n){n.optionsGroups=["twoFactorAuthenticationOptions","supportLinkOptions","passwordResetOptions","emailServerOptions","dataExportOptions","storageLimitOptions","suspendingTenantsOptions"]}function s(n){return n.isAvailable()}function c(n){return n.hasCustomLoadBalancer().then(function(n){return!n})}_.each(["/enterprise","/domain_name"],function(n){return t.when(n,{template:'\n          <c8y-ui-title-set title="vm.title"></c8y-ui-title-set>\n          <c8y-manage-certificate-form></c8y-manage-certificate-form>\n        ',name:n=i("Domain name"),icon:"certificate",controller:(e=>["c8yTenant",function(n){var t=this;n.isEnterpriseEditionTenant().then(function(n){t.title=n?i("Enterprise tenant"):e})}])(n),controllerAs:"vm",showIf:c,priority:400})}),n.addNavigation({name:i("Enterprise tenant"),parent:i("Settings"),icon:"enterprise-resource-planning",priority:1e3,path:"enterprise",routerLinkExact:!1,showIf:s,showIfPermissions:{allRoles:o,anyRole:r}}),n.addNavigation({name:i("Domain name"),parent:i("Settings"),icon:"certificate",priority:1e3,path:"domain_name",showIf:(e=[{name:"sslmanagement"}],["c8yTenant","c8yApplication",function(n,t){return n.isEnterpriseEditionTenant().then(function(n){return!n&&t.isAnyAvailable(e)})}]),showIfPermissions:{allRoles:o,anyRole:r}}),t.when("/enterprise",{template:'<c8y-platform-configuration options-groups="optionsGroups"></c8y-platform-configuration>',name:i("Configuration"),icon:"cog",controller:a,priority:500})}n.$inject=["c8yViewsProvider","c8yNavigatorProvider","gettext"],angular.module("c8y.enterpriseEdition",[]).config(n)})();

package/eventList/views/eventListConfig.html

@@ -1,35 +1,42 @@
-<div class="form-group p-t-8" ng-controller="EventListConfigCtrl as ctrl">
-  <div class="form-group m-b-0 p-b-16">
-    <label for="dateSelection">
-      {{ 'Date selection' | translate }}
-      <button
-        type="button"
-        class="btn-help btn-help--sm"
-        aria-label="{{ 'Help' | translate }}"
-        uib-popover-html="ctrl.dateSelectionHelpPopoverText | translate"
-        popover-placement="right"
-        popover-trigger="'focus'"
-        popover-append-to-body="true"
-      ></button>
-    </label>
-    <div class="c8y-select-wrapper">
-      <select
-        id="dateSelection"
-        class="form-control"
-        title="{{ 'Date selection' | translate }}"
-        aria-label="{{ 'Date selection' | translate }}"
-        ng-model="config.widgetInstanceGlobalTimeContext"
-      >
-        <option title="{{ 'Dashboard time range' | translate }}" ng-value="true">
-          {{ 'Dashboard time range' | translate }}
-        </option>
-        <option title="{{ 'Widget' | translate }}" ng-value="undefined">
-          {{ 'Widget' | translate }}
-        </option>
-      </select>
+<div ng-controller="EventListConfigCtrl as ctrl">
+  <fieldset class="c8y-fieldset">
+    <legend>{{ 'Date' | translate }}</legend>
+    <div class="form-group form-group-sm m-b-16">
+      <label for="dateSelection">
+        {{ 'Date selection' | translate }}
+        <button
+          type="button"
+          class="btn-help btn-help--sm"
+          aria-label="{{ 'Help' | translate }}"
+          uib-popover-html="ctrl.dateSelectionHelpPopoverText | translate"
+          popover-placement="right"
+          popover-trigger="'focus'"
+          popover-append-to-body="true"
+        ></button>
+      </label>
+      <div class="c8y-select-wrapper">
+        <select
+          id="dateSelection"
+          class="form-control"
+          title="{{ 'Date selection' | translate }}"
+          aria-label="{{ 'Date selection' | translate }}"
+          ng-model="config.widgetInstanceGlobalTimeContext"
+        >
+          <option title="{{ 'Dashboard time range' | translate }}" ng-value="true">
+            {{ 'Dashboard time range' | translate }}
+          </option>
+          <option title="{{ 'Widget' | translate }}" ng-value="undefined">
+            {{ 'Widget' | translate }}
+          </option>
+        </select>
+      </div>
     </div>
-  </div>
+  </fieldset>
 
-  <label>Type</label>
-  <input type="text" class="form-control" ng-model="config.options.type" />
+  <fieldset class="c8y-fieldset">
+    <legend>{{ 'Type' | translate }}</legend>
+    <div class="form-group form-group-sm m-b-16">
+      <input type="text" class="form-control" ng-model="config.options.type" />
+    </div>
+  </fieldset>
 </div>

package/export/cumulocity.json

@@ -9,7 +9,6 @@
     "description": "Report different kinds of data in CSV or XLS files.",
     "js": [
         "index.js",
-        "controllers/list.js",
         "controllers/detail.js",
         "directives/timespan.js",
         "services/export.js",

package/export/index.js

@@ -1 +1 @@
-(()=>{function e(e,r,t){r.addNavigation({priority:1,name:t("Exports"),parent:{name:t("Configuration"),icon:"c8y-tools"},icon:"graph-report",path:"export",routerLinkExact:!1,ignoreAlphabeticalOrder:!0,featureId:"exports"}),e.when("/export",{icon:"graph-report",templateUrl:":::PLUGIN_PATH:::/views/list.html"}),e.when("/export/:exportId/:clone?",{templateUrl:":::PLUGIN_PATH:::/views/detail.html",name:t("Properties"),icon:"graph-report"})}e.$inject=["c8yViewsProvider","c8yNavigatorProvider","gettext"],angular.module("c8y.cockpit.export",[]).config(e)})();
+(()=>{function e(e,t){e.when("/export/:exportId/:clone?",{templateUrl:":::PLUGIN_PATH:::/views/detail.html",name:t("Properties"),icon:"graph-report"})}e.$inject=["c8yViewsProvider","gettext"],angular.module("c8y.cockpit.export",[]).config(e)})();

package/export/services/config.js

@@ -1 +1 @@
-function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray(e)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var r;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(r="Object"===(r={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:r)||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(e,t):void 0}function _iterableToArray(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}(()=>{e.$inject=["c8yBase","c8yUser","c8yInventory","c8yExportApis","c8yExportFilters","gettext","gettextCatalog","c8yReportsService"],angular.module("c8y.cockpit.export").service("exportConfig",e);var m="c8y_ExportConfiguration",f={name:"",exportType:"csv",queryParameters:{},apiList:[]};function e(t,e,r,n,a,i,o,s){var l=[{name:"source",label:i("Object to export"),template:":::PLUGIN_PATH:::/views/filters/source.html",def:[a.SourceFilter,"source"]},{name:"dateType",label:i("Time range"),template:":::PLUGIN_PATH:::/views/filters/dateRange.html",def:[a.DateRangeFilter,"dateType"]}],u=[{name:"Alarms",icon:"bell",label:i("Alarms"),def:[n.Api,"Alarms"]},{name:"Events",icon:"c8y-events",label:i("Events"),def:[n.Api,"Events"]},{name:"ManagedObjects",icon:"cubes",label:i("Managed objects"),def:[n.Api,"ManagedObjects"]},{name:"Measurements",icon:"line-chart",label:i("Measurements"),def:[n.MeasurementsApi],template:":::PLUGIN_PATH:::/views/apis/measurements.html"}];function c(e){for(var t=arguments.length,a=new Array(1<t?t-1:0),r=1;r<t;r++)a[r-1]=arguments[r];return _.map(e,function(e){var t=e.def,r=_.tail(t),n=new((n=_).bind.apply(n,_toConsumableArray([t[0],t[0]].concat(r).concat(a))));return _.assign(n,_.omit(e,"def","name")),n})}this.getFilters=function(e,t){return c(l,e,t)},this.getApis=function(e){return c(u,e)},this.getFileTypes=function(){return[{name:"CSV",type:"csv"},{name:"Excel (.xlsx)",type:"vnd.ms-excel"}]},this.list=function(){return r.list({fragmentType:m,pageSize:200})},this.create=function(e){return _.merge(_.cloneDeep(f),e)},this.detail=function(e){return r.detail(e).then(t.getResData)},this.save=function(e){return e.id?r.save(e).then(function(){return e}):(e[m]={},r.createConfirm(e).then(t.getResData))},this.remove=function(e){return s.removeConfiguration(e)},this.getSmartRuleDefaults=function(t){return e.current().then(function(e){return{name:o.getString('Send "{{name}}" via email',t),c8y_Context:{context:"exportConfiguration",id:t.id},config:{exportConfiguration:_.pick(t,["id","name"]),exportConfigurationId:t.id,to:e.email,subject:o.getString('Export of "{{name}}"',t)}}})}}})();
+function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray(e)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var r;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(r="Object"===(r={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:r)||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(e,t):void 0}function _iterableToArray(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}(()=>{e.$inject=["c8yBase","c8yUser","c8yInventory","c8yExportApis","c8yExportFilters","gettext","gettextCatalog","c8yReportsService"],angular.module("c8y.cockpit.export").service("exportConfig",e);var m="c8y_ExportConfiguration",f={name:"",exportType:"csv",queryParameters:{},apiList:[]};function e(t,e,r,n,a,i,o,l){var s=[{name:"source",label:i("Object to export"),template:":::PLUGIN_PATH:::/views/filters/source.html",def:[a.SourceFilter,"source"]},{name:"dateType",label:i("Time range"),template:":::PLUGIN_PATH:::/views/filters/dateRange.html",def:[a.DateRangeFilter,"dateType"]}],u=[{name:"Alarms",icon:"bell",label:i("Alarms"),def:[n.Api,"Alarms"]},{name:"Events",icon:"online1",label:i("Events"),def:[n.Api,"Events"]},{name:"ManagedObjects",icon:"cubes",label:i("Managed objects"),def:[n.Api,"ManagedObjects"]},{name:"Measurements",icon:"line-chart",label:i("Measurements"),def:[n.MeasurementsApi],template:":::PLUGIN_PATH:::/views/apis/measurements.html"}];function c(e){for(var t=arguments.length,a=new Array(1<t?t-1:0),r=1;r<t;r++)a[r-1]=arguments[r];return _.map(e,function(e){var t=e.def,r=_.tail(t),n=new((n=_).bind.apply(n,_toConsumableArray([t[0],t[0]].concat(r).concat(a))));return _.assign(n,_.omit(e,"def","name")),n})}this.getFilters=function(e,t){return c(s,e,t)},this.getApis=function(e){return c(u,e)},this.getFileTypes=function(){return[{name:"CSV",type:"csv"},{name:"Excel (.xlsx)",type:"vnd.ms-excel"}]},this.list=function(){return r.list({fragmentType:m,pageSize:200})},this.create=function(e){return _.merge(_.cloneDeep(f),e)},this.detail=function(e){return r.detail(e).then(t.getResData)},this.save=function(e){return e.id?r.save(e).then(function(){return e}):(e[m]={},r.createConfirm(e).then(t.getResData))},this.remove=function(e){return l.removeConfiguration(e)},this.getSmartRuleDefaults=function(t){return e.current().then(function(e){return{name:o.getString('Send "{{name}}" via email',t),c8y_Context:{context:"exportConfiguration",id:t.id},config:{exportConfiguration:_.pick(t,["id","name"]),exportConfigurationId:t.id,to:e.email,subject:o.getString('Export of "{{name}}"',t)}}})}}})();

package/htmlWidget/index.js

@@ -1 +1 @@
-angular.module("c8y.parts.htmlwidget",[]).config(["c8yComponentsProvider","gettext",function(e,t){e.add({name:"Html widget",nameDisplay:t("HTML"),description:t("Display custom HTML code"),templateUrl:":::PLUGIN_PATH:::/views/htmlWidget.html",configTemplateUrl:":::PLUGIN_PATH:::/views/config.html",previewImage:":::PLUGIN_PATH:::/img/html-widget-pr.png",options:{groupsSelectable:!0,deviceTargetNotRequired:!0}})}]);
+angular.module("c8y.parts.htmlwidget",[]).config(["c8yComponentsProvider","gettext",function(e,t){function i(e){return e.getFeatureStatePromise("ui.html-widget.v2").then(function(e){return!e})}i.$inject=["c8yFeatureCacheService"],e.add({name:"Html widget",nameDisplay:t("HTML"),description:t("Display custom HTML code"),templateUrl:":::PLUGIN_PATH:::/views/htmlWidget.html",configTemplateUrl:":::PLUGIN_PATH:::/views/config.html",previewImage:":::PLUGIN_PATH:::/img/html-widget-pr.png",options:{groupsSelectable:!0,deviceTargetNotRequired:!0},showIf:i})}]);

package/kpi/views/gaugeConfig.html

@@ -1,36 +1,30 @@
-<div ng-form="gaugeForm" ng-controller="kpiConfigCtrl" class="p-l-24 p-r-24 no-card-context">
-  <div class="row">
-    <div class="col-md-6">
-      <c8y-data-point-list
-        max-select-count="1"
-        datapoints="config.datapoints"
-        ng-model="config"
-        dont-save="true"
-        no-chart
-        allow-adding-data-points-from-context-mo-only="dashboard.deviceType && dashboard.deviceTypeValue"
-        class="bg-level-0"
-      ></c8y-data-point-list>
+<div ng-form="gaugeForm" ng-controller="kpiConfigCtrl" class="no-card-context bg-inherit">
+  <c8y-data-point-list
+    max-select-count="1"
+    datapoints="config.datapoints"
+    ng-model="config"
+    dont-save="true"
+    no-chart
+    allow-adding-data-points-from-context-mo-only="dashboard.deviceType && dashboard.deviceTypeValue"
+    class="bg-inherit"
+  ></c8y-data-point-list>
+
+  <fieldset class="c8y-fieldset">
+    <legend>{{ 'Decimal places' | translate }}</legend>
+    <div class="form-group form-group-sm m-b-16">
+      <input
+        name="decimalPlaces"
+        ng-model="config.fractionSize"
+        ng-init="config.fractionSize = (config.fractionSize === undefined || config.fractionSize === null ? 2 : config.fractionSize)"
+        type="number"
+        ng-min="0"
+        ng-max="10"
+        step="1"
+        c8y-model-options="{unsetWhenNull: true}"
+        class="form-control"
+        placeholder="{{ 'e.g.' | translate}} 2"
+      />
+      <c8y-error-feedback field="gaugeForm.decimalPlaces"></c8y-error-feedback>
     </div>
-    <div class="col-md-6">
-      <div class="card-header separator">
-        <div class="card-title h4">{{ 'Decimal places' | translate }}</div>
-      </div>
-      <div class="form-group p-t-8">
-        <label translate class="sr-only">Decimal places</label>
-        <input
-          name="decimalPlaces"
-          ng-model="config.fractionSize"
-          ng-init="config.fractionSize = (config.fractionSize === undefined || config.fractionSize === null ? 2 : config.fractionSize)"
-          type="number"
-          ng-min="0"
-          ng-max="10"
-          step="1"
-          c8y-model-options="{unsetWhenNull: true}"
-          class="form-control"
-          placeholder="{{ 'e.g.' | translate}} 2"
-        />
-        <c8y-error-feedback field="gaugeForm.decimalPlaces"></c8y-error-feedback>
-      </div>
-    </div>
-  </div>
+  </fieldset>
 </div>

package/kpi/views/listConfig.html

@@ -1,24 +1,12 @@
 <div ng-controller="kpiConfigCtrl">
   <div
     ng-controller="listConfigCtrl"
-    class="no-card-context row m-l-0 m-r-0"
-    style="height: calc(100vh - 422px)"
+    class="no-card-context"
   >
-    <div class="col-md-6 p-l-24 inner-scroll bg-level-1">
-      <c8y-data-point-list
-        ng-model="config"
-        datapoints="config.options.dataPoints"
-        no-chart
-        class="bg-level-1"
-        allow-adding-data-points-from-context-mo-only="dashboard.deviceType && dashboard.deviceTypeValue"
-      ></c8y-data-point-list>
-    </div>
-    <div class="col-md-6 p-r-24 inner-scroll">
-      <div class="card-header separator sticky-top bg-level-0">
-        <span class="card-title">{{ 'Column visibility' | translate }}</span>
-      </div>
-      <div class="form-group p-t-8">
-        <label class="c8y-checkbox">
+    <fieldset class="c8y-fieldset">
+      <legend>{{ 'Column visibility' | translate }}</legend>
+      <div class="form-group d-flex flex-wrap gap-16">
+        <label class="c8y-checkbox m-t-8">
           <input
             type="checkbox"
             ng-model="config.options.kpi"
@@ -67,6 +55,14 @@
           <span>{{ 'Asset' | translate }}</span>
         </label>
       </div>
-    </div>
+    </fieldset>
+    
+    <c8y-data-point-list
+      ng-model="config"
+      datapoints="config.options.dataPoints"
+      no-chart
+      class="bg-inherit"
+      allow-adding-data-points-from-context-mo-only="dashboard.deviceType && dashboard.deviceTypeValue"
+    ></c8y-data-point-list>
   </div>
 </div>

package/kpi/views/pieChartConfig.html

@@ -1,41 +1,35 @@
-<div ng-controller="kpiConfigCtrl" class="p-l-24 p-r-24 no-card-context">
+<div ng-controller="kpiConfigCtrl" class="no-card-context bg-inherit">
   <div ng-controller="pieChartConfigCtrl" class="alert alert-warning m-t-8 center-block" ng-show="differentUnits" translate>
     Measurements with different units are selected.
   </div>
-  <div class="row">
-    <div class="col-md-6">
-      <c8y-data-point-list
-        basic-list
-        ng-model="config"
-        datapoints="config.datapoints"
-        allow-adding-data-points-from-context-mo-only="dashboard.deviceType && dashboard.deviceTypeValue"
-        dont-save="true"
-        class="bg-level-0"
-      ></c8y-data-point-list>
+  
+  <c8y-data-point-list
+    basic-list
+    ng-model="config"
+    datapoints="config.datapoints"
+    allow-adding-data-points-from-context-mo-only="dashboard.deviceType && dashboard.deviceTypeValue"
+    dont-save="true"
+    class="bg-inherit"
+  ></c8y-data-point-list>
+
+  <fieldset ng-controller="pieChartConfigCtrl" class="c8y-fieldset">
+    <legend translate>Pie Chart Options</legend>
+    <div class="form-group d-flex gap-16 flex-wrap m-b-16">
+      <label class="c8y-checkbox m-t-8">
+        <input type="checkbox" ng-model="config.pieChartOptions.showTooltips" />
+        <span></span>
+        <span translate>Show tooltips</span>
+      </label>
+      <label class="c8y-checkbox">
+        <input type="checkbox" ng-model="config.pieChartOptions.showLabels" />
+        <span></span>
+        <span translate>Show percentages</span>
+      </label>
+      <label class="c8y-checkbox">
+        <input type="checkbox" ng-model="config.pieChartOptions.showLegend" />
+        <span></span>
+        <span translate>Show legend</span>
+      </label>
     </div>
-    <div class="col-md-6">
-      <div ng-controller="pieChartConfigCtrl">
-        <div class="card-header separator">
-          <div class="card-title h4" translate>Pie Chart Options</div>
-        </div>
-        <div class="form-group p-t-8">
-          <label class="c8y-checkbox">
-            <input type="checkbox" ng-model="config.pieChartOptions.showTooltips" />
-            <span></span>
-            <span translate>Show tooltips</span>
-          </label>
-          <label class="c8y-checkbox">
-            <input type="checkbox" ng-model="config.pieChartOptions.showLabels" />
-            <span></span>
-            <span translate>Show percentages</span>
-          </label>
-          <label class="c8y-checkbox">
-            <input type="checkbox" ng-model="config.pieChartOptions.showLegend" />
-            <span></span>
-            <span translate>Show legend</span>
-          </label>
-        </div>
-      </div>
-    </div>
-  </div>
+  </fieldset>
 </div>

package/modbusConfiguration4/fieldbus-device-list.component.js

@@ -1 +1 @@
-function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _regeneratorRuntime(){_regeneratorRuntime=function(){return a};var u,a={},e=Object.prototype,s=e.hasOwnProperty,d=Object.defineProperty||function(e,t,n){e[t]=n.value},t="function"==typeof Symbol?Symbol:{},r=t.iterator||"@@iterator",n=t.asyncIterator||"@@asyncIterator",o=t.toStringTag||"@@toStringTag";function i(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{i({},"")}catch(u){i=function(e,t,n){return e[t]=n}}function c(e,t,n,r){var o,i,a,c,t=t&&t.prototype instanceof g?t:g,t=Object.create(t.prototype),r=new O(r||[]);return d(t,"_invoke",{value:(o=e,i=n,a=r,c=f,function(e,t){if(c===h)throw Error("Generator is already running");if(c===y){if("throw"===e)throw t;return{value:u,done:!0}}for(a.method=e,a.arg=t;;){var n=a.delegate;if(n){n=function e(t,n){var r=n.method,o=t.iterator[r];if(o===u)return n.delegate=null,"throw"===r&&t.iterator.return&&(n.method="return",n.arg=u,e(t,n),"throw"===n.method)||"return"!==r&&(n.method="throw",n.arg=new TypeError("The iterator does not provide a '"+r+"' method")),v;r=l(o,t.iterator,n.arg);if("throw"===r.type)return n.method="throw",n.arg=r.arg,n.delegate=null,v;o=r.arg;return o?o.done?(n[t.resultName]=o.value,n.next=t.nextLoc,"return"!==n.method&&(n.method="next",n.arg=u),n.delegate=null,v):o:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,v)}(n,a);if(n){if(n===v)continue;return n}}if("next"===a.method)a.sent=a._sent=a.arg;else if("throw"===a.method){if(c===f)throw c=y,a.arg;a.dispatchException(a.arg)}else"return"===a.method&&a.abrupt("return",a.arg);c=h;n=l(o,i,a);if("normal"===n.type){if(c=a.done?y:p,n.arg===v)continue;return{value:n.arg,done:a.done}}"throw"===n.type&&(c=y,a.method="throw",a.arg=n.arg)}})}),t}function l(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}a.wrap=c;var f="suspendedStart",p="suspendedYield",h="executing",y="completed",v={};function g(){}function m(){}function _(){}var t={},b=(i(t,r,function(){return this}),Object.getPrototypeOf),b=b&&b(b(S([]))),w=(b&&b!==e&&s.call(b,r)&&(t=b),_.prototype=g.prototype=Object.create(t));function E(e){["next","throw","return"].forEach(function(t){i(e,t,function(e){return this._invoke(t,e)})})}function x(a,c){var t;d(this,"_invoke",{value:function(n,r){function e(){return new c(function(e,t){!function t(e,n,r,o){var i,e=l(a[e],a,n);if("throw"!==e.type)return(n=(i=e.arg).value)&&"object"==_typeof(n)&&s.call(n,"__await")?c.resolve(n.__await).then(function(e){t("next",e,r,o)},function(e){t("throw",e,r,o)}):c.resolve(n).then(function(e){i.value=e,r(i)},function(e){return t("throw",e,r,o)});o(e.arg)}(n,r,e,t)})}return t=t?t.then(e,e):e()}})}function D(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function N(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function O(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(D,this),this.reset(!0)}function S(t){if(t||""===t){var n,e=t[r];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length))return n=-1,(e=function e(){for(;++n<t.length;)if(s.call(t,n))return e.value=t[n],e.done=!1,e;return e.value=u,e.done=!0,e}).next=e}throw new TypeError(_typeof(t)+" is not iterable")}return d(w,"constructor",{value:m.prototype=_,configurable:!0}),d(_,"constructor",{value:m,configurable:!0}),m.displayName=i(_,o,"GeneratorFunction"),a.isGeneratorFunction=function(e){e="function"==typeof e&&e.constructor;return!!e&&(e===m||"GeneratorFunction"===(e.displayName||e.name))},a.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,_):(e.__proto__=_,i(e,o,"GeneratorFunction")),e.prototype=Object.create(w),e},a.awrap=function(e){return{__await:e}},E(x.prototype),i(x.prototype,n,function(){return this}),a.AsyncIterator=x,a.async=function(e,t,n,r,o){void 0===o&&(o=Promise);var i=new x(c(e,t,n,r),o);return a.isGeneratorFunction(t)?i:i.next().then(function(e){return e.done?e.value:i.next()})},E(w),i(w,o,"Generator"),i(w,r,function(){return this}),i(w,"toString",function(){return"[object Generator]"}),a.keys=function(e){var t,n=Object(e),r=[];for(t in n)r.push(t);return r.reverse(),function e(){for(;r.length;){var t=r.pop();if(t in n)return e.value=t,e.done=!1,e}return e.done=!0,e}},a.values=S,O.prototype={constructor:O,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=u,this.done=!1,this.delegate=null,this.method="next",this.arg=u,this.tryEntries.forEach(N),!e)for(var t in this)"t"===t.charAt(0)&&s.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=u)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(n){if(this.done)throw n;var r=this;function e(e,t){return i.type="throw",i.arg=n,r.next=e,t&&(r.method="next",r.arg=u),!!t}for(var t=this.tryEntries.length-1;0<=t;--t){var o=this.tryEntries[t],i=o.completion;if("root"===o.tryLoc)return e("end");if(o.tryLoc<=this.prev){var a=s.call(o,"catchLoc"),c=s.call(o,"finallyLoc");if(a&&c){if(this.prev<o.catchLoc)return e(o.catchLoc,!0);if(this.prev<o.finallyLoc)return e(o.finallyLoc)}else if(a){if(this.prev<o.catchLoc)return e(o.catchLoc,!0)}else{if(!c)throw Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return e(o.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;0<=n;--n){var r=this.tryEntries[n];if(r.tryLoc<=this.prev&&s.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var o=r;break}}var i=(o=o&&("break"===e||"continue"===e)&&o.tryLoc<=t&&t<=o.finallyLoc?null:o)?o.completion:{};return i.type=e,i.arg=t,o?(this.method="next",this.next=o.finallyLoc,v):this.complete(i)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),v},finish:function(e){for(var t=this.tryEntries.length-1;0<=t;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),N(n),v}},catch:function(e){for(var t=this.tryEntries.length-1;0<=t;--t){var n,r,o=this.tryEntries[t];if(o.tryLoc===e)return"throw"===(n=o.completion).type&&(r=n.arg,N(o)),r}throw Error("illegal catch attempt")},delegateYield:function(e,t,n){return this.delegate={iterator:S(e),resultName:t,nextLoc:n},"next"===this.method&&(this.arg=u),v}},a}function asyncGeneratorStep(e,t,n,r,o,i,a){try{var c=e[i](a),u=c.value}catch(e){return void n(e)}c.done?t(u):Promise.resolve(u).then(r,o)}function _asyncToGenerator(c){return function(){var e=this,a=arguments;return new Promise(function(t,n){var r=c.apply(e,a);function o(e){asyncGeneratorStep(r,t,n,o,i,"next",e)}function i(e){asyncGeneratorStep(r,t,n,o,i,"throw",e)}o(void 0)})}}(()=>{function e(o,n,i,a,c,u,s,d,r,l){var e,f=this;function t(){return(t=_asyncToGenerator(_regeneratorRuntime().mark(function e(t){var n;return _regeneratorRuntime().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:n=f.mode,t.adding=!0,t.protocol=n;try{f.expandedId="",f.reloadDevices(),i.success(l("Child device changes saved."))}catch(e){t.adding=!1,i.danger(l("Failed to change child device."))}o.$apply();case 5:case"end":return e.stop()}},e)}))).apply(this,arguments)}function p(){return(p=_asyncToGenerator(_regeneratorRuntime().mark(function e(){var t,n,r;return _regeneratorRuntime().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(t=f.mode,n=f.device,(r=f.newDevice).adding=!0,r.protocol=t,e.prev=3,y())return e.next=7,a.create(n,r);e.next=9;break;case 7:e.next=27;break;case 9:if(v())return e.next=12,c.create(n,r);e.next=14;break;case 12:e.next=27;break;case 14:if(g())return e.next=17,u.create(n,r);e.next=19;break;case 17:e.next=27;break;case 19:if(m())return e.next=22,s.create(n,r);e.next=24;break;case 22:e.next=27;break;case 24:if(b())return e.next=27,d.create(n,r);e.next=27;break;case 27:h(),f.reloadDevices(),i.success(l("New child device added.")),e.next=33;break;case 30:e.prev=30,e.t0=e.catch(3),f.newDevice.adding=!1,i.danger(l("Failed to add new child device."));case 33:o.$apply();case 34:case"end":return e.stop()}},e,null,[[3,30]])}))).apply(this,arguments)}function h(){f.expandedId="",_.unset(f,"newDevice"),f[e].$setPristine(),document.getElementsByName("vm.".concat(e))[0].reset()}function y(){return"modbus"===f.tab}function v(){return"canbus"===f.tab}function g(){return"opcua"===f.tab}function m(){return"profibus"===f.tab}function b(){return"canopen"===f.tab}_.assign(f,{$onInit:function(){e="new".concat(f.mode,"DeviceForm"),f.expandedId=""},shouldShowSection:function(){var e=f.device,t=f.mode,n=!1;y()?"TCP"===t?n=r.supportsOperation(e,"c8y_ModbusDevice"):"RTU"===t&&(n=r.supportsOperation(e,"c8y_ModbusDevice")&&e.c8y_SerialConfiguration):v()&&"CAN"===t?n=r.supportsOperation(e,"c8y_CanDevice"):m()&&"Profibus"===t?n=r.supportsOperation(e,"c8y_ProfibusDevice"):b()&&"CANopen"===t&&(n=r.supportsOperation(e,"c8y_CANopenAddDevice"));return n},isModbusTab:y,isCanBusTab:v,isOPCUATab:g,isProfibusTab:m,isCanOpenTab:b,invalid:function(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"new".concat(f.mode,"DeviceForm");return(e=>{var t,n,r,o,i=f.mode,a=f.fieldErrors;"TCP"===i||"RTU"===i?(o=f[e],(r=o.address)&&(n=r.$modelValue,"TCP"===i?(o=o.ipAddress,t=o.$modelValue,_.isUndefined(n)||r.$setValidity(a.ADDRESS_INVALID,(e=>e<=247||255===e)(n)),t=n&&t&&_.some(f.devices,{address:n,ipAddress:t,protocol:"TCP"}),r.$setValidity(a.ADDRESSES_IN_USE,!t),o.$setValidity(a.ADDRESSES_IN_USE,!t)):"RTU"===i&&(o=n&&_.some(f.devices,{address:n,protocol:"RTU"}),r.$setValidity(a.ADDRESS_IN_USE,!o)))):"CANopen"===i&&(t=f[e].nodeId)&&(n=t.$modelValue)&&(r=(e=>1<=e&&e<=127)(n),o=(t=>f.devices.find(function(e){return!(!e||!e.nodeId)&&e.nodeId===t}))(n),r?o?(t.$setValidity(a.NODE_OUT_OF_RANGE,!0),t.$setValidity(a.NODE_IN_USE,!1)):(t.$setValidity(a.NODE_OUT_OF_RANGE,!0),t.$setValidity(a.NODE_IN_USE,!0)):(t.$setValidity(a.NODE_OUT_OF_RANGE,!1),t.$setValidity(a.NODE_IN_USE,!0)))})(t),n.invalid(f,t,e)},getFieldValidationHints:function(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"new".concat(f.mode,"DeviceForm"),t=_.get(f,"".concat(t,".").concat(e));if(t)return n.validationHints(t,f.fieldErrorsToMessages);return""},isFormInvalid:function(){return _.get(f,"".concat(e,".$invalid"))||_.get(f,"newDevice.adding")},startAddingNewDevice:function(){f.newDevice={name:null,deviceType:null,address:null}},addNewDevice:function(){return p.apply(this,arguments)},clearNewDevice:h,filterByMode:function(){if(y())return function(e){return _.get(e,"protocol")===f.mode};if(b())return function(e){return e.nodeId};return function(){return!0}},updateDevice:function(e){return t.apply(this,arguments)},startEditDevice:function(e){var t=_.cloneDeep(e);t.adding=!1,_.isUndefined(t.deviceType)||(e=f.deviceConfigurationOptions,t.deviceType=_.find(e.types,function(e){return e.name===t.deviceType}));return t},isEditFormInvalid:function(e,t){return _.get(f,"".concat(e,".$invalid"))||_.get(t,"adding")},toggle:function(e){f.expandedId===e?f.expandedId="":f.expandedId=e},clearEditDevice:function(){f.expandedId=""},getFormName:function(e){if(e)return e=e.id,"vm.form".concat(_.toString(e));return"vm.form"},getDeviceFormName:function(e){return"form".concat(e.id)},expandedId:void 0})}e.$inject=["$rootScope","c8yBase","c8yAlert","c8yModbusDevice","c8yCanbusDevice","c8yOPCUADevice","c8yProfibusDevice","c8yCanopenDevice","c8yDevices","gettext"],angular.module("c8y.modbusConfiguration4").component("c8yFieldbusDeviceList",{templateUrl:":::PLUGIN_PATH:::/fieldbus-device-list.html",bindings:{tab:"@",mode:"@",fieldErrors:"<",fieldErrorsToMessages:"<",deviceConfigurationOptions:"<",device:"<",devices:"<",reloadDevices:"<",onClickDelete:"<",navigateToDetail:"<"},controllerAs:"vm",controller:e})})();
+function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _regeneratorRuntime(){_regeneratorRuntime=function(){return a};var u,a={},e=Object.prototype,s=e.hasOwnProperty,d=Object.defineProperty||function(e,t,n){e[t]=n.value},t="function"==typeof Symbol?Symbol:{},r=t.iterator||"@@iterator",n=t.asyncIterator||"@@asyncIterator",o=t.toStringTag||"@@toStringTag";function i(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{i({},"")}catch(u){i=function(e,t,n){return e[t]=n}}function c(e,t,n,r){var o,i,a,c,t=t&&t.prototype instanceof g?t:g,t=Object.create(t.prototype),r=new O(r||[]);return d(t,"_invoke",{value:(o=e,i=n,a=r,c=f,function(e,t){if(c===h)throw Error("Generator is already running");if(c===y){if("throw"===e)throw t;return{value:u,done:!0}}for(a.method=e,a.arg=t;;){var n=a.delegate;if(n){n=function e(t,n){var r=n.method,o=t.iterator[r];if(o===u)return n.delegate=null,"throw"===r&&t.iterator.return&&(n.method="return",n.arg=u,e(t,n),"throw"===n.method)||"return"!==r&&(n.method="throw",n.arg=new TypeError("The iterator does not provide a '"+r+"' method")),v;r=l(o,t.iterator,n.arg);if("throw"===r.type)return n.method="throw",n.arg=r.arg,n.delegate=null,v;o=r.arg;return o?o.done?(n[t.resultName]=o.value,n.next=t.nextLoc,"return"!==n.method&&(n.method="next",n.arg=u),n.delegate=null,v):o:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,v)}(n,a);if(n){if(n===v)continue;return n}}if("next"===a.method)a.sent=a._sent=a.arg;else if("throw"===a.method){if(c===f)throw c=y,a.arg;a.dispatchException(a.arg)}else"return"===a.method&&a.abrupt("return",a.arg);c=h;n=l(o,i,a);if("normal"===n.type){if(c=a.done?y:p,n.arg===v)continue;return{value:n.arg,done:a.done}}"throw"===n.type&&(c=y,a.method="throw",a.arg=n.arg)}})}),t}function l(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}a.wrap=c;var f="suspendedStart",p="suspendedYield",h="executing",y="completed",v={};function g(){}function m(){}function _(){}var t={},b=(i(t,r,function(){return this}),Object.getPrototypeOf),b=b&&b(b(S([]))),w=(b&&b!==e&&s.call(b,r)&&(t=b),_.prototype=g.prototype=Object.create(t));function E(e){["next","throw","return"].forEach(function(t){i(e,t,function(e){return this._invoke(t,e)})})}function x(a,c){var t;d(this,"_invoke",{value:function(n,r){function e(){return new c(function(e,t){!function t(e,n,r,o){var i,e=l(a[e],a,n);if("throw"!==e.type)return(n=(i=e.arg).value)&&"object"==_typeof(n)&&s.call(n,"__await")?c.resolve(n.__await).then(function(e){t("next",e,r,o)},function(e){t("throw",e,r,o)}):c.resolve(n).then(function(e){i.value=e,r(i)},function(e){return t("throw",e,r,o)});o(e.arg)}(n,r,e,t)})}return t=t?t.then(e,e):e()}})}function D(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function N(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function O(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(D,this),this.reset(!0)}function S(t){if(t||""===t){var n,e=t[r];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length))return n=-1,(e=function e(){for(;++n<t.length;)if(s.call(t,n))return e.value=t[n],e.done=!1,e;return e.value=u,e.done=!0,e}).next=e}throw new TypeError(_typeof(t)+" is not iterable")}return d(w,"constructor",{value:m.prototype=_,configurable:!0}),d(_,"constructor",{value:m,configurable:!0}),m.displayName=i(_,o,"GeneratorFunction"),a.isGeneratorFunction=function(e){e="function"==typeof e&&e.constructor;return!!e&&(e===m||"GeneratorFunction"===(e.displayName||e.name))},a.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,_):(e.__proto__=_,i(e,o,"GeneratorFunction")),e.prototype=Object.create(w),e},a.awrap=function(e){return{__await:e}},E(x.prototype),i(x.prototype,n,function(){return this}),a.AsyncIterator=x,a.async=function(e,t,n,r,o){void 0===o&&(o=Promise);var i=new x(c(e,t,n,r),o);return a.isGeneratorFunction(t)?i:i.next().then(function(e){return e.done?e.value:i.next()})},E(w),i(w,o,"Generator"),i(w,r,function(){return this}),i(w,"toString",function(){return"[object Generator]"}),a.keys=function(e){var t,n=Object(e),r=[];for(t in n)r.push(t);return r.reverse(),function e(){for(;r.length;){var t=r.pop();if(t in n)return e.value=t,e.done=!1,e}return e.done=!0,e}},a.values=S,O.prototype={constructor:O,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=u,this.done=!1,this.delegate=null,this.method="next",this.arg=u,this.tryEntries.forEach(N),!e)for(var t in this)"t"===t.charAt(0)&&s.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=u)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(n){if(this.done)throw n;var r=this;function e(e,t){return i.type="throw",i.arg=n,r.next=e,t&&(r.method="next",r.arg=u),!!t}for(var t=this.tryEntries.length-1;0<=t;--t){var o=this.tryEntries[t],i=o.completion;if("root"===o.tryLoc)return e("end");if(o.tryLoc<=this.prev){var a=s.call(o,"catchLoc"),c=s.call(o,"finallyLoc");if(a&&c){if(this.prev<o.catchLoc)return e(o.catchLoc,!0);if(this.prev<o.finallyLoc)return e(o.finallyLoc)}else if(a){if(this.prev<o.catchLoc)return e(o.catchLoc,!0)}else{if(!c)throw Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return e(o.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;0<=n;--n){var r=this.tryEntries[n];if(r.tryLoc<=this.prev&&s.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var o=r;break}}var i=(o=o&&("break"===e||"continue"===e)&&o.tryLoc<=t&&t<=o.finallyLoc?null:o)?o.completion:{};return i.type=e,i.arg=t,o?(this.method="next",this.next=o.finallyLoc,v):this.complete(i)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),v},finish:function(e){for(var t=this.tryEntries.length-1;0<=t;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),N(n),v}},catch:function(e){for(var t=this.tryEntries.length-1;0<=t;--t){var n,r,o=this.tryEntries[t];if(o.tryLoc===e)return"throw"===(n=o.completion).type&&(r=n.arg,N(o)),r}throw Error("illegal catch attempt")},delegateYield:function(e,t,n){return this.delegate={iterator:S(e),resultName:t,nextLoc:n},"next"===this.method&&(this.arg=u),v}},a}function asyncGeneratorStep(e,t,n,r,o,i,a){try{var c=e[i](a),u=c.value}catch(e){return void n(e)}c.done?t(u):Promise.resolve(u).then(r,o)}function _asyncToGenerator(c){return function(){var e=this,a=arguments;return new Promise(function(t,n){var r=c.apply(e,a);function o(e){asyncGeneratorStep(r,t,n,o,i,"next",e)}function i(e){asyncGeneratorStep(r,t,n,o,i,"throw",e)}o(void 0)})}}(()=>{function e(o,n,i,a,c,u,s,d,r,l){var e,f=this;function t(){return(t=_asyncToGenerator(_regeneratorRuntime().mark(function e(t){var n;return _regeneratorRuntime().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:n=f.mode,t.adding=!0,t.protocol=n;try{f.expandedId="",f.reloadDevices(),i.success(l("Child device changes saved."))}catch(e){t.adding=!1,i.danger(l("Failed to change child device."))}o.$apply();case 5:case"end":return e.stop()}},e)}))).apply(this,arguments)}function p(){return(p=_asyncToGenerator(_regeneratorRuntime().mark(function e(){var t,n,r;return _regeneratorRuntime().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(t=f.mode,n=f.device,(r=f.newDevice).adding=!0,r.protocol=t,e.prev=3,y())return e.next=7,a.create(n,r);e.next=9;break;case 7:e.next=27;break;case 9:if(v())return e.next=12,c.create(n,r);e.next=14;break;case 12:e.next=27;break;case 14:if(g())return e.next=17,u.create(n,r);e.next=19;break;case 17:e.next=27;break;case 19:if(m())return e.next=22,s.create(n,r);e.next=24;break;case 22:e.next=27;break;case 24:if(b())return e.next=27,d.create(n,r);e.next=27;break;case 27:h(),f.reloadDevices(),i.success(l("New child device added.")),e.next=33;break;case 30:e.prev=30,e.t0=e.catch(3),f.newDevice.adding=!1,i.danger(l("Failed to add new child device."));case 33:o.$apply();case 34:case"end":return e.stop()}},e,null,[[3,30]])}))).apply(this,arguments)}function h(){f.expandedId="",_.unset(f,"newDevice"),f[e].$setPristine(),document.getElementsByName("vm.".concat(e))[0].reset()}function y(){return"modbus"===f.tab}function v(){return"canbus"===f.tab}function g(){return"opcua"===f.tab}function m(){return"profibus"===f.tab}function b(){return"canopen"===f.tab}_.assign(f,{$onInit:function(){e="new".concat(f.mode,"DeviceForm"),f.expandedId=""},shouldShowSection:function(){var e=f.device,t=f.mode,n=!1;y()?"TCP"===t?n=r.supportsOperation(e,"c8y_ModbusDevice"):"RTU"===t&&(n=r.supportsOperation(e,"c8y_ModbusDevice")&&e.c8y_SerialConfiguration):v()&&"CAN"===t?n=r.supportsOperation(e,"c8y_CanDevice"):m()&&"Profibus"===t?n=r.supportsOperation(e,"c8y_ProfibusDevice"):b()&&"CANopen"===t&&(n=r.supportsOperation(e,"c8y_CANopenAddDevice"));return n},isModbusTab:y,isCanBusTab:v,isOPCUATab:g,isProfibusTab:m,isCanOpenTab:b,invalid:function(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"new".concat(f.mode,"DeviceForm");return(e=>{var t,n,r,o,i=f.mode,a=f.fieldErrors;"TCP"===i||"RTU"===i?(o=f[e],(r=o.address)&&(n=r.$modelValue,"TCP"===i?(o=o.ipAddress,t=o.$modelValue,_.isUndefined(n)||r.$setValidity(a.ADDRESS_INVALID,(e=>e<=247||255===e)(n)),t=n&&t&&_.some(f.devices,{address:n,ipAddress:t,protocol:"TCP"}),r.$setValidity(a.ADDRESSES_IN_USE,!t),o.$setValidity(a.ADDRESSES_IN_USE,!t)):"RTU"===i&&(o=n&&_.some(f.devices,{address:n,protocol:"RTU"}),r.$setValidity(a.ADDRESS_IN_USE,!o)))):"CANopen"===i&&(t=f[e].nodeId)&&(n=t.$modelValue)&&(r=(e=>1<=e&&e<=127)(n),o=(t=>!!f.devices&&f.devices.find(function(e){return!(!e||!e.nodeId)&&e.nodeId===t}))(n),r?o?(t.$setValidity(a.NODE_OUT_OF_RANGE,!0),t.$setValidity(a.NODE_IN_USE,!1)):(t.$setValidity(a.NODE_OUT_OF_RANGE,!0),t.$setValidity(a.NODE_IN_USE,!0)):(t.$setValidity(a.NODE_OUT_OF_RANGE,!1),t.$setValidity(a.NODE_IN_USE,!0)))})(t),n.invalid(f,t,e)},getFieldValidationHints:function(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"new".concat(f.mode,"DeviceForm"),t=_.get(f,"".concat(t,".").concat(e));if(t)return n.validationHints(t,f.fieldErrorsToMessages);return""},isFormInvalid:function(){return _.get(f,"".concat(e,".$invalid"))||_.get(f,"newDevice.adding")},startAddingNewDevice:function(){f.newDevice={name:null,deviceType:null,address:null}},addNewDevice:function(){return p.apply(this,arguments)},clearNewDevice:h,filterByMode:function(){if(y())return function(e){return _.get(e,"protocol")===f.mode};if(b())return function(e){return e.nodeId};return function(){return!0}},updateDevice:function(e){return t.apply(this,arguments)},startEditDevice:function(e){var t=_.cloneDeep(e);t.adding=!1,_.isUndefined(t.deviceType)||(e=f.deviceConfigurationOptions,t.deviceType=_.find(e.types,function(e){return e.name===t.deviceType}));return t},isEditFormInvalid:function(e,t){return _.get(f,"".concat(e,".$invalid"))||_.get(t,"adding")},toggle:function(e){f.expandedId===e?f.expandedId="":f.expandedId=e},clearEditDevice:function(){f.expandedId=""},getFormName:function(e){if(e)return e=e.id,"vm.form".concat(_.toString(e));return"vm.form"},getDeviceFormName:function(e){return"form".concat(e.id)},expandedId:void 0})}e.$inject=["$rootScope","c8yBase","c8yAlert","c8yModbusDevice","c8yCanbusDevice","c8yOPCUADevice","c8yProfibusDevice","c8yCanopenDevice","c8yDevices","gettext"],angular.module("c8y.modbusConfiguration4").component("c8yFieldbusDeviceList",{templateUrl:":::PLUGIN_PATH:::/fieldbus-device-list.html",bindings:{tab:"@",mode:"@",fieldErrors:"<",fieldErrorsToMessages:"<",deviceConfigurationOptions:"<",device:"<",devices:"<",reloadDevices:"<",onClickDelete:"<",navigateToDetail:"<"},controllerAs:"vm",controller:e})})();