godown 2.6.1 → 2.6.2
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/lib/directives.d.ts +2 -4
- package/lib/directives.d.ts.map +1 -1
- package/lib/directives.js.map +1 -1
- package/lib/utils.d.ts +2 -0
- package/lib/utils.d.ts.map +1 -1
- package/lib/utils.js +11 -0
- package/lib/utils.js.map +1 -1
- package/package.json +1 -3
- package/react/index.d.ts +0 -2
- package/react/index.d.ts.map +1 -1
- package/react/index.js +0 -6
- package/react/index.js.map +1 -1
- package/root.d.ts.map +1 -1
- package/root.js +1 -0
- package/root.js.map +1 -1
- package/web-components/group/avatar-group.js +2 -2
- package/web-components/group/avatar-group.js.map +1 -1
- package/web-components/index.d.ts +0 -2
- package/web-components/index.d.ts.map +1 -1
- package/web-components/index.js +0 -2
- package/web-components/index.js.map +1 -1
- package/web-components/items/card-item.js.map +1 -1
- package/web-components/layout/nav-layout.d.ts +10 -3
- package/web-components/layout/nav-layout.d.ts.map +1 -1
- package/web-components/layout/nav-layout.js +23 -93
- package/web-components/layout/nav-layout.js.map +1 -1
- package/nav-aside.d.ts +0 -2
- package/nav-aside.d.ts.map +0 -1
- package/nav-aside.js +0 -2
- package/nav-aside.js.map +0 -1
- package/scroll-x.d.ts +0 -2
- package/scroll-x.d.ts.map +0 -1
- package/scroll-x.js +0 -2
- package/scroll-x.js.map +0 -1
- package/web-components/layout/nav-aside.d.ts +0 -25
- package/web-components/layout/nav-aside.d.ts.map +0 -1
- package/web-components/layout/nav-aside.js +0 -70
- package/web-components/layout/nav-aside.js.map +0 -1
- package/web-components/view/scroll-x.d.ts +0 -25
- package/web-components/view/scroll-x.d.ts.map +0 -1
- package/web-components/view/scroll-x.js +0 -97
- package/web-components/view/scroll-x.js.map +0 -1
package/lib/directives.d.ts
CHANGED
@@ -1,8 +1,6 @@
|
|
1
|
-
import { nothing } from "lit";
|
2
|
-
type Nothing = typeof nothing;
|
3
1
|
interface RenderIf {
|
4
|
-
<A, B>(value:
|
5
|
-
<A>(value:
|
2
|
+
<A, B>(value: unknown, a: A, b: B): A | B;
|
3
|
+
<A>(value: unknown, a: A): A;
|
6
4
|
}
|
7
5
|
export declare const ifValue: RenderIf;
|
8
6
|
/**
|
package/lib/directives.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"directives.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["lib/directives.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"directives.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["lib/directives.ts"],"names":[],"mappings":"AAEA,UAAU,QAAQ;IAChB,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1C,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;CAC9B;AAED,eAAO,MAAM,OAAO,EAAE,QAErB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,MAAM,2EAWlB,CAAC"}
|
package/lib/directives.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"directives.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["lib/directives.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;
|
1
|
+
{"version":3,"file":"directives.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["lib/directives.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAO9B,MAAM,CAAC,MAAM,OAAO,GAAa,CAAO,KAAc,EAAE,CAAI,EAAE,CAAK,EAAE,EAAE;IACrE,OAAO,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC;AACtC,CAAC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAwB,KAAQ,EAAE,KAAgB,EAAE,WAAe,EAAE,EAAE;IAC3F,KAAK,MAAM,CAAC,IAAI,KAAK,EAAE,CAAC;QACtB,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC;YACd,SAAS;QACX,CAAC;QACD,MAAM,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QACvB,IAAI,KAAK,IAAI,SAAS,KAAK,KAAK,EAAE,CAAC;YACjC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;QACd,CAAC;IACH,CAAC;IACD,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC","sourcesContent":["import { nothing } from \"lit\";\n\ninterface RenderIf {\n <A, B>(value: unknown, a: A, b: B): A | B;\n <A>(value: unknown, a: A): A;\n}\n\nexport const ifValue: RenderIf = <A, B>(value: unknown, a: A, b?: B) => {\n return (value && a) || b || nothing;\n};\n\n/**\n *\n * @param value Keys.\n * @param cases Match key and return value.\n * @param defaultCase Default.\n * @example\n * ```ts\n * for (const [key, value] of Object.entries(obj)){\n * choose(\n * keys,\n * [\n * [\n * \"type\", `${value} type.`,\n * ],\n * [\"target\"],\n * ],\n * `${key}: ${value}.`,\n * )\n * }\n * ```\n */\nexport const choose = <T, V, K extends T = T>(value: T, cases: [K, V?][], defaultCase?: V) => {\n for (const c of cases) {\n if (!c.length) {\n continue;\n }\n const caseValue = c[0];\n if (value && caseValue === value) {\n return c[1];\n }\n }\n return defaultCase;\n};\n"]}
|
package/lib/utils.d.ts
CHANGED
@@ -45,5 +45,7 @@ export declare function constructCSS(vars: LikeString[], selectorProperties: Rec
|
|
45
45
|
export interface LikeString {
|
46
46
|
toString(): string;
|
47
47
|
}
|
48
|
+
export declare function dashToCamel(str: string, upperFirst?: boolean): string;
|
49
|
+
export declare function camelToDash(str: string): string;
|
48
50
|
export {};
|
49
51
|
//# sourceMappingURL=utils.d.ts.map
|
package/lib/utils.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["lib/utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,IAAI,CAU3E;AAED,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,OAAO,GAAG,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,GAAE,CAAC,GAAG,UAA0B,GAAG,CAAC,EAAE,CAmBlI;AAED,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,OAAO,GAAG,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,GAAE,CAAC,GAAG,UAA0B,GAAG,CAAC,CAkB7H;AAED,wBAAgB,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,QAO9D;AAED,wBAAgB,MAAM,CAAC,CAAC,SAAI,EAAE,CAAC,SAAI,UAElC;AAED,wBAAgB,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,QAMhD;AAED;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,WAA2B,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,QAKxG;AAED;;;GAGG;AACH,wBAAgB,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,GAAG,WAAW,CAuBxE;AAED;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,QAajF;AAED;;;;GAIG;AACH,UAAU,OAAO;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,MAAM,GAAG,WAAW,GAAG,OAAO,CAAC,EAAE,CAAC;CAC/C;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,MAAM,EAAE,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,UAAU,KAAK,MAAM,UAoBrM;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,QAAQ,IAAI,MAAM,CAAC;CACpB"}
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["lib/utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,IAAI,CAU3E;AAED,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,OAAO,GAAG,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,GAAE,CAAC,GAAG,UAA0B,GAAG,CAAC,EAAE,CAmBlI;AAED,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,OAAO,GAAG,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,GAAE,CAAC,GAAG,UAA0B,GAAG,CAAC,CAkB7H;AAED,wBAAgB,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,QAO9D;AAED,wBAAgB,MAAM,CAAC,CAAC,SAAI,EAAE,CAAC,SAAI,UAElC;AAED,wBAAgB,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,QAMhD;AAED;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,WAA2B,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,QAKxG;AAED;;;GAGG;AACH,wBAAgB,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,GAAG,WAAW,CAuBxE;AAED;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,QAajF;AAED;;;;GAIG;AACH,UAAU,OAAO;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,MAAM,GAAG,WAAW,GAAG,OAAO,CAAC,EAAE,CAAC;CAC/C;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,MAAM,EAAE,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,UAAU,KAAK,MAAM,UAoBrM;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,QAAQ,IAAI,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,UAAU,UAAO,UAGzD;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,UAQtC"}
|
package/lib/utils.js
CHANGED
@@ -149,4 +149,15 @@ export function constructCSS(vars, selectorProperties, selectorFunc, propertyFun
|
|
149
149
|
});
|
150
150
|
return cssString;
|
151
151
|
}
|
152
|
+
export function dashToCamel(str, upperFirst = true) {
|
153
|
+
str = str.replace(/-([a-z])/g, (g) => g[1].toUpperCase());
|
154
|
+
return upperFirst ? str[0].toUpperCase() + str.slice(1) : str;
|
155
|
+
}
|
156
|
+
export function camelToDash(str) {
|
157
|
+
return (str[0].toLowerCase() +
|
158
|
+
str
|
159
|
+
.slice(1)
|
160
|
+
.replace(/([A-Z])/g, "-$1")
|
161
|
+
.toLowerCase());
|
162
|
+
}
|
152
163
|
//# sourceMappingURL=utils.js.map
|
package/lib/utils.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["lib/utils.ts"],"names":[],"mappings":"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","sourcesContent":["export function debounce(func: (_: any) => any, timeout: number): () => void {\n let timer: number | null = null;\n return function (this: any, ...args: any[]) {\n if (timer) {\n clearTimeout(timer);\n }\n timer = setTimeout(() => {\n func.apply(this, args);\n }, timeout);\n };\n}\n\nexport function deepQuerySelectorAll<E extends Element = HTMLElement>(selectors: string, root: E | ParentNode = document.body): E[] {\n const result: E[] = [];\n\n if (!root || !selectors) {\n return result;\n }\n\n if ((root as E).shadowRoot) {\n result.push(...deepQuerySelectorAll<E>(selectors, (root as E).shadowRoot));\n }\n\n const a = root.querySelectorAll<E>(selectors);\n result.push(...Array.from(a));\n\n for (const child of root.children) {\n result.push(...deepQuerySelectorAll<E>(selectors, child));\n }\n\n return [...new Set(result)];\n}\n\nexport function deepQuerySelector<E extends Element = HTMLElement>(selectors: string, root: E | ParentNode = document.body): E {\n if (!root || !selectors) {\n return null;\n }\n if ((root as E).shadowRoot) {\n return deepQuerySelector<E>(selectors, (root as E).shadowRoot);\n }\n const a = root.querySelector<E>(selectors);\n if (a) {\n return a;\n }\n for (const child of root.children) {\n const b = deepQuerySelector<E>(selectors, child);\n if (b) {\n return b;\n }\n }\n return null;\n}\n\nexport function each(node: Node, callback: (node: Node) => void) {\n if (node) {\n callback(node);\n for (const i of node.childNodes) {\n each(i, callback);\n }\n }\n}\n\nexport function random(m = 0, n = 1) {\n return Math.random() * (n - m) + m;\n}\n\nexport function doAssign(source: any, target: any) {\n const classList = \"classList\";\n if (classList in source) {\n source[classList] = [...target[classList], ...source[classList]];\n }\n Object.assign(target, source);\n}\n\n/**\n * Create element from args append to target.\n * @param target Appended target element, target or document.querySelector(target) or document.body.\n * @param args Arguments\n */\nexport function append(target: string | HTMLElement = document.body, args: string | EleArgs | HTMLElement) {\n if (!(target instanceof HTMLElement)) {\n target = (document.querySelector(target) || document.body) as HTMLElement;\n }\n target.appendChild(create(args));\n}\n\n/**\n * Create element from args.\n * @param args Arguments.\n */\nexport function create(args: string | EleArgs | HTMLElement): HTMLElement {\n if (args instanceof HTMLElement) {\n return args;\n }\n const { tag, props, children } = (typeof args === \"string\" ? { tag: args } : args) as EleArgs;\n const newElement = document.createElement(tag);\n if (props) {\n Object.keys(props).forEach((prop) => {\n newElement.setAttribute(prop, props[prop] === true ? \"\" : props[prop]);\n });\n }\n if (children && Array.isArray(children)) {\n children.forEach((child) => {\n if (typeof child === \"string\") {\n newElement.appendChild(document.createTextNode(child));\n } else if (child instanceof HTMLElement) {\n newElement.appendChild(child);\n } else {\n newElement.appendChild(create(child));\n }\n });\n }\n return newElement;\n}\n\n/**\n * Replace elements.\n * @param matched Elements.\n * @param args Arguments.\n */\nexport function retag(matched: HTMLElement[], args: string | EleArgs | HTMLElement) {\n for (let i = matched.length - 1; i >= 0; i--) {\n const element = matched[i];\n const newElement = create(args);\n for (let i = 0; i < element.attributes.length; i++) {\n const attribute = element.attributes[i];\n if (!newElement.hasAttribute(attribute.name)) {\n newElement.setAttribute(attribute.name, attribute.value);\n }\n }\n newElement.innerHTML = element.innerHTML;\n element.parentNode?.replaceChild(newElement, element);\n }\n}\n\n/**\n * tag: tag name. \\\n * props: attribute. \\\n * children: appended chindren.\n */\ninterface EleArgs {\n tag: string;\n props?: Record<string, any>;\n children?: (string | HTMLElement | EleArgs)[];\n}\n\n/**\n * @param vars CSS properties key array.\n * @param selectorProperties Keys: selector. values: CSS properties value array.\n * @param selectorFunc Change to a a new selector.\n * @param propertyFunc Form key and value into new key:value; pairs.\n * @returns CSS text\n */\nexport function constructCSS(vars: LikeString[], selectorProperties: Record<string, LikeString[]>, selectorFunc?: (raw: LikeString) => string, propertyFunc?: (k: LikeString, v: LikeString) => string) {\n let cssString = \"\";\n Object.keys(selectorProperties).forEach((sel) => {\n const classProperties = vars.map((propertyKey, index) => {\n const propertyValue = selectorProperties[sel][index];\n if (propertyValue === undefined || propertyValue === null) {\n return null;\n }\n if (propertyFunc) {\n return propertyFunc(propertyKey as string, propertyValue as string);\n }\n return `${propertyKey}:${propertyValue}`;\n });\n const filtedProperties = classProperties.filter((p) => p);\n if (selectorFunc) {\n sel = selectorFunc(sel);\n }\n cssString = `${cssString}${sel}{${filtedProperties.join(\";\")}}`;\n });\n return cssString;\n}\n\n/**\n * Can be a string.\n */\nexport interface LikeString {\n toString(): string;\n}\n"]}
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["lib/utils.ts"],"names":[],"mappings":"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","sourcesContent":["export function debounce(func: (_: any) => any, timeout: number): () => void {\n let timer: number | null = null;\n return function (this: any, ...args: any[]) {\n if (timer) {\n clearTimeout(timer);\n }\n timer = setTimeout(() => {\n func.apply(this, args);\n }, timeout);\n };\n}\n\nexport function deepQuerySelectorAll<E extends Element = HTMLElement>(selectors: string, root: E | ParentNode = document.body): E[] {\n const result: E[] = [];\n\n if (!root || !selectors) {\n return result;\n }\n\n if ((root as E).shadowRoot) {\n result.push(...deepQuerySelectorAll<E>(selectors, (root as E).shadowRoot));\n }\n\n const a = root.querySelectorAll<E>(selectors);\n result.push(...Array.from(a));\n\n for (const child of root.children) {\n result.push(...deepQuerySelectorAll<E>(selectors, child));\n }\n\n return [...new Set(result)];\n}\n\nexport function deepQuerySelector<E extends Element = HTMLElement>(selectors: string, root: E | ParentNode = document.body): E {\n if (!root || !selectors) {\n return null;\n }\n if ((root as E).shadowRoot) {\n return deepQuerySelector<E>(selectors, (root as E).shadowRoot);\n }\n const a = root.querySelector<E>(selectors);\n if (a) {\n return a;\n }\n for (const child of root.children) {\n const b = deepQuerySelector<E>(selectors, child);\n if (b) {\n return b;\n }\n }\n return null;\n}\n\nexport function each(node: Node, callback: (node: Node) => void) {\n if (node) {\n callback(node);\n for (const i of node.childNodes) {\n each(i, callback);\n }\n }\n}\n\nexport function random(m = 0, n = 1) {\n return Math.random() * (n - m) + m;\n}\n\nexport function doAssign(source: any, target: any) {\n const classList = \"classList\";\n if (classList in source) {\n source[classList] = [...target[classList], ...source[classList]];\n }\n Object.assign(target, source);\n}\n\n/**\n * Create element from args append to target.\n * @param target Appended target element, target or document.querySelector(target) or document.body.\n * @param args Arguments\n */\nexport function append(target: string | HTMLElement = document.body, args: string | EleArgs | HTMLElement) {\n if (!(target instanceof HTMLElement)) {\n target = (document.querySelector(target) || document.body) as HTMLElement;\n }\n target.appendChild(create(args));\n}\n\n/**\n * Create element from args.\n * @param args Arguments.\n */\nexport function create(args: string | EleArgs | HTMLElement): HTMLElement {\n if (args instanceof HTMLElement) {\n return args;\n }\n const { tag, props, children } = (typeof args === \"string\" ? { tag: args } : args) as EleArgs;\n const newElement = document.createElement(tag);\n if (props) {\n Object.keys(props).forEach((prop) => {\n newElement.setAttribute(prop, props[prop] === true ? \"\" : props[prop]);\n });\n }\n if (children && Array.isArray(children)) {\n children.forEach((child) => {\n if (typeof child === \"string\") {\n newElement.appendChild(document.createTextNode(child));\n } else if (child instanceof HTMLElement) {\n newElement.appendChild(child);\n } else {\n newElement.appendChild(create(child));\n }\n });\n }\n return newElement;\n}\n\n/**\n * Replace elements.\n * @param matched Elements.\n * @param args Arguments.\n */\nexport function retag(matched: HTMLElement[], args: string | EleArgs | HTMLElement) {\n for (let i = matched.length - 1; i >= 0; i--) {\n const element = matched[i];\n const newElement = create(args);\n for (let i = 0; i < element.attributes.length; i++) {\n const attribute = element.attributes[i];\n if (!newElement.hasAttribute(attribute.name)) {\n newElement.setAttribute(attribute.name, attribute.value);\n }\n }\n newElement.innerHTML = element.innerHTML;\n element.parentNode?.replaceChild(newElement, element);\n }\n}\n\n/**\n * tag: tag name. \\\n * props: attribute. \\\n * children: appended chindren.\n */\ninterface EleArgs {\n tag: string;\n props?: Record<string, any>;\n children?: (string | HTMLElement | EleArgs)[];\n}\n\n/**\n * @param vars CSS properties key array.\n * @param selectorProperties Keys: selector. values: CSS properties value array.\n * @param selectorFunc Change to a a new selector.\n * @param propertyFunc Form key and value into new key:value; pairs.\n * @returns CSS text\n */\nexport function constructCSS(vars: LikeString[], selectorProperties: Record<string, LikeString[]>, selectorFunc?: (raw: LikeString) => string, propertyFunc?: (k: LikeString, v: LikeString) => string) {\n let cssString = \"\";\n Object.keys(selectorProperties).forEach((sel) => {\n const classProperties = vars.map((propertyKey, index) => {\n const propertyValue = selectorProperties[sel][index];\n if (propertyValue === undefined || propertyValue === null) {\n return null;\n }\n if (propertyFunc) {\n return propertyFunc(propertyKey as string, propertyValue as string);\n }\n return `${propertyKey}:${propertyValue}`;\n });\n const filtedProperties = classProperties.filter((p) => p);\n if (selectorFunc) {\n sel = selectorFunc(sel);\n }\n cssString = `${cssString}${sel}{${filtedProperties.join(\";\")}}`;\n });\n return cssString;\n}\n\n/**\n * Can be a string.\n */\nexport interface LikeString {\n toString(): string;\n}\n\nexport function dashToCamel(str: string, upperFirst = true) {\n str = str.replace(/-([a-z])/g, (g) => g[1].toUpperCase());\n return upperFirst ? str[0].toUpperCase() + str.slice(1) : str;\n}\n\nexport function camelToDash(str: string) {\n return (\n str[0].toLowerCase() +\n str\n .slice(1)\n .replace(/([A-Z])/g, \"-$1\")\n .toLowerCase()\n );\n}\n"]}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "godown",
|
3
|
-
"version": "2.6.
|
3
|
+
"version": "2.6.2",
|
4
4
|
"main": "./index.js",
|
5
5
|
"type": "module",
|
6
6
|
"publishConfig": {
|
@@ -74,7 +74,6 @@
|
|
74
74
|
"./time-bar": "./time-bar.js",
|
75
75
|
"./divider-line": "./divider-line.js",
|
76
76
|
"./flex-flow": "./flex-flow.js",
|
77
|
-
"./nav-aside": "./nav-aside.js",
|
78
77
|
"./nav-layout": "./nav-layout.js",
|
79
78
|
"./loading-progress": "./loading-progress.js",
|
80
79
|
"./skeleton-screen": "./skeleton-screen.js",
|
@@ -86,7 +85,6 @@
|
|
86
85
|
"./overbreath-text": "./overbreath-text.js",
|
87
86
|
"./typewriter-text": "./typewriter-text.js",
|
88
87
|
"./route-view": "./route-view.js",
|
89
|
-
"./scroll-x": "./scroll-x.js",
|
90
88
|
"./wrap-view": "./wrap-view.js"
|
91
89
|
},
|
92
90
|
"scripts": {
|
package/react/index.d.ts
CHANGED
@@ -20,7 +20,6 @@ export declare const DragBox: import("@lit/react").ReactWebComponent<import("../
|
|
20
20
|
export declare const TimeBar: import("@lit/react").ReactWebComponent<import("../web-components/items/time-bar.js").TimeBar, {}>;
|
21
21
|
export declare const DividerLine: import("@lit/react").ReactWebComponent<import("../web-components/layout/divider-line.js").DividerLine, {}>;
|
22
22
|
export declare const FlexFlow: import("@lit/react").ReactWebComponent<import("../web-components/layout/flex-flow.js").FlexFlow, {}>;
|
23
|
-
export declare const NavAside: import("@lit/react").ReactWebComponent<import("../web-components/layout/nav-aside.js").NavAside, {}>;
|
24
23
|
export declare const NavLayout: import("@lit/react").ReactWebComponent<import("../web-components/layout/nav-layout.js").NavLayout, {}>;
|
25
24
|
export declare const LoadingProgress: import("@lit/react").ReactWebComponent<import("../web-components/loading/loading-progress.js").LoadingProgress, {}>;
|
26
25
|
export declare const SkeletonScreen: import("@lit/react").ReactWebComponent<import("../web-components/loading/skeleton-screen.js").SkeletonScreen, {}>;
|
@@ -32,6 +31,5 @@ export declare const ClipText: import("@lit/react").ReactWebComponent<import("..
|
|
32
31
|
export declare const OverbreathText: import("@lit/react").ReactWebComponent<import("../web-components/text/overbreath-text.js").OverbreathText, {}>;
|
33
32
|
export declare const TypewriterText: import("@lit/react").ReactWebComponent<import("../web-components/text/typewriter-text.js").TypewriterText, {}>;
|
34
33
|
export declare const RouteView: import("@lit/react").ReactWebComponent<import("../web-components/view/route-view.js").RouteView<unknown>, {}>;
|
35
|
-
export declare const ScrollX: import("@lit/react").ReactWebComponent<import("../web-components/view/scroll-x.js").ScrollX, {}>;
|
36
34
|
export declare const WrapView: import("@lit/react").ReactWebComponent<import("../web-components/view/wrap-view.js").WrapView, {}>;
|
37
35
|
//# sourceMappingURL=index.d.ts.map
|
package/react/index.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["react/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,OAAO,+FAElB,CAAC;AAEH,eAAO,MAAM,KAAK,2FAEhB,CAAC;AAEH,eAAO,MAAM,MAAM,6FAEjB,CAAC;AAEH,eAAO,MAAM,UAAU,0GAErB,CAAC;AAEH,eAAO,MAAM,cAAc,oHAEzB,CAAC;AAEH,eAAO,MAAM,QAAQ,4GAEnB,CAAC;AAEH,eAAO,MAAM,QAAQ,oGAEnB,CAAC;AAEH,eAAO,MAAM,WAAW,2GAEtB,CAAC;AAEH,eAAO,MAAM,YAAY,6GAEvB,CAAC;AAEH,eAAO,MAAM,QAAQ,qGAEnB,CAAC;AAEH,eAAO,MAAM,SAAS,uGAEpB,CAAC;AAEH,eAAO,MAAM,UAAU,yGAErB,CAAC;AAEH,eAAO,MAAM,WAAW,2GAEtB,CAAC;AAEH,eAAO,MAAM,WAAW,2GAEtB,CAAC;AAEH,eAAO,MAAM,UAAU,yGAErB,CAAC;AAEH,eAAO,MAAM,WAAW,2GAEtB,CAAC;AAEH,eAAO,MAAM,SAAS,uGAEpB,CAAC;AAEH,eAAO,MAAM,QAAQ,qGAEnB,CAAC;AAEH,eAAO,MAAM,OAAO,mGAElB,CAAC;AAEH,eAAO,MAAM,OAAO,mGAElB,CAAC;AAEH,eAAO,MAAM,WAAW,4GAEtB,CAAC;AAEH,eAAO,MAAM,QAAQ,sGAEnB,CAAC;AAEH,eAAO,MAAM,
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["react/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,OAAO,+FAElB,CAAC;AAEH,eAAO,MAAM,KAAK,2FAEhB,CAAC;AAEH,eAAO,MAAM,MAAM,6FAEjB,CAAC;AAEH,eAAO,MAAM,UAAU,0GAErB,CAAC;AAEH,eAAO,MAAM,cAAc,oHAEzB,CAAC;AAEH,eAAO,MAAM,QAAQ,4GAEnB,CAAC;AAEH,eAAO,MAAM,QAAQ,oGAEnB,CAAC;AAEH,eAAO,MAAM,WAAW,2GAEtB,CAAC;AAEH,eAAO,MAAM,YAAY,6GAEvB,CAAC;AAEH,eAAO,MAAM,QAAQ,qGAEnB,CAAC;AAEH,eAAO,MAAM,SAAS,uGAEpB,CAAC;AAEH,eAAO,MAAM,UAAU,yGAErB,CAAC;AAEH,eAAO,MAAM,WAAW,2GAEtB,CAAC;AAEH,eAAO,MAAM,WAAW,2GAEtB,CAAC;AAEH,eAAO,MAAM,UAAU,yGAErB,CAAC;AAEH,eAAO,MAAM,WAAW,2GAEtB,CAAC;AAEH,eAAO,MAAM,SAAS,uGAEpB,CAAC;AAEH,eAAO,MAAM,QAAQ,qGAEnB,CAAC;AAEH,eAAO,MAAM,OAAO,mGAElB,CAAC;AAEH,eAAO,MAAM,OAAO,mGAElB,CAAC;AAEH,eAAO,MAAM,WAAW,4GAEtB,CAAC;AAEH,eAAO,MAAM,QAAQ,sGAEnB,CAAC;AAEH,eAAO,MAAM,SAAS,wGAEpB,CAAC;AAEH,eAAO,MAAM,eAAe,qHAE1B,CAAC;AAEH,eAAO,MAAM,cAAc,mHAEzB,CAAC;AAEH,eAAO,MAAM,WAAW,0GAEtB,CAAC;AAEH,eAAO,MAAM,UAAU,wGAErB,CAAC;AAEH,eAAO,MAAM,UAAU,wGAErB,CAAC;AAEH,eAAO,MAAM,WAAW,0GAEtB,CAAC;AAEH,eAAO,MAAM,QAAQ,oGAEnB,CAAC;AAEH,eAAO,MAAM,cAAc,gHAEzB,CAAC;AAEH,eAAO,MAAM,cAAc,gHAEzB,CAAC;AAEH,eAAO,MAAM,SAAS,+GAEpB,CAAC;AAEH,eAAO,MAAM,QAAQ,oGAEnB,CAAC"}
|
package/react/index.js
CHANGED
@@ -67,9 +67,6 @@ export const DividerLine = create({
|
|
67
67
|
export const FlexFlow = create({
|
68
68
|
elementClass: (await import("../web-components/layout/flex-flow.js")).default,
|
69
69
|
});
|
70
|
-
export const NavAside = create({
|
71
|
-
elementClass: (await import("../web-components/layout/nav-aside.js")).default,
|
72
|
-
});
|
73
70
|
export const NavLayout = create({
|
74
71
|
elementClass: (await import("../web-components/layout/nav-layout.js")).default,
|
75
72
|
});
|
@@ -103,9 +100,6 @@ export const TypewriterText = create({
|
|
103
100
|
export const RouteView = create({
|
104
101
|
elementClass: (await import("../web-components/view/route-view.js")).default,
|
105
102
|
});
|
106
|
-
export const ScrollX = create({
|
107
|
-
elementClass: (await import("../web-components/view/scroll-x.js")).default,
|
108
|
-
});
|
109
103
|
export const WrapView = create({
|
110
104
|
elementClass: (await import("../web-components/view/wrap-view.js")).default,
|
111
105
|
});
|
package/react/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["react/index.ts"],"names":[],"mappings":"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
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["react/index.ts"],"names":[],"mappings":"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","sourcesContent":["/// script generated\n\"use client\";\nimport { create } from \"./create.js\";\n\nexport const AvatarA = create({\n elementClass: (await import(\"../web-components/a/avatar-a.js\")).default,\n});\n\nexport const LinkA = create({\n elementClass: (await import(\"../web-components/a/link-a.js\")).default,\n});\n\nexport const SuperA = create({\n elementClass: (await import(\"../web-components/a/super-a.js\")).default,\n});\n\nexport const BaseButton = create({\n elementClass: (await import(\"../web-components/button/base-button.js\")).default,\n});\n\nexport const CarouselSlider = create({\n elementClass: (await import(\"../web-components/carousel/carousel-slider.js\")).default,\n});\n\nexport const BaseForm = create({\n elementClass: (await import(\"../web-components/form/base-form.js\")).default,\n});\n\nexport const SignForm = create({\n elementClass: (await import(\"../web-components/form/sign-form.js\")).default,\n});\n\nexport const AvatarGroup = create({\n elementClass: (await import(\"../web-components/group/avatar-group.js\")).default,\n});\n\nexport const DetailsGroup = create({\n elementClass: (await import(\"../web-components/group/details-group.js\")).default,\n});\n\nexport const TabGroup = create({\n elementClass: (await import(\"../web-components/group/tab-group.js\")).default,\n});\n\nexport const BaseInput = create({\n elementClass: (await import(\"../web-components/input/base-input.js\")).default,\n});\n\nexport const LabelInput = create({\n elementClass: (await import(\"../web-components/input/label-input.js\")).default,\n});\n\nexport const SearchInput = create({\n elementClass: (await import(\"../web-components/input/search-input.js\")).default,\n});\n\nexport const SelectInput = create({\n elementClass: (await import(\"../web-components/input/select-input.js\")).default,\n});\n\nexport const SplitInput = create({\n elementClass: (await import(\"../web-components/input/split-input.js\")).default,\n});\n\nexport const SwitchInput = create({\n elementClass: (await import(\"../web-components/input/switch-input.js\")).default,\n});\n\nexport const AlertItem = create({\n elementClass: (await import(\"../web-components/items/alert-item.js\")).default,\n});\n\nexport const CardItem = create({\n elementClass: (await import(\"../web-components/items/card-item.js\")).default,\n});\n\nexport const DragBox = create({\n elementClass: (await import(\"../web-components/items/drag-box.js\")).default,\n});\n\nexport const TimeBar = create({\n elementClass: (await import(\"../web-components/items/time-bar.js\")).default,\n});\n\nexport const DividerLine = create({\n elementClass: (await import(\"../web-components/layout/divider-line.js\")).default,\n});\n\nexport const FlexFlow = create({\n elementClass: (await import(\"../web-components/layout/flex-flow.js\")).default,\n});\n\nexport const NavLayout = create({\n elementClass: (await import(\"../web-components/layout/nav-layout.js\")).default,\n});\n\nexport const LoadingProgress = create({\n elementClass: (await import(\"../web-components/loading/loading-progress.js\")).default,\n});\n\nexport const SkeletonScreen = create({\n elementClass: (await import(\"../web-components/loading/skeleton-screen.js\")).default,\n});\n\nexport const OpenDetails = create({\n elementClass: (await import(\"../web-components/open/open-details.js\")).default,\n});\n\nexport const OpenDialog = create({\n elementClass: (await import(\"../web-components/open/open-dialog.js\")).default,\n});\n\nexport const OpenOffset = create({\n elementClass: (await import(\"../web-components/open/open-offset.js\")).default,\n});\n\nexport const OpenTooltip = create({\n elementClass: (await import(\"../web-components/open/open-tooltip.js\")).default,\n});\n\nexport const ClipText = create({\n elementClass: (await import(\"../web-components/text/clip-text.js\")).default,\n});\n\nexport const OverbreathText = create({\n elementClass: (await import(\"../web-components/text/overbreath-text.js\")).default,\n});\n\nexport const TypewriterText = create({\n elementClass: (await import(\"../web-components/text/typewriter-text.js\")).default,\n});\n\nexport const RouteView = create({\n elementClass: (await import(\"../web-components/view/route-view.js\")).default,\n});\n\nexport const WrapView = create({\n elementClass: (await import(\"../web-components/view/wrap-view.js\")).default,\n});\n"]}
|
package/root.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"root.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["root.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,SAAS,EAAkC,MAAM,KAAK,CAAC;AAG1E,OAAO,aAAa,MAAM,qBAAqB,CAAC;AAEhD;;;;GAIG;AACH,eAAO,MAAM,MAAM,UAAW,MAAM,YAAY,wBAAwB,mBAAmB,wBAAwB,SAElH,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,MAAM,WAAuE,CAAC;AAE3F,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAEpD;AAMD,eAAO,MAAM,YAAY;;;;;;;CAOxB,CAAC;
|
1
|
+
{"version":3,"file":"root.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["root.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,SAAS,EAAkC,MAAM,KAAK,CAAC;AAG1E,OAAO,aAAa,MAAM,qBAAqB,CAAC;AAEhD;;;;GAIG;AACH,eAAO,MAAM,MAAM,UAAW,MAAM,YAAY,wBAAwB,mBAAmB,wBAAwB,SAElH,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,MAAM,WAAuE,CAAC;AAE3F,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAEpD;AAMD,eAAO,MAAM,YAAY;;;;;;;CAOxB,CAAC;AAyDF,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
package/root.js
CHANGED
package/root.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"root.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["root.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAuC,SAAS,EAAE,MAAM,KAAK,CAAC;AAE1E,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,aAAa,MAAM,qBAAqB,CAAC;AAEhD;;;;GAIG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,IAAa,EAAE,OAAkC,EAAE,EAAE,CAAC,CAAC,WAAqC,EAAE,EAAE;IACrH,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC;AAC1C,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,IAAI,CAAC;AAEzB;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAC,CAAC;AAE3F,MAAM,UAAU,WAAW,CAAC,KAAa;IACvC,OAAO,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;AACpC,CAAC;AAED,SAAS,SAAS,CAAC,CAAS;IAC1B,OAAO,SAAS,CAAC,MAAM,GAAG,WAAW,GAAG,CAAC,CAAC,CAAC;AAC7C,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,MAAM;IACN,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC;IACzB,IAAI,EAAE,SAAS,CAAC,YAAY,CAAC;IAC7B,IAAI,EAAE,SAAS,CAAC,YAAY,CAAC;IAC7B,OAAO,EAAE,SAAS,CAAC,gBAAgB,CAAC;IACpC,OAAO,EAAE,SAAS,CAAC,gBAAgB,CAAC;CACrC,CAAC;AAEF,aAAa,CAAC,IAAI,GAAG,IAAI,CAAC;AAE1B,aAAa,CAAC,MAAM,GAAG;IACrB,GAAG,CAAA;;QAEG,MAAM;QACN,MAAM,yBAAyB,YAAY,CAAC,OAAO;QACnD,MAAM;QACN,MAAM,yBAAyB,YAAY,CAAC,OAAO;QACnD,MAAM,iDAAiD,YAAY,CAAC,IAAI,cAAc,YAAY,CAAC,OAAO;QAC1G,MAAM;QACN,MAAM;uBACS,MAAM;;GAE1B;IACD,GAAG,CAAA;;QAEG,YAAY,CAAC,KAAK;QAClB,YAAY,CAAC,KAAK;QAClB,YAAY,CAAC,KAAK,qBAAqB,YAAY,CAAC,IAAI;QACxD,YAAY,CAAC,KAAK;QAClB,YAAY,CAAC,KAAK;QAClB,YAAY,CAAC,KAAK,iBAAiB,YAAY,CAAC,IAAI;QACpD,YAAY,CAAC,KAAK,uBAAuB,YAAY,CAAC,KAAK;QAC3D,YAAY,CAAC,KAAK,wBAAwB,MAAM;QAChD,YAAY,CAAC,KAAK;QAClB,YAAY,CAAC,KAAK;QAClB,YAAY,CAAC,KAAK,kBAAkB,YAAY,CAAC,KAAK,yBAAyB,YAAY,CAAC,KAAK,wBAAwB,YAAY,CAAC,KAAK;QAC3I,YAAY,CAAC,KAAK;;GAEvB;IACD,GAAG,CAAA
|
1
|
+
{"version":3,"file":"root.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["root.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAuC,SAAS,EAAE,MAAM,KAAK,CAAC;AAE1E,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,aAAa,MAAM,qBAAqB,CAAC;AAEhD;;;;GAIG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,IAAa,EAAE,OAAkC,EAAE,EAAE,CAAC,CAAC,WAAqC,EAAE,EAAE;IACrH,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC;AAC1C,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,IAAI,CAAC;AAEzB;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAC,CAAC;AAE3F,MAAM,UAAU,WAAW,CAAC,KAAa;IACvC,OAAO,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;AACpC,CAAC;AAED,SAAS,SAAS,CAAC,CAAS;IAC1B,OAAO,SAAS,CAAC,MAAM,GAAG,WAAW,GAAG,CAAC,CAAC,CAAC;AAC7C,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,MAAM;IACN,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC;IACzB,IAAI,EAAE,SAAS,CAAC,YAAY,CAAC;IAC7B,IAAI,EAAE,SAAS,CAAC,YAAY,CAAC;IAC7B,OAAO,EAAE,SAAS,CAAC,gBAAgB,CAAC;IACpC,OAAO,EAAE,SAAS,CAAC,gBAAgB,CAAC;CACrC,CAAC;AAEF,aAAa,CAAC,IAAI,GAAG,IAAI,CAAC;AAE1B,aAAa,CAAC,MAAM,GAAG;IACrB,GAAG,CAAA;;QAEG,MAAM;QACN,MAAM,yBAAyB,YAAY,CAAC,OAAO;QACnD,MAAM;QACN,MAAM,yBAAyB,YAAY,CAAC,OAAO;QACnD,MAAM,iDAAiD,YAAY,CAAC,IAAI,cAAc,YAAY,CAAC,OAAO;QAC1G,MAAM;QACN,MAAM;uBACS,MAAM;;GAE1B;IACD,GAAG,CAAA;;QAEG,YAAY,CAAC,KAAK;QAClB,YAAY,CAAC,KAAK;QAClB,YAAY,CAAC,KAAK,qBAAqB,YAAY,CAAC,IAAI;QACxD,YAAY,CAAC,KAAK;QAClB,YAAY,CAAC,KAAK;QAClB,YAAY,CAAC,KAAK,iBAAiB,YAAY,CAAC,IAAI;QACpD,YAAY,CAAC,KAAK,uBAAuB,YAAY,CAAC,KAAK;QAC3D,YAAY,CAAC,KAAK,wBAAwB,MAAM;QAChD,YAAY,CAAC,KAAK;QAClB,YAAY,CAAC,KAAK;QAClB,YAAY,CAAC,KAAK,kBAAkB,YAAY,CAAC,KAAK,yBAAyB,YAAY,CAAC,KAAK,wBAAwB,YAAY,CAAC,KAAK;QAC3I,YAAY,CAAC,KAAK;;GAEvB;IACD,GAAG,CAAA;;;;;;;;;;;;;;QAcG,MAAM;QACN,MAAM;mBACK,MAAM;wBACD,MAAM;;GAE3B;CACgB,CAAC;AAEpB,aAAa,CAAC,cAAc,EAAE,CAAC,kBAAkB,CAAC,CAAC;AAEnD,OAAO,EAAE,aAAa,EAAE,CAAC","sourcesContent":["import { css, type CSSResult, type CSSResultGroup, unsafeCSS } from \"lit\";\n\nimport { conf } from \"./conf.js\";\nimport GodownElement from \"./godown-element.js\";\n\n/**\n * {@linkcode conf.define} a custom element.\n * @param name Name for the new custom element. Must be a valid custom element name.\n * @param options Object that controls how the element is defined.\n */\nexport const define = (name?: string, options?: ElementDefinitionOptions) => (constructor: CustomElementConstructor) => {\n conf.define(name, constructor, options);\n};\n\nconst scopeString = \"--\";\n\n/**\n * Custom CSS variable prefix, join with \"--\".\n */\nexport const cssvar = unsafeCSS(scopeString + conf.cssvar.replace(/[^a-zA-Z0-9\\\\-]/g, \"\"));\n\nexport function createScope(scope: string): CSSResult {\n return joinScope(conf.tag(scope));\n}\n\nfunction joinScope(s: string) {\n return unsafeCSS(cssvar + scopeString + s);\n}\n\nexport const cssvarValues = {\n cssvar,\n input: joinScope(\"input\"),\n main: joinScope(\"background\"),\n text: joinScope(\"foreground\"),\n mainRGB: joinScope(\"background-rgb\"),\n textRGB: joinScope(\"foreground-rgb\"),\n};\n\nGodownElement.conf = conf;\n\nGodownElement.styles = [\n css`\n :host {\n ${cssvar}--background-rgb: 12 12 12;\n ${cssvar}--background: rgb(var(${cssvarValues.mainRGB}));\n ${cssvar}--foreground-rgb: 240 240 240;\n ${cssvar}--foreground: rgb(var(${cssvarValues.textRGB}));\n ${cssvar}--clip-background:linear-gradient(180deg, var(${cssvarValues.text}), rgb(var(${cssvarValues.textRGB}) / 68%));\n ${cssvar}--size: 100%;\n ${cssvar}--accept: rgb(25 130 180);\n font-size: var(${cssvar}--size);\n }\n `,\n css`\n :host {\n ${cssvarValues.input}--width: 10em;\n ${cssvarValues.input}--height: 1.6em;\n ${cssvarValues.input}--background: var(${cssvarValues.main});\n ${cssvarValues.input}--true: rgb(48 132 240);\n ${cssvarValues.input}--false: rgb(198 198 198);\n ${cssvarValues.input}--control:var(${cssvarValues.text});\n ${cssvarValues.input}--control-edge: var(${cssvarValues.input}--true);\n ${cssvarValues.input}--outline-color: var(${cssvar}--accept);\n ${cssvarValues.input}--outline-width: .15em;\n ${cssvarValues.input}--outline-style: solid;\n ${cssvarValues.input}--outline: var(${cssvarValues.input}--outline-width) var(${cssvarValues.input}--outline-style) var(${cssvarValues.input}--outline-color);\n ${cssvarValues.input}--radius: 0.2em;\n }\n `,\n css`\n * {\n font-size: 100%;\n font-style: normal;\n color: inherit;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n text-decoration: none;\n }\n\n ::selection {\n ${cssvar}--text-selection--color: inherit;\n ${cssvar}--text-selection--background: none;\n color: var(${cssvar}--text-selection--color);\n background: var(${cssvar}--text-selection--background);\n }\n `,\n] as CSSResultGroup;\n\nGodownElement.disableWarning?.(\"change-in-update\");\n\nexport { GodownElement };\n"]}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { __decorate } from "tslib";
|
2
|
-
import { css, html,
|
2
|
+
import { css, html, property } from "../../deps.js";
|
3
3
|
import { ifValue } from "../../lib/directives.js";
|
4
4
|
import { htmlSlot, htmlStyle } from "../../lib/templates.js";
|
5
5
|
import { append } from "../../lib/utils.js";
|
@@ -23,7 +23,7 @@ let AvatarGroup = class AvatarGroup extends GodownElement {
|
|
23
23
|
}
|
24
24
|
render() {
|
25
25
|
const cssStr = `slot::slotted(:nth-of-type(n + ${(this.max || 0) + 1})) {display: none;}`;
|
26
|
-
return html `${htmlSlot()} ${htmlStyle(cssStr)} ${ifValue(this.more > 0, new AvatarA({ more: this.more })
|
26
|
+
return html `${htmlSlot()} ${htmlStyle(cssStr)} ${ifValue(this.more > 0, new AvatarA({ more: this.more }))}`;
|
27
27
|
}
|
28
28
|
firstUpdated() {
|
29
29
|
if (!this.more && this.assigned.length > this.max) {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"avatar-group.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/group/avatar-group.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,
|
1
|
+
{"version":3,"file":"avatar-group.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/group/avatar-group.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, property } from \"../../deps.js\";\nimport { ifValue } from \"../../lib/directives.js\";\nimport { htmlSlot, htmlStyle, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { append } from \"../../lib/utils.js\";\nimport { define, GodownElement } from \"../../root.js\";\nimport AvatarA from \"../a/avatar-a.js\";\n\nconst defineName = \"avatar-group\";\n\n/**\n * AvatarGroup ensure that the display content does not exceed the maximum value, and display the excess quantity.\n */\n@define(defineName)\nexport class AvatarGroup extends GodownElement {\n /**\n * The maximum number of elements that can be accepted for this element.\n */\n @property({ type: Number }) max = 99;\n /**\n * When the content overflows, create an {@linkcode AvatarA} with the same {@linkcode AvatarA.more} attribute as more.\n */\n @property({ type: Number }) more = 0;\n\n static styles = [\n css`\n :host {\n display: flex;\n width: 100%;\n height: 100%;\n }\n\n div {\n display: contents;\n }\n `,\n ];\n\n protected render(): HTMLTemplate {\n const cssStr = `slot::slotted(:nth-of-type(n + ${(this.max || 0) + 1})) {display: none;}`;\n return html`${htmlSlot()} ${htmlStyle(cssStr)} ${ifValue(this.more > 0, new AvatarA({ more: this.more }))}`;\n }\n\n protected firstUpdated() {\n if (!this.more && this.assigned.length > this.max) {\n this.more = this.assigned.length - this.max;\n }\n }\n\n append(args = new AvatarA()) {\n if (this.max && this.assigned.length === this.max) {\n this.assigned.pop().style.display = \"none\";\n append(this, args);\n this.assigned.pop().style.display = \"none\";\n this.more = 2;\n } else if (this.max && this.assigned.length > this.max) {\n append(this, args);\n this.assigned.pop().style.display = \"none\";\n this.more += 1;\n } else {\n append(this, args);\n }\n }\n\n subtract() {\n if (this.more === 2) {\n this.assigned.pop().style.display = \"\";\n this.more = 0;\n return;\n } else if (this.more > 0) {\n this.more -= 1;\n }\n if (this.assigned.length) {\n this.assigned.pop().remove();\n }\n }\n}\n\nexport default AvatarGroup;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"avatar-group\": AvatarGroup;\n }\n}\n"]}
|
@@ -20,7 +20,6 @@ export { DragBox } from "./items/drag-box.js";
|
|
20
20
|
export { TimeBar } from "./items/time-bar.js";
|
21
21
|
export { DividerLine } from "./layout/divider-line.js";
|
22
22
|
export { FlexFlow } from "./layout/flex-flow.js";
|
23
|
-
export { NavAside } from "./layout/nav-aside.js";
|
24
23
|
export { NavLayout } from "./layout/nav-layout.js";
|
25
24
|
export { LoadingProgress } from "./loading/loading-progress.js";
|
26
25
|
export { SkeletonScreen } from "./loading/skeleton-screen.js";
|
@@ -32,6 +31,5 @@ export { ClipText } from "./text/clip-text.js";
|
|
32
31
|
export { OverbreathText } from "./text/overbreath-text.js";
|
33
32
|
export { TypewriterText } from "./text/typewriter-text.js";
|
34
33
|
export { RouteView } from "./view/route-view.js";
|
35
|
-
export { ScrollX } from "./view/scroll-x.js";
|
36
34
|
export { WrapView } from "./view/wrap-view.js";
|
37
35
|
//# sourceMappingURL=index.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC"}
|
package/web-components/index.js
CHANGED
@@ -21,7 +21,6 @@ export { DragBox } from "./items/drag-box.js";
|
|
21
21
|
export { TimeBar } from "./items/time-bar.js";
|
22
22
|
export { DividerLine } from "./layout/divider-line.js";
|
23
23
|
export { FlexFlow } from "./layout/flex-flow.js";
|
24
|
-
export { NavAside } from "./layout/nav-aside.js";
|
25
24
|
export { NavLayout } from "./layout/nav-layout.js";
|
26
25
|
export { LoadingProgress } from "./loading/loading-progress.js";
|
27
26
|
export { SkeletonScreen } from "./loading/skeleton-screen.js";
|
@@ -33,6 +32,5 @@ export { ClipText } from "./text/clip-text.js";
|
|
33
32
|
export { OverbreathText } from "./text/overbreath-text.js";
|
34
33
|
export { TypewriterText } from "./text/typewriter-text.js";
|
35
34
|
export { RouteView } from "./view/route-view.js";
|
36
|
-
export { ScrollX } from "./view/scroll-x.js";
|
37
35
|
export { WrapView } from "./view/wrap-view.js";
|
38
36
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/index.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/index.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC","sourcesContent":["/// script generated\nexport { AvatarA } from \"./a/avatar-a.js\";\nexport { LinkA } from \"./a/link-a.js\";\nexport { SuperA } from \"./a/super-a.js\";\nexport { BaseButton } from \"./button/base-button.js\";\nexport { CarouselSlider } from \"./carousel/carousel-slider.js\";\nexport { BaseForm } from \"./form/base-form.js\";\nexport { SignForm } from \"./form/sign-form.js\";\nexport { AvatarGroup } from \"./group/avatar-group.js\";\nexport { DetailsGroup } from \"./group/details-group.js\";\nexport { TabGroup } from \"./group/tab-group.js\";\nexport { BaseInput } from \"./input/base-input.js\";\nexport { LabelInput } from \"./input/label-input.js\";\nexport { SearchInput } from \"./input/search-input.js\";\nexport { SelectInput } from \"./input/select-input.js\";\nexport { SplitInput } from \"./input/split-input.js\";\nexport { SwitchInput } from \"./input/switch-input.js\";\nexport { AlertItem } from \"./items/alert-item.js\";\nexport { CardItem } from \"./items/card-item.js\";\nexport { DragBox } from \"./items/drag-box.js\";\nexport { TimeBar } from \"./items/time-bar.js\";\nexport { DividerLine } from \"./layout/divider-line.js\";\nexport { FlexFlow } from \"./layout/flex-flow.js\";\nexport { NavLayout } from \"./layout/nav-layout.js\";\nexport { LoadingProgress } from \"./loading/loading-progress.js\";\nexport { SkeletonScreen } from \"./loading/skeleton-screen.js\";\nexport { OpenDetails } from \"./open/open-details.js\";\nexport { OpenDialog } from \"./open/open-dialog.js\";\nexport { OpenOffset } from \"./open/open-offset.js\";\nexport { OpenTooltip } from \"./open/open-tooltip.js\";\nexport { ClipText } from \"./text/clip-text.js\";\nexport { OverbreathText } from \"./text/overbreath-text.js\";\nexport { TypewriterText } from \"./text/typewriter-text.js\";\nexport { RouteView } from \"./view/route-view.js\";\nexport { WrapView } from \"./view/wrap-view.js\";\n"]}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"card-item.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/items/card-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAuB,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAqB,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEjF,MAAM,UAAU,GAAG,WAAW,CAAC;AAC/B,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAE5C;;GAEG;AAEI,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,aAAa;IAApC;;QACL;;WAEG;QAC0B,WAAM,GAAG,KAAK,CAAC;IAkI9C,CAAC;IAvDW,MAAM;QACd,MAAM,MAAM,GAAG,QAAQ,CAAC;QACxB,MAAM,MAAM,GAAG,QAAQ,CAAC;QACxB,OAAO,IAAI,CAAA;;;UAGL,OAAO,CACP,IAAI,CAAC,SAAS,CAAC,MAAM,
|
1
|
+
{"version":3,"file":"card-item.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/items/card-item.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, type CSSResultGroup, html, property, query } from \"../../deps.js\";\nimport { ifValue } from \"../../lib/directives.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { createScope, cssvarValues, define, GodownElement } from \"../../root.js\";\n\nconst defineName = \"card-item\";\nconst cssvarScope = createScope(defineName);\n\n/**\n * CardItem renders a card.\n */\n@define(defineName)\nexport class CardItem extends GodownElement {\n /**\n * Enable rotate.\n */\n @property({ type: Boolean }) rotate = false;\n\n @query(\"main\") protected _main!: HTMLElement;\n @query(\"aside\") protected _aside!: HTMLElement;\n\n static styles = [\n GodownElement.styles,\n css`\n :host {\n ${cssvarScope}--offset: .25em;\n ${cssvarScope}--background: var(${cssvarValues.main});\n ${cssvarScope}--wapper-background: none;\n ${cssvarScope}--outline: 0;\n ${cssvarScope}--box-shadow: 0 .05em 1.2em 0 rgb(var(${cssvarValues.textRGB}) / 12%);\n ${cssvarScope}--hr-width: 100%;\n ${cssvarScope}--hr-height: .05em;\n ${cssvarScope}--hr-background: #80808080;\n ${cssvarScope}--padding: .75em;\n margin: auto;\n display: block;\n width: fit-content;\n color: var(${cssvarValues.text});\n border-radius: 0.2em;\n }\n\n * {\n border-radius: inherit;\n min-height: inherit;\n min-width: inherit;\n }\n\n main {\n outline: var(${cssvarScope}--outline);\n box-shadow: var(${cssvarScope}--box-shadow);\n background: var(${cssvarScope}--background);\n z-index: 2;\n position: relative;\n }\n\n aside {\n box-sizing: content-box;\n z-index: 0;\n height: 100%;\n width: 100%;\n position: absolute;\n background: var(${cssvarScope}--wapper-background);\n filter: blur(1em);\n padding: var(${cssvarScope}--offset);\n margin: calc(-1 * var(${cssvarScope}--offset));\n }\n\n div {\n width: fit-content;\n position: relative;\n }\n\n i {\n position: absolute;\n }\n\n hr {\n width: var(${cssvarScope}--hr-width);\n height: var(${cssvarScope}--hr-height);\n margin: auto;\n display: block;\n background: var(${cssvarScope}--hr-background);\n }\n\n slot {\n display: block;\n padding: var(${cssvarScope}--padding);\n }\n `,\n ] as CSSResultGroup;\n\n protected render(): HTMLTemplate {\n const HEADER = \"header\";\n const FOOTER = \"footer\";\n return html`<div>\n <aside></aside>\n <main>\n ${ifValue(\n this.querySlot(HEADER),\n html`\n ${htmlSlot(HEADER)}\n <hr />\n `,\n )}\n ${htmlSlot()}\n ${ifValue(\n this.querySlot(FOOTER),\n html`\n <hr />\n ${htmlSlot(FOOTER)}\n `,\n )}\n </main>\n </div>`;\n }\n\n protected firstUpdated() {\n if (this.rotate) {\n this.addEvent(this._main, \"mousemove\", this._drawRotate.bind(this));\n this.addEvent(this._aside, \"mouseleave\", this.reset.bind(this));\n }\n }\n\n /**\n * Cancel the aside offset.\n */\n reset() {\n this._main.style.transition = \".5s\";\n this._main.style.transform = \"none\";\n }\n\n /**\n * Offset aside.\n * @param e Mouse move event.\n */\n protected _drawRotate(e: MouseEvent) {\n const { left, top, width, height } = this._main.getBoundingClientRect();\n const { clientX, clientY } = e;\n const offsetX = clientX - left;\n const offsetY = clientY - top;\n const rotate = 30;\n const rotateX = -(rotate * (offsetY - height / 2)) / height / 1.5;\n const rotateY = (rotate * (offsetX - width / 2)) / width / 1.5;\n this._main.style.transform = `rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;\n this._main.style.transition = \"none\";\n }\n}\n\nexport default CardItem;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"card-item\": CardItem;\n }\n}\n"]}
|
@@ -3,14 +3,22 @@ import { type HTMLTemplate } from "../../lib/templates.js";
|
|
3
3
|
import { GodownElement } from "../../root.js";
|
4
4
|
/**
|
5
5
|
* NavLayout renders a navigation, an optional top header, an optional bottom footer.
|
6
|
+
*
|
7
|
+
* @slot - The main content of the layout.
|
8
|
+
*
|
9
|
+
* @slot nav - The navigation of the layout.
|
10
|
+
*
|
11
|
+
* @slot header - The header of the layout.
|
12
|
+
*
|
13
|
+
* @slot footer - The footer of the layout.
|
6
14
|
*/
|
7
15
|
export declare class NavLayout extends GodownElement {
|
8
16
|
/**
|
9
|
-
*
|
17
|
+
* @deprecated
|
10
18
|
*/
|
11
19
|
host: string;
|
12
20
|
/**
|
13
|
-
*
|
21
|
+
* @deprecated
|
14
22
|
*/
|
15
23
|
subhead: string;
|
16
24
|
/**
|
@@ -19,7 +27,6 @@ export declare class NavLayout extends GodownElement {
|
|
19
27
|
set: 0 | 1 | 2;
|
20
28
|
static styles: CSSResultGroup;
|
21
29
|
protected render(): HTMLTemplate;
|
22
|
-
private renderNav;
|
23
30
|
}
|
24
31
|
export default NavLayout;
|
25
32
|
declare global {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"nav-layout.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/layout/nav-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,
|
1
|
+
{"version":3,"file":"nav-layout.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/layout/nav-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAQ,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAqC,aAAa,EAAE,MAAM,eAAe,CAAC;AAKjF;;;;;;;;;;GAUG;AACH,qBACa,SAAU,SAAQ,aAAa;IAC1C;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAEf,MAAM,CAAC,MAAM,iBAoCO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;CAMjC;AAED,eAAe,SAAS,CAAC;AAEzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
|
@@ -1,45 +1,27 @@
|
|
1
1
|
import { __decorate } from "tslib";
|
2
|
-
import { css, html
|
2
|
+
import { css, html } from "../../deps.js";
|
3
3
|
import { htmlSlot } from "../../lib/templates.js";
|
4
4
|
import { createScope, cssvarValues, define, GodownElement } from "../../root.js";
|
5
5
|
const defineName = "nav-layout";
|
6
6
|
const cssvarScope = createScope(defineName);
|
7
7
|
/**
|
8
8
|
* NavLayout renders a navigation, an optional top header, an optional bottom footer.
|
9
|
+
*
|
10
|
+
* @slot - The main content of the layout.
|
11
|
+
*
|
12
|
+
* @slot nav - The navigation of the layout.
|
13
|
+
*
|
14
|
+
* @slot header - The header of the layout.
|
15
|
+
*
|
16
|
+
* @slot footer - The footer of the layout.
|
9
17
|
*/
|
10
18
|
let NavLayout = class NavLayout extends GodownElement {
|
11
|
-
constructor() {
|
12
|
-
super(...arguments);
|
13
|
-
/**
|
14
|
-
* Main heading.
|
15
|
-
*/
|
16
|
-
this.host = "";
|
17
|
-
/**
|
18
|
-
* Subheading.
|
19
|
-
*/
|
20
|
-
this.subhead = "";
|
21
|
-
}
|
22
19
|
render() {
|
23
|
-
return html
|
20
|
+
return html `${htmlSlot("header")}
|
21
|
+
<nav>${htmlSlot("nav")}</nav>
|
24
22
|
<main>${htmlSlot()}</main>
|
25
23
|
${htmlSlot("footer")}`;
|
26
24
|
}
|
27
|
-
renderNav() {
|
28
|
-
if (this.querySelector("[slot=nav]")) {
|
29
|
-
return htmlSlot("nav");
|
30
|
-
}
|
31
|
-
return html `<nav>
|
32
|
-
<h1>
|
33
|
-
<slot name="host"></slot>
|
34
|
-
<a href="/">${this.host}</a>${this.subhead &&
|
35
|
-
html `<span></span>
|
36
|
-
<div>${this.subhead}</div>`}
|
37
|
-
</h1>
|
38
|
-
<div>
|
39
|
-
<slot name="opt"></slot>
|
40
|
-
</div>
|
41
|
-
</nav>`;
|
42
|
-
}
|
43
25
|
};
|
44
26
|
NavLayout.styles = [
|
45
27
|
GodownElement.styles,
|
@@ -47,89 +29,37 @@ NavLayout.styles = [
|
|
47
29
|
:host {
|
48
30
|
${cssvarScope}--text: var(${cssvarValues.text});
|
49
31
|
${cssvarScope}--background: var(${cssvarValues.main});
|
50
|
-
${cssvarScope}--
|
51
|
-
${cssvarScope}--
|
52
|
-
${cssvarScope}--
|
32
|
+
${cssvarScope}--nav-height: 2.4em;
|
33
|
+
${cssvarScope}--title-font-size: 1.4em;
|
34
|
+
${cssvarScope}--nav-padding: 0 2.5%;
|
35
|
+
${cssvarScope}--main-flex: 1;
|
36
|
+
${cssvarScope}--main-padding: 0;
|
53
37
|
width: 100%;
|
54
38
|
height: 100%;
|
55
|
-
display: flex;
|
56
|
-
flex-
|
39
|
+
display: flex !important;
|
40
|
+
flex-direction: column;
|
57
41
|
justify-content: space-between;
|
58
42
|
align-items: center;
|
59
43
|
min-height: 100%;
|
44
|
+
color: var(${cssvarScope}--text);
|
60
45
|
}
|
61
46
|
|
62
47
|
nav {
|
63
48
|
color: var(${cssvarScope}--text);
|
64
49
|
background: var(${cssvarScope}--background);
|
65
|
-
|
66
|
-
|
67
|
-
nav {
|
68
|
-
height: var(${cssvarScope}--height);
|
69
|
-
min-height: var(${cssvarScope}--height);
|
70
|
-
display: flex;
|
71
|
-
justify-content: space-between;
|
72
|
-
align-items: center;
|
50
|
+
padding: var(${cssvarScope}--nav-padding);
|
51
|
+
height: var(${cssvarScope}--nav-height);
|
73
52
|
width: 100%;
|
74
|
-
padding: 0 2.5%;
|
75
|
-
box-sizing: border-box;
|
76
|
-
margin: auto;
|
77
53
|
position: relative;
|
78
|
-
z-index: 2;
|
79
|
-
}
|
80
|
-
|
81
|
-
a {
|
82
|
-
text-decoration: none;
|
83
|
-
color: currentColor;
|
84
|
-
}
|
85
|
-
|
86
|
-
h1 {
|
87
|
-
font-weight: normal;
|
88
|
-
font-size: var(${cssvarScope}--h1-size);
|
89
|
-
margin: 0;
|
90
|
-
display: flex;
|
91
|
-
align-items: center;
|
92
|
-
}
|
93
|
-
|
94
|
-
h1 span {
|
95
|
-
height: 1em;
|
96
|
-
width: 0.1em;
|
97
|
-
background: currentColor;
|
98
|
-
margin: 0.24em;
|
99
|
-
}
|
100
|
-
|
101
|
-
h1 > * {
|
102
|
-
white-space: nowrap;
|
103
54
|
}
|
104
55
|
|
105
56
|
main {
|
106
|
-
flex: 1;
|
107
|
-
width: inherit;
|
108
|
-
display: flex;
|
109
|
-
flex-direction: column;
|
110
|
-
z-index: 1;
|
111
57
|
position: relative;
|
112
|
-
|
113
|
-
|
114
|
-
nav > div {
|
115
|
-
height: 100%;
|
116
|
-
display: flex;
|
117
|
-
flex-direction: row;
|
118
|
-
}
|
119
|
-
|
120
|
-
@media screen and (max-width: 540px) {
|
121
|
-
h1 a ~ * {
|
122
|
-
display: none;
|
123
|
-
}
|
58
|
+
flex: 1;
|
59
|
+
width: 100%;
|
124
60
|
}
|
125
61
|
`,
|
126
62
|
];
|
127
|
-
__decorate([
|
128
|
-
property()
|
129
|
-
], NavLayout.prototype, "host", void 0);
|
130
|
-
__decorate([
|
131
|
-
property()
|
132
|
-
], NavLayout.prototype, "subhead", void 0);
|
133
63
|
NavLayout = __decorate([
|
134
64
|
define(defineName)
|
135
65
|
], NavLayout);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"nav-layout.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/layout/nav-layout.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAuB,IAAI,EAAE,
|
1
|
+
{"version":3,"file":"nav-layout.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/layout/nav-layout.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAuB,IAAI,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAqB,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEjF,MAAM,UAAU,GAAG,YAAY,CAAC;AAChC,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAE5C;;;;;;;;;;GAUG;AAEI,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,aAAa;IAoDhC,MAAM;QACd,OAAO,IAAI,CAAA,GAAG,QAAQ,CAAC,QAAQ,CAAC;aACvB,QAAQ,CAAC,KAAK,CAAC;cACd,QAAQ,EAAE;QAChB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;IAC3B,CAAC;;AA3CM,gBAAM,GAAG;IACd,aAAa,CAAC,MAAM;IACpB,GAAG,CAAA;;UAEG,WAAW,eAAe,YAAY,CAAC,IAAI;UAC3C,WAAW,qBAAqB,YAAY,CAAC,IAAI;UACjD,WAAW;UACX,WAAW;UACX,WAAW;UACX,WAAW;UACX,WAAW;;;;;;;;qBAQA,WAAW;;;;qBAIX,WAAW;0BACN,WAAW;uBACd,WAAW;sBACZ,WAAW;;;;;;;;;;KAU5B;CACgB,AApCN,CAoCO;AAlDT,SAAS;IADrB,MAAM,CAAC,UAAU,CAAC;GACN,SAAS,CA0DrB;;AAED,eAAe,SAAS,CAAC","sourcesContent":["import { css, type CSSResultGroup, html } from \"../../deps.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { createScope, cssvarValues, define, GodownElement } from \"../../root.js\";\n\nconst defineName = \"nav-layout\";\nconst cssvarScope = createScope(defineName);\n\n/**\n * NavLayout renders a navigation, an optional top header, an optional bottom footer.\n *\n * @slot - The main content of the layout.\n *\n * @slot nav - The navigation of the layout.\n *\n * @slot header - The header of the layout.\n *\n * @slot footer - The footer of the layout.\n */\n@define(defineName)\nexport class NavLayout extends GodownElement {\n /**\n * @deprecated\n */\n host: string;\n /**\n * @deprecated\n */\n subhead: string;\n /**\n * @deprecated\n */\n set: 0 | 1 | 2;\n\n static styles = [\n GodownElement.styles,\n css`\n :host {\n ${cssvarScope}--text: var(${cssvarValues.text});\n ${cssvarScope}--background: var(${cssvarValues.main});\n ${cssvarScope}--nav-height: 2.4em;\n ${cssvarScope}--title-font-size: 1.4em;\n ${cssvarScope}--nav-padding: 0 2.5%;\n ${cssvarScope}--main-flex: 1;\n ${cssvarScope}--main-padding: 0;\n width: 100%;\n height: 100%;\n display: flex !important;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n min-height: 100%;\n color: var(${cssvarScope}--text);\n }\n\n nav {\n color: var(${cssvarScope}--text);\n background: var(${cssvarScope}--background);\n padding: var(${cssvarScope}--nav-padding);\n height: var(${cssvarScope}--nav-height);\n width: 100%;\n position: relative;\n }\n\n main {\n position: relative;\n flex: 1;\n width: 100%;\n }\n `,\n ] as CSSResultGroup;\n\n protected render(): HTMLTemplate {\n return html`${htmlSlot(\"header\")}\n <nav>${htmlSlot(\"nav\")}</nav>\n <main>${htmlSlot()}</main>\n ${htmlSlot(\"footer\")}`;\n }\n}\n\nexport default NavLayout;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"nav-layout\": NavLayout;\n }\n}\n"]}
|
package/nav-aside.d.ts
DELETED
package/nav-aside.d.ts.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"nav-aside.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["nav-aside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAC"}
|
package/nav-aside.js
DELETED
package/nav-aside.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"nav-aside.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["nav-aside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAC","sourcesContent":["export { default } from \"./web-components/layout/nav-aside.js\";"]}
|
package/scroll-x.d.ts
DELETED
package/scroll-x.d.ts.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"scroll-x.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["scroll-x.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC"}
|
package/scroll-x.js
DELETED
package/scroll-x.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"scroll-x.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["scroll-x.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC","sourcesContent":["export { default } from \"./web-components/view/scroll-x.js\";"]}
|
@@ -1,25 +0,0 @@
|
|
1
|
-
import { type CSSResultGroup } from "../../deps.js";
|
2
|
-
import { type HTMLTemplate } from "../../lib/templates.js";
|
3
|
-
import { GodownElement } from "../../root.js";
|
4
|
-
/**
|
5
|
-
* NavAside renders a side or top navigation.
|
6
|
-
*/
|
7
|
-
export declare class NavAside extends GodownElement {
|
8
|
-
/**
|
9
|
-
* The width of the screen for the position change.
|
10
|
-
*/
|
11
|
-
mobile: string;
|
12
|
-
/**
|
13
|
-
* The position behavior.
|
14
|
-
*/
|
15
|
-
position: string;
|
16
|
-
static styles: CSSResultGroup;
|
17
|
-
protected render(): HTMLTemplate;
|
18
|
-
}
|
19
|
-
export default NavAside;
|
20
|
-
declare global {
|
21
|
-
interface HTMLElementTagNameMap {
|
22
|
-
"nav-aside": NavAside;
|
23
|
-
}
|
24
|
-
}
|
25
|
-
//# sourceMappingURL=nav-aside.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"nav-aside.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/layout/nav-aside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAkB,MAAM,eAAe,CAAC;AACzE,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAChF,OAAO,EAAqC,aAAa,EAAE,MAAM,eAAe,CAAC;AAKjF;;GAEG;AACH,qBACa,QAAS,SAAQ,aAAa;IACzC;;OAEG;IACS,MAAM,SAAW;IAC7B;;OAEG;IACS,QAAQ,SAAkB;IAEtC,MAAM,CAAC,MAAM,iBA0BO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;CASjC;AAED,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
|
@@ -1,70 +0,0 @@
|
|
1
|
-
import { __decorate } from "tslib";
|
2
|
-
import { css, html, property } from "../../deps.js";
|
3
|
-
import { htmlSlot, htmlStyle } from "../../lib/templates.js";
|
4
|
-
import { createScope, cssvarValues, define, GodownElement } from "../../root.js";
|
5
|
-
const defineName = "nav-aside";
|
6
|
-
const cssvarScope = createScope(defineName);
|
7
|
-
/**
|
8
|
-
* NavAside renders a side or top navigation.
|
9
|
-
*/
|
10
|
-
let NavAside = class NavAside extends GodownElement {
|
11
|
-
constructor() {
|
12
|
-
super(...arguments);
|
13
|
-
/**
|
14
|
-
* The width of the screen for the position change.
|
15
|
-
*/
|
16
|
-
this.mobile = "720px";
|
17
|
-
/**
|
18
|
-
* The position behavior.
|
19
|
-
*/
|
20
|
-
this.position = "sticky fixed";
|
21
|
-
}
|
22
|
-
render() {
|
23
|
-
const position = this.position.split(/\s+/);
|
24
|
-
const p = position[0] || "sticky";
|
25
|
-
const pm = position[1] || "fixed";
|
26
|
-
const m = this.mobile || "720px";
|
27
|
-
const style = `:host{position:${p} !important;}@media(min-width:${m}){:host{position:${pm} !important;width:fit-content !important;height:100% !important;}nav{display: flex !important;justify-content: space-between !important;flex-direction: column !important;align-content: flex-start !important;align-items: stretch !important;}}`;
|
28
|
-
return html `<nav>${htmlSlot()}</nav>
|
29
|
-
${htmlStyle(style)}`;
|
30
|
-
}
|
31
|
-
};
|
32
|
-
NavAside.styles = [
|
33
|
-
GodownElement.styles,
|
34
|
-
css `
|
35
|
-
:host {
|
36
|
-
${cssvarScope}--text: var(${cssvarValues.text});
|
37
|
-
${cssvarScope}--background: var(${cssvarValues.main});
|
38
|
-
color: var(${cssvarScope}--text);
|
39
|
-
background: var(${cssvarScope}--background);
|
40
|
-
top: 0;
|
41
|
-
left: 0;
|
42
|
-
bottom: 0;
|
43
|
-
width: 100%;
|
44
|
-
height: fit-content;
|
45
|
-
display: flex;
|
46
|
-
}
|
47
|
-
|
48
|
-
nav {
|
49
|
-
height: inherit;
|
50
|
-
width: inherit;
|
51
|
-
display: flex;
|
52
|
-
flex-direction: row;
|
53
|
-
align-items: flex-start;
|
54
|
-
justify-content: space-between;
|
55
|
-
box-sizing: border-box;
|
56
|
-
}
|
57
|
-
`,
|
58
|
-
];
|
59
|
-
__decorate([
|
60
|
-
property()
|
61
|
-
], NavAside.prototype, "mobile", void 0);
|
62
|
-
__decorate([
|
63
|
-
property()
|
64
|
-
], NavAside.prototype, "position", void 0);
|
65
|
-
NavAside = __decorate([
|
66
|
-
define(defineName)
|
67
|
-
], NavAside);
|
68
|
-
export { NavAside };
|
69
|
-
export default NavAside;
|
70
|
-
//# sourceMappingURL=nav-aside.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"nav-aside.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/layout/nav-aside.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAuB,IAAI,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAqB,MAAM,wBAAwB,CAAC;AAChF,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEjF,MAAM,UAAU,GAAG,WAAW,CAAC;AAC/B,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAE5C;;GAEG;AAEI,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,aAAa;IAApC;;QACL;;WAEG;QACS,WAAM,GAAG,OAAO,CAAC;QAC7B;;WAEG;QACS,aAAQ,GAAG,cAAc,CAAC;IAuCxC,CAAC;IATW,MAAM;QACd,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC5C,MAAM,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC;QAClC,MAAM,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC;QAClC,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,IAAI,OAAO,CAAC;QACjC,MAAM,KAAK,GAAG,kBAAkB,CAAC,iCAAiC,CAAC,oBAAoB,EAAE,mPAAmP,CAAC;QAC7U,OAAO,IAAI,CAAA,QAAQ,QAAQ,EAAE;QACzB,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;IACzB,CAAC;;AApCM,eAAM,GAAG;IACd,aAAa,CAAC,MAAM;IACpB,GAAG,CAAA;;UAEG,WAAW,eAAe,YAAY,CAAC,IAAI;UAC3C,WAAW,qBAAqB,YAAY,CAAC,IAAI;qBACtC,WAAW;0BACN,WAAW;;;;;;;;;;;;;;;;;;KAkBhC;CACgB,AA1BN,CA0BO;AAhCR;IAAX,QAAQ,EAAE;wCAAkB;AAIjB;IAAX,QAAQ,EAAE;0CAA2B;AAR3B,QAAQ;IADpB,MAAM,CAAC,UAAU,CAAC;GACN,QAAQ,CA+CpB;;AAED,eAAe,QAAQ,CAAC","sourcesContent":["import { css, type CSSResultGroup, html, property } from \"../../deps.js\";\nimport { htmlSlot, htmlStyle, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { createScope, cssvarValues, define, GodownElement } from \"../../root.js\";\n\nconst defineName = \"nav-aside\";\nconst cssvarScope = createScope(defineName);\n\n/**\n * NavAside renders a side or top navigation.\n */\n@define(defineName)\nexport class NavAside extends GodownElement {\n /**\n * The width of the screen for the position change.\n */\n @property() mobile = \"720px\";\n /**\n * The position behavior.\n */\n @property() position = \"sticky fixed\";\n\n static styles = [\n GodownElement.styles,\n css`\n :host {\n ${cssvarScope}--text: var(${cssvarValues.text});\n ${cssvarScope}--background: var(${cssvarValues.main});\n color: var(${cssvarScope}--text);\n background: var(${cssvarScope}--background);\n top: 0;\n left: 0;\n bottom: 0;\n width: 100%;\n height: fit-content;\n display: flex;\n }\n\n nav {\n height: inherit;\n width: inherit;\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n box-sizing: border-box;\n }\n `,\n ] as CSSResultGroup;\n\n protected render(): HTMLTemplate {\n const position = this.position.split(/\\s+/);\n const p = position[0] || \"sticky\";\n const pm = position[1] || \"fixed\";\n const m = this.mobile || \"720px\";\n const style = `:host{position:${p} !important;}@media(min-width:${m}){:host{position:${pm} !important;width:fit-content !important;height:100% !important;}nav{display: flex !important;justify-content: space-between !important;flex-direction: column !important;align-content: flex-start !important;align-items: stretch !important;}}`;\n return html`<nav>${htmlSlot()}</nav>\n ${htmlStyle(style)}`;\n }\n}\n\nexport default NavAside;\ndeclare global {\n interface HTMLElementTagNameMap {\n \"nav-aside\": NavAside;\n }\n}\n"]}
|
@@ -1,25 +0,0 @@
|
|
1
|
-
import { type HTMLTemplate } from "../../lib/templates.js";
|
2
|
-
import { GodownElement } from "../../root.js";
|
3
|
-
/**
|
4
|
-
* ScrollX changes the scroll direction to horizontal.
|
5
|
-
*/
|
6
|
-
export declare class ScrollX extends GodownElement {
|
7
|
-
/**
|
8
|
-
* Element height.
|
9
|
-
*/
|
10
|
-
height: string;
|
11
|
-
_section: HTMLElement;
|
12
|
-
static styles: import("lit").CSSResult;
|
13
|
-
protected render(): HTMLTemplate;
|
14
|
-
protected _handelScroll(e: any): void;
|
15
|
-
protected firstUpdated(): void;
|
16
|
-
protected _handelResize(): void;
|
17
|
-
resize(): void;
|
18
|
-
}
|
19
|
-
export default ScrollX;
|
20
|
-
declare global {
|
21
|
-
interface HTMLElementTagNameMap {
|
22
|
-
"scroll-x": ScrollX;
|
23
|
-
}
|
24
|
-
}
|
25
|
-
//# sourceMappingURL=scroll-x.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"scroll-x.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/view/scroll-x.ts"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGhF,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAI9C;;GAEG;AACH,qBACa,OAAQ,SAAQ,aAAa;IACxC;;OAEG;IACS,MAAM,SAAM;IAEN,QAAQ,EAAE,WAAW,CAAC;IAExC,MAAM,CAAC,MAAM,0BA4BX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAUhC,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,GAAG;IAI9B,SAAS,CAAC,YAAY;IAKtB,SAAS,CAAC,aAAa;IAIvB,MAAM;CAiBP;AAED,eAAe,OAAO,CAAC;AAEvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
|
@@ -1,97 +0,0 @@
|
|
1
|
-
import { __decorate } from "tslib";
|
2
|
-
import { css, html, property, query } from "../../deps.js";
|
3
|
-
import { htmlSlot, htmlStyle } from "../../lib/templates.js";
|
4
|
-
import { debounce } from "../../lib/utils.js";
|
5
|
-
import { define } from "../../root.js";
|
6
|
-
import { GodownElement } from "../../root.js";
|
7
|
-
const defineName = "scroll-x";
|
8
|
-
/**
|
9
|
-
* ScrollX changes the scroll direction to horizontal.
|
10
|
-
*/
|
11
|
-
let ScrollX = class ScrollX extends GodownElement {
|
12
|
-
constructor() {
|
13
|
-
super(...arguments);
|
14
|
-
/**
|
15
|
-
* Element height.
|
16
|
-
*/
|
17
|
-
this.height = "";
|
18
|
-
}
|
19
|
-
render() {
|
20
|
-
const style = this.height && `:host{height:${this.height}}`;
|
21
|
-
return html `<section @scroll="${this._handelScroll}">
|
22
|
-
<main>
|
23
|
-
<span>${htmlSlot()}</span>
|
24
|
-
</main>
|
25
|
-
${htmlStyle(style)}
|
26
|
-
</section>`;
|
27
|
-
}
|
28
|
-
_handelScroll(e) {
|
29
|
-
this.dispatchEvent(new CustomEvent("scroll", { detail: e.target.scrollTop }));
|
30
|
-
}
|
31
|
-
firstUpdated() {
|
32
|
-
this.resize();
|
33
|
-
this.addEvent(window, "resize", debounce(this._handelResize.bind(this), 500));
|
34
|
-
}
|
35
|
-
_handelResize() {
|
36
|
-
this.resize();
|
37
|
-
}
|
38
|
-
resize() {
|
39
|
-
const child = this.firstElementChild;
|
40
|
-
if (!child) {
|
41
|
-
return;
|
42
|
-
}
|
43
|
-
const height = child.clientHeight || 0;
|
44
|
-
if (height) {
|
45
|
-
this._section.style.width = height + "px";
|
46
|
-
this._section.style.height = getComputedStyle(this).width;
|
47
|
-
}
|
48
|
-
else {
|
49
|
-
const ComputedHeight = getComputedStyle(child).height;
|
50
|
-
this.style.height = ComputedHeight;
|
51
|
-
this._section.style.width = ComputedHeight;
|
52
|
-
this._section.style.height = getComputedStyle(this).width;
|
53
|
-
}
|
54
|
-
this.height = this._section.style.width;
|
55
|
-
}
|
56
|
-
};
|
57
|
-
ScrollX.styles = css `
|
58
|
-
:host {
|
59
|
-
display: block;
|
60
|
-
width: 100%;
|
61
|
-
}
|
62
|
-
|
63
|
-
section {
|
64
|
-
overflow: auto;
|
65
|
-
position: relative;
|
66
|
-
transform-origin: 0 0;
|
67
|
-
transform: rotate(-90deg) translateX(-100%);
|
68
|
-
}
|
69
|
-
|
70
|
-
section::-webkit-scrollbar {
|
71
|
-
display: none;
|
72
|
-
}
|
73
|
-
|
74
|
-
span {
|
75
|
-
display: flex;
|
76
|
-
}
|
77
|
-
|
78
|
-
main {
|
79
|
-
width: auto;
|
80
|
-
position: absolute;
|
81
|
-
left: 100%;
|
82
|
-
transform-origin: 0 0;
|
83
|
-
transform: rotate(90deg);
|
84
|
-
}
|
85
|
-
`;
|
86
|
-
__decorate([
|
87
|
-
property()
|
88
|
-
], ScrollX.prototype, "height", void 0);
|
89
|
-
__decorate([
|
90
|
-
query("section")
|
91
|
-
], ScrollX.prototype, "_section", void 0);
|
92
|
-
ScrollX = __decorate([
|
93
|
-
define(defineName)
|
94
|
-
], ScrollX);
|
95
|
-
export { ScrollX };
|
96
|
-
export default ScrollX;
|
97
|
-
//# sourceMappingURL=scroll-x.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"scroll-x.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/view/scroll-x.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAqB,MAAM,wBAAwB,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,MAAM,UAAU,GAAG,UAAU,CAAC;AAE9B;;GAEG;AAEI,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,aAAa;IAAnC;;QACL;;WAEG;QACS,WAAM,GAAG,EAAE,CAAC;IA0E1B,CAAC;IAxCW,MAAM;QACd,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,IAAI,gBAAgB,IAAI,CAAC,MAAM,GAAG,CAAC;QAC5D,OAAO,IAAI,CAAA,qBAAqB,IAAI,CAAC,aAAa;;gBAEtC,QAAQ,EAAE;;QAElB,SAAS,CAAC,KAAK,CAAC;eACT,CAAC;IACd,CAAC;IAES,aAAa,CAAC,CAAM;QAC5B,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;IAChF,CAAC;IAES,YAAY;QACpB,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;IAChF,CAAC;IAES,aAAa;QACrB,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAED,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,iBAAiB,CAAC;QACrC,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO;QACT,CAAC;QACD,MAAM,MAAM,GAAG,KAAK,CAAC,YAAY,IAAI,CAAC,CAAC;QACvC,IAAI,MAAM,EAAE,CAAC;YACX,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC;YAC1C,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC;QAC5D,CAAC;aAAM,CAAC;YACN,MAAM,cAAc,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC;YACtD,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,cAAc,CAAC;YACnC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,cAAc,CAAC;YAC3C,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC;QAC5D,CAAC;QACD,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;IAC1C,CAAC;;AArEM,cAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BlB,AA5BY,CA4BX;AAhCU;IAAX,QAAQ,EAAE;uCAAa;AAEN;IAAjB,KAAK,CAAC,SAAS,CAAC;yCAAuB;AAN7B,OAAO;IADnB,MAAM,CAAC,UAAU,CAAC;GACN,OAAO,CA8EnB;;AAED,eAAe,OAAO,CAAC","sourcesContent":["import { css, html, property, query } from \"../../deps.js\";\nimport { htmlSlot, htmlStyle, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { debounce } from \"../../lib/utils.js\";\nimport { define } from \"../../root.js\";\nimport { GodownElement } from \"../../root.js\";\n\nconst defineName = \"scroll-x\";\n\n/**\n * ScrollX changes the scroll direction to horizontal.\n */\n@define(defineName)\nexport class ScrollX extends GodownElement {\n /**\n * Element height.\n */\n @property() height = \"\";\n\n @query(\"section\") _section: HTMLElement;\n\n static styles = css`\n :host {\n display: block;\n width: 100%;\n }\n\n section {\n overflow: auto;\n position: relative;\n transform-origin: 0 0;\n transform: rotate(-90deg) translateX(-100%);\n }\n\n section::-webkit-scrollbar {\n display: none;\n }\n\n span {\n display: flex;\n }\n\n main {\n width: auto;\n position: absolute;\n left: 100%;\n transform-origin: 0 0;\n transform: rotate(90deg);\n }\n `;\n\n protected render(): HTMLTemplate {\n const style = this.height && `:host{height:${this.height}}`;\n return html`<section @scroll=\"${this._handelScroll}\">\n <main>\n <span>${htmlSlot()}</span>\n </main>\n ${htmlStyle(style)}\n </section>`;\n }\n\n protected _handelScroll(e: any) {\n this.dispatchEvent(new CustomEvent(\"scroll\", { detail: e.target.scrollTop }));\n }\n\n protected firstUpdated() {\n this.resize();\n this.addEvent(window, \"resize\", debounce(this._handelResize.bind(this), 500));\n }\n\n protected _handelResize() {\n this.resize();\n }\n\n resize() {\n const child = this.firstElementChild;\n if (!child) {\n return;\n }\n const height = child.clientHeight || 0;\n if (height) {\n this._section.style.width = height + \"px\";\n this._section.style.height = getComputedStyle(this).width;\n } else {\n const ComputedHeight = getComputedStyle(child).height;\n this.style.height = ComputedHeight;\n this._section.style.width = ComputedHeight;\n this._section.style.height = getComputedStyle(this).width;\n }\n this.height = this._section.style.width;\n }\n}\n\nexport default ScrollX;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"scroll-x\": ScrollX;\n }\n}\n"]}
|