@coolon/angular-ui-powerups 12.4.0-alpha.77 → 12.4.0-alpha.79

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

@@ -785,7 +785,6 @@
         }
         MarkdownService.prototype.render = function (content) {
             return marked.marked.parse(content, {
-                gfm: true,
                 smartLists: true
             });
         };
@@ -5077,10 +5076,23 @@
         label: [{ type: i0.Input }]
     };
 
+    /**
+     * @example
+     * <aup-markdown [content]="..."></aup-markdown>
+     * <aup-markdown [content$]="stringValueModel$"></aup-markdown>
+     * <aup-markdown ngPreserveWhitespaces>
+     *   # This is markdown content
+     *
+     *  With a list
+     *    - a
+     *    - b
+     * </aup-markdown>
+     */
     var MarkdownComponent = /** @class */ (function (_super) {
         __extends(MarkdownComponent, _super);
-        function MarkdownComponent(element, markdownService) {
+        function MarkdownComponent(platform, element, markdownService) {
             var _this = _super.call(this) || this;
+            _this.platform = platform;
             _this.element = element;
             _this.markdownService = markdownService;
             _this.inline = false;
@@ -5089,23 +5101,38 @@
         }
         MarkdownComponent.prototype.ngOnInit = function () {
             var _this = this;
-            var chain = pectin.Dsl.disposeWith(this).chain;
-            chain(this.content$).subscribe(function (content) {
-                _this.element.nativeElement.innerHTML = ___namespace.isEmpty(content) ? '' :
-                    _this.inline ? _this.markdownService.renderInline(content) :
-                        _this.markdownService.render(content);
-            }, { initialValue: 'evaluate' });
+            var when = pectin.Dsl.disposeWith(this).when;
+            when(this.content$).changes(function (content) { return _this.renderContent(content); }, { initialValue: 'triggerChangeUnlessNil' });
+            if (___namespace.isNil(this.content) && !___namespace.isEmpty(this.element.nativeElement.innerHTML)) {
+                this.renderContent(this.extractInnerContent(this.element.nativeElement.innerHTML));
+            }
+        };
+        MarkdownComponent.prototype.extractInnerContent = function (content) {
+            var lines = content.split("\n");
+            var prefix = lines.reduce(function (maxPrefix, line) {
+                return Math.max(maxPrefix, line.search(/\S/));
+            }, 0);
+            return lines.map(function (l) { return l.substr(prefix); }).join("\n");
+        };
+        MarkdownComponent.prototype.renderContent = function (content) {
+            if (!___namespace.isNil(content)) {
+                var markdown = this.inline ?
+                    this.markdownService.renderInline(content) :
+                    this.markdownService.render(content);
+                this.element.nativeElement.innerHTML = markdown;
+            }
         };
         return MarkdownComponent;
     }(DisposableComponent));
     MarkdownComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'aup-markdown',
-                    template: "<p>markdown works!</p>\n",
+                    template: "<ng-content></ng-content>\n",
                     styles: [":host{display:inline-block}\n"]
                 },] }
     ];
     MarkdownComponent.ctorParameters = function () { return [
+        { type: Object, decorators: [{ type: i0.Inject, args: [i0.PLATFORM_ID,] }] },
         { type: i0.ElementRef },
         { type: MarkdownService }
     ]; };