@vendure/admin-ui 1.8.0 → 1.8.2

package/{package/bundles → bundles}/vendure-admin-ui-core.umd.js

@@ -9572,7 +9572,7 @@
     CustomFieldControlComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'vdr-custom-field-control',
-                    template: "<div class=\"clr-form-control\" *ngIf=\"compact\">\r\n    <label for=\"basic\" class=\"clr-control-label\">{{ customField | customFieldLabel:(uiLanguage$ | async) }}</label>\r\n    <div class=\"clr-control-container\">\r\n        <div class=\"clr-input-wrapper\">\r\n            <ng-container *ngTemplateOutlet=\"inputs\"></ng-container>\r\n        </div>\r\n    </div>\r\n</div>\r\n<vdr-form-field [label]=\"customField | customFieldLabel:(uiLanguage$ | async)\" [for]=\"customField.name\" *ngIf=\"!compact\">\r\n    <ng-container *ngTemplateOutlet=\"inputs\"></ng-container>\r\n</vdr-form-field>\r\n\r\n<ng-template #inputs>\r\n    <ng-container [formGroup]=\"formGroup\">\r\n        <vdr-dynamic-form-input\r\n            [formControlName]=\"customField.name\"\r\n            [readonly]=\"readonly || customField.readonly\"\r\n            [control]=\"formGroup.get(customField.name)\"\r\n            [def]=\"getFieldDefinition()\"\r\n        >\r\n        </vdr-dynamic-form-input>\r\n    </ng-container>\r\n</ng-template>\r\n",
+                    template: "<div class=\"clr-form-control\" *ngIf=\"compact\">\n    <div class=\"flex\">\n        <label for=\"basic\" class=\"clr-control-label\"\n            >{{ customField | customFieldLabel: (uiLanguage$ | async) }}\n            <vdr-help-tooltip\n                *ngIf=\"customField | customFieldDescription: (uiLanguage$ | async) as description\"\n                [content]=\"description\"\n            ></vdr-help-tooltip>\n        </label>\n    </div>\n    <div class=\"clr-control-container\">\n        <div class=\"clr-input-wrapper\">\n            <ng-container *ngTemplateOutlet=\"inputs\"></ng-container>\n        </div>\n    </div>\n</div>\n<vdr-form-field\n    [label]=\"customField | customFieldLabel: (uiLanguage$ | async)\"\n    [tooltip]=\"customField | customFieldDescription: (uiLanguage$ | async)\"\n    [for]=\"customField.name\"\n    *ngIf=\"!compact\"\n>\n    <ng-container *ngTemplateOutlet=\"inputs\"></ng-container>\n</vdr-form-field>\n\n<ng-template #inputs>\n    <ng-container [formGroup]=\"formGroup\">\n        <vdr-dynamic-form-input\n            [formControlName]=\"customField.name\"\n            [readonly]=\"readonly || customField.readonly\"\n            [control]=\"formGroup.get(customField.name)\"\n            [def]=\"getFieldDefinition()\"\n        >\n        </vdr-dynamic-form-input>\n    </ng-container>\n</ng-template>\n",
                     styles: [":host{display:block;width:100%}:host .toggle-switch{margin-top:0;margin-bottom:0}\n"]
                 },] }
     ];
@@ -14485,6 +14485,34 @@
                 },] }
     ];
 
+    /**
+     * Displays a localized description for a CustomField
+     */
+    var CustomFieldDescriptionPipe = /** @class */ (function () {
+        function CustomFieldDescriptionPipe() {
+        }
+        CustomFieldDescriptionPipe.prototype.transform = function (value, uiLanguageCode) {
+            if (!value) {
+                return value;
+            }
+            var description = value.description;
+            if (description) {
+                var match = description.find(function (l) { return l.languageCode === uiLanguageCode; });
+                return match ? match.value : description[0].value;
+            }
+            else {
+                return '';
+            }
+        };
+        return CustomFieldDescriptionPipe;
+    }());
+    CustomFieldDescriptionPipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: 'customFieldDescription',
+                    pure: true,
+                },] }
+    ];
+
     /**
      * Displays a localized label for a CustomField or StringFieldOption, falling back to the
      * name/value if none are defined.
@@ -15350,6 +15378,7 @@
         IfDefaultChannelActiveDirective,
         ExtensionHostComponent,
         CustomFieldLabelPipe,
+        CustomFieldDescriptionPipe,
         FocalPointControlComponent,
         AssetPreviewPipe,
         LinkDialogComponent,
@@ -16035,7 +16064,7 @@
     }
 
     // Auto-generated by the set-version.js script.
-    var ADMIN_UI_VERSION = '1.8.0';
+    var ADMIN_UI_VERSION = '1.8.2';
 
     /**
      * @description
@@ -16441,6 +16470,7 @@
     exports.CustomDetailComponentService = CustomDetailComponentService;
     exports.CustomFieldComponentService = CustomFieldComponentService;
     exports.CustomFieldControlComponent = CustomFieldControlComponent;
+    exports.CustomFieldDescriptionPipe = CustomFieldDescriptionPipe;
     exports.CustomFieldLabelPipe = CustomFieldLabelPipe;
     exports.CustomHttpTranslationLoader = CustomHttpTranslationLoader;
     exports.CustomerDataService = CustomerDataService;