@c8y/ng1-modules 1021.81.0 → 1022.3.2

package/smartRules/views/add.html

@@ -1,12 +1,19 @@
 <div class="viewport-modal">
   <div class="modal-header text-center separator">
-    <h1 id="modal-title" class="h3" data-cy="smartRuleAdd--card-header">
-      <i class="c8y-icon c8y-icon-smart-rules c8y-icon-duocolor"></i>
+    <h1
+      class="h3"
+      id="modal-title"
+      data-cy="smartRuleAdd--card-header"
+    >
+      <i c8y-icon="{{ icon }}"></i>
       {{ title | translate }}
     </h1>
   </div>
 
-  <div class="inner-scroll" id="modal-body">
+  <div
+    class="inner-scroll"
+    id="modal-body"
+  >
     <div
       class="alert alert-warning"
       ng-show="ruleTemplates.length == 0 && !loading.loading"
@@ -14,14 +21,17 @@
     >
       No matching smart rules available.
     </div>
-    <div class="d-flex a-i-center j-c-center" ng-show="loading.loading">
+    <div
+      class="d-flex a-i-center j-c-center"
+      ng-show="loading.loading"
+    >
       <c8y-loading></c8y-loading>
     </div>
     <div class="card-group-block smart-rule-templates-list interact-grid">
       <button
-        ng-repeat="ruleTemplate in ruleTemplates"
         class="col-md-4 col-sm-6 col-xs-12 card btn-clean"
         ng-class="{ 'not-active': !ruleTemplate._active, interact: ruleTemplate._active }"
+        ng-repeat="ruleTemplate in ruleTemplates"
         ng-click="createInstance(ruleTemplate)"
       >
         <div class="card-block text-center">
@@ -30,13 +40,25 @@
             <i c8y-icon="arrow-right"></i>
             <span class="dot"><i c8y-icon="{{ ruleTemplate.paramGroups.output.icon }}"></i></span>
           </div>
-          <div ng-if="ruleTemplate.label.full" class="text-pre-normal">
-            <span class="caption" title="{{ ruleTemplate.label.full | translate }}">
+          <div
+            class="text-pre-normal"
+            ng-if="ruleTemplate.label.full"
+          >
+            <span
+              class="caption"
+              title="{{ ruleTemplate.label.full | translate }}"
+            >
               {{ ruleTemplate.label.full | translate }}
             </span>
           </div>
-          <div ng-if="!ruleTemplate.label.full" class="text-pre-normal">
-            <span class="caption caption-input" title="{{ ruleTemplate.label.input | translate }}">
+          <div
+            class="text-pre-normal"
+            ng-if="!ruleTemplate.label.full"
+          >
+            <span
+              class="caption caption-input"
+              title="{{ ruleTemplate.label.input | translate }}"
+            >
               {{ ruleTemplate.label.input | translate }}
             </span>
             <span
@@ -56,9 +78,9 @@
 
   <div class="modal-footer">
     <button
+      class="btn btn-default"
       title="{{ 'Cancel' | translate }}"
       type="button"
-      class="btn btn-default"
       ng-click="cancel()"
     >
       {{ 'Cancel' | translate }}

package/smartRules/views/list.html

@@ -216,9 +216,10 @@
                       class="text-center text-muted m-b-16"
                       data-cy="smartRulesList--card-header"
                     >
-                      <i c8y-icon="c8y-smart-rules"></i>
+                      <i c8y-icon="{{::getRuleIcon(rule)}}"></i>
                       {{ getRuleCardTitle(rule) | translate }}
                     </label>
+
                     <div class="smart-rule-name card-title">
                       {{ rule.name }}
                     </div>
@@ -301,7 +302,7 @@
                         ng-if="rule.type !== 'c8y_SmartRule'"
                       >
                         <i
