@coolon/angular-ui-powerups 12.4.0-alpha.46 → 12.4.0-alpha.48

package/assets/interaction/editor/inline-string-editor.scss

@@ -6,6 +6,9 @@
   aup-inline-string-editor {
     display: block;
 
+    // disable padding on our internal inline activity.
+    --aup-activity-padding: 0;
+
     .container {
       mat-form-field {
         &:not(.empty) {
@@ -26,7 +29,9 @@
           //opacity: 0; // hide the underline...
         }
       }
+
     }
+
     //.content {
     //  position: relative;
     //  display: grid;

package/bundles/coolon-angular-ui-powerups.umd.js

@@ -2535,24 +2535,32 @@
     ];
     ScrollContainerComponent.ctorParameters = function () { return []; };
 
-    var SectionHeaderComponent = /** @class */ (function () {
+    var SectionHeaderComponent = /** @class */ (function (_super) {
+        __extends(SectionHeaderComponent, _super);
         function SectionHeaderComponent() {
-            this.underline = false;
+            var _this = _super.call(this) || this;
+            // readonly i18n = I18nMarsUi.components.layout.header;
+            _this.size = 'medium';
+            _this.borderTop = false;
+            _this.borderBottom = false;
+            return _this;
         }
         SectionHeaderComponent.prototype.ngOnInit = function () {
         };
         return SectionHeaderComponent;
-    }());
+    }(DisposableComponent));
     SectionHeaderComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'aup-section-header',
-                    template: "<ng-content></ng-content>\n",
-                    styles: [":host{--def-border-bottom-color:var(--border-bottom-color,rgba(0,0,0,0.07));display:block;padding:8px 16px;font-size:12px;line-height:12px;color:rgba(0,0,0,.5)}:host.underline{border-bottom:1px solid var(--def-border-bottom-color)}"]
+                    template: "<span class=\"container-start\"><ng-content select=\"[header-start]\"></ng-content><ng-content></ng-content></span>\n<span class=\"container-middle\"><ng-content select=\"[header-center]\"></ng-content></span>\n<span class=\"container-end\"><ng-content select=\"[header-end]\"></ng-content></span>\n",
+                    styles: [":host{display:flex;flex-direction:row;align-items:center;--resolved-padding:var(--padding,var(--default-padding));--resolved-padding-right:var(--padding-right,calc(var(--default-padding)/2));padding-left:var(--resolved-padding);padding-right:var(--resolved-padding-right);box-sizing:border-box}:host.has-back-button{padding-left:0}:host.toolbar{height:56px;min-height:56px}:host.toolbar span{font-weight:500;font-size:18px;color:rgba(0,0,0,.67)}:host.large{height:48px;min-height:48px}:host.large span{font-weight:500;font-size:14px;color:rgba(0,0,0,.67)}:host.medium{height:48px;min-height:48px}:host.medium span{font-weight:500;font-size:13px;color:rgba(0,0,0,.67)}:host.small{height:30px;min-height:30px}:host.small span{font-weight:300;font-size:12px;color:rgba(0,0,0,.67)}:host.border-top{border-top:var(--pinstripe-border)}:host.border-bottom{border-bottom:var(--pinstripe-border)}span{white-space:nowrap;display:inline-flex;flex-direction:row;align-items:center}span.container-start{justify-content:flex-start}span.container-middle{justify-content:center;flex:1;width:0;overflow:hidden}span.container-end{justify-content:flex-end}"]
                 },] }
     ];
     SectionHeaderComponent.ctorParameters = function () { return []; };
     SectionHeaderComponent.propDecorators = {
-        underline: [{ type: i0.Input }, { type: i0.HostBinding, args: ['class.underline',] }]
+        size: [{ type: i0.Input }, { type: i0.HostBinding, args: ['class',] }],
+        borderTop: [{ type: i0.Input }, { type: i0.HostBinding, args: ['class.border-top',] }],
+        borderBottom: [{ type: i0.Input }, { type: i0.HostBinding, args: ['class.border-bottom',] }]
     };
 
     var SwitchCaseOption = /** @class */ (function () {
@@ -6906,6 +6914,7 @@
             _this.editing = new pectin.MutableValueModel(false);
             _this._validators = new pectin.MutableListModel();
             _this._editingEnabled = _this.registerDisposable(new pectin.DelegatingValueModel().withDefault(true));
+            pectin.assert.notNil(valueModel);
             var when = pectin.Dsl.disposeWith(_this).when;
             when(_this.editingEnabled).becomesFalsey(function () { return _this.cancelEdit(); });
             return _this;
@@ -6937,7 +6946,6 @@
             this._validators.push(validator);
             return this;
         };
-        ;
         InlineEditorModel.prototype.isEditing = function () {
             return this.editing.value;
         };