@fluid-topics/ft-search-period-filter 1.1.64

package/build/ft-search-period-filter.properties.d.ts

@@ -0,0 +1,2 @@
+export interface FtSearchPeriodFilterProperties {
+}

package/build/ft-search-period-filter.properties.js

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

package/build/ft-search-period-filter.styles.d.ts

@@ -0,0 +1,4 @@
+export declare const FtSearchPeriodFilterCssVariables: {
+    headerColor: import("@fluid-topics/ft-wc-utils").FtCssVariable;
+};
+export declare const styles: import("lit").CSSResult;

package/build/ft-search-period-filter.styles.js

@@ -0,0 +1,46 @@
+import { css } from "lit";
+import { designSystemVariables, FtCssVariableFactory, setVariable } from "@fluid-topics/ft-wc-utils";
+import { FtTypographyCssVariables } from "@fluid-topics/ft-typography/build/ft-typography.styles";
+import { FtFilterCssVariables } from "@fluid-topics/ft-filter";
+export const FtSearchPeriodFilterCssVariables = {
+    headerColor: FtCssVariableFactory.extend("--ft-search-period-filter-header-color", "", designSystemVariables.colorOnSurface),
+};
+// language=CSS
+export const styles = css `
+    [part="container"] {
+        flex-grow: 1;
+        display: flex;
+        flex-direction: column;
+        max-height: 100%;
+        max-width: 100%;
+    }
+
+    [part="container"] > ft-radio-group {
+        flex-grow: 1;
+        flex-shrink: 1;
+        overflow: auto;
+        display: flex;
+        flex-direction: column;
+        ${setVariable(FtTypographyCssVariables.lineHeight, "22px")};
+    }
+
+    [part="header"] {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 4px;
+        flex-shrink: 0;
+        padding: 0 10px;
+        margin-bottom: 8px;
+        color: ${FtSearchPeriodFilterCssVariables.headerColor};
+    }
+
+    [part="label"] {
+        display: block;
+        flex-shrink: 1;
+        flex-grow: 1;
+        word-break: break-word;
+        font-size: ${FtFilterCssVariables.labelFontSize};
+        ${setVariable(FtTypographyCssVariables.fontWeight, "bold")};
+    }
+
+`;

package/build/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./ft-search-period-filter.styles";
+export * from "./ft-search-period-filter.properties";
+export * from "./ft-search-period-filter";
+export * from "./SearchPeriodFilterMessages";

package/build/index.js

@@ -0,0 +1,7 @@
+import { customElement } from "@fluid-topics/ft-wc-utils";
+import { FtSearchPeriodFilter } from "./ft-search-period-filter";
+export * from "./ft-search-period-filter.styles";
+export * from "./ft-search-period-filter.properties";
+export * from "./ft-search-period-filter";
+export * from "./SearchPeriodFilterMessages";
+customElement("ft-search-period-filter")(FtSearchPeriodFilter);

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@fluid-topics/ft-search-period-filter",
+  "version": "1.1.64",
+  "description": "Search period filter for integrated fluid-topics search pages",
+  "keywords": [
+    "Lit"
+  ],
+  "author": "Fluid Topics <devtopics@antidot.net>",
+  "license": "ISC",
+  "main": "build/index.js",
+  "web": "build/ft-search-locale-selector.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-filter": "1.1.64",
+    "@fluid-topics/ft-i18n": "1.1.64",
+    "@fluid-topics/ft-icon": "1.1.64",
+    "@fluid-topics/ft-search-context": "1.1.64",
+    "@fluid-topics/ft-tooltip": "1.1.64",
+    "@fluid-topics/ft-wc-utils": "1.1.64",
+    "lit": "3.1.0"
+  },
+  "devDependencies": {
+    "@fluid-topics/public-api": "1.0.65"
+  },
+  "gitHead": "de93ae28828fb464cab528f90580b63cdbbb195b"
+}