-                          c8y-icon="user-account"
+                          c8y-icon="{{::getRuleIcon(rule)}}"
                           uib-tooltip="{{ 'Local smart rule' | translate }}"
                           tooltip-popup-delay="500"
                           tooltip-append-to-body="true"
@@ -312,7 +313,7 @@
                         ng-if="rule.type === 'c8y_SmartRule'"
                       >
                         <i
-                          c8y-icon="people"
+                          c8y-icon="{{::getRuleIcon(rule)}}"
                           uib-tooltip="{{ 'Global smart rule' | translate }}"
                           tooltip-popup-delay="500"
                           tooltip-append-to-body="true"

package/trafficLightWidget/states-mapping.html

@@ -1,69 +1,82 @@
-<div class="card-header separator">
-  <div class="card-title h4" translate>States mapping</div>
-</div>
-<div class="alert alert-warning" ng-show="!vm.deviceId || vm.hasInvalidMapping" translate>
-  Select a device and complete the mapping for all light states.
-</div>
-<div class="table-responsive">
-  <table class="table table-striped">
-    <thead>
-      <tr>
-        <th translate>State</th>
-        <th>
-          <span translate>Property</span>
-          <button
-            class="btn-help btn-help--sm"
-            type="button"
-            aria-label="{{ 'Help' | translate }}"
-            uib-popover="{{
-              'The value of the selected data point or property must be one of the following to have the respective light on: true, 1, any non-empty string or any non-null number.'
-                | translate
-            }}"
-            popover-trigger="'focus'"
-            popover-placement="right"
-            popover-append-to-body="true"
-          ></button>
-        </th>
-        <th></th>
-      </tr>
-    </thead>
-    <tbody>
-      <tr
-        ng-repeat="(state, stateText) in vm.states"
-        ng-class="{ danger: vm.isMappingInvalidForState(state) }"
-      >
-        <td>{{ stateText | translate }}</td>
-        <td ng-switch="vm.mapping[state].computed">
-          <button
-            class="btn btn-xs btn-default"
-            type="button"
-            ng-switch-when="true"
-            ng-click="vm.editComputedProperty(vm.mapping[state])"
-          >
-            <i c8y-icon="bolt"></i>
-            {{ vm.humanizeProperty(vm.mapping[state]) }}
-          </button>
-          <span ng-switch-default>{{ vm.humanizeProperty(vm.mapping[state]) }}</span>
-        </td>
-        <td class="text-right">
-          <button
-            class="btn btn-primary btn-xs showOnHover"
-            type="button"
-            title="{{ 'Select device property' | translate }}"
-            ng-click="vm.selectDevicePropertyForState(state)"
-          >
-            <i c8y-icon="pencil"></i>
-          </button>
-          <button
-            class="btn btn-primary btn-xs showOnHover"
-            type="button"
-            title="{{ 'Select fieldbus property' | translate }}"
-            ng-click="vm.selectFieldbusPropertyForState(state)"
-          >
-            <i c8y-icon="tasks"></i>
-          </button>
-        </td>
-      </tr>
-    </tbody>
-  </table>
-</div>
+<fieldset class="c8y-fieldset">
+  <legend translate>States mapping</legend>
+  <div class="alert alert-warning" ng-show="!vm.deviceId || vm.hasInvalidMapping" translate>
+    Select a device and complete the mapping for all light states.
+  </div>
+
+  <div class="table-responsive">
+    <table class="table table-condensed bg-inherit" style="table-layout: fixed">
+      <colgroup>
+        <col style="width: 25%" />
+        <col style="width: 50%" />
+        <col style="width: 25%" />
+      <thead>
+        <tr>
+          <th translate>State</th>
+          <th>
+            <span translate>Property</span>
+            <button
+              class="btn-help btn-help--sm"
+              type="button"
+              aria-label="{{ 'Help' | translate }}"
+              uib-popover="{{
+                'The value of the selected data point or property must be one of the following to have the respective light on: true, 1, any non-empty string or any non-null number.'
+                  | translate
+              }}"
+              popover-trigger="'focus'"
+              popover-placement="right"
+              popover-append-to-body="true"
+            ></button>
+          </th>
+          <th></th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr
+          ng-repeat="(state, stateText) in vm.states"
+          ng-class="{ danger: vm.isMappingInvalidForState(state) }"
+        >
+          <td>{{ stateText | translate }}</td>
+          <td ng-switch="vm.mapping[state].computed">
+            <button
+              class="btn btn-xs btn-default"
+              type="button"
+              ng-switch-when="true"
+              ng-click="vm.editComputedProperty(vm.mapping[state])"
+            >
+              <i c8y-icon="bolt"></i>
+              {{ vm.humanizeProperty(vm.mapping[state]) }}
+            </button>
+            <span ng-switch-default>{{ vm.humanizeProperty(vm.mapping[state]) }}</span>
+          </td>
+          <td class="">
+            <div class="d-flex j-c-end">
+              <button
+                class="btn btn-dot"
+                type="button"
+                aria-label="{{ 'Select device property' | translate }}"
+                uib-tooltip="{{ 'Select device property' | translate }}"
+                tooltip-append-to-body="true"
+                tooltip-popup-delay="500"
+                ng-click="vm.selectDevicePropertyForState(state)"
+              >
+                <i c8y-icon="edit"></i>
+              </button>
+              <button
+                class="btn btn-dot"
+                type="button"
+                uib-tooltip="{{ 'Assign fieldbus property' | translate }}"
+                tooltip-append-to-body="true"
+                tooltip-popup-delay="500"
+                aria-label="{{ 'Select fieldbus property' | translate }}"
+                ng-click="vm.selectFieldbusPropertyForState(state)"
+              >
+                <i c8y-icon="tasks"></i>
+              </button>
+            </div>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</fieldset>

package/administration-config/administration-config.module.js

@@ -1 +0,0 @@
-(()=>{function e(e){e.provideSettingsPage()}e.$inject=["c8yRemoteAccessUIProvider"],angular.module("c8y.administrationConfig",["c8y.remoteAccess"]).config(e)})();

package/administration-config/cumulocity.json

@@ -1,13 +0,0 @@
-{
-  "name": "Administration config",
-  "ngModules": [
-    "c8y.administrationConfig"
-  ],
-  "icon": "c8y-shield",
-  "color": "#F2DF0F",
-  "category": "Administration",
-  "description": "Administration config",
-  "js": [
-    "administration-config.module.js"
-  ]
-}

package/asset-notes/assetNotes.component.js

@@ -1 +0,0 @@
-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 ownKeys(t,e){var o,n=Object.keys(t);return Object.getOwnPropertySymbols&&(o=Object.getOwnPropertySymbols(t),e&&(o=o.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,o)),n}function _objectSpread(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach(function(e){_defineProperty(t,e,o[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))})}return t}function _defineProperty(e,t,o){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var o=e[Symbol.toPrimitive];if(void 0===o)return("string"===t?String:Number)(e);o=o.call(e,t||"default");if("object"!=_typeof(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}(()=>{function e(e,t,o,n){var r=this;function i(e){return _objectSpread(_objectSpread({},e),{},{htmlContent:n(e.htmlContent)})}_.assign(r,{$onInit:function(){return t.get(r.config.device).then(function(e){r.notes=i(e)})},edit:function(){r.editable=!0,r.editedNotes=_.cloneDeep(r.notes)},save:function(){t.save(r.config.device,r.editedNotes).then(function(e){r.editable=!1,r.notes=i(e)}).then(function(){return e.success(o("Notes saved."))})},cancel:function(){r.editable=!1,r.editedNotes=void 0}})}e.$inject=["c8yAlert","assetNotesSvc","gettext","$sanitize"],angular.module("c8y.assetNotes").component("c8yAssetNotes",{bindings:{config:"<"},templateUrl:":::PLUGIN_PATH:::/assetNotes.html",controller:e,controllerAs:"vm"})})();

package/asset-notes/assetNotes.html

@@ -1,93 +0,0 @@
-<div class="fit-h d-flex flex-wrap a-i-stretch">
-  <span
-    class="c8y-icon c8y-icon-duocolor asset-notes-icon"
-    c8y-icon="c8y-notification"
-  ></span>
-  <div
-    class="asset-notes-content"
-    ng-if="!vm.editable"
-  >
-    <c8y-rectangle-spinner
-      class="spinner-inline"
-      ng-show="!vm.notes"
-    ></c8y-rectangle-spinner>
-
-    <div ng-if="vm.notes && !vm.notes.htmlContent">
-      {{ 'No notes yet.' | translate }}
-      <c8y-if-allowed admin-mos="[vm.config.device]">
-        <button
-          class="btn btn-link btn-sm"
-          title="{{ 'Edit' | translate }}"
-          type="button"
-          ng-click="vm.edit()"
-        >
-          <i c8y-icon="pencil"></i>
-          {{ 'Edit' | translate }}
-        </button>
-      </c8y-if-allowed>
-    </div>
-
-    <div
-      class="text-break-word asset-notes-body"
-      ng-if="vm.notes && vm.notes.htmlContent"
-    >
-      <span ng-bind-html="vm.notes.htmlContent | safeLinks"></span>
-      <c8y-if-allowed admin-mos="[vm.config.device]">
-        <button
-          class="btn btn-link btn-sm"
-          title="{{ 'Edit' | translate }}"
-          type="button"
-          ng-click="vm.edit()"
-        >
-          <i c8y-icon="pencil"></i>
-          {{ 'Edit' | translate }}
-        </button>
-      </c8y-if-allowed>
-    </div>
-
-    <div class="asset-notes-footer m-t-8">
-      <small class="text-muted">
-        <em
-          ng-if="vm.notes.lastUpdated"
-          translate
-        >
-          {{ vm.notes.lastUpdated | absoluteDate }} by {{ vm.notes.user }}
-        </em>
-      </small>
-    </div>
-  </div>
-  <div
-    class="fit-h flex-grow"
-    ng-if="vm.editable"
-  >
-    <div class="d-flex a-i-stretch fit-h">
-      <textarea
-        class="form-control fit-h"
-        aria-label="{{ 'Notes' | translate }}"
-        rows="5"
-        ng-model="vm.editedNotes.htmlContent"
-        c8y-code-editor
-      ></textarea>
-      <div class="input-group-btn a-s-center">
-        <button
-          class="btn btn-dot"
-          title="{{ 'Save' | translate }}"
-          type="button"
-          ng-click="vm.save()"
-        >
-          <i c8y-icon="check"></i>
-        </button>
-      </div>
-      <div class="input-group-btn a-s-center">
-        <button
-          class="btn btn-dot"
-          title="{{ 'Cancel' | translate }}"
-          type="button"
-          ng-click="vm.cancel()"
-        >
-          <i c8y-icon="times"></i>
-        </button>
-      </div>
-    </div>
-  </div>
-</div>

package/asset-notes/assetNotes.module.js

@@ -1 +0,0 @@
-(()=>{function e(e,t){e.add({name:"assetNotesWidget",nameDisplay:t("Asset notes"),description:t("Displays editable asset notes."),widgetComponent:"c8yAssetNotes",transformConfigWithContext:["config","context",function(e,t){return _.assign(e,{context:t})}],previewImage:"c8y-style-assets/dm-asset-notes-widget.png",options:{groupsSelectable:!0}})}e.$inject=["c8yComponentsProvider","gettext"],angular.module("c8y.assetNotes",[]).config(e)})();

package/asset-notes/assetNotes.service.js

@@ -1 +0,0 @@
-(()=>{function t(r,a,o){var s="c8y_ComponentConfig!assetNotes";return{get:function(t){t=r.getId(t);return a.detail(t,{withChildren:!1}).then(r.getResData).then(_.property(s)).then(function(t){return t||{}})},save:function(t,e){var n={id:r.getId(t)};return o.current().then(function(t){e.user=t.id,e.lastUpdated=moment().format(r.dateFullFormat)}).then(function(){return n[s]=e,n}).then(a.save).then(r.getResData).then(_.property(s))}}}t.$inject=["c8yBase","c8yInventory","c8yUser"],angular.module("c8y.assetNotes").factory("assetNotesSvc",t)})();

package/asset-notes/cumulocity.json

@@ -1,13 +0,0 @@
-{
-  "name": "Asset notes widget",
-  "ngModules": [
-    "c8y.assetNotes"
-  ],
-  "category": "Device",
-  "description": "Adds dashboard widget to manage asset notes",
-  "js": [
-    "assetNotes.module.js",
-    "assetNotes.component.js",
-    "assetNotes.service.js"
-  ]
-}

package/core/ui/forms/ssh-key-input.html

@@ -1,33 +0,0 @@
-<div class="form-group">
-  <div class="tight-grid">
-    <div class="col-xs-8">
-      <input
-        placeholder="{{ 'e.g.' | translate }} {{ vm.getPlaceholder() }}"
-        type="text"
-        class="form-control"
-        ng-model="vm.key"
-        ng-readonly="vm.readonly"
-      />
-    </div>
-    <div class="col-xs-4">
-      <div class="input-group" ng-file-select="vm.onKeyFileSelected($files)" ng-if="!vm.readonly">
-        <input
-          class="form-control"
-          ng-model="vm.sshKeyFile.name"
-          placeholder="{{ 'Or read from a file' | translate }}…"
-          readonly
-          ng-if="!vm.readonly"
-        />
-        <span class="input-group-btn" ng-if="!vm.readonly">
-          <button class="btn btn-default" type="button" title="{{ 'Upload' | translate }}">
-            <span><i c8y-icon="upload"></i></span>
-          </button>
-        </span>
-      </div>
-    </div>
-  </div>
-  <c8y-feedback-panel
-    feedback="vm.sshKeyFileFeedback"
-    ng-if="vm.sshKeyFileFeedback"
-  ></c8y-feedback-panel>
-</div>

package/core/ui/forms/ssh-key-input.js

@@ -1 +0,0 @@
-(()=>{function e(c,e){var a=this,l=e.createEnum([{name:"PRIVATE",value:"private",placeholder:"-----BEGIN RSA PRIVATE KEY----- MIIEpAIBAAK...VQvopm2xw==----- END RSA PRIVATE KEY-----"},{name:"PUBLIC",value:"public",placeholder:"ssh-rsa AAAAB3NzaC...1kc3MAAACB== user@example.com"},{name:"CERTIFICATE",value:"certificate",placeholder:"ssh-rsa-cert-v01@openssh.com AAAAHHNz...Y9gBU= user@example.com"}]);_.assign(a,{onKeyFileSelected:function(e){e=_.head(e);c.parseSshKeyFile(e).then(function(e){a.key=e}).catch(function(e){e=e.feedback;a.sshKeyFileFeedback=e})},getPlaceholder:function(){return(_.find(l,{value:a.keytype})||{}).placeholder}})}e.$inject=["c8yRemoteAccess","c8yBase"],angular.module("c8y.ui").component("c8ySshKeyInput",{bindings:{key:"=",keytype:"@",readonly:"<"},templateUrl:":::PLUGIN_PATH:::/ui/forms/ssh-key-input.html",controller:e,controllerAs:"vm"})})();

package/devicemanagement-deviceListMap/controllers/deviceListMap.js

@@ -1 +0,0 @@
-angular.module("c8y.parts.deviceListMap").controller("deviceListMapVPCtrl",["$scope","c8yTitle","gettext","gettextCatalog","c8yConfig",function(e,t,a,i,r){var l;e.cssClass="fixedFullArea",e.markerTemplate=r.deviceListMap.markerTemplate||null,e.realtime=r.deviceListMap.realtime||!1,e.legend=r.deviceListMap.legend||!1,e.refresh=function(){e.$broadcast("refresh")},e.paging={refresh:!0},t.changeTitle({title:a("Device map"),subtitle:l?i.getString("{{qty}} markers",{qty:l}):void 0})}]);

package/devicemanagement-deviceListMap/cumulocity.json

@@ -1,19 +0,0 @@
-{
-  "name": "Device list map",
-  "ngModules": [
-    "c8y.parts.deviceListMap"
-  ],
-  "category": "Device",
-  "icon": "bell",
-  "color": "#F2DF0F",
-  "list": false,
-  "description": "Map overview of every device.",
-  "js": [
-    "index.js",
-    "controllers/deviceListMap.js"
-  ],
-  "folderName": "deviceListMap",
-  "appsInclude": [
-    "devicemanagement"
-  ]
-}

package/devicemanagement-deviceListMap/index.js

@@ -1 +0,0 @@
-angular.module("c8y.parts.deviceListMap",[]).constant("c8yMapsConfiguration",{deviceListMap:{},tracking:{}}).config(["$routeProvider","c8yNavigatorProvider","gettext","c8yMapsConfiguration",function(i,a,e,t){a.addNavigation(t.deviceListMap.navigation||{parent:e("Devices"),name:e("Map"),priority:1900,path:"devicemap",icon:"c8y-location"}),i.when("/devicemap",{templateUrl:":::PLUGIN_PATH:::/views/index.html"})}]);

package/devicemanagement-deviceListMap/views/index.html

@@ -1,21 +0,0 @@
-<c8y-breadcrumbs-set>
-  <c8y-breadcrumbs-item
-    label="{{ 'Map' | translate }}"
-    icon="c8y-location"
-  ></c8y-breadcrumbs-item>
-  <c8y-breadcrumbs-item
-    label="{{ 'Devices' | translate }}"
-    icon="exchange"
-  ></c8y-breadcrumbs-item>
-</c8y-breadcrumbs-set>
-
-<div data-ng-controller="deviceListMapVPCtrl" class="fullpage-map">
-  <c8y-map-internal
-    marker-template="markerTemplate"
-    c8y-legend="legend"
-    control-buttons="true"
-    multiple-devices="false"
-    css-class="{{ cssClass }}"
-    realtime="realtime"
-  ></c8y-map-internal>
-</div>

package/enterpriseEdition/customBranding/brandingConfiguration.constants.js

@@ -1 +0,0 @@
-angular.module("c8y.custom-branding").constant("c8yBrandingMapping",{fileProperties:[{key:"appLogo",filename:"logo-nav",cssVar:"navigator-platform-logo"},{key:"brand-logo-img",filename:"logo",cssVar:"brand-logo-img"},{key:"favicon",filename:"favicon",option:"faviconUrl"}],cookieBannerProperties:["cookieBannerDisabled","cookieBannerTitle","cookieBannerText","policyUrl"],nonCssProperties:["__import-font","html_title"],cssVarMapping:{headerColor:"header-color",appLogo:"navigator-platform-logo",navColor:"navigator-bg-color",navColorHeader:"navigator-header-bg","appLogo-height":"navigator-platform-logo-height","font-family-sans-serif":"font-family-base","headings-font-family":"font-family-headings","brand-logo-height":"brand-logo-img-height",html_title:"globalTitle",favicon:"faviconUrl"},fontFamilyCssVars:{"@font-family-sans-serif":"font-family-base","@headings-font-family":"font-family-headings"}});

package/enterpriseEdition/customBranding/brandingConfiguration.service.js

@@ -1 +0,0 @@
-(()=>{function n(t,e,r){var a=e.url("service/".concat("branding","/")),o={"Content-Type":"application/json"};return{update:function(){var n={headers:o};return t.post("".concat(a,"update"),n).then(e.getResData)},state:function(){var n={headers:o,silentError:!0};return t.get("".concat(a,"state"),{},n).then(e.getResData)},wizardPreview:function(){return n({process:_.constant("preview")})},wizardGenerate:function(){return n({process:_.constant("generate")})}};function n(n){return r.open({component:"c8yBrandingProcessExecution",backdrop:"static",keyboard:!1,resolve:n}).result}}n.$inject=["$http","c8yBase","c8yWizardModal"],angular.module("c8y.custom-branding").factory("c8yBrandingConfiguration",n)})();

package/enterpriseEdition/customBranding/brandingConfigurationForm.component.js

@@ -1 +0,0 @@
-(()=>{function n(r,n,t,e,i,o,a,c,l,s,u,d,g,f){var p,m,b,y,v=f("humanizeAppName"),h=this,f=s("Apply branding"),I=s("Save branding configuration first"),B={html_title:w,favicon:function(n){h.favicon=n?n.fileSrc:"",p&&p.document.querySelector("link[rel=icon]")&&(p.document.querySelector("link[rel=icon]").href=n?n.fileSrc:"")},"navigator-font-family":function(n){k("navigator-font-family",a.getFontFamilyCssVar(n))},appLogo:function(n){return k("navigator-platform-logo",n?"url(".concat(n.fileSrc,")"):"")},"brand-logo-img":function(n){return k("brand-logo-img",n?"url(".concat(n.fileSrc,")"):"")},"__import-font":function(n){var e=document.createElement("style");e.innerText="@import url('".concat(n,"')"),C().contentDocument.head.appendChild(e),p&&p.document.head.appendChild(e)}};function C(){return document.querySelector("#previewBrowser")}function N(){return h.isLoading=!0,n.all({schema:i.getSchema(),form:i.getForm(),options:i.getSchemaFormOptions(),branding:i.getBranding(),app:d.getCurrent()}).then(function(n){var e=n.schema,t=n.form,o=n.options,i=n.branding,n=n.app,a=(_.defaults(i,{c8y_less_variables:{}}),b=_.cloneDeep(i),_.assign(h,{schema:e,form:t,options:o,branding:i}),y=n,C());a.src="".concat(d.getHref(y),"/index.html"),a.onload=function(){a.appTitle=a.contentDocument.title,_.set(a.contentWindow,"C8Y_PREVIEW.preview",!0),_.set(a.contentWindow,"C8Y_PREVIEW.previewCookieBanner",R()),w(),T()},r.$watchCollection("vm.branding.c8y_less_variables",T)}).finally(function(){h.isLoading=!1})}function w(n){n=n||A();h.title="".concat(n," - ").concat(C().appTitle),p&&(p.document.title="".concat(n," - ").concat(p.appTitle),p.C8Y_PREVIEW.globalTitle=n)}function A(){return _.get(h,"branding.c8y_less_variables.html_title")||u.appOption("globalTitle")}function R(){return _.pick(h.branding.c8y_less_variables,["cookieBannerDisabled","cookieBannerTitle","cookieBannerText","policyUrl"])}function T(){h.isLoading||_.forOwn(h.branding.c8y_less_variables,function(n,e){B[e]?B[e](n):k(e,n)})}function k(n,e){E(n,e,C().contentDocument.documentElement),p&&E(n,e,p.document.documentElement)}function E(n,e,t){n=a.keyToCssVar(n);"navigator-platform-logo-height"===n?null==e||""===e?t.style.removeProperty("--".concat(n)):t.style.setProperty("--".concat(n),"".concat(e,"%")):t.style.setProperty("--".concat(n),_.isNumber(e)?"".concat(e,"px"):e)}function P(){return o.state().then(S)}function S(n){var e=h.state;h.state=n,e&&e.RUNNING&&!n.RUNNING&&l.success(s("Branded applications created.")),e&&e.WAITING&&n.RUNNING&&l.success(s("Branded applications will be created.")),(n.RUNNING||n.WAITING)&&t(P,2e3)}_.assign(h,{$onInit:function(){c&&P();return N()},applyTitle:f,dirtyFormApplyTitle:I,canSave:function(){return!(_.get(r,"platformConfigurationForm1.$invalid")||_.get(r,"platformConfigurationForm2.$invalid"))},save:function(){var t=[],o=i.BINARY_VARS;return h.branding.binary_ref={},_.each(o,function(e){var n;h.branding.c8y_less_variables[e]&&(n=i.saveBinary(e,h.branding.c8y_less_variables[e],b.binary_ref,b.c8y_less_variables[e]).then(function(n){h.branding.binary_ref[e]=_.pick(n,["id","name"])}),t.push(n))}),n.all(t).then(function(){return h.branding.c8y_less_variables=_.omitBy(h.branding.c8y_less_variables,function(n,e){return""===_.trim(n)||_.includes(o,e)}),i.saveConfiguration(h.branding,b.id).then(function(){return l.success(s("Branding saved."))})}).then(e.reload)},generate:o.wizardGenerate,preview:function(){p=window.open("".concat(d.getHref(y),"/index.html"),"_blank","noopener,noreferrer"),function e(){clearInterval(m);m=setInterval(function(){var n;p&&(p.C8Y_PREVIEW={preview:!0,globalTitle:A(),previewCookieBanner:R()},p.C8Y_APP)&&(n=p.C8Y_APP.name,p.appTitle=v(n),clearInterval(m),T(),p.onunload=function(){return e()})})}()},blocked:function(){var n=h.state;return!_.get(h,"branding.id")||_.get(n,"RUNNING")||_.get(n,"WAITING")},title:window.document.title,favicon:"favicon.ico",useMicroservice:c,applyConfiguration:function(){a.removeLegacyBrandedApplications().then(function(){return g({status:"info",title:s("Apply branding configuration"),body:s("You are about to apply the branding configuration, making it visible to all subtenants. Do you want to proceed?"),labels:{ok:s("Apply")}})}).then(function(){a.deploy(h.branding.c8y_less_variables).then(function(){return l.success(s("Branding configuration is being applied. It usually takes less than a minute."))},function(n){l.danger(u.getResErrorMessage(n))})})},removeAppliedBranding:function(){g({status:"info",title:s("Remove branding"),body:s("You are about to remove applied branding.\n        If you have any extra customization options set, they will be reset.\n        The default branding will be shown to all subtenants. Do you want to proceed?"),labels:{ok:s("Remove")}}).then(function(){a.reset().then(function(){return l.success(s("Branding has been removed."))})})},resetForm:function(n){g({status:"info",title:s("Reset branding configuration"),body:s("You are about to reset the branding configuration to the previously saved settings.\n        Do you want to proceed?"),labels:{ok:s("Reset")}}).then(function(){N().then(function(){n&&n.$setPristine(),l.success(s("Branding configuration has been reset."))},function(n){return l.danger(n)})})}})}n.$inject=["$scope","$q","$timeout","$route","c8yBrandingConfigurationUi","c8yBrandingConfiguration","c8yBrandingDeploy","USE_BRANDING_MICROSERVICE","c8yAlert","gettext","c8yBase","c8yApplication","c8yModal","$filter"],angular.module("c8y.custom-branding").component("c8yBrandingConfigurationForm",{templateUrl:":::PLUGIN_PATH:::/customBranding/brandingConfigurationForm.html",controller:n,controllerAs:"vm"})})();