@trebired/frontend 0.5.0 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -0
- package/README.md +56 -84
- package/dist/config/index.d.ts +1 -1
- package/dist/config/index.d.ts.map +1 -1
- package/dist/config/module.js +1 -1
- package/dist/config/module.js.map +1 -1
- package/dist/config/normalize.d.ts +1 -2
- package/dist/config/normalize.d.ts.map +1 -1
- package/dist/config/normalize.js +24 -13
- package/dist/config/normalize.js.map +1 -1
- package/dist/config/palette.d.ts +8 -0
- package/dist/config/palette.d.ts.map +1 -0
- package/dist/config/palette.js +104 -0
- package/dist/config/palette.js.map +1 -0
- package/dist/config/scales-css.d.ts +8 -0
- package/dist/config/scales-css.d.ts.map +1 -0
- package/dist/config/scales-css.js +99 -0
- package/dist/config/scales-css.js.map +1 -0
- package/dist/config/scales.d.ts +4 -0
- package/dist/config/scales.d.ts.map +1 -0
- package/dist/config/scales.js +55 -0
- package/dist/config/scales.js.map +1 -0
- package/dist/config/scss.d.ts.map +1 -1
- package/dist/config/scss.js +57 -7
- package/dist/config/scss.js.map +1 -1
- package/dist/config/types.d.ts +67 -2
- package/dist/config/types.d.ts.map +1 -1
- package/dist/fullscreen/components/index.d.ts +20 -0
- package/dist/fullscreen/components/index.d.ts.map +1 -0
- package/dist/fullscreen/components/index.js +19 -0
- package/dist/fullscreen/components/index.js.map +1 -0
- package/dist/fullscreen/index.d.ts +24 -3
- package/dist/fullscreen/index.d.ts.map +1 -1
- package/dist/fullscreen/index.js +268 -7
- package/dist/fullscreen/index.js.map +1 -1
- package/dist/fullscreen/styles/index.scss +71 -0
- package/dist/index.d.ts +7 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +9 -1
- package/dist/index.js.map +1 -1
- package/dist/layout/components/index.d.ts +43 -0
- package/dist/layout/components/index.d.ts.map +1 -0
- package/dist/layout/components/index.js +53 -0
- package/dist/layout/components/index.js.map +1 -0
- package/dist/layout/index.d.ts +27 -0
- package/dist/layout/index.d.ts.map +1 -0
- package/dist/layout/index.js +80 -0
- package/dist/layout/index.js.map +1 -0
- package/dist/layout/styles/index.scss +137 -0
- package/dist/react/index.d.ts +14 -0
- package/dist/react/index.d.ts.map +1 -1
- package/dist/react/index.js +14 -0
- package/dist/react/index.js.map +1 -1
- package/dist/server/index.d.ts +5 -0
- package/dist/server/index.d.ts.map +1 -0
- package/dist/server/index.js +5 -0
- package/dist/server/index.js.map +1 -0
- package/dist/sidebar/components/index.d.ts +35 -0
- package/dist/sidebar/components/index.d.ts.map +1 -0
- package/dist/sidebar/components/index.js +49 -0
- package/dist/sidebar/components/index.js.map +1 -0
- package/dist/sidebar/index.d.ts +62 -0
- package/dist/sidebar/index.d.ts.map +1 -0
- package/dist/sidebar/index.js +247 -0
- package/dist/sidebar/index.js.map +1 -0
- package/dist/sidebar/styles/index.scss +205 -0
- package/dist/src/config/index.d.ts +1 -1
- package/dist/src/config/index.d.ts.map +1 -1
- package/dist/src/config/module.js +1 -1
- package/dist/src/config/module.js.map +1 -1
- package/dist/src/config/normalize.d.ts +1 -2
- package/dist/src/config/normalize.d.ts.map +1 -1
- package/dist/src/config/normalize.js +24 -13
- package/dist/src/config/normalize.js.map +1 -1
- package/dist/src/config/palette.d.ts +8 -0
- package/dist/src/config/palette.d.ts.map +1 -0
- package/dist/src/config/palette.js +104 -0
- package/dist/src/config/palette.js.map +1 -0
- package/dist/src/config/scales-css.d.ts +8 -0
- package/dist/src/config/scales-css.d.ts.map +1 -0
- package/dist/src/config/scales-css.js +99 -0
- package/dist/src/config/scales-css.js.map +1 -0
- package/dist/src/config/scales.d.ts +4 -0
- package/dist/src/config/scales.d.ts.map +1 -0
- package/dist/src/config/scales.js +55 -0
- package/dist/src/config/scales.js.map +1 -0
- package/dist/src/config/scss.d.ts.map +1 -1
- package/dist/src/config/scss.js +57 -7
- package/dist/src/config/scss.js.map +1 -1
- package/dist/src/config/types.d.ts +67 -2
- package/dist/src/config/types.d.ts.map +1 -1
- package/dist/src/fullscreen/components/index.d.ts +20 -0
- package/dist/src/fullscreen/components/index.d.ts.map +1 -0
- package/dist/src/fullscreen/components/index.js +19 -0
- package/dist/src/fullscreen/components/index.js.map +1 -0
- package/dist/src/fullscreen/index.d.ts +24 -3
- package/dist/src/fullscreen/index.d.ts.map +1 -1
- package/dist/src/fullscreen/index.js +268 -7
- package/dist/src/fullscreen/index.js.map +1 -1
- package/dist/src/index.d.ts +7 -1
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/index.js +9 -1
- package/dist/src/index.js.map +1 -1
- package/dist/src/layout/components/index.d.ts +43 -0
- package/dist/src/layout/components/index.d.ts.map +1 -0
- package/dist/src/layout/components/index.js +53 -0
- package/dist/src/layout/components/index.js.map +1 -0
- package/dist/src/layout/index.d.ts +27 -0
- package/dist/src/layout/index.d.ts.map +1 -0
- package/dist/src/layout/index.js +80 -0
- package/dist/src/layout/index.js.map +1 -0
- package/dist/src/react/index.d.ts +14 -0
- package/dist/src/react/index.d.ts.map +1 -1
- package/dist/src/react/index.js +14 -0
- package/dist/src/react/index.js.map +1 -1
- package/dist/src/server/index.d.ts +5 -0
- package/dist/src/server/index.d.ts.map +1 -0
- package/dist/src/server/index.js +5 -0
- package/dist/src/server/index.js.map +1 -0
- package/dist/src/sidebar/components/index.d.ts +35 -0
- package/dist/src/sidebar/components/index.d.ts.map +1 -0
- package/dist/src/sidebar/components/index.js +49 -0
- package/dist/src/sidebar/components/index.js.map +1 -0
- package/dist/src/sidebar/index.d.ts +62 -0
- package/dist/src/sidebar/index.d.ts.map +1 -0
- package/dist/src/sidebar/index.js +247 -0
- package/dist/src/sidebar/index.js.map +1 -0
- package/dist/styles/utils.scss +193 -0
- package/package.json +4 -167
- package/dist/src/styles/index.d.ts +0 -3
- package/dist/src/styles/index.d.ts.map +0 -1
- package/dist/src/styles/index.js +0 -15
- package/dist/src/styles/index.js.map +0 -1
- package/dist/styles/index.d.ts +0 -3
- package/dist/styles/index.d.ts.map +0 -1
- package/dist/styles/index.js +0 -15
- package/dist/styles/index.js.map +0 -1
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
function stepEntries(steps) {
|
|
2
|
+
return Object.entries(steps).sort(([a], [b]) => a.localeCompare(b));
|
|
3
|
+
}
|
|
4
|
+
function renderSpacingScale(steps) {
|
|
5
|
+
const vars = stepEntries(steps).map(([step, v]) => ` --space-${step}: ${v}px;`);
|
|
6
|
+
return { body: [], vars };
|
|
7
|
+
}
|
|
8
|
+
function renderPaddingScale(steps) {
|
|
9
|
+
const sides = ["top", "right", "bottom", "left"];
|
|
10
|
+
const body = [];
|
|
11
|
+
for (const [step, v] of stepEntries(steps)) {
|
|
12
|
+
body.push(`@mixin padding-${step} { padding: ${v}px; }`, `.padding-${step} { @include padding-${step}; --scroll-min-padding-bottom: ${v}px; }`);
|
|
13
|
+
for (const side of sides) {
|
|
14
|
+
const extra = side === "bottom" ? ` --scroll-min-padding-bottom: ${v}px;` : "";
|
|
15
|
+
body.push(`.padding-${side}-${step} { padding-${side}: ${v}px;${extra} }`);
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
body.push(".padding-0 { padding: 0; }");
|
|
19
|
+
return { body, vars: [] };
|
|
20
|
+
}
|
|
21
|
+
function radiusValueMixin(name, value) {
|
|
22
|
+
return `@mixin ${name}($important: false) { @if $important { border-radius: ${value} !important; } @else { border-radius: ${value}; } }`;
|
|
23
|
+
}
|
|
24
|
+
function renderRadiusScale(steps) {
|
|
25
|
+
const vars = [];
|
|
26
|
+
const body = [];
|
|
27
|
+
for (const [step, v] of stepEntries(steps)) {
|
|
28
|
+
vars.push(` --radius-${step}: ${v}px;`);
|
|
29
|
+
body.push(radiusValueMixin(`radius-${step}`, `${v}px`), `.radius-${step} { @include radius-${step}(true); }`);
|
|
30
|
+
}
|
|
31
|
+
if (Object.prototype.hasOwnProperty.call(steps, "lg")) {
|
|
32
|
+
body.push(radiusValueMixin("radius-lg-plus", "calc(var(--radius-lg) + 6px)"));
|
|
33
|
+
}
|
|
34
|
+
if (Object.prototype.hasOwnProperty.call(steps, "sm")) {
|
|
35
|
+
body.push("@mixin radius-left-sm { border-top-left-radius: var(--radius-sm); border-bottom-left-radius: var(--radius-sm); }", "@mixin radius-right-sm { border-top-right-radius: var(--radius-sm); border-bottom-right-radius: var(--radius-sm); }");
|
|
36
|
+
}
|
|
37
|
+
body.push(radiusValueMixin("radius-2xs", "2px"), radiusValueMixin("radius-none", "0"), radiusValueMixin("radius-pill", "999px"), radiusValueMixin("radius-circle", "50%"), radiusValueMixin("radius-inherit", "inherit"));
|
|
38
|
+
return { body, vars };
|
|
39
|
+
}
|
|
40
|
+
function renderHeightScale(steps) {
|
|
41
|
+
const vars = [];
|
|
42
|
+
const body = [];
|
|
43
|
+
for (const [step, v] of stepEntries(steps)) {
|
|
44
|
+
vars.push(` --height-${step}: ${v}px;`);
|
|
45
|
+
body.push(`.height-${step} { height: var(--height-${step}) !important; }`, `.min-height-${step} { min-height: var(--height-${step}) !important; }`, `.max-height-${step} { max-height: var(--height-${step}) !important; }`);
|
|
46
|
+
}
|
|
47
|
+
if (Object.keys(steps).length) {
|
|
48
|
+
body.push(".height-max { height: 100% !important; }", ".min-height-max { min-height: 100% !important; }", ".max-height-max { max-height: 100% !important; }", ".height-fit { height: fit-content !important; }", ".min-height-fit { min-height: fit-content !important; }", ".max-height-fit { max-height: fit-content !important; }");
|
|
49
|
+
}
|
|
50
|
+
return { body, vars };
|
|
51
|
+
}
|
|
52
|
+
function renderWidthScale(steps) {
|
|
53
|
+
const body = stepEntries(steps).map(([step, v]) => `.width-${step} { width: min(100%, ${v}px) !important; }`);
|
|
54
|
+
return { body, vars: [] };
|
|
55
|
+
}
|
|
56
|
+
function renderTextSizeScale(steps) {
|
|
57
|
+
const body = stepEntries(steps).map(([step, v]) => `.text-${step} { font-size: ${v}px; }`);
|
|
58
|
+
return { body, vars: [] };
|
|
59
|
+
}
|
|
60
|
+
function renderLineHeightScale(steps) {
|
|
61
|
+
const body = [];
|
|
62
|
+
for (const [step, v] of stepEntries(steps)) {
|
|
63
|
+
body.push(`@mixin lh-${step} { line-height: ${v}; }`, `.lh-${step} { @include lh-${step}; }`);
|
|
64
|
+
}
|
|
65
|
+
return { body, vars: [] };
|
|
66
|
+
}
|
|
67
|
+
function renderZIndexScale(config) {
|
|
68
|
+
const vars = [];
|
|
69
|
+
const body = [];
|
|
70
|
+
for (const [step, v] of stepEntries(config.steps)) {
|
|
71
|
+
vars.push(` --z-index-${step}: ${v};`);
|
|
72
|
+
body.push(`.z-index-${step} { z-index: var(--z-index-${step}); }`);
|
|
73
|
+
}
|
|
74
|
+
if (config.layerRoot)
|
|
75
|
+
vars.push(` --z-layer-root: var(--z-index-${config.layerRoot});`);
|
|
76
|
+
if (config.progress)
|
|
77
|
+
vars.push(` --z-progress: var(--z-index-${config.progress});`);
|
|
78
|
+
if (config.confetti)
|
|
79
|
+
vars.push(` --z-confetti: var(--z-index-${config.confetti});`);
|
|
80
|
+
return { body, vars };
|
|
81
|
+
}
|
|
82
|
+
function renderScalesCss(config) {
|
|
83
|
+
const parts = [
|
|
84
|
+
renderSpacingScale(config.spacing),
|
|
85
|
+
renderPaddingScale(config.padding),
|
|
86
|
+
renderRadiusScale(config.radius),
|
|
87
|
+
renderHeightScale(config.height),
|
|
88
|
+
renderWidthScale(config.width),
|
|
89
|
+
renderTextSizeScale(config.textSize),
|
|
90
|
+
renderLineHeightScale(config.lineHeight),
|
|
91
|
+
renderZIndexScale(config.zIndex),
|
|
92
|
+
];
|
|
93
|
+
return {
|
|
94
|
+
body: parts.flatMap((part) => part.body),
|
|
95
|
+
vars: parts.flatMap((part) => part.vars),
|
|
96
|
+
};
|
|
97
|
+
}
|
|
98
|
+
export { renderScalesCss };
|
|
99
|
+
//# sourceMappingURL=scales-css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scales-css.js","sourceRoot":"","sources":["../../../src/config/scales-css.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scales.d.ts","sourceRoot":"","sources":["../../../src/config/scales.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,sCAAsC,EAGvC,MAAM,YAAY,CAAC;AA+CpB,iBAAS,qBAAqB,CAAC,KAAK,EAAE,OAAO,GAAG,sCAAsC,CAYrF;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAC"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { assertPlainObject, invalidConfig } from "./shared.js";
|
|
2
|
+
const SCALE_STEP_KEY_RE = /^[a-z0-9][a-z0-9_-]*$/iu;
|
|
3
|
+
function normalizeScaleSteps(value, pathLabel) {
|
|
4
|
+
if (value === undefined)
|
|
5
|
+
return {};
|
|
6
|
+
const source = assertPlainObject(value, pathLabel);
|
|
7
|
+
const out = {};
|
|
8
|
+
for (const [step, amount] of Object.entries(source).sort(([a], [b]) => a.localeCompare(b))) {
|
|
9
|
+
if (!SCALE_STEP_KEY_RE.test(step)) {
|
|
10
|
+
throw invalidConfig(`${pathLabel}.${step} has an invalid step key`);
|
|
11
|
+
}
|
|
12
|
+
if (typeof amount !== "number" || !Number.isFinite(amount)) {
|
|
13
|
+
throw invalidConfig(`${pathLabel}.${step} must be a finite number`);
|
|
14
|
+
}
|
|
15
|
+
out[step] = amount;
|
|
16
|
+
}
|
|
17
|
+
return out;
|
|
18
|
+
}
|
|
19
|
+
function normalizeZIndexRole(value, steps, pathLabel) {
|
|
20
|
+
if (value === undefined || value === "")
|
|
21
|
+
return "";
|
|
22
|
+
const key = String(value).trim();
|
|
23
|
+
if (!Object.prototype.hasOwnProperty.call(steps, key)) {
|
|
24
|
+
throw invalidConfig(`${pathLabel} must name a step declared in scales.zIndex.steps`);
|
|
25
|
+
}
|
|
26
|
+
return key;
|
|
27
|
+
}
|
|
28
|
+
function normalizeZIndexScale(value) {
|
|
29
|
+
if (value === undefined) {
|
|
30
|
+
return { confetti: "", layerRoot: "", progress: "", steps: {} };
|
|
31
|
+
}
|
|
32
|
+
const source = assertPlainObject(value, "scales.zIndex");
|
|
33
|
+
const steps = normalizeScaleSteps(source.steps, "scales.zIndex.steps");
|
|
34
|
+
return {
|
|
35
|
+
confetti: normalizeZIndexRole(source.confetti, steps, "scales.zIndex.confetti"),
|
|
36
|
+
layerRoot: normalizeZIndexRole(source.layerRoot, steps, "scales.zIndex.layerRoot"),
|
|
37
|
+
progress: normalizeZIndexRole(source.progress, steps, "scales.zIndex.progress"),
|
|
38
|
+
steps,
|
|
39
|
+
};
|
|
40
|
+
}
|
|
41
|
+
function normalizeScalesConfig(value) {
|
|
42
|
+
const source = value === undefined ? {} : assertPlainObject(value, "scales");
|
|
43
|
+
return {
|
|
44
|
+
height: normalizeScaleSteps(source.height, "scales.height"),
|
|
45
|
+
lineHeight: normalizeScaleSteps(source.lineHeight, "scales.lineHeight"),
|
|
46
|
+
padding: normalizeScaleSteps(source.padding, "scales.padding"),
|
|
47
|
+
radius: normalizeScaleSteps(source.radius, "scales.radius"),
|
|
48
|
+
spacing: normalizeScaleSteps(source.spacing, "scales.spacing"),
|
|
49
|
+
textSize: normalizeScaleSteps(source.textSize, "scales.textSize"),
|
|
50
|
+
width: normalizeScaleSteps(source.width, "scales.width"),
|
|
51
|
+
zIndex: normalizeZIndexScale(source.zIndex),
|
|
52
|
+
};
|
|
53
|
+
}
|
|
54
|
+
export { normalizeScalesConfig };
|
|
55
|
+
//# sourceMappingURL=scales.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scales.js","sourceRoot":"","sources":["../../../src/config/scales.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scss.d.ts","sourceRoot":"","sources":["../../../src/config/scss.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"scss.d.ts","sourceRoot":"","sources":["../../../src/config/scss.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EACV,gCAAgC,EAEhC,sBAAsB,EAEvB,MAAM,YAAY,CAAC;AA2HpB,iBAAS,4BAA4B,CACnC,WAAW,EAAE,sBAAsB,GAAG,gCAAgC,GACrE,MAAM,CAgBR;AAED,OAAO,EAAE,4BAA4B,EAAE,CAAC"}
|
package/dist/config/scss.js
CHANGED
|
@@ -1,6 +1,37 @@
|
|
|
1
|
+
import path from "node:path";
|
|
2
|
+
import { fileURLToPath } from "node:url";
|
|
1
3
|
import { cssComment, cssString } from "./shared.js";
|
|
2
|
-
import { SYSTEM_ORDER,
|
|
4
|
+
import { SYSTEM_ORDER, THEME_MODE_ATTRIBUTE, normalizeTrebiredFrontendConfig, } from "./normalize.js";
|
|
5
|
+
import { findPaletteMode, paletteModeScaleDeclarations, paletteSemanticDeclarations, paletteSuffixedDeclarations, } from "./palette.js";
|
|
6
|
+
import { renderScalesCss } from "./scales-css.js";
|
|
3
7
|
import { flattenThemeTokens } from "./theme.js";
|
|
8
|
+
const SYSTEM_STYLE_FILES = {
|
|
9
|
+
actions: "actions/styles/index.scss",
|
|
10
|
+
flash: "flash/styles/index.scss",
|
|
11
|
+
icons: "icons/styles/index.scss",
|
|
12
|
+
inputs: "inputs/styles/index.scss",
|
|
13
|
+
layer: "layer/styles/index.scss",
|
|
14
|
+
layout: "layout/styles/index.scss",
|
|
15
|
+
modal: "modal/styles/index.scss",
|
|
16
|
+
popover: "popover/styles/index.scss",
|
|
17
|
+
progress: "progress/styles/index.scss",
|
|
18
|
+
sidebar: "sidebar/styles/index.scss",
|
|
19
|
+
tooltip: "tooltip/styles/index.scss",
|
|
20
|
+
fullscreen: "fullscreen/styles/index.scss",
|
|
21
|
+
};
|
|
22
|
+
function packageStylePath(relativePath) {
|
|
23
|
+
const configDir = path.dirname(fileURLToPath(import.meta.url));
|
|
24
|
+
return path.resolve(configDir, "..", relativePath).replace(/\\/gu, "/");
|
|
25
|
+
}
|
|
26
|
+
function packageStyleUse(relativePath) {
|
|
27
|
+
return `@use ${cssString(packageStylePath(relativePath))} as *;`;
|
|
28
|
+
}
|
|
29
|
+
function isNormalizedConfig(value) {
|
|
30
|
+
if (!value || typeof value !== "object" || Array.isArray(value))
|
|
31
|
+
return false;
|
|
32
|
+
const config = value;
|
|
33
|
+
return Array.isArray(config.theme?.modes) && Array.isArray(config.palette?.modes);
|
|
34
|
+
}
|
|
4
35
|
function tokenDeclarations(prefix, tokens) {
|
|
5
36
|
return flattenThemeTokens(tokens).map(([key, value]) => ` --${prefix}-${key}: ${String(value)};`);
|
|
6
37
|
}
|
|
@@ -12,12 +43,16 @@ function rootDeclarations(config) {
|
|
|
12
43
|
...(modes.length ? [` --${config.prefix}-theme-modes: ${cssString(modes.map((mode) => mode.key).join(" "))};`] : []),
|
|
13
44
|
...(defaultMode ? [` --${config.prefix}-theme-default: ${cssString(defaultMode)};`] : []),
|
|
14
45
|
...tokenDeclarations(config.prefix, config.theme.tokens),
|
|
46
|
+
...paletteSemanticDeclarations(config.palette),
|
|
47
|
+
...paletteSuffixedDeclarations(config.palette),
|
|
15
48
|
];
|
|
16
49
|
}
|
|
17
50
|
function modeDeclarations(config, mode) {
|
|
51
|
+
const paletteMode = findPaletteMode(config.palette, mode.key);
|
|
18
52
|
return [
|
|
19
53
|
` color-scheme: ${mode.scheme};`,
|
|
20
54
|
...tokenDeclarations(config.prefix, mode.tokens),
|
|
55
|
+
...(paletteMode ? paletteModeScaleDeclarations(paletteMode) : []),
|
|
21
56
|
];
|
|
22
57
|
}
|
|
23
58
|
function renderBlock(selector, declarations, indent = "") {
|
|
@@ -59,24 +94,39 @@ function renderThemeCss(config) {
|
|
|
59
94
|
...renderSystemPreferenceBlock(config, "light"),
|
|
60
95
|
];
|
|
61
96
|
}
|
|
97
|
+
function renderScalesRootBlock(vars) {
|
|
98
|
+
if (!vars.length)
|
|
99
|
+
return [];
|
|
100
|
+
return ["", ...renderBlock(":root", vars)];
|
|
101
|
+
}
|
|
102
|
+
function renderScalesBody(body) {
|
|
103
|
+
if (!body.length)
|
|
104
|
+
return [];
|
|
105
|
+
return ["", ...body];
|
|
106
|
+
}
|
|
62
107
|
function renderSystemImports(config) {
|
|
63
108
|
const lines = [];
|
|
64
109
|
for (const system of SYSTEM_ORDER) {
|
|
65
|
-
const
|
|
66
|
-
if (
|
|
67
|
-
lines.push(
|
|
110
|
+
const stylePath = SYSTEM_STYLE_FILES[system];
|
|
111
|
+
if (stylePath && config.systems[system])
|
|
112
|
+
lines.push(packageStyleUse(stylePath));
|
|
68
113
|
}
|
|
69
114
|
return lines;
|
|
70
115
|
}
|
|
71
116
|
function generateTrebiredFrontendScss(configInput) {
|
|
72
|
-
const config =
|
|
117
|
+
const config = isNormalizedConfig(configInput)
|
|
118
|
+
? configInput
|
|
119
|
+
: normalizeTrebiredFrontendConfig(configInput);
|
|
120
|
+
const scalesCss = renderScalesCss(config.scales);
|
|
73
121
|
const lines = [
|
|
74
122
|
"/* Generated by @trebired/frontend. Do not edit directly. */",
|
|
75
123
|
`/* prefix: ${cssComment(config.prefix)} */`,
|
|
76
|
-
|
|
77
|
-
|
|
124
|
+
packageStyleUse("styles/tokens.scss"),
|
|
125
|
+
packageStyleUse("styles/utils.scss"),
|
|
78
126
|
...renderSystemImports(config),
|
|
79
127
|
...renderThemeCss(config),
|
|
128
|
+
...renderScalesRootBlock(scalesCss.vars),
|
|
129
|
+
...renderScalesBody(scalesCss.body),
|
|
80
130
|
];
|
|
81
131
|
return `${lines.join("\n")}\n`;
|
|
82
132
|
}
|
package/dist/config/scss.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scss.js","sourceRoot":"","sources":["../../../src/config/scss.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EACL,YAAY,EACZ,oBAAoB,EACpB
|
|
1
|
+
{"version":3,"file":"scss.js","sourceRoot":"","sources":["../../../src/config/scss.ts"],"names":[],"mappings":"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"}
|
package/dist/config/types.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
type TrebiredFrontendIconPack = "remixicon" | "simple-icons";
|
|
2
|
-
type TrebiredFrontendSystemKey = "actions" | "flash" | "fullscreen" | "icons" | "inputs" | "layer" | "modal" | "popover" | "progress" | "theme" | "tooltip";
|
|
2
|
+
type TrebiredFrontendSystemKey = "actions" | "flash" | "fullscreen" | "icons" | "inputs" | "layer" | "layout" | "modal" | "popover" | "progress" | "sidebar" | "theme" | "tooltip";
|
|
3
3
|
type TrebiredFrontendThemeTokens = Record<string, unknown>;
|
|
4
4
|
type TrebiredFrontendThemeModeScheme = "dark" | "light";
|
|
5
5
|
type TrebiredFrontendThemeMode = {
|
|
@@ -15,12 +15,45 @@ type TrebiredFrontendThemeConfig = {
|
|
|
15
15
|
modes?: Record<string, TrebiredFrontendThemeMode>;
|
|
16
16
|
tokens?: TrebiredFrontendThemeTokens;
|
|
17
17
|
};
|
|
18
|
+
type TrebiredFrontendPaletteScale = Record<string, string>;
|
|
19
|
+
type TrebiredFrontendPaletteFamilies = Record<string, TrebiredFrontendPaletteScale>;
|
|
20
|
+
type TrebiredFrontendPaletteMode = {
|
|
21
|
+
scale: TrebiredFrontendPaletteFamilies;
|
|
22
|
+
};
|
|
23
|
+
type TrebiredFrontendPaletteSemanticRef = {
|
|
24
|
+
family: string;
|
|
25
|
+
step: string;
|
|
26
|
+
};
|
|
27
|
+
type TrebiredFrontendPaletteConfig = {
|
|
28
|
+
modes?: Record<string, TrebiredFrontendPaletteMode>;
|
|
29
|
+
semantic?: Record<string, TrebiredFrontendPaletteSemanticRef>;
|
|
30
|
+
suffixedVariants?: boolean;
|
|
31
|
+
};
|
|
32
|
+
type TrebiredFrontendScaleSteps = Record<string, number>;
|
|
33
|
+
type TrebiredFrontendZIndexScaleConfig = {
|
|
34
|
+
confetti?: string;
|
|
35
|
+
layerRoot?: string;
|
|
36
|
+
progress?: string;
|
|
37
|
+
steps: TrebiredFrontendScaleSteps;
|
|
38
|
+
};
|
|
39
|
+
type TrebiredFrontendScalesConfig = {
|
|
40
|
+
height?: TrebiredFrontendScaleSteps;
|
|
41
|
+
lineHeight?: TrebiredFrontendScaleSteps;
|
|
42
|
+
padding?: TrebiredFrontendScaleSteps;
|
|
43
|
+
radius?: TrebiredFrontendScaleSteps;
|
|
44
|
+
spacing?: TrebiredFrontendScaleSteps;
|
|
45
|
+
textSize?: TrebiredFrontendScaleSteps;
|
|
46
|
+
width?: TrebiredFrontendScaleSteps;
|
|
47
|
+
zIndex?: TrebiredFrontendZIndexScaleConfig;
|
|
48
|
+
};
|
|
18
49
|
type TrebiredFrontendConfig = {
|
|
50
|
+
palette?: TrebiredFrontendPaletteConfig;
|
|
19
51
|
prefix?: string;
|
|
20
52
|
icons?: {
|
|
21
53
|
endpoint?: string;
|
|
22
54
|
packs?: readonly TrebiredFrontendIconPack[];
|
|
23
55
|
};
|
|
56
|
+
scales?: TrebiredFrontendScalesConfig;
|
|
24
57
|
systems?: Partial<Record<TrebiredFrontendSystemKey, boolean>>;
|
|
25
58
|
theme?: TrebiredFrontendThemeConfig;
|
|
26
59
|
};
|
|
@@ -38,12 +71,44 @@ type NormalizedTrebiredFrontendThemeConfig = {
|
|
|
38
71
|
modes: NormalizedTrebiredFrontendThemeMode[];
|
|
39
72
|
tokens: TrebiredFrontendThemeTokens;
|
|
40
73
|
};
|
|
74
|
+
type NormalizedTrebiredFrontendPaletteMode = {
|
|
75
|
+
key: string;
|
|
76
|
+
scale: TrebiredFrontendPaletteFamilies;
|
|
77
|
+
};
|
|
78
|
+
type NormalizedTrebiredFrontendPaletteSemantic = {
|
|
79
|
+
family: string;
|
|
80
|
+
name: string;
|
|
81
|
+
step: string;
|
|
82
|
+
};
|
|
83
|
+
type NormalizedTrebiredFrontendPaletteConfig = {
|
|
84
|
+
modes: NormalizedTrebiredFrontendPaletteMode[];
|
|
85
|
+
semantic: NormalizedTrebiredFrontendPaletteSemantic[];
|
|
86
|
+
suffixedVariants: boolean;
|
|
87
|
+
};
|
|
88
|
+
type NormalizedTrebiredFrontendZIndexScaleConfig = {
|
|
89
|
+
confetti: string;
|
|
90
|
+
layerRoot: string;
|
|
91
|
+
progress: string;
|
|
92
|
+
steps: TrebiredFrontendScaleSteps;
|
|
93
|
+
};
|
|
94
|
+
type NormalizedTrebiredFrontendScalesConfig = {
|
|
95
|
+
height: TrebiredFrontendScaleSteps;
|
|
96
|
+
lineHeight: TrebiredFrontendScaleSteps;
|
|
97
|
+
padding: TrebiredFrontendScaleSteps;
|
|
98
|
+
radius: TrebiredFrontendScaleSteps;
|
|
99
|
+
spacing: TrebiredFrontendScaleSteps;
|
|
100
|
+
textSize: TrebiredFrontendScaleSteps;
|
|
101
|
+
width: TrebiredFrontendScaleSteps;
|
|
102
|
+
zIndex: NormalizedTrebiredFrontendZIndexScaleConfig;
|
|
103
|
+
};
|
|
41
104
|
type NormalizedTrebiredFrontendConfig = {
|
|
105
|
+
palette: NormalizedTrebiredFrontendPaletteConfig;
|
|
42
106
|
prefix: string;
|
|
43
107
|
icons: {
|
|
44
108
|
endpoint: string;
|
|
45
109
|
packs: TrebiredFrontendIconPack[];
|
|
46
110
|
};
|
|
111
|
+
scales: NormalizedTrebiredFrontendScalesConfig;
|
|
47
112
|
systems: Record<TrebiredFrontendSystemKey, boolean>;
|
|
48
113
|
theme: NormalizedTrebiredFrontendThemeConfig;
|
|
49
114
|
};
|
|
@@ -58,5 +123,5 @@ type LoadTrebiredFrontendConfigOptions = {
|
|
|
58
123
|
defaultIfMissing?: boolean;
|
|
59
124
|
searchFrom?: string;
|
|
60
125
|
};
|
|
61
|
-
export type { LoadTrebiredFrontendConfigOptions, LoadedTrebiredFrontendConfig, NormalizedTrebiredFrontendConfig, NormalizedTrebiredFrontendThemeConfig, NormalizedTrebiredFrontendThemeMode, TrebiredFrontendConfig, TrebiredFrontendIconPack, TrebiredFrontendSystemKey, TrebiredFrontendThemeConfig, TrebiredFrontendThemeMode, TrebiredFrontendThemeModeScheme, TrebiredFrontendThemeTokens, };
|
|
126
|
+
export type { LoadTrebiredFrontendConfigOptions, LoadedTrebiredFrontendConfig, NormalizedTrebiredFrontendConfig, NormalizedTrebiredFrontendPaletteConfig, NormalizedTrebiredFrontendPaletteMode, NormalizedTrebiredFrontendPaletteSemantic, NormalizedTrebiredFrontendScalesConfig, NormalizedTrebiredFrontendThemeConfig, NormalizedTrebiredFrontendThemeMode, NormalizedTrebiredFrontendZIndexScaleConfig, TrebiredFrontendConfig, TrebiredFrontendIconPack, TrebiredFrontendPaletteConfig, TrebiredFrontendPaletteFamilies, TrebiredFrontendPaletteMode, TrebiredFrontendPaletteScale, TrebiredFrontendPaletteSemanticRef, TrebiredFrontendScaleSteps, TrebiredFrontendScalesConfig, TrebiredFrontendSystemKey, TrebiredFrontendThemeConfig, TrebiredFrontendThemeMode, TrebiredFrontendThemeModeScheme, TrebiredFrontendThemeTokens, TrebiredFrontendZIndexScaleConfig, };
|
|
62
127
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/config/types.ts"],"names":[],"mappings":"AAAA,KAAK,wBAAwB,GAAG,WAAW,GAAG,cAAc,CAAC;AAE7D,KAAK,yBAAyB,GAC1B,SAAS,GACT,OAAO,GACP,YAAY,GACZ,OAAO,GACP,QAAQ,GACR,OAAO,GACP,OAAO,GACP,SAAS,GACT,UAAU,GACV,OAAO,GACP,SAAS,CAAC;AAEd,KAAK,2BAA2B,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE3D,KAAK,+BAA+B,GAAG,MAAM,GAAG,OAAO,CAAC;AAExD,KAAK,yBAAyB,GAAG;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,+BAA+B,CAAC;IACzC,MAAM,CAAC,EAAE,2BAA2B,CAAC;CACtC,CAAC;AAEF,KAAK,2BAA2B,GAAG;IACjC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,yBAAyB,CAAC,CAAC;IAClD,MAAM,CAAC,EAAE,2BAA2B,CAAC;CACtC,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE;QACN,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,SAAS,wBAAwB,EAAE,CAAC;KAC7C,CAAC;IACF,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,yBAAyB,EAAE,OAAO,CAAC,CAAC,CAAC;IAC9D,KAAK,CAAC,EAAE,2BAA2B,CAAC;CACrC,CAAC;AAEF,KAAK,mCAAmC,GAAG;IACzC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,+BAA+B,CAAC;IACxC,MAAM,EAAE,2BAA2B,CAAC;CACrC,CAAC;AAEF,KAAK,qCAAqC,GAAG;IAC3C,YAAY,EAAE,OAAO,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,mCAAmC,EAAE,CAAC;IAC7C,MAAM,EAAE,2BAA2B,CAAC;CACrC,CAAC;AAEF,KAAK,gCAAgC,GAAG;IACtC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE;QACL,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE,wBAAwB,EAAE,CAAC;KACnC,CAAC;IACF,OAAO,EAAE,MAAM,CAAC,yBAAyB,EAAE,OAAO,CAAC,CAAC;IACpD,KAAK,EAAE,qCAAqC,CAAC;CAC9C,CAAC;AAEF,KAAK,4BAA4B,GAAG;IAClC,MAAM,EAAE,gCAAgC,CAAC;IACzC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,iCAAiC,GAAG;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,YAAY,EACV,iCAAiC,EACjC,4BAA4B,EAC5B,gCAAgC,EAChC,qCAAqC,EACrC,mCAAmC,EACnC,sBAAsB,EACtB,wBAAwB,EACxB,yBAAyB,EACzB,2BAA2B,EAC3B,yBAAyB,EACzB,+BAA+B,EAC/B,2BAA2B,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/config/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { ButtonHTMLAttributes, HTMLAttributes } from "react";
|
|
2
|
+
import type { FullscreenTriggerMode } from "../index.d.ts";
|
|
3
|
+
type FullscreenTargetProps = HTMLAttributes<HTMLDivElement> & {
|
|
4
|
+
fullscreenId: string;
|
|
5
|
+
group?: string;
|
|
6
|
+
persist?: boolean;
|
|
7
|
+
};
|
|
8
|
+
type FullscreenButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
9
|
+
fullscreenId?: string;
|
|
10
|
+
group?: string;
|
|
11
|
+
mode?: FullscreenTriggerMode;
|
|
12
|
+
nativeTarget?: string;
|
|
13
|
+
};
|
|
14
|
+
declare function FullscreenTarget(props: FullscreenTargetProps): import("react").JSX.Element;
|
|
15
|
+
declare function FullscreenButton(props: FullscreenButtonProps): import("react").JSX.Element;
|
|
16
|
+
declare function FullscreenOpenButton(props: Omit<FullscreenButtonProps, "mode">): import("react").JSX.Element;
|
|
17
|
+
declare function FullscreenCloseButton(props: Omit<FullscreenButtonProps, "mode">): import("react").JSX.Element;
|
|
18
|
+
export { FullscreenButton, FullscreenCloseButton, FullscreenOpenButton, FullscreenTarget, };
|
|
19
|
+
export type { FullscreenButtonProps, FullscreenTargetProps };
|
|
20
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/fullscreen/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,cAAc,EAEf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAE3D,KAAK,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC5D,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,KAAK,qBAAqB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACrE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,+BAqBrD;AAED,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,+BA6BrD;AAED,iBAAS,oBAAoB,CAAC,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,MAAM,CAAC,+BAEvE;AAED,iBAAS,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,MAAM,CAAC,+BAExE;AAED,OAAO,EACL,gBAAgB,EAChB,qBAAqB,EACrB,oBAAoB,EACpB,gBAAgB,GACjB,CAAC;AACF,YAAY,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames, dataBool } from "../../components/index.js";
|
|
3
|
+
function FullscreenTarget(props) {
|
|
4
|
+
const { children, className, fullscreenId, group = "default", persist, ...rest } = props;
|
|
5
|
+
return (_jsx("div", { ...rest, className: classNames("tbf-fullscreen-target", className), "data-tbf-fullscreen-target": "", "data-tbf-fullscreen-id": fullscreenId, "data-tbf-fullscreen-group": group, "data-tbf-fullscreen-persist": dataBool(persist), children: children }));
|
|
6
|
+
}
|
|
7
|
+
function FullscreenButton(props) {
|
|
8
|
+
const { children, className, fullscreenId, group = "default", mode = "toggle", nativeTarget, type = "button", ...rest } = props;
|
|
9
|
+
const panel = Boolean(fullscreenId);
|
|
10
|
+
return (_jsx("button", { ...rest, className: classNames("tbf-button tbf-fullscreen-button", className), "data-tbf-fullscreen-trigger": panel ? "" : undefined, "data-tbf-fullscreen-id": fullscreenId, "data-tbf-fullscreen-group": panel ? group : undefined, "data-tbf-fullscreen-mode": mode, "data-tbf-fullscreen-target": nativeTarget, "data-tbf-fullscreen-toggle": !panel && mode === "toggle" ? "" : undefined, "data-tbf-fullscreen-enter": !panel && mode === "open" ? "" : undefined, "data-tbf-fullscreen-exit": !panel && (mode === "close" || mode === "exit") ? "" : undefined, type: type, children: children }));
|
|
11
|
+
}
|
|
12
|
+
function FullscreenOpenButton(props) {
|
|
13
|
+
return _jsx(FullscreenButton, { ...props, mode: "open" });
|
|
14
|
+
}
|
|
15
|
+
function FullscreenCloseButton(props) {
|
|
16
|
+
return _jsx(FullscreenButton, { ...props, mode: "close" });
|
|
17
|
+
}
|
|
18
|
+
export { FullscreenButton, FullscreenCloseButton, FullscreenOpenButton, FullscreenTarget, };
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/fullscreen/components/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAgBrD,SAAS,gBAAgB,CAAC,KAA4B;IACpD,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,KAAK,GAAG,SAAS,EACjB,OAAO,EACP,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IACV,OAAO,CACL,iBACM,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,uBAAuB,EAAE,SAAS,CAAC,gCAC9B,EAAE,4BACL,YAAY,+BACT,KAAK,iCACH,QAAQ,CAAC,OAAO,CAAC,YAE7C,QAAqB,GAClB,CACP,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAC,KAA4B;IACpD,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,QAAQ,EACf,YAAY,EACZ,IAAI,GAAG,QAAQ,EACf,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IACV,MAAM,KAAK,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;IACpC,OAAO,CACL,oBACM,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,kCAAkC,EAAE,SAAS,CAAC,iCACvC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,4BAC3B,YAAY,+BACT,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,8BAC1B,IAAI,gCACF,YAAY,gCACZ,CAAC,KAAK,IAAI,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,+BAC7C,CAAC,KAAK,IAAI,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,8BAC3C,CAAC,KAAK,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAC1F,IAAI,EAAE,IAAI,YAET,QAAQ,GACF,CACV,CAAC;AACJ,CAAC;AAED,SAAS,oBAAoB,CAAC,KAA0C;IACtE,OAAO,KAAC,gBAAgB,OAAK,KAAK,EAAE,IAAI,EAAC,MAAM,GAAG,CAAC;AACrD,CAAC;AAED,SAAS,qBAAqB,CAAC,KAA0C;IACvE,OAAO,KAAC,gBAAgB,OAAK,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CAAC;AACtD,CAAC;AAED,OAAO,EACL,gBAAgB,EAChB,qBAAqB,EACrB,oBAAoB,EACpB,gBAAgB,GACjB,CAAC"}
|
|
@@ -1,15 +1,36 @@
|
|
|
1
1
|
import { type BindRoot } from "../dom/index.d.ts";
|
|
2
|
-
declare const
|
|
2
|
+
declare const FULLSCREEN_BASE_Z_INDEX = 1120;
|
|
3
|
+
declare const FULLSCREEN_TRIGGER_SELECTOR: string;
|
|
4
|
+
declare const FULLSCREEN_TARGET_SELECTOR = "[data-tbf-fullscreen-target][data-tbf-fullscreen-id][data-tbf-fullscreen-group]";
|
|
5
|
+
declare const FULLSCREEN_STORAGE_PREFIX = "tbf:fullscreen:";
|
|
3
6
|
type FullscreenRuntimeOptions = {
|
|
4
7
|
target?: Element | string | null;
|
|
5
8
|
};
|
|
9
|
+
type FullscreenTriggerMode = "close" | "exit" | "open" | "toggle";
|
|
10
|
+
type FullscreenPanelState = {
|
|
11
|
+
group: string;
|
|
12
|
+
id: string;
|
|
13
|
+
nextSibling: ChildNode | null;
|
|
14
|
+
originalParent: Node | null;
|
|
15
|
+
originalStyle: string | null;
|
|
16
|
+
overlay: HTMLElement;
|
|
17
|
+
placeholder: HTMLElement;
|
|
18
|
+
target: HTMLElement;
|
|
19
|
+
trigger: HTMLElement | null;
|
|
20
|
+
};
|
|
6
21
|
declare function fullscreenElement(): Element | null;
|
|
7
22
|
declare function fullscreenSupported(): boolean;
|
|
8
23
|
declare function enterFullscreen(target?: Element | string | null): Promise<boolean>;
|
|
9
24
|
declare function exitFullscreen(): Promise<boolean>;
|
|
10
25
|
declare function toggleFullscreen(target?: Element | string | null): Promise<boolean>;
|
|
26
|
+
declare function registerFullscreenTarget(target: HTMLElement | null): HTMLElement;
|
|
27
|
+
declare function openFullscreenTarget(id: string, group?: string, trigger?: HTMLElement | null): HTMLElement;
|
|
28
|
+
declare function closeFullscreenTarget(options?: {
|
|
29
|
+
immediate?: boolean;
|
|
30
|
+
}): boolean;
|
|
31
|
+
declare function toggleFullscreenTarget(id: string, group?: string, trigger?: HTMLElement | null): HTMLElement;
|
|
11
32
|
declare function bindFullscreenTrigger(trigger: HTMLElement | null, options?: FullscreenRuntimeOptions): boolean;
|
|
12
33
|
declare function bindFullscreen(root?: BindRoot, options?: FullscreenRuntimeOptions): void;
|
|
13
|
-
export { FULLSCREEN_TRIGGER_SELECTOR, bindFullscreen, bindFullscreenTrigger, enterFullscreen, exitFullscreen, fullscreenElement, fullscreenSupported, toggleFullscreen, };
|
|
14
|
-
export type { FullscreenRuntimeOptions };
|
|
34
|
+
export { FULLSCREEN_BASE_Z_INDEX, FULLSCREEN_STORAGE_PREFIX, FULLSCREEN_TARGET_SELECTOR, FULLSCREEN_TRIGGER_SELECTOR, bindFullscreen, bindFullscreenTrigger, enterFullscreen, exitFullscreen, fullscreenElement, fullscreenSupported, openFullscreenTarget, closeFullscreenTarget, registerFullscreenTarget, toggleFullscreen, toggleFullscreenTarget, };
|
|
35
|
+
export type { FullscreenPanelState, FullscreenRuntimeOptions, FullscreenTriggerMode };
|
|
15
36
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fullscreen/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmC,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fullscreen/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmC,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAQ/E,QAAA,MAAM,uBAAuB,OAAO,CAAC;AACrC,QAAA,MAAM,2BAA2B,QAKtB,CAAC;AACZ,QAAA,MAAM,0BAA0B,oFAAoF,CAAC;AACrH,QAAA,MAAM,yBAAyB,oBAAoB,CAAC;AAEpD,KAAK,wBAAwB,GAAG;IAC9B,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC;CAClC,CAAC;AAEF,KAAK,qBAAqB,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AAElE,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,SAAS,GAAG,IAAI,CAAC;IAC9B,cAAc,EAAE,IAAI,GAAG,IAAI,CAAC;IAC5B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,WAAW,CAAC;IACrB,WAAW,EAAE,WAAW,CAAC;IACzB,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;CAC7B,CAAC;AASF,iBAAS,iBAAiB,IAAI,OAAO,GAAG,IAAI,CAE3C;AAED,iBAAS,mBAAmB,IAAI,OAAO,CAEtC;AAQD,iBAAe,eAAe,CAAC,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAMjF;AAED,iBAAe,cAAc,IAAI,OAAO,CAAC,OAAO,CAAC,CAKhD;AAED,iBAAe,gBAAgB,CAAC,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAElF;AA2HD,iBAAS,wBAAwB,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,eAY3D;AASD,iBAAS,oBAAoB,CAC3B,EAAE,EAAE,MAAM,EACV,KAAK,SAAY,EACjB,OAAO,GAAE,WAAW,GAAG,IAAW,eA2CnC;AAmBD,iBAAS,qBAAqB,CAAC,OAAO,GAAE;IAAE,SAAS,CAAC,EAAE,OAAO,CAAA;CAAO,WAiBnE;AAED,iBAAS,sBAAsB,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,SAAY,EAAE,OAAO,GAAE,WAAW,GAAG,IAAW,eAMhG;AAED,iBAAS,qBAAqB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,EAAE,OAAO,GAAE,wBAA6B,GAAG,OAAO,CA2B3G;AAED,iBAAS,cAAc,CAAC,IAAI,GAAE,QAAmB,EAAE,OAAO,GAAE,wBAA6B,GAAG,IAAI,CAO/F;AAUD,OAAO,EACL,uBAAuB,EACvB,yBAAyB,EACzB,0BAA0B,EAC1B,2BAA2B,EAC3B,cAAc,EACd,qBAAqB,EACrB,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,EACrB,wBAAwB,EACxB,gBAAgB,EAChB,sBAAsB,GACvB,CAAC;AACF,YAAY,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,CAAC"}
|