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

package/esm2015/lib/components/section-header/section-header.component.js

@@ -1,7 +1,12 @@
 import { Component, HostBinding, Input } from '@angular/core';
-export class SectionHeaderComponent {
+import { DisposableComponent } from '../disposable-component';
+export class SectionHeaderComponent extends DisposableComponent {
     constructor() {
-        this.underline = false;
+        super();
+        // readonly i18n = I18nMarsUi.components.layout.header;
+        this.size = 'medium';
+        this.borderTop = false;
+        this.borderBottom = false;
     }
     ngOnInit() {
     }
@@ -9,12 +14,14 @@ export class SectionHeaderComponent {
 SectionHeaderComponent.decorators = [
     { type: 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 = () => [];
 SectionHeaderComponent.propDecorators = {
-    underline: [{ type: Input }, { type: HostBinding, args: ['class.underline',] }]
+    size: [{ type: Input }, { type: HostBinding, args: ['class',] }],
+    borderTop: [{ type: Input }, { type: HostBinding, args: ['class.border-top',] }],
+    borderBottom: [{ type: Input }, { type: HostBinding, args: ['class.border-bottom',] }]
 };
 //# sourceMappingURL=section-header.component.js.map

package/esm2015/lib/components/section-header/section-header.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"section-header.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular-ui-powerups/src/lib/components/section-header/section-header.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAU,MAAM,eAAe,CAAC;AAOtE,MAAM,OAAO,sBAAsB;IAMjC;QAFA,cAAS,GAAG,KAAK,CAAC;IAEF,CAAC;IAEjB,QAAQ;IACR,CAAC;;;YAdF,SAAS,SAAC;gBACT,QAAQ,EAAE,oBAAoB;gBAC9B,uCAA8C;;aAE/C;;;;wBAGE,KAAK,YACL,WAAW,SAAC,iBAAiB","sourcesContent":["import { Component, HostBinding, Input, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'aup-section-header',\n  templateUrl: './section-header.component.html',\n  styleUrls: ['./section-header.component.scss']\n})\nexport class SectionHeaderComponent implements OnInit {\n\n  @Input()\n  @HostBinding('class.underline')\n  underline = false;\n\n  constructor() { }\n\n  ngOnInit() {\n  }\n\n}\n"]}
+{"version":3,"file":"section-header.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular-ui-powerups/src/lib/components/section-header/section-header.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAU,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAO9D,MAAM,OAAO,sBAAuB,SAAQ,mBAAmB;IAgB7D;QACE,KAAK,EAAE,CAAC;QAfV,uDAAuD;QAIvD,SAAI,GAA6C,QAAQ,CAAC;QAI1D,cAAS,GAAG,KAAK,CAAC;QAIlB,iBAAY,GAAG,KAAK,CAAC;IAIrB,CAAC;IAED,QAAQ;IACR,CAAC;;;YA1BF,SAAS,SAAC;gBACT,QAAQ,EAAE,oBAAoB;gBAC9B,uTAA8C;;aAE/C;;;;mBAKE,KAAK,YACL,WAAW,SAAC,OAAO;wBAGnB,KAAK,YACL,WAAW,SAAC,kBAAkB;2BAG9B,KAAK,YACL,WAAW,SAAC,qBAAqB","sourcesContent":["import { Component, HostBinding, Input, OnInit } from '@angular/core';\nimport { DisposableComponent } from '../disposable-component';\n\n@Component({\n  selector: 'aup-section-header',\n  templateUrl: './section-header.component.html',\n  styleUrls: ['./section-header.component.scss']\n})\nexport class SectionHeaderComponent extends DisposableComponent implements OnInit {\n\n  // readonly i18n = I18nMarsUi.components.layout.header;\n\n  @Input()\n  @HostBinding('class')\n  size: 'toolbar' | 'large' | 'medium' | 'small' = 'medium';\n\n  @Input()\n  @HostBinding('class.border-top')\n  borderTop = false;\n\n  @Input()\n  @HostBinding('class.border-bottom')\n  borderBottom = false;\n\n  constructor() {\n    super();\n  }\n\n  ngOnInit(): void {\n  }\n\n}\n"]}

package/esm2015/lib/components/section-header/section-header.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"SectionHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"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)}"]}]}],"members":{"underline":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":10,"character":3},"arguments":["class.underline"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"SectionHeaderComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../disposable-component","name":"DisposableComponent","line":8,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"aup-section-header","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}"]}]}],"members":{"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":13,"character":3},"arguments":["class"]}]}],"borderTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":17,"character":3},"arguments":["class.border-top"]}]}],"borderBottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":21,"character":3},"arguments":["class.border-bottom"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/interaction/components/editors/inline-string-editor/inline-editor-model.js

@@ -1,4 +1,4 @@
-import { DelegatingValueModel, Dsl, GarbageCollector, MutableListModel, MutableValueModel, TrackExternal } from '@coolon/pectin';
+import { DelegatingValueModel, Dsl, GarbageCollector, MutableListModel, MutableValueModel, TrackExternal, assert } from '@coolon/pectin';
 export class InlineEditorModel extends GarbageCollector {
     constructor(valueModel, saveCallback) {
         super();
@@ -7,6 +7,7 @@ export class InlineEditorModel extends GarbageCollector {
         this.editing = new MutableValueModel(false);
         this._validators = new MutableListModel();
         this._editingEnabled = this.registerDisposable(new DelegatingValueModel().withDefault(true));
+        assert.notNil(valueModel);
         const { when } = Dsl.disposeWith(this);
         when(this.editingEnabled).becomesFalsey(() => this.cancelEdit());
     }
@@ -29,7 +30,6 @@ export class InlineEditorModel extends GarbageCollector {
         this._validators.push(validator);
         return this;
     }
-    ;
     isEditing() {
         return this.editing.value;
     }

package/esm2015/lib/interaction/components/editors/inline-string-editor/inline-editor-model.js.map

@@ -1 +1 @@
-{"version":3,"file":"inline-editor-model.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/editors/inline-string-editor/inline-editor-model.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,GAAG,EACH,gBAAgB,EAEhB,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EAGd,MAAM,gBAAgB,CAAC;AAIxB,MAAM,OAAO,iBAAqB,SAAQ,gBAAgB;IAMxD,YAAqB,UAAyB,EAAW,YAA+C;QACtG,KAAK,EAAE,CAAC;QADW,eAAU,GAAV,UAAU,CAAe;QAAW,iBAAY,GAAZ,YAAY,CAAmC;QAJ/F,YAAO,GAAG,IAAI,iBAAiB,CAAU,KAAK,CAAC,CAAC;QACxC,gBAAW,GAAmC,IAAI,gBAAgB,EAAgB,CAAC;QAC5F,oBAAe,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,oBAAoB,EAAW,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;QAIvG,MAAM,EAAE,IAAI,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;IACnE,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC;IACvC,CAAC;IAED,YAAY,CAAC,SAA8B;QACzC,MAAM,EAAE,KAAK,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACxC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC9C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,WAAW,CAAC,SAA8B;QACxC,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QAC5C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC;IACnC,CAAC;IAED,aAAa,CAAC,SAAuB;QACnC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,CAAC;IAAA,CAAC;IAGF,SAAS;QACP,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;IAC5B,CAAC;IAED,UAAU;QACR,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;IAC7B,CAAC;IAED,YAAY;QACV,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC;IAC5B,CAAC;CAEF;AAED,WAAiB,iBAAiB;IAIhC,SAAgB,MAAM,CAAI,UAAyB,EAAE,OAAkC;QACrF,OAAO,IAAI,iBAAiB,CAAI,UAAU,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5D,CAAC;IAFe,wBAAM,SAErB,CAAA;AAEH,CAAC,EARgB,iBAAiB,KAAjB,iBAAiB,QAQjC;AAED,aAAa,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC","sourcesContent":["import {\n  DelegatingValueModel,\n  Dsl,\n  GarbageCollector,\n  ListModel,\n  MutableListModel,\n  MutableValueModel,\n  TrackExternal,\n  Validator,\n  ValueModel\n} from '@coolon/pectin';\nimport { EditContext } from '../edit-context';\n\n\nexport class InlineEditorModel<T> extends GarbageCollector {\n\n  readonly editing = new MutableValueModel<boolean>(false);\n  private readonly _validators: MutableListModel<Validator<T>> = new MutableListModel<Validator<T>>();\n  private _editingEnabled = this.registerDisposable(new DelegatingValueModel<boolean>().withDefault(true));\n\n  constructor(readonly valueModel: ValueModel<T>, readonly saveCallback: InlineEditorModel.SaveCallback<T>) {\n    super();\n    const { when } = Dsl.disposeWith(this);\n    when(this.editingEnabled).becomesFalsey(() => this.cancelEdit());\n  }\n\n  get editingEnabled(): ValueModel<boolean> {\n    return this._editingEnabled.readonly;\n  }\n\n  disableWhile(condition: ValueModel<boolean>): this {\n    const { chain } = Dsl.disposeWith(this);\n    this.enableWhile(chain(condition).isFalsey());\n    return this;\n  }\n\n  enableWhile(condition: ValueModel<boolean>): this {\n    this._editingEnabled.setDelegate(condition);\n    return this;\n  }\n\n  get validators(): ListModel<Validator<T>> {\n    return this._validators.readonly;\n  }\n\n  validateUsing(validator: Validator<T>): this { //}, options?: HasValidators.Options): this {\n    this._validators.push(validator);\n    return this;\n  };\n\n\n  isEditing(): boolean {\n    return this.editing.value;\n  }\n\n  cancelEdit() {\n    this.editing.value = false;\n  }\n\n  startEditing() {\n    this.editing.value = true;\n  }\n\n}\n\nexport namespace InlineEditorModel {\n\n  export type SaveCallback<T> = (value: T, context: EditContext<T>) => void | Promise<void>;\n\n  export function create<T>(valueModel: ValueModel<T>, options: { save: SaveCallback<T> }): InlineEditorModel<T> {\n    return new InlineEditorModel<T>(valueModel, options.save);\n  }\n\n}\n\nTrackExternal.oneTimeBinding(InlineEditorModel);\n"]}
+{"version":3,"file":"inline-editor-model.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/editors/inline-string-editor/inline-editor-model.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,GAAG,EACH,gBAAgB,EAEhB,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EAGb,MAAM,EACP,MAAM,gBAAgB,CAAC;AAIxB,MAAM,OAAO,iBAAqB,SAAQ,gBAAgB;IAMxD,YAAqB,UAAyB,EAAW,YAA+C;QACtG,KAAK,EAAE,CAAC;QADW,eAAU,GAAV,UAAU,CAAe;QAAW,iBAAY,GAAZ,YAAY,CAAmC;QAJ/F,YAAO,GAAG,IAAI,iBAAiB,CAAU,KAAK,CAAC,CAAC;QACxC,gBAAW,GAAmC,IAAI,gBAAgB,EAAgB,CAAC;QAC5F,oBAAe,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,oBAAoB,EAAW,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;QAIvG,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QAC1B,MAAM,EAAE,IAAI,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;IACnE,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC;IACvC,CAAC;IAED,YAAY,CAAC,SAA8B;QACzC,MAAM,EAAE,KAAK,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACxC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC9C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,WAAW,CAAC,SAA8B;QACxC,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QAC5C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC;IACnC,CAAC;IAED,aAAa,CAAC,SAAuB;QACnC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,CAAC;IAGD,SAAS;QACP,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;IAC5B,CAAC;IAED,UAAU;QACR,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;IAC7B,CAAC;IAED,YAAY;QACV,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC;IAC5B,CAAC;CAEF;AAED,WAAiB,iBAAiB;IAIhC,SAAgB,MAAM,CAAI,UAAyB,EAAE,OAAkC;QACrF,OAAO,IAAI,iBAAiB,CAAI,UAAU,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5D,CAAC;IAFe,wBAAM,SAErB,CAAA;AAEH,CAAC,EARgB,iBAAiB,KAAjB,iBAAiB,QAQjC;AAED,aAAa,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC","sourcesContent":["import {\n  DelegatingValueModel,\n  Dsl,\n  GarbageCollector,\n  ListModel,\n  MutableListModel,\n  MutableValueModel,\n  TrackExternal,\n  Validator,\n  ValueModel,\n  assert\n} from '@coolon/pectin';\nimport { EditContext } from '../edit-context';\n\n\nexport class InlineEditorModel<T> extends GarbageCollector {\n\n  readonly editing = new MutableValueModel<boolean>(false);\n  private readonly _validators: MutableListModel<Validator<T>> = new MutableListModel<Validator<T>>();\n  private _editingEnabled = this.registerDisposable(new DelegatingValueModel<boolean>().withDefault(true));\n\n  constructor(readonly valueModel: ValueModel<T>, readonly saveCallback: InlineEditorModel.SaveCallback<T>) {\n    super();\n    assert.notNil(valueModel);\n    const { when } = Dsl.disposeWith(this);\n    when(this.editingEnabled).becomesFalsey(() => this.cancelEdit());\n  }\n\n  get editingEnabled(): ValueModel<boolean> {\n    return this._editingEnabled.readonly;\n  }\n\n  disableWhile(condition: ValueModel<boolean>): this {\n    const { chain } = Dsl.disposeWith(this);\n    this.enableWhile(chain(condition).isFalsey());\n    return this;\n  }\n\n  enableWhile(condition: ValueModel<boolean>): this {\n    this._editingEnabled.setDelegate(condition);\n    return this;\n  }\n\n  get validators(): ListModel<Validator<T>> {\n    return this._validators.readonly;\n  }\n\n  validateUsing(validator: Validator<T>): this { //}, options?: HasValidators.Options): this {\n    this._validators.push(validator);\n    return this;\n  }\n\n\n  isEditing(): boolean {\n    return this.editing.value;\n  }\n\n  cancelEdit() {\n    this.editing.value = false;\n  }\n\n  startEditing() {\n    this.editing.value = true;\n  }\n\n}\n\nexport namespace InlineEditorModel {\n\n  export type SaveCallback<T> = (value: T, context: EditContext<T>) => void | Promise<void>;\n\n  export function create<T>(valueModel: ValueModel<T>, options: { save: SaveCallback<T> }): InlineEditorModel<T> {\n    return new InlineEditorModel<T>(valueModel, options.save);\n  }\n\n}\n\nTrackExternal.oneTimeBinding(InlineEditorModel);\n"]}

package/esm2015/lib/interaction/components/editors/inline-string-editor/inline-editor-model.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"InlineEditorModel":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@coolon/pectin","name":"GarbageCollector","line":14,"character":42},"arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@coolon/pectin","name":"ValueModel","line":20,"character":35,"arguments":[{"__symbolic":"error","message":"Could not resolve type","line":20,"character":46,"context":{"typeName":"T"}}]},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"InlineEditorModel"},"member":"SaveCallback","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":20,"character":104,"context":{"typeName":"T"}}]}]}],"disableWhile":[{"__symbolic":"method"}],"enableWhile":[{"__symbolic":"method"}],"validateUsing":[{"__symbolic":"method"}],"isEditing":[{"__symbolic":"method"}],"cancelEdit":[{"__symbolic":"method"}],"startEditing":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"InlineEditorModel":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@coolon/pectin","name":"GarbageCollector","line":15,"character":42},"arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@coolon/pectin","name":"ValueModel","line":21,"character":35,"arguments":[{"__symbolic":"error","message":"Could not resolve type","line":21,"character":46,"context":{"typeName":"T"}}]},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"InlineEditorModel"},"member":"SaveCallback","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":21,"character":104,"context":{"typeName":"T"}}]}]}],"disableWhile":[{"__symbolic":"method"}],"enableWhile":[{"__symbolic":"method"}],"validateUsing":[{"__symbolic":"method"}],"isEditing":[{"__symbolic":"method"}],"cancelEdit":[{"__symbolic":"method"}],"startEditing":[{"__symbolic":"method"}]}}}}]

