Added markdown and hyperlink behaviors.

Author: azaslonov

src/behaviors/bahavior.markdown.ts

@@ -0,0 +1,32 @@
+import { remark } from "remark";
+import remarkParse from "remark-parse";
+import remarkGfm from "remark-gfm";
+import remarkRehype from "remark-rehype";
+import rehypeRaw from "rehype-raw";
+import rehypeStringify from "rehype-stringify";
+import { BehaviorHandle } from "./behavior";
+
+
+export class MarkdownBehavior {
+    public attach(element: HTMLElement, markdown: string): BehaviorHandle {
+        const updateContent = async (markdown) => {
+            const html: any = await remark()
+                .use(remarkParse)
+                .use(remarkGfm)
+                .use(remarkRehype, { allowDangerousHtml: true })
+                .use(rehypeRaw)
+                .use(rehypeStringify)
+                .process(markdown);
+
+            element.innerHTML = html;
+        }
+
+        updateContent(markdown);
+
+        const handle: BehaviorHandle = {
+            detach: () => { }
+        }
+
+        return handle;
+    }
+}

src/behaviors/hyperlinkBehavior.ts src/behaviors/behavior.hyperlink.tssrc/behaviors/hyperlinkBehavior.ts renamed to src/behaviors/behavior.hyperlink.ts

@@ -1,6 +1,6 @@
 
-import { HyperlinkModel, HyperlinkTarget } from "@paperbits/common/permalinks";
-import { Attributes, DataAttributes, HyperlinkRels } from "@paperbits/common/html";
+import { HyperlinkModel, HyperlinkTarget } from "../permalinks";
+import { Attributes, DataAttributes, HyperlinkRels } from "../html";
 
 export class HyperlinkBehavior {
     public attach(element: HTMLElement, hyperlink: HyperlinkModel): void {

src/behaviors/behavior.listbox.ts

@@ -2,7 +2,7 @@ import * as Array from "@paperbits/common";
 import * as ko from "knockout";
 import { Keys } from "@paperbits/common";
 import { Events } from "@paperbits/common/events";
-import { AriaAttributes, AriaRoles, Attributes } from "@paperbits/common/html";
+import { AriaAttributes, AriaRoles, Attributes } from "../html";
 import { BehaviorHandle } from "./behavior";
 
 const selectedClassName = "selected";

src/behaviors/behavior.stickTo.ts

@@ -1,7 +1,7 @@
 
-import { ViewManager, ViewManagerMode } from "@paperbits/common/ui";
-import { Events } from "@paperbits/common/events";
-import { BehaviorHandle } from "@paperbits/common/behaviors/behavior";
+import { ViewManager, ViewManagerMode } from "../ui";
+import { Events } from "../events";
+import { BehaviorHandle } from "./behavior";
 
 export enum StickToPlacement {
     border = "border",
@@ -103,6 +103,8 @@ export class StickToBehavior {
 
             element.style.top = frameRect.top + coordY + "px";
 
+
+
             if (anchors.includes("left")) {
                 element.style.left = frameRect.left + targetRect.left + offsetX + "px";
             }
@@ -130,6 +132,17 @@ export class StickToBehavior {
                 const targetParentRect = config.target.parentElement.getBoundingClientRect();
                 element.style.top = targetParentRect.top - Math.floor(element.clientHeight / 2) + "px";
             }
+
+            setTimeout(() => {
+                const elementRect = element.getBoundingClientRect();
+
+                console.log(elementRect);
+
+                if (elementRect.left < 0) {
+                    element.style.left = "0px";
+                    element.style.right = null
+                }
+            }, 10);
         };
 
         updatePosition();