@coolon/angular-ui-powerups 12.4.0-alpha.78 → 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;
@@ -5092,13 +5104,22 @@
             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.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)) {
-                this.element.nativeElement.innerHTML = this.inline ? this.markdownService.renderInline(content) :
+                var markdown = this.inline ?
+                    this.markdownService.renderInline(content) :
                     this.markdownService.render(content);
+                this.element.nativeElement.innerHTML = markdown;
             }
         };
         return MarkdownComponent;
@@ -5111,6 +5132,7 @@
                 },] }
     ];
     MarkdownComponent.ctorParameters = function () { return [
+        { type: Object, decorators: [{ type: i0.Inject, args: [i0.PLATFORM_ID,] }] },
         { type: i0.ElementRef },
         { type: MarkdownService }
     ]; };