package/fesm2015/coolon-angular-ui-powerups.js

@@ -1977,9 +1977,13 @@ ScrollContainerComponent.decorators = [
 ];
 ScrollContainerComponent.ctorParameters = () => [];
 
-class SectionHeaderComponent {
+class SectionHeaderComponent extends DisposableComponent {
     constructor() {
-        this.underline = false;
+        super();
+        // readonly i18n = I18nMarsUi.components.layout.header;
+        this.size = 'medium';
+        this.borderTop = false;
+        this.borderBottom = false;
     }
     ngOnInit() {
     }
@@ -1987,13 +1991,15 @@ class SectionHeaderComponent {
 SectionHeaderComponent.decorators = [
     { type: 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 = () => [];
 SectionHeaderComponent.propDecorators = {
-    underline: [{ type: Input }, { type: HostBinding, args: ['class.underline',] }]
+    size: [{ type: Input }, { type: HostBinding, args: ['class',] }],
+    borderTop: [{ type: Input }, { type: HostBinding, args: ['class.border-top',] }],
+    borderBottom: [{ type: Input }, { type: HostBinding, args: ['class.border-bottom',] }]
 };
 
 class SwitchCaseOption {
@@ -5884,6 +5890,7 @@ class InlineEditorModel extends GarbageCollector {
         this.editing = new MutableValueModel(false);
         this._validators = new MutableListModel();
         this._editingEnabled = this.registerDisposable(new DelegatingValueModel().withDefault(true));
+        assert.notNil(valueModel);
         const { when } = Dsl.disposeWith(this);
         when(this.editingEnabled).becomesFalsey(() => this.cancelEdit());
     }
@@ -5906,7 +5913,6 @@ class InlineEditorModel extends GarbageCollector {
         this._validators.push(validator);
         return this;
     }
-    ;
     isEditing() {
         return this.editing.value;
     }