@fluid-topics/ft-reader-saved-bookmarks 1.3.14

package/build/ft-reader-saved-bookmarks.properties.d.ts

@@ -0,0 +1,3 @@
+export interface FtReaderSavedBookmarksProperties {
+    name?: string;
+}

package/build/ft-reader-saved-bookmarks.properties.js

@@ -0,0 +1 @@
+export {};

package/build/ft-reader-saved-bookmarks.styles.d.ts

@@ -0,0 +1,11 @@
+export declare const FtReaderSavedBookmarksCssVariables: {
+    containerGap: import("@fluid-topics/ft-wc-utils").FtCssVariable;
+    containerPadding: import("@fluid-topics/ft-wc-utils").FtCssVariable;
+    itemPadding: import("@fluid-topics/ft-wc-utils").FtCssVariable;
+    itemBorderWidth: import("@fluid-topics/ft-wc-utils").FtCssVariable;
+    itemBorderColor: import("@fluid-topics/ft-wc-utils").FtCssVariable;
+    itemBorderRadius: import("@fluid-topics/ft-wc-utils").FtCssVariable;
+    itemBackgroundColor: import("@fluid-topics/ft-wc-utils").FtCssVariable;
+    itemLinkColor: import("@fluid-topics/ft-wc-utils").FtCssVariable;
+};
+export declare const styles: import("lit").CSSResult;

package/build/ft-reader-saved-bookmarks.styles.js

@@ -0,0 +1,51 @@
+import { css } from "lit";
+import { designSystemVariables, FtCssVariableFactory } from "@fluid-topics/ft-wc-utils";
+export const FtReaderSavedBookmarksCssVariables = {
+    containerGap: FtCssVariableFactory.create("--ft-reader-saved-bookmarks-container-gap", "", "SIZE", "16px"),
+    containerPadding: FtCssVariableFactory.create("--ft-reader-saved-bookmarks-container-padding", "", "SIZE", "16px"),
+    itemPadding: FtCssVariableFactory.create("--ft-reader-saved-bookmarks-item-padding", "", "SIZE", "12px"),
+    itemBorderWidth: FtCssVariableFactory.create("--ft-reader-saved-bookmarks-item-border-width", "", "SIZE", "1px"),
+    itemBorderColor: FtCssVariableFactory.extend("--ft-reader-saved-bookmarks-item-border-color", "", designSystemVariables.colorPrimary),
+    itemBorderRadius: FtCssVariableFactory.extend("--ft-reader-saved-bookmarks-item-border-radius", "", designSystemVariables.borderRadiusS),
+    itemBackgroundColor: FtCssVariableFactory.extend("--ft-reader-saved-bookmarks-item-background-color", "", designSystemVariables.colorSurface),
+    itemLinkColor: FtCssVariableFactory.extend("--ft-reader-saved-bookmarks-item-background-color", "", designSystemVariables.colorOnSurface),
+};
+// language=CSS
+export const styles = css `
+    [part="container"] {
+        display: flex;
+        flex-direction: column;
+        gap: ${FtReaderSavedBookmarksCssVariables.containerGap};
+        padding: ${FtReaderSavedBookmarksCssVariables.containerPadding};
+    }
+
+    [part="bookmark"] {
+        display: flex;
+        border-style: solid;
+        border-width: ${FtReaderSavedBookmarksCssVariables.itemBorderWidth};
+        border-color: ${FtReaderSavedBookmarksCssVariables.itemBorderColor};
+        border-radius: ${FtReaderSavedBookmarksCssVariables.itemBorderRadius};
+        background-color: ${FtReaderSavedBookmarksCssVariables.itemBackgroundColor};
+    }
+
+    [part="link"] {
+        display: flex;
+        align-items: center;
+        text-decoration: none;
+        color: ${FtReaderSavedBookmarksCssVariables.itemLinkColor};
+        padding: ${FtReaderSavedBookmarksCssVariables.itemPadding};
+    }
+
+    [part="link"], [part="name"] {
+        position: relative;
+        flex-grow: 1;
+        flex-shrink: 1;
+        word-wrap: break-word;
+        word-break: break-word;
+    }
+
+    .strikethrough {
+        text-decoration: line-through;
+        color: ${FtReaderSavedBookmarksCssVariables.itemBorderColor};
+    }
+`;

package/build/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./ft-reader-saved-bookmarks.styles";
+export * from "./ft-reader-saved-bookmarks.properties";
+export * from "./ft-reader-saved-bookmarks";

package/build/index.js

@@ -0,0 +1,6 @@
+import { customElement } from "@fluid-topics/ft-wc-utils";
+import { FtReaderSavedBookmarks } from "./ft-reader-saved-bookmarks";
+export * from "./ft-reader-saved-bookmarks.styles";
+export * from "./ft-reader-saved-bookmarks.properties";
+export * from "./ft-reader-saved-bookmarks";
+customElement("ft-reader-saved-bookmarks")(FtReaderSavedBookmarks);

package/package.json

@@ -0,0 +1,29 @@
+{
+    "name": "@fluid-topics/ft-reader-saved-bookmarks",
+    "version": "1.3.14",
+    "description": "Display the list of saved bookmarks",
+    "keywords": [
+        "Lit"
+    ],
+    "author": "Fluid Topics <devtopics@antidot.net>",
+    "license": "ISC",
+    "main": "build/index.js",
+    "web": "build/ft-reader-saved-bookmarks.min.js",
+    "typings": "build/index",
+    "files": [
+        "build/**/*.js",
+        "build/**/*.ts"
+    ],
+    "repository": {
+        "type": "git",
+        "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
+    },
+    "dependencies": {
+        "@fluid-topics/ft-wc-utils": "1.3.14",
+        "lit": "3.1.0"
+    },
+    "devDependencies": {
+        "@fluid-topics/ft-wc-test-utils": "1.3.14"
+    },
+    "gitHead": "18f0f8e7a68ec235ee6838c4f86002821393322e"
